About The Project

The PPSMB UGM 2023 website is an information portal designed specifically for new students at Gadjah Mada University. This platform provides essential information about university events, group cluster searches, and even features an augmented reality component to enhance user engagement. The website has seen impressive traction, with approximately 70,000 users accessing it within just two weeks of its launch. Built using Next.js for a robust, dynamic user experience and AR.js to integrate augmented reality functionalities, this website aims to deliver a comprehensive and innovative information hub for new students.

Goals:

• To provide a centralized information resource for new students, ensuring they have easy access to all necessary details about university events and activities.
• To facilitate the search and identification of group clusters, helping students find and connect with their assigned groups seamlessly.
• To integrate augmented reality features, enhancing the overall user experience and making the information more interactive and engaging.
• To achieve high user engagement and satisfaction, as evidenced by the substantial user base within a short period.

The User & Audience

• New students at Gadjah Mada University who need comprehensive information about the university's orientation events and activities.
• University staff and organizers who require an efficient platform to disseminate information and manage event logistics.
• Parents and guardians who may seek information about their children's orientation process and university activities.

Development Scope

• Front-End Development: Utilizing Next.js to create a dynamic, responsive, and user-friendly interface that caters to the needs of new students.
• Back-End Integration: Ensuring seamless data flow and real-time updates through robust back-end support using STRAPI.
• Augmented Reality Integration: Implementing AR.js to provide innovative augmented reality features that enhance user interaction with the website.
• User Engagement and Analytics: Monitoring and analyzing user engagement to continually improve the website's functionality and user experience.
• Scalability and Performance: Designing the website to handle high traffic volumes, as demonstrated by its ability to support 70,000 users within two weeks.

Process

Requirement Gathering:

The initial phase involved identifying the needs and expectations of new students, university staff, and other stakeholders. This was achieved through surveys and interviews, which provided detailed insights into the functional and non-functional requirements of the website. All gathered information was meticulously documented to guide the subsequent phases.

Planning and Design:

Following the requirement gathering, a comprehensive project plan was developed, outlining timelines and milestones. The design phase focused on creating the website architecture and user interface, with wireframes and mockups prepared for stakeholder review. Feedback from stakeholders was incorporated to ensure the design met all user needs and expectations.

Development:

The development phase saw the actual building of the website. Front-end development was carried out using Next.js to create a dynamic and responsive user interface. Simultaneously, back-end development ensured seamless data flow and real-time updates. This phase also included the integration of AR.js to provide augmented reality features, enhancing user interaction with the website.

Testing:

Rigorous testing was conducted to ensure the website functioned as intended. This included unit tests, integration tests, and system tests. User