|
|
| (12 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| {| class="wikitable" style="width:100%; text-align:center;"
| |
| |-
| |
| ! colspan="6" | Table of Contents
| |
| |-
| |
| | Ideation Studio || [https://wiki.xamun.com/wiki/Main_Page Main Page] || [https://wiki.xamun.com/wiki/Design_Studio Design Studio] || [https://wiki.xamun.com/wiki/Project_Hub Project Hub] || [https://wiki.xamun.com/wiki/Build_Studio Build Studio] || Go Live
| |
| |}
| |
|
| |
|
|
| |
| <div style="border: 2px solid black; padding: 20px; text-align: justify;">
| |
| '''Project Hub''' is the stage where the user can track and monitor the development progress of the BUILD PROJECT. This is also where the collaboration of the team members happens.
| |
| <center>{{#ev:youtube|izBupG36I1c}}</center>
| |
| </div><br>
| |
|
| |
| <div style="border: 2px solid black; padding: 20px; text-align: justify;">
| |
| ===Project Hub Dashboard===
| |
| After the account has been created from the Design Studio, users will have access to the Project Hub. It has all the projects created with different statuses.
| |
|
| |
| Each project listed contains the Title, Total Modules, Status, Option to Share, Progress Status in % form and List of Team Members. The total number of active projects is shown on this page as well.
| |
|
| |
| [[File:ProjectHub.png|center|750px|link=https://wiki.xamun.com/images/c/c0/ProjectHub.png]] <span style="padding-left: 100px;">[[:File:ProjectHub.png|View Image Source]]</span>
| |
|
| |
| {| class="wikitable mw-collapsible"
| |
| ! style="border: 2px solid black;" | Feature
| |
| ! style="border: 2px solid black;" | Description
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Projects Tab || style="border: 1px solid black; background-color: white;" | • If clicked, it will show the projects with different statuses except the archived ones.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Archive Tab || style="border: 1px solid black; background-color: white;" | • If clicked, it will show the projects set to archived.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Active Tab || style="border: 1px solid black; background-color: white;" | • If Tile type is selected, it should show the projects in card view. <br> • If List type is selected, it should show the projects in list view.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Filter || style="border: 1px solid black; background-color: white;" | • List of statuses. <br> • Filtered projects must be shown based on the selected status.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Project Card || style="border: 1px solid black; background-color: white;" | • If clicked, it will show the PROJECT MILESTONE AND GENERAL UPDATES popup.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Edit Project (Red Icon)|| style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect to Design Studio and Customize Modules step.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Collaborate With Xamun Team (Blue Book Icon) || style="border: 1px solid black; background-color: white;" | • Schedule a meeting with our team if you want to collaborate with us directly.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Request Proposal (Purple Note Icon)|| style="border: 1px solid black; background-color: white;" | • If clicked, it will open the PAYMENT TERM popup.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Request Sent (Green Note Icon)|| style="border: 1px solid black; background-color: white;" | • Serve as indicator that your PROPOSAL is SENT.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Play Icon (Blue Icon) || style="border: 1px solid black; background-color: white;" | • If clicked, it will play the uploaded video recording.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Link Icon (Black Icon)|| style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect to the Figma prototype.
| |
| |}
| |
| </div>
| |
| <br>
| |
|
| |
| <div style="border: 2px solid black; padding: 20px; text-align: justify;">
| |
|
| |
| ===Edit Module===
| |
|
| |
| [[File:Functions.png|center|300px|link=https://wiki.xamun.com/images/a/a7/Functions.png]] <span style="padding-left: 100px;">[[:File:Functions.png|View Image Source]]</span>
| |
|
| |
| [[File:NewEdit.png|center|750px|link=https://wiki.xamun.com/images/0/07/NewEdit.png]] <span style="padding-left: 100px;">[[:File:NewEdit.png|View Image Source]]</span>
| |
|
| |
| [[File:PageFunction.png|center|750px|link=https://wiki.xamun.com/images/e/e5/PageFunction.png]] <span style="padding-left: 100px;">[[:File:PageFunction.png|View Image Source]]</span>
| |
|
| |
| {| class="wikitable mw-collapsible"
| |
| ! style="border: 2px solid black;"| Feature
| |
| ! style="border: 2px solid black;"| Description
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Working with Figma || style="border: 2px solid black; background-color: white;" | • If clicked, you can choose '''EXPORT SOLUTION''', '''IMPORT SOLUTION''', and '''MEDIA LIBRARY'''.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Number of Module Pages || style="border: 2px solid black; background-color: white;" | • Number of pages available from Xamun Library vs to be designed pages suggested by AI.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add (+) button || style="border: 2px solid black; background-color: white;" | • Found on the upper left corner of the Module list. <br> • If clicked, it will show a popup to choose beTween '''ADD NEW MODULE FROM LIBRARY''' or '''ADD BLANK MODULE''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Arrow Up/Down Icon beside the module || style="border: 2px solid black; background-color: white;" | • If arrow up is clicked, it will list down all the pages of the selected module. <br> • If arrow down is clicked, it will hide all the pages of the selected module.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Module Setting (Gear Icon) || style="border: 2px solid black; background-color: white;" | • If clicked, it will show the two kinds of adding the page, namely: '''Add page from library''', '''Add blank page'''.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Clickable Page Name || style="border: 2px solid black; background-color: white;" | • If clicked, it will display the page preview.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Switch / Toggle Button || style="border: 2px solid black; background-color: white;" | • Found on the left side of the page name. <br> • If clicked, it will Toggle button to remove or add page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Right Arrow beside the page name || style="border: 2px solid black; background-color: white;" | • If clicked, it will show '''DESIGN PREVIEW''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Available Modules/Pages || style="border: 2px solid black; background-color: white;" | • If clicked, it will display more modules and pages.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Proceed || style="border: 2px solid black; background-color: #white;" | • If clicked and validations passed, it will redirect to the next step. <br> • If validations fail, an error message must be displayed.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Menu Icon || style="border: 2px solid black; background-color: #white;" | • Found on the most upper right corner of the page beside '''PROCEED''' button. <br> • If clicked, it will show the '''SOLUTION INFORMATION''' page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Web/Mobile Toggle || style="border: 2px solid black; background-color: white;" | • If web toggle is clicked, it will show the web view. <br> • If mobile toggle is clicked, it will show the mobile view.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Arrow Navigator (left and right) || style="border: 2px solid black; background-color: white;" | • It will be shown if the selected module has multiple pages. <br> • If left arrow is clicked, it will navigate to the next page. <br> • If right arrow is clicked, it will navigate to the previous page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Write Note || style="border: 2px solid black; background-color: white;" | • If clicked, it will open the Note popup page.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Edit Note || style="border: 2px solid black; background-color: white;" | • If clicked, it will open the Note popup page with the previously saved information.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add Page from library || style="border: 2px solid black; background-color: white;" | • If clicked, it will redirect to ADD PAGE. <br> • See PERSONALIZE MODULE section > ADD PAGE VIEW for more details. <br> • Inside Gear Icon (Module Settings).
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Add blank page || style="border: 2px solid black; background-color: white;" | • If clicked, the screen will show a blank page. <br> • Inside Gear Icon (Module Settings).
| |
| |}
| |
|
| |
| Edit Page Functions
| |
| {| class="wikitable mw-collapsible"
| |
| ! style="border: 2px solid black;" |Feature
| |
| ! style="border: 2px solid black;" | Description
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Other Specs || style="border: 2px solid black; background-color: white;" | • You can edit or add functional details to the page you're working on, including third-party APIs, logic, and computations.
| |
| |-
| |
| | style="border: 2px solid black; background-color: #f2f2f2;" | Apply changes|| style="border: 2px solid black; background-color: white;" | • If clicked, it will apply all the changes made, if there are any, and redirect to the FINALIZE step. <br> • If clicked and nothing was updated, no changes must be saved and will redirect to the FINALIZE step.
| |
| |}
| |
| </div><br>
| |
|
| |
| <div style="border: 2px solid black; padding: 20px; text-align: justify;">
| |
|
| |
| ===Build Studio Dashboard===
| |
| This is the page where the Developer can start the development.
| |
|
| |
| [[File:Xamun-project-buildStudioDashboard.png|center|750px|link=https://wiki.xamun.com/images/f/f8/Xamun-project-buildStudioDashboard.png]]
| |
| <span style="padding-left: 100px;">[[:File:Xamun-project-buildStudioDashboard.png|View Image Source]]</span>
| |
| </div>
| |
| <br>
| |
|
| |
| {| class="wikitable" style="width:100%; text-align:center;"
| |
| |-
| |
| ! colspan="6" | Table of Contents
| |
| |-
| |
| | Ideation Studio || [https://wiki.xamun.com/wiki/Main_Page Main Page] || [https://wiki.xamun.com/wiki/Design_Studio Design Studio] || [https://wiki.xamun.com/wiki/Project_Hub Project Hub] || [https://wiki.xamun.com/wiki/Build_Studio Build Studio] || Go Live
| |
| |}
| |
