A University Statistics Dashboard

A Vue.js and Python Web Application Extranet

University statistics made visual
students + staff access
two connected campus platforms

Visit website

Client

Mae Fah Luang University

Industry

Universities & Government

Date

2021

Timeframe

1 year

Expertise

Web applications UX design UI design Front-end interfaces

Team

Client

Mae Fah Luang University

Visit website

Mae Fah Luang University is one of the most famous universities in the northern region of Thailand, Chiang Rai. Outsourcify have worked on the UX research, UI design and development of two platforms for MFU:
– One for students and teachers to see and manage their plannings, enroll to programs, view announcements, reports, classrooms etc.
– And another one of the University admins to control and analyze all statistics (including students data, registrations, evaluation, degrees, grades etc.)

STAT is a Management Information System (MIS) web platform to manage the statistic data reports of the students, professors, and employees that have been stored in the Oracle database for more than 20 years using the API gateway to transfer data and provide the logics of data retrieval from the database and display them in different type of the reports such as list of table, chart, graph, and pie, and then the platform is also able to export the data of each report in different formats such as CV, Excel, and PDF.

Tools

Lark TeamWork Adobe XD

Team

1 UX/UI Director 1 Project Manager 1 Web Designer 2 Front-end Developers 2 Back-end Developers

Methodology

UX/UI Workshop Agile methodology

Tools

Lark TeamWork Adobe XD

Timeframe

1 year

Technologies

Team members involved

A Vue.js and Python Web Application Extranet

Outsourcify showcased its prowess in web application design and development through the meticulous creation of a Vue.js + Python web application extranet for MFU University. The project unfolded through a comprehensive series of steps, beginning with a detailed analysis of MFU University’s specific needs and requirements. The development team collaborated closely with university stakeholders to understand their workflows and expectations, ensuring a tailored solution.

The initial phase involved the crafting of wireframes and design mock-ups, where Vue.js, a progressive JavaScript framework, took center stage. The user interface was meticulously designed to offer an intuitive and visually appealing experience, providing stakeholders with efficient access to academic and administrative functionalities. The team at Outsourcify capitalized on Vue.js’s capabilities to create a responsive and dynamic frontend that enhanced user engagement and satisfaction.

University campus at night with student statistics displayed.

A backend development with Python

Simultaneously, the backend development unfolded using Python, a versatile and powerful programming language. Python’s robustness and scalability were harnessed to establish a solid foundation for data processing, storage, and management. The development team implemented secure authentication and authorization mechanisms, ensuring the confidentiality and integrity of sensitive university information.

Upon successful testing, the web application was deployed! Outsourcify’s commitment to delivering a high-quality, customized web application underscored its pivotal role in elevating MFU University’s digital infrastructure, providing a secure and innovative platform for academic and administrative processes.