MyUnila Development
The following are details of the development of the MyUnila profile page:
Idea Analysis and Development
In this initial stage, an analysis of the development needs of the MyUnila profile page was conducted. Some of the main activities carried out in this stage include:
System Requirements Identification
- Conduct discussions with mentors and relevant stakeholders to identify the features and functionality required for the student profile page.
- Gather input and ideas from the full-stack developer team and the UI/UX design team to determine the essential elements of the profile page.
Design Concept Formulation
- Together with the UI/UX team, develop the initial design concept for the student profile page, including visual elements such as layout, color, typography, and user experience.
- Create wireframes and initial prototypes to serve as references during the implementation process.
Approval and Documentation
- Once the initial ideas and designs are formulated, the results are approved by the mentor and stakeholders.
- All ideas, input, and decisions are documented for reference in the next phase.
Implementation
This stage is the implementation of the design developed in the previous stage into a real system. Activities carried out in this stage include:
Framework Choices
Based on the mentor's guidance, the framework used was Laravel to ensure compatibility with the MyUnila system. The technology used included the Laravel framework and Bootstrap for styling.
Developing Code
- The UI/UX design is implemented into code, adhering to established coding standards.
- The source code is managed through the Bitbucket platform to support collaboration between full-stack developer teams.
System Testing
After the implementation was completed, the functionality of the student profile page was tested to ensure that all features worked properly according to specifications. The testing included usage scenarios by students, such as editing profiles, viewing personal information, and accessing additional features.
Iteration and Refinement:
- Based on the test results, iterations are performed to fix bugs, improve performance, and ensure the design meets user needs.
- This process is done collaboratively through Bitbucket to document every change made to the code.
Supporting images for the project
