Challenges: Modernizing ITB’s Academic Services as An Intuitive Digital Access
Institut Teknologi Bandung (ITB) is a leading state university located in Bandung, West Java, with aspirations of becoming a globally respected institution. ITB’s vision encompasses achieving world-class academic excellence while emphasizing its significant role in advancing education, research, and the development of science, technology, and art, particularly in the Asian region. This commitment also integrates social and human values into its academic and developmental goals.
ITB’s current online platform, SIX, lacks the flexibility and functionality to support comprehensive academic program information. The existing website restricts students to accessing only the details of their enrolled study programs, without offering insights into cross-disciplinary opportunities such as minors, double majors, or multidisciplinary courses. Furthermore, the information structure of SIX is overly rigid and unintuitive, leading to challenges for students and faculty in understanding and navigating program offerings. These limitations hinder effective communication of ITB’s evolving curriculum and academic opportunities.
This project aims to design and develop a robust web platform that addresses ITB’s academic communication needs effectively. The platform will provide structured, visually appealing, and user-friendly access to academic program information, seamlessly integrating data from the SIX system for real-time synchronization. Enhanced search and filter functionalities will empower students to explore diverse program options with ease. Additionally, the implementation of a modern, responsive UI/UX design will improve the overall user experience, ensuring transparency in program requirements, schedules, and selection processes.
Solutions: Empowering ITB’s Academic Services Through Strategic Innovation
The strategy focuses on conducting thorough user research to identify the specific needs of students and lecturers in accessing academic program information. A modular UI design simplifies navigation across program categories, ensuring ease of use. The platform integrates data from the existing SIX web system to maintain up-to-date information. To future-proof the solution, a microservices-based architecture is adopted, enabling adaptability to curriculum changes. Additionally, end-user testing and feedback loops are implemented to align the platform with user expectations effectively.
The implementation process begins with gathering client requirements and defining essential features. Our team designs the UI/UX using tools like Figma or Adobe XD to visualize the user journey. Data integration from SIX Backend web system using Laravel 10, powered by PHP 8.3, and utilizes MySQL 8.0 or PostgreSQL 12 for database management. A headless frontend is developed using Nuxt.js with HTML5 markup to ensure a seamless user experience. Once the platform passes rigorous performance and security testing, it is deployed, followed by training sessions for ITB staff to enable efficient system management.
This project delivers a modern and visually engaging UI/UX design tailored for academic purposes. The platform offers users access to comprehensive program information, including features like cross-listed courses for double majors and multidisciplinary studies, automated for convenience. Direct integration with the SIX web system ensures real-time updates without manual intervention. Designed with flexibility in mind, the platform accommodates future curriculum changes and ensures transparency in program selection processes, providing an intuitive and user-centric experience.
Results: A More User-Friendly and Integrated Academic Platform
Suitmedia effectively supported ITB in achieving its objectives by delivering a platform that presents curriculum information in a structured and user-friendly format. This solution simplifies access to academic program options, enabling students and lecturers to make more informed decisions. The integration of real-time data from the SIX web ensures accurate and up-to-date information, eliminating the need for manual updates and reducing administrative burdens.
The platform also enhances efficiency by automating key administrative processes, such as program registration, significantly improving operational workflows. Designed with adaptability in mind, the system can seamlessly accommodate major changes to ITB's curriculum while maintaining robust performance. This ensures long-term scalability and reliability, aligning with ITB’s vision of delivering world-class academic services.