|
|
| (6 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| {| class="wikitable" style="width:100%; text-align:center;"
| |
| |-
| |
| ! colspan="6" | Table of Contents
| |
| |-
| |
| | [https://wiki.xamun.com/wiki/Main_Page Getting Started] || [https://wiki.xamun.com/wiki/Ideation_Studio Ideation Studio] || [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'''
| |
| ---
| |
| The 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="width:100%";
| |
| ! 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==
| |
| You can modify your project by accessing Edit Modules. In this step, the user can modify or add modules based on the selected Solution to fit the business needs or requirements.
| |
|
| |
| [[File:Functions.png|center|300px|link=https://wiki.xamun.com/images/a/a7/Functions.png]]
| |
| <span style="padding-left:300px;">[[: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>
| |
|
| |
| {| class="wikitable mw-collapsible" style="width:100%";
| |
| ! style="border: 2px solid black;"| Feature
| |
| ! style="border: 2px solid black;"| Description
| |
| |-
| |
| | 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;" | 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====
| |
|
| |
| [[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="width:100%";
| |
| ! 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> <br>
| |
| </div>
| |
| <br>
| |
|
| |
| {| class="wikitable" style="width:100%; text-align:center;"
| |
| |-
| |
| ! colspan="6" | Table of Contents
| |
| |-
| |
| | [https://wiki.xamun.com/wiki/Main_Page Main Page] || [https://wiki.xamun.com/wiki/Ideation_Studio Ideation Studio] || [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
| |
| |}
| |
