Main Page: Difference between revisions

From Xamun MediaWiki
 
(161 intermediate revisions by 10 users not shown)
Line 3: Line 3:
! colspan="6" | Table of Contents
! 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
| [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/Build_Studio Build Studio] || [https://wiki.xamun.com/wiki/Frequently_Asked_Questions FAQs] || [https://wiki.xamun.com/wiki/Test_page Test]
|}
|}


<div style="border: 2px solid black; padding: 20px; text-align: justify;">
<div style="border: 2px solid black; padding: 20px; text-align: justify;">
==Introduction==
 
The following sub-sections provide context and overview necessary for understanding and use of this Document.  
The following sub-sections provide context and overview necessary for understanding and use of this Document.  


===Project Background===
==Project Background==
==='''Introduction'''===
Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software because it uses bot and low-code functionalities in building your application and to unlock innovations. It can launch ultrafast scalable, complex, and enterprise-ready applications.  
Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software because it uses bot and low-code functionalities in building your application and to unlock innovations. It can launch ultrafast scalable, complex, and enterprise-ready applications.  


The project can be created by different kinds of users, like managers, developers, and even stakeholders, because the platform offers different options for creating it.
The project can be created by different kinds of users, like managers, developers, and even stakeholders, because the platform offers different options for creating it.
<br>
</div>
<br>
<div style="border: 2px solid black; padding: 20px; text-align: justify;">


===Document Description===
==Document Description==
This document substantiates the functional specifications for the system to be implemented in this project – namely the functionalities, security and access features, and user interface per identified modules. <br> This document contains the overview and detailed reports on the following:  
This document substantiates the functional specifications for the system to be implemented in this project – namely the functionalities, security and access features, and user interface per identified modules. <br> This document contains the overview and detailed reports on the following:  


Line 21: Line 26:
*Product Backlog (User Stories)  
*Product Backlog (User Stories)  
*Technical Architecture
*Technical Architecture
<br>
''Updated on: 07/09/2024''
</div>
</div>
<br>
<br>
<div style="border: 2px solid black; padding: 20px; text-align: justify;">
<div style="border: 2px solid black; padding: 20px; text-align: justify;">
==System Overview==
==System Overview==
Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software for it uses bot and low-code functionalities in building your application and to unlock innovations. It can ultrafast launch a scalable, complex, and enterprise-ready applications.  
Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software for it uses bot and low-code functionalities in building your application and to unlock innovations. It can ultrafast launch a scalable, complex, and enterprise-ready applications.  


The project can be created by different kinds of users like managers, developers and even stakeholders for the platform offers different options in creating it.  
The project can be created by different kinds of users like managers, developers and even stakeholders for the platform offers different options in creating it.  
<br>
</div>
<br>
<div style="border: 2px solid black; padding: 20px; text-align: justify;">


===Platform Overview===
==Platform Overview==
The platform has three major systems that consists of the following:  
The platform has three major systems that consists of the following:  


'''''Ideation Studio'''''
'''''[https://wiki.xamun.com/wiki/Ideation_Studio Ideation Studio]''''' is where the users can generate their desired platform. Users can interact with Xami, an AI advisory of the Xamun Website that assists users in planning the layout of their platform. This will lessen the user's time to ideate and execute the supposed solution and serve a convenient approach.
 
The '''''[https://wiki.xamun.com/wiki/Design_Studio Design Studio]''''' and '''''[https://wiki.xamun.com/wiki/Project_Hub Project Hub]''''' combine to offer a comprehensive solution for customizing and managing projects from start to finish. In the '''''Design Studio''''', users can refine the platform generated in the Ideation Studio by customizing pre-defined modules or creating new ones tailored to specific needs. With the support of Xami, the AI advisor, users can input details such as module names, page names, and page descriptions, ensuring that the platform aligns perfectly with their vision. Estimated costs are automatically calculated and displayed for users to review, making the design process more efficient.
 
Once the design phase is complete, the '''''Project Hub''''' serves as the central workspace for tracking, monitoring, and managing projects in real time. Users can easily collaborate with team members, manage ongoing tasks, and continue draft projects, all while receiving live updates on project activities. The Project Hub ensures that every stage of the project, from design to execution, is well-coordinated, promoting seamless teamwork and efficient project management. Together, these systems offer a powerful platform for customization, collaboration, and real-time project tracking, simplifying the entire workflow. 


'''''[https://wiki.xamun.com/wiki/Design_Studio Design Studio]''''' is where the selection of SOLUTION with pre-defined modules in creating a project. The selected modules can be customized, and the pages can be personalizedThe estimated costs are computed and can be viewed by the user.  
'''''[https://wiki.xamun.com/wiki/Build_Studio Build Studio]''''' has the backend and frontend setup for the project. The developers can easily build the application using the low-code interfaceIt also has the feature of deploying the application in an ultra-fast way and testing it.


'''''Go Live'''''
<br>
''Updated on: 10/22/2024''
</div>
<br>


'''''[https://wiki.xamun.com/wiki/Project_Hub 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. 
<div style="border: 2px solid black; padding: 20px; text-align: justify;">


==Getting Started==
==='''Landing Page Overview'''===


'''''[https://wiki.xamun.com/wiki/Build_Studio Build Studio]''''' has the backend and frontend setup for the project. The developers can easily build the application using the low-code interface. It also has the feature of deploying the application in an ultra-fast way and testing it.
Welcome to Xamun! Get ready to explore and take full advantage of its features. This guide will help you get started.
 
Before creating your account, let’s take a quick tour of the Xamun landing page to familiarize yourself with the platform.
 
1. A chat box is available where you can ask Xami about your project. Simply type any information about your project, then press '''Enter''' or click the icon.
 
[[File:Xamun Landing.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Landing.png]]
 
::::::::::::::::Fig 1. Landing Page Overview
 
2. Select the necessary modules you want to include in your project.
 
[[File:Xamun_Suggestions.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Suggestions.png]]
 
::::::::::::::::Fig 2. Xami's Suggested Solution
 
3. Click the dropdown button to sign up or sign in first, and then access other modules.
 
a. Ask Xami
 
b. Ideation Studio  
 
c. Book a Meeting
 
d. Sign Up
 
e. Sign In
 
[[File:Xamun_Menu.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Menu.png]]
 
:::::::::::::::::Fig 3. Dropdown Button
 
'''Reference Material'''
 
{| 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;" | Ask Xami || style="border: 1px solid black; background-color: white;" | • Engage with Xami, an AI assistant to ask questions, get recommendations, or receive guidance on navigating the platform or finding solutions.
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Ideation Studio || style="border: 1px solid black; background-color: white;" | • Enter the Ideation Studio to brainstorm, create, and develop new project ideas with tools and resources designed to support innovation. <br> • Signing up is required first.
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Book a Meeting || style="border: 1px solid black; background-color: white;" | • Schedule a meeting with a team member, consultant, or expert to discuss your project, needs, or any other inquiries.
|-
| style="border: 2px solid black; background-color: #f2f2f2; text-align: left" | Sign Up || style="border: 1px solid black; background-color: white;" | • Register for a new account to gain access to the platform’s full features and services.
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign In || style="border: 1px solid black; background-color: white;" | • Log in to your existing account to access your personalized dashboard, ongoing projects, and saved settings.
|}


'''''Go Live'''''
<br>
''Updated on: 10/18/2024''
</div>
</div>
<br>
<br>


<div style="border: 2px solid black; padding: 20px; text-align: justify;">
<div style="border: 2px solid black; padding: 20px; text-align: justify;">
==Landing Page==
The Select-solution page serves as the gateway to Xamun.AI. You can choose to use AI Advisory or select your desired solution from the applications listed here.


{| class="wikitable mw-collapsible"
==Sign Up==
==='''Sign up to Xamun Design Studio'''===
We're thrilled to have you using Xamun AI! This guide will walk you through getting started on our platform, from your first visit to completing your sign-up. Discover all that Xamun has to offer and unlock its full potential. Just follow these simple steps, and you’ll be ready to go!
 
To begin your journey with Xamun, you’ll need to create an account. 
 
1. From the landing page of Xamun, click on the menu button.
 
[[File:Landing_Page_Xamun.png|center|750px|link=https://wiki.xamun.com/wiki/File:Landing_Page_Xamun.png]]
 
2. Select '''‘Sign Up’''' from the list.
 
[[File:Landing_Page_Menu.png|center|750px|link=https://wiki.xamun.com/wiki/File:Landing_Page_Menu.png]]
 
3. In '''Step 1''' of the sign-up process, provide your account information such as your email address and password.
 
4. Retype your password to confirm it.
 
5. Once you're done, click the '''Next''' button to proceed to the next step.
 
[[File:Account_Info.png|center|750px|link=https://wiki.xamun.com/wiki/File:Account_Info.png]]
 
''Note: Your password should be at least eight characters that contain one uppercase letter, one lowercase letter, one number and one special character.''
 
6. In '''Step 2''' of the sign-up process, provide your account information such as your name, company, role, and phone number.
 
[[File:Other_Info.png|center|750px|link=https://wiki.xamun.com/wiki/File:Other_Info.png]]
 
''Note: Use the scrollbar to view the 'Previous' and 'Sign Up' buttons below.''
 
7. Click the '''Sign Up''' button to receive a One-Time Password (OTP) from your mobile number.
 
[[File:Other_Info_Lower.png|center|750px|link=https://wiki.xamun.com/wiki/File:Other_Info_Lower.png]]
 
''Note: To edit your account info during your sign-up, click the '''Previous''' button to return to Step 1.''
 
8. In '''Step 3''' of the signup process, enter the OTP sent from your number then click on '''‘Verify OTP’''' button.
 
[[File:OTP_Verification.png|center|750px|link=https://wiki.xamun.com/wiki/File:OTP_Verification.png]]
 
''Note: If you haven’t received the code, simply click '''‘Resend Code’''' to have it sent again to your mobile number.''
 
9. Congratulations! You've successfully signed up for Xamun. A confirmation message, '''“Account created successfully”''' will appear in the bottom-right corner of your screen.
 
10. Click the '''OK''' or '''Sign In''' button to proceed with logging into your newly created account.
 
[[File:Account_Created.png|center|750px|link=https://wiki.xamun.com/wiki/File:Account_Created.png]]
 
'''Reference Material'''
 
'''Step 1'''
 
{| style="width: 100%;" class="wikitable mw-collapsible"
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Description
! style="border: 2px solid black;" | Description
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Chat with Xamun AI for Suggestion || style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect to Xamun AI Advisory <br> • To get suggestions for Solutions you want to build.
| style="border: 2px solid black; background-color: #f2f2f2;" | Email || style="border: 1px solid black; background-color: white;" | • Enter user’s registered email address <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Search and Select Solution || style="border: 1px solid black; background-color: white;" | • On this page, you may select the desired solution that you want to build.
| style="border: 2px solid black; background-color: #f2f2f2;" | Password || style="border: 1px solid black; background-color: white;" | • Unique password of the user <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Co - Design with Us || 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;" | Next || style="border: 1px solid black; background-color: white;" | • Click this button to proceed to the next step
|}
 
'''Step 2'''
 
{| style="width: 100%;" class="wikitable mw-collapsible"
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Description
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign In || style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect the user to SIGN IN page.
| style="border: 2px solid black; background-color: #f2f2f2;" | Name || style="border: 1px solid black; background-color: white;" | • Enter your full name <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign Up || style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect the user to SIGN UP page.
| style="border: 2px solid black; background-color: #f2f2f2;" | Company || style="border: 1px solid black; background-color: white;" | • Enter company that you belong with. <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Category Show All || style="border: 1px solid black; background-color: white;" | • To categorise your needed solution.
| style="border: 2px solid black; background-color: #f2f2f2;" | Role || style="border: 1px solid black; background-color: white;" | • Specify your role in the company <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Search || style="border: 1px solid black; background-color: white;" | • To directly filter your desired solution.
| style="border: 2px solid black; background-color: #f2f2f2;" | Mobile Number || style="border: 1px solid black; background-color: white;" | • Enter your mobile number <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | View Details || style="border: 1px solid black; background-color: white;" | • To show DESIGN PREVIEW • To begin building your desired solution, please click here. This will provide a brief overview of the application.
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign Up || style="border: 1px solid black; background-color: white;" | • Click this button to proceed to the next step
|}
|}
'''Step 3'''
{| style="width: 100%;" class="wikitable mw-collapsible"
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Description
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Verify OTP Field || style="border: 1px solid black; background-color: white;" | • Enter the One-Time Password (OTP) sent to your mobile number <br> • Required field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Resend Code || style="border: 1px solid black; background-color: white;" | • Click to resend the OTP if needed
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Verify OTP button || style="border: 1px solid black; background-color: white;" | • After entering the OTP, click this button for the system to verify it. Once verified, your account will be created
|}
<br>
''Updated on: 10/18/2024''
</div>
<br>


<div style="border: 2px solid black; padding: 20px; text-align: justify;">
<div style="border: 2px solid black; padding: 20px; text-align: justify;">


==Sign In==
==Sign In==
Login page is used to create an account for unregistered users or to login directly for registered users. It is required to login before proceeding to CUSTOMIZE MODULES step with the selected solution, system or modules.  
==='''Sign in to Xamun Design Studio'''===
After successfully signing up to Xamun, this guide will walk you through the signing process.
 
1. From the landing page of Xamun, click on the menu button.
 
[[File:Xamun_Open_Menu.png|center|750px|link=https://wiki.xamun.com/wiki/File:]]
 
2. Select '''‘Sign In’''' from the list.
 
[[File:Xamun_Menu_SignIn.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Menu_SignIn.png]]
 
3. Provide the '''Email Address''' and '''Password''' that you used during sign-up.
<br>
<br>
Click the '''Sign In '''button to proceed. You will be redirected to the Xamun Project Hub.


[[File:Xamun-login-page.png|center|750px|link=https://wiki.xamun.com/images/0/0f/Xamun-login-page.png]]
[[File:Xamun_SignIn.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_SignIn.png]]
<span style="padding-left: 90px;">[[:File:Xamun-login-page.png|View Image Source]]<span>


{| class="wikitable mw-collapsible"
'''Reference Material'''
 
{| style="width: 100%;" class="wikitable mw-collapsible"
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Description
! style="border: 2px solid black;" | Description
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Username || style="border: 1px solid black; background-color: white;" | • Registered username of the user <br> • Username must be your EMAIL ADDRESS <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Username || style="border: 1px solid black; background-color: white;" | • Enter user’s registered email address <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Password || style="border: 1px solid black; background-color: white;" | • Registered password of the user <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Password || style="border: 1px solid black; background-color: white;" | • Enter user’s password <br> • Required field
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign In || style="border: 1px solid black; background-color: white;" | • If the user is done with the SELECT SOLUTION step and clicked the SIGN IN button, it will redirect the page to CUSTOMIZE MODULES step.  <br> • If the user did not go through the SELECT SOLUTION step and clicked the SIGN IN button, it will redirect the page to PROJECT HUB.
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign In || style="border: 1px solid black; background-color: white;" | • Click to be redirected to the Project Hub
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign Up || style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect the user to SIGN UP page.
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign Up || style="border: 1px solid black; background-color: white;" | • Click to go to the Sign-Up page
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | reCAPTCHA || style="border: 1px solid black; background-color: white;" | • Third party application; existing rules will be applied. <br> • Required in signing in.  
|}
 
<br>
''Updated on: 10/21/2024''
</div>
<br>
 
<div style="border: 2px solid black; padding: 20px; text-align: justify;">
 
==Adding Members==
==='''Adding Members'''===
You can invite and add new team members to your project using the '''Adding Members function''', which improves cooperation and increases output. You may easily and successfully add members by following this guide's instructions.
 
1. In the '''Xamun Project Hub''', click the dropdown next to your registered email and select '''Account.'''
 
[[File:Select_Account.png|center|750px|link=https://wiki.xamun.com/wiki/File:Select_Account.png]] <span style="padding-left: 100px;">
</span>
 
2. Click '''Invite Users''' to invite and add new members to the project.
 
[[File:Invite_User.png|center|750px|link=https://wiki.xamun.com/wiki/File:Invite_User.png]] <span style="padding-left: 100px;">
</span>
 
3. Input the email address you want to collaborate with. After filling out, click the '''+''' button then click '''Send Invite.'''
 
''Note: The email address is required.''
 
[[File:Add_User_email.png|center|750px|link=https://wiki.xamun.com/wiki/File:Add_User_email.png]] <span style="padding-left: 100px;">
</span>
 
4. Use the '''Switch Account''' feature to manage multiple accounts without logging out.
 
[[File:Switch_Accounts.png|center|750px|link=https://wiki.xamun.com/wiki/File:Switch_Accounts.png]] <span style="padding-left: 100px;">
</span>
 
5. To add members to a specific project, go back to the '''Project Hub''', click the '''+''' button, and select the users to invite.
 
[[File:Project_Hub_Add.png|center|750px|link=https://wiki.xamun.com/wiki/File:Project_Hub_Add.png]]
 
6. A window will appear listing the users you’ve invited by email. Select the members you'd like to add to the project, then click the '''Add Members''' button once you're done selecting.
 
[[File:Add_Member.png|center|750px|link=https://wiki.xamun.com/wiki/File:Add_Member.png]]
 
7. Once a member is successfully added, you can view them under the '''Collaboration''' section by clicking on it.
 
[[File:Collab.png|center|750px|link=https://wiki.xamun.com/wiki/File:Collab.png]] <span style="padding-left: 100px;">
</span>
 
8. A window will display the list of team members, showing all those who have been added to the project.
 
[[File:Added_Member.png|center|750px|link=https://wiki.xamun.com/wiki/File:Added_Member.png]]
 
'''Reference Material'''
 
{| 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;" | Terms || style="border: 1px solid black; background-color: white;" | • If clicked, it will redirect to Terms and Conditions page.
| style="border: 2px solid black; background-color: #f2f2f2;" | Invite Users || style="border: 2px solid black; background-color: white;" | • Enter the email address of the user you wish to invite. <br> • This is a required field.
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Contact Us || style="border: 1px solid black; background-color: white;" | • Show the lists of how to reach the company.  
| style="border: 2px solid black; background-color: #f2f2f2;" | Send Invite || style="border: 2px solid black; background-color: white;" | • Sends an account invitation to the user via email
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Switch Account || style="border: 2px solid black; background-color: white;" | • Allows you to switch between your account and any account you’ve been invited to.
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Add Member|| style="border: 2px solid black; background-color: white;" | • Adds a member to a specific project
|}
|}
</div><br>
 
 
''Updated on: 10/22/2024''
<br>
</div>
</br>


<div style="border: 2px solid black; padding: 20px; text-align: justify;">
<div style="border: 2px solid black; padding: 20px; text-align: justify;">


==Sign Up==
==Chat with Xamun AI Suggestions==
On this page you can now create your account with ease. After you finish tthe REQUIRED fields click “Next“ and you will continue to proceed on the next account progress step. After you accomplish ALL the required fields click “Sign Up“ and you’re done!
==='''Create Solution with Xami'''===
Engaging with Xamun AI, known as Xami, your virtual assistant that provides instant support and suggestions based on your ideas and inputs for your app. To start a chat session with Xami, follow these steps:
<br>
1. From the '''landing page of Xamun''', Xami will initiate the conversation with a message that includes an example of how you can describe your ideas.
[[File:Ask_Xami_AI.png|center|750px|link=https://wiki.xamun.com/wiki/File:Ask_Xami_AI.png]] <span style="padding-left: 100px;"></span>
 
2. Type your questions or describe your project needs in the chat box. Xami will assist you with the information related to solutions you are working on or based on the ideas you have provided.
 
[[File:Xami_Type_Solution.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_Type_Solution.png]] <span style="padding-left: 100px;"></span>
 
3.  Select your preferred modules suggested by Xami.
 
[[File:Xami_Suggests.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_Suggests.png]] <span style="padding-left: 100px;"></span>
 
4. Once you are satisfied with your selection, you may click the '''‘Proceed to Design Configurator’''' button to start building your application.
 
[[File:Xami_Proceed.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_Proceed.png]] <span style="padding-left: 100px;"></span>
 
5. Once clicked, Xamun AI redirects you to the Solution Setup to edit your Solution Profile. Once you’re done editing, click on '''Proceed''' button.
 
[[File:Xami_Solution_Setup.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_Solution_Setup.png]] <span style="padding-left: 100px;"></span>
''Note: Application Short Description is a required field. Project Name and Platforms are pre-populated by Xamun AI or Xami.''
 
6. The platform will then redirect you to the '''Project Hub''', displaying your newly created project as a draft.
 
[[File:Xami_Project_Hub.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_Project_Hub.png]] <span style="padding-left: 100px;"></span>
 
To start a chat session with '''Xami''' from the ''''Project Hub''', follow these steps: <br>
1. Click the menu button on the right and select '''‘Ask Xami’'''.
 
[[File:Project_Hub_Ask_Xami.png|center|750px|link=https://wiki.xamun.com/wiki/File:Project_Hub_Ask_Xami.png]] <span style="padding-left: 100px;"></span>
 
2. You will be taken to the chat page with Xami.
 
[[File:Ask_Xami_AI.png|center|750px|link=https://wiki.xamun.com/wiki/File:Ask_Xami_AI.png]] <span style="padding-left: 100px;"></span>


===Step 1===
'''Reference Material'''
[[File:Xamun-sign_up-1.png|center|750px|link=https://wiki.xamun.com/images/c/c9/Xamun-sign_up-1.png]]
<span style="padding-left: 95px;">[[:File:Xamun-sign_up-1.png|View Image Source]]<span>


{| style="width: 100%;" class="wikitable mw-collapsible"
{| style="width: 100%;" class="wikitable mw-collapsible"
Line 112: Line 370:
! style="border: 2px solid black;" | Description
! style="border: 2px solid black;" | Description
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Username || style="border: 1px solid black; background-color: white;" | • Registered username of the user <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Ask Xami || style="border: 1px solid black; background-color: white;" | • Xami assists with your project by suggesting relevant modules
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Proceed to Design Configurator || style="border: 1px solid black; background-color: white;" | • Xamun AI advances your platform to the next step
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Password || style="border: 1px solid black; background-color: white;" | • Registered password of the user <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Project Hub || style="border: 1px solid black; background-color: white;" | • Your project is showcased and managed in this section
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Next || style="border: 1px solid black; background-color: white;" | • By clicking this button, you will go to the next step.
|}
|}


===Step 2===
<br>
[[File:Xamun-sign_up-2.png|center|750px|link=https://wiki.xamun.com/images/0/0e/Xamun-sign_up-2.png]]
 
<span style="padding-left: 95px;">[[:File:Xamun-sign_up-2.png|View Image Source]]<span>
''Updated on: 10/22/2024''


{| style="width: 100%;" class="wikitable mw-collapsible"
==Search and Select Solutions==
==='''Create Solution using selected Solution'''===
Creating a Solution using the Selected Solution enables you to develop a customized solution based on a pre-existing template. This approach streamlines the process by leveraging an existing framework while allowing for adjustments to fit your specific needs. This guide will walk you through the steps to create a solution using a selected template.
 
1. In the Xamun Project Hub, click the dropdown next to your registered email and select '''Solution Library'''.
 
[[File:Xamun Project Hub.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Project_Hub.png]] <span style="padding-left: 100px;">
</span>
 
2. Click to any of the pre-existing templates to create a solution using the selected solution.
 
''Note: Use '''search''' features to find specific templates by entering keywords or phrases and click the '''show all''' dropdown button to display all industries.''
 
[[File:Solution Library.png|center|750px|link=https://wiki.xamun.com/wiki/File:Solution_Library.png]] <span style="padding-left: 100px;">
</span>
 
3. Another way to create a solution is to ask Xami, click the '''new icon''' at the lower right corner. A chat box is available where you’ll find Xami’s project suggestions. Simply select one of them.
 
[[File:Xami file.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xami_file.png]] <span style="padding-left: 100px;">
</span>
 
4. You will be redirected to the Design Studio, where you can start creating your application.
 
[[File:Build Application3.png|center|750px|link=https://wiki.xamun.com/wiki/File:Build_Application3.png]] <span style="padding-left: 100px;">
</span>
 
5. Provide a brief description and choose the platform you would like to use for your project.
 
 
'''Reference Material'''
 
{| class="wikitable mw-collapsible" style="width:100%;"
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Feature
! style="border: 2px solid black;" | Description
! style="border: 2px solid black;" | Description
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Company || style="border: 1px solid black; background-color: white;" | • Enter company that you belong with. <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Solution Project Name || style="border: 1px solid black; background-color: white;" | • You can rename the project.
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Phone Number || style="border: 1px solid black; background-color: white;" | • Enter your mobile number. <br> • Required field
| style="border: 2px solid black; background-color: #f2f2f2;" | Short Description || style="border: 1px solid black; background-color: white;" | • Provide a brief description of the project, highlighting its purpose and key features.
|-
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Sign Up || style="border: 1px solid black; background-color: white;" | • By clicking this button, you will you're account is now created.
| style="border: 2px solid black; background-color: #f2f2f2;" | Choose Platform || style="border: 1px solid black; background-color: white;" | • Select the platform(s) on which the project will be developed or deployed (e.g., Web App, Mobile App).
|}
|}
</div><br>


{| class="wikitable" style="width:100%; text-align:center;"
''Updated on: 09/03/2024''
 
==Co-Design with Us==
==='''Co-Design your Solution with Xamun Team'''===
Co-Design your Solution with Xamun Team enables you to collaborate directly with the Xamun team to design and develop customized solutions. This collaborative approach ensures that the final product aligns with your specific needs and goals. This guide will walk you through the process of co-designing your solution.
 
1. In the Ask Xami, click the hamburger menu and select '''Book a Meeting'''.
 
[[File:Xamun_Book_Meeting.png|center|750px|link=https://wiki.xamun.com/wiki/File:Xamun_Book_Meeting.png]] <span style="padding-left: 100px;">
</span>
 
2. Choose the date and time you prefer to schedule a consultation, then click '''Next'''.
 
[[File:Consultation_Select_Date.png|center|750px|link=https://wiki.xamun.com/wiki/File:Consultation_Select_Date.png]] <span style="padding-left: 100px;">
</span>
 
3. Provide the information details needed as it is required to be filled out and click on '''Schedule Event'''.
 
a. First Name
 
b. Last Name
 
c. Email
 
d. Company Name
 
e. Role/Position
 
f. Contact Number
 
g. Industry
 
h. Describe the kind of app you want to build
 
[[File:Book_Details.png|center|750px|link=https://wiki.xamun.com/wiki/File:Book_Details.png]] <span style="padding-left: 100px;">
</span>
 
4. The Xamun Team will receive your consultation booking, expect to receive email to confirm your schedule with the Xamun Team.
 
[[File:Booking_Scheduled.png|center|750px|link=https://wiki.xamun.com/wiki/File:Booking_Scheduled.png]] <span style="padding-left: 100px;">
</span>
 
'''Reference Material'''
 
{| 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;" | First Name || style="border: 1px solid black; background-color: white;" | • Enter your first name. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Last Name || style="border: 1px solid black; background-color: white;" | • Enter your last name. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Email || style="border: 1px solid black; background-color: white;" | • Provide your email address for communication and updates. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Company Name || style="border: 1px solid black; background-color: white;" | • Enter the name of the company you represent or work for. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Role/Position || style="border: 1px solid black; background-color: white;" | • Specify your role or position within your company. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Contact Number || style="border: 1px solid black; background-color: white;" | • Provide a phone number where you can be reached. <br> • Required Field
|-
| style="border: 2px solid black; background-color: #f2f2f2;" | Industry || style="border: 1px solid black; background-color: white;" | • Select the industry your company operates in. <br> • Required Field
|-
|-
! colspan="4" | Table of Contents
| style="border: 2px solid black; background-color: #f2f2f2;" | Describe the kind of app you want to build || style="border: 1px solid black; background-color: white;" | • Provide a brief description of the app idea or project you are interested in developing. <br> • Required Field
|-
|-
| [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]
| style="border: 2px solid black; background-color: #f2f2f2;" | Schedule Event || style="border: 1px solid black; background-color: white;" | • Click this button to arrange a meeting or consultation based on the provided details.
|}
|}
''Updated on: 10/22/2024''
</div><br>

Latest revision as of 15:55, 22 October 2024

Table of Contents
Getting Started Ideation Studio Design Studio Build Studio FAQs Test

The following sub-sections provide context and overview necessary for understanding and use of this Document.

Project Background

Introduction

Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software because it uses bot and low-code functionalities in building your application and to unlock innovations. It can launch ultrafast scalable, complex, and enterprise-ready applications.

The project can be created by different kinds of users, like managers, developers, and even stakeholders, because the platform offers different options for creating it.


Document Description

This document substantiates the functional specifications for the system to be implemented in this project – namely the functionalities, security and access features, and user interface per identified modules.
This document contains the overview and detailed reports on the following:

  • High Level Workflow
  • Product Backlog (User Stories)
  • Technical Architecture


Updated on: 07/09/2024


System Overview

Design and Build Studio System is an AI-Powered end-to-end Software Development Lifecycle (SDLC) platform. It is a whole new way of building customized software for it uses bot and low-code functionalities in building your application and to unlock innovations. It can ultrafast launch a scalable, complex, and enterprise-ready applications.

The project can be created by different kinds of users like managers, developers and even stakeholders for the platform offers different options in creating it.


Platform Overview

The platform has three major systems that consists of the following:

Ideation Studio is where the users can generate their desired platform. Users can interact with Xami, an AI advisory of the Xamun Website that assists users in planning the layout of their platform. This will lessen the user's time to ideate and execute the supposed solution and serve a convenient approach.

The Design Studio and Project Hub combine to offer a comprehensive solution for customizing and managing projects from start to finish. In the Design Studio, users can refine the platform generated in the Ideation Studio by customizing pre-defined modules or creating new ones tailored to specific needs. With the support of Xami, the AI advisor, users can input details such as module names, page names, and page descriptions, ensuring that the platform aligns perfectly with their vision. Estimated costs are automatically calculated and displayed for users to review, making the design process more efficient.

Once the design phase is complete, the Project Hub serves as the central workspace for tracking, monitoring, and managing projects in real time. Users can easily collaborate with team members, manage ongoing tasks, and continue draft projects, all while receiving live updates on project activities. The Project Hub ensures that every stage of the project, from design to execution, is well-coordinated, promoting seamless teamwork and efficient project management. Together, these systems offer a powerful platform for customization, collaboration, and real-time project tracking, simplifying the entire workflow.

Build Studio has the backend and frontend setup for the project. The developers can easily build the application using the low-code interface. It also has the feature of deploying the application in an ultra-fast way and testing it.

Go Live
Updated on: 10/22/2024


Getting Started

Landing Page Overview

Welcome to Xamun! Get ready to explore and take full advantage of its features. This guide will help you get started.

Before creating your account, let’s take a quick tour of the Xamun landing page to familiarize yourself with the platform.

1. A chat box is available where you can ask Xami about your project. Simply type any information about your project, then press Enter or click the icon.

Fig 1. Landing Page Overview

2. Select the necessary modules you want to include in your project.

Fig 2. Xami's Suggested Solution

3. Click the dropdown button to sign up or sign in first, and then access other modules.

a. Ask Xami

b. Ideation Studio

c. Book a Meeting

d. Sign Up

e. Sign In

Fig 3. Dropdown Button

Reference Material

Feature Description
Ask Xami • Engage with Xami, an AI assistant to ask questions, get recommendations, or receive guidance on navigating the platform or finding solutions.
Ideation Studio • Enter the Ideation Studio to brainstorm, create, and develop new project ideas with tools and resources designed to support innovation.
• Signing up is required first.
Book a Meeting • Schedule a meeting with a team member, consultant, or expert to discuss your project, needs, or any other inquiries.
Sign Up • Register for a new account to gain access to the platform’s full features and services.
Sign In • Log in to your existing account to access your personalized dashboard, ongoing projects, and saved settings.


Updated on: 10/18/2024


Sign Up

Sign up to Xamun Design Studio

We're thrilled to have you using Xamun AI! This guide will walk you through getting started on our platform, from your first visit to completing your sign-up. Discover all that Xamun has to offer and unlock its full potential. Just follow these simple steps, and you’ll be ready to go!

To begin your journey with Xamun, you’ll need to create an account.

1. From the landing page of Xamun, click on the menu button.

2. Select ‘Sign Up’ from the list.

3. In Step 1 of the sign-up process, provide your account information such as your email address and password.

4. Retype your password to confirm it.

5. Once you're done, click the Next button to proceed to the next step.

Note: Your password should be at least eight characters that contain one uppercase letter, one lowercase letter, one number and one special character.

6. In Step 2 of the sign-up process, provide your account information such as your name, company, role, and phone number.

Note: Use the scrollbar to view the 'Previous' and 'Sign Up' buttons below.

7. Click the Sign Up button to receive a One-Time Password (OTP) from your mobile number.

Note: To edit your account info during your sign-up, click the Previous button to return to Step 1.

8. In Step 3 of the signup process, enter the OTP sent from your number then click on ‘Verify OTP’ button.

Note: If you haven’t received the code, simply click ‘Resend Code’ to have it sent again to your mobile number.

9. Congratulations! You've successfully signed up for Xamun. A confirmation message, “Account created successfully” will appear in the bottom-right corner of your screen.

10. Click the OK or Sign In button to proceed with logging into your newly created account.

Reference Material

Step 1

Feature Description
Email • Enter user’s registered email address
• Required field
Password • Unique password of the user
• Required field
Next • Click this button to proceed to the next step

Step 2

Feature Description
Name • Enter your full name
• Required field
Company • Enter company that you belong with.
• Required field
Role • Specify your role in the company
• Required field
Mobile Number • Enter your mobile number
• Required field
Sign Up • Click this button to proceed to the next step

Step 3

Feature Description
Verify OTP Field • Enter the One-Time Password (OTP) sent to your mobile number
• Required field
Resend Code • Click to resend the OTP if needed
Verify OTP button • After entering the OTP, click this button for the system to verify it. Once verified, your account will be created


Updated on: 10/18/2024


Sign In

Sign in to Xamun Design Studio

After successfully signing up to Xamun, this guide will walk you through the signing process.

1. From the landing page of Xamun, click on the menu button.

2. Select ‘Sign In’ from the list.

3. Provide the Email Address and Password that you used during sign-up.

Click the Sign In button to proceed. You will be redirected to the Xamun Project Hub.

Reference Material

Feature Description
Username • Enter user’s registered email address
• Required field
Password • Enter user’s password
• Required field
Sign In • Click to be redirected to the Project Hub
Sign Up • Click to go to the Sign-Up page


Updated on: 10/21/2024


Adding Members

Adding Members

You can invite and add new team members to your project using the Adding Members function, which improves cooperation and increases output. You may easily and successfully add members by following this guide's instructions.

1. In the Xamun Project Hub, click the dropdown next to your registered email and select Account.

2. Click Invite Users to invite and add new members to the project.

3. Input the email address you want to collaborate with. After filling out, click the + button then click Send Invite.

Note: The email address is required.

4. Use the Switch Account feature to manage multiple accounts without logging out.

5. To add members to a specific project, go back to the Project Hub, click the + button, and select the users to invite.

6. A window will appear listing the users you’ve invited by email. Select the members you'd like to add to the project, then click the Add Members button once you're done selecting.

7. Once a member is successfully added, you can view them under the Collaboration section by clicking on it.

8. A window will display the list of team members, showing all those who have been added to the project.

Reference Material

Feature Description
Invite Users • Enter the email address of the user you wish to invite.
• This is a required field.
Send Invite • Sends an account invitation to the user via email
Switch Account • Allows you to switch between your account and any account you’ve been invited to.
Add Member • Adds a member to a specific project


Updated on: 10/22/2024


Chat with Xamun AI Suggestions

Create Solution with Xami

Engaging with Xamun AI, known as Xami, your virtual assistant that provides instant support and suggestions based on your ideas and inputs for your app. To start a chat session with Xami, follow these steps:
1. From the landing page of Xamun, Xami will initiate the conversation with a message that includes an example of how you can describe your ideas.

2. Type your questions or describe your project needs in the chat box. Xami will assist you with the information related to solutions you are working on or based on the ideas you have provided.

3. Select your preferred modules suggested by Xami.

4. Once you are satisfied with your selection, you may click the ‘Proceed to Design Configurator’ button to start building your application.

5. Once clicked, Xamun AI redirects you to the Solution Setup to edit your Solution Profile. Once you’re done editing, click on Proceed button.

Note: Application Short Description is a required field. Project Name and Platforms are pre-populated by Xamun AI or Xami.

6. The platform will then redirect you to the Project Hub, displaying your newly created project as a draft.

To start a chat session with Xami from the 'Project Hub, follow these steps:
1. Click the menu button on the right and select ‘Ask Xami’.

2. You will be taken to the chat page with Xami.

Reference Material

Feature Description
Ask Xami • Xami assists with your project by suggesting relevant modules
Proceed to Design Configurator • Xamun AI advances your platform to the next step
Project Hub • Your project is showcased and managed in this section


Updated on: 10/22/2024

Search and Select Solutions

Create Solution using selected Solution

Creating a Solution using the Selected Solution enables you to develop a customized solution based on a pre-existing template. This approach streamlines the process by leveraging an existing framework while allowing for adjustments to fit your specific needs. This guide will walk you through the steps to create a solution using a selected template.

1. In the Xamun Project Hub, click the dropdown next to your registered email and select Solution Library.

2. Click to any of the pre-existing templates to create a solution using the selected solution.

Note: Use search features to find specific templates by entering keywords or phrases and click the show all dropdown button to display all industries.

3. Another way to create a solution is to ask Xami, click the new icon at the lower right corner. A chat box is available where you’ll find Xami’s project suggestions. Simply select one of them.

4. You will be redirected to the Design Studio, where you can start creating your application.

5. Provide a brief description and choose the platform you would like to use for your project.


Reference Material

Feature Description
Solution Project Name • You can rename the project.
Short Description • Provide a brief description of the project, highlighting its purpose and key features.
Choose Platform • Select the platform(s) on which the project will be developed or deployed (e.g., Web App, Mobile App).

Updated on: 09/03/2024

Co-Design with Us

Co-Design your Solution with Xamun Team

Co-Design your Solution with Xamun Team enables you to collaborate directly with the Xamun team to design and develop customized solutions. This collaborative approach ensures that the final product aligns with your specific needs and goals. This guide will walk you through the process of co-designing your solution.

1. In the Ask Xami, click the hamburger menu and select Book a Meeting.

2. Choose the date and time you prefer to schedule a consultation, then click Next.

3. Provide the information details needed as it is required to be filled out and click on Schedule Event.

a. First Name

b. Last Name

c. Email

d. Company Name

e. Role/Position

f. Contact Number

g. Industry

h. Describe the kind of app you want to build

4. The Xamun Team will receive your consultation booking, expect to receive email to confirm your schedule with the Xamun Team.

Reference Material

Feature Description
First Name • Enter your first name.
• Required Field
Last Name • Enter your last name.
• Required Field
Email • Provide your email address for communication and updates.
• Required Field
Company Name • Enter the name of the company you represent or work for.
• Required Field
Role/Position • Specify your role or position within your company.
• Required Field
Contact Number • Provide a phone number where you can be reached.
• Required Field
Industry • Select the industry your company operates in.
• Required Field
Describe the kind of app you want to build • Provide a brief description of the app idea or project you are interested in developing.
• Required Field
Schedule Event • Click this button to arrange a meeting or consultation based on the provided details.

Updated on: 10/22/2024