Project Management & Software Development

Vresent: A Mobile App for Recording Student Attendance at UPNVJ - October 2022

Client
Student group project for System Information Project class
Sector
Education
My Contribution
Collaborated with team members to formulate and implement SMART Goals for the project, actively contributing to the design of the Work Breakdown Structure (WBS) and the creation of the Gantt Chart. Additionally, played a key role in the software development phase by designing the system's model using UML, crafting information architectures, and creating UI designs and prototypes for the application.

Project Management

To establish precise project objectives, SMART Goals were utilized in this project. SMART, representing Specific, Measurable, Achievable, Relevant, and Time-Based criteria, ensured that the project's goals were clearly defined, quantifiable, realistic, aligned with the project's purpose, and bound by specific timeframes.

Review the tab below to see how SMART Goals applied in this project.
The project aims to address the manual attendance recording challenges faced by UPNVJ, a state university in Jakarta, through the development of a mobile application-based attendance system utilizing QR Code technology. While UPNVJ has successfully implemented computerized information systems across multiple domains, the manual attendance process remains a notable drawback. This proposed solution seeks to enhance the efficiency of attendance recording by providing an integrated mobile application, seamlessly connected with UPNVJ's academic information system (SIAKAD UPNVJ).

This project envisions a seamless five-month development timeline, incorporating appropriate methodologies and visualization tools to achieve its objectives effectively.
Project Overview
Objective Setting
Specific
Measurable
Attainable
Relevant
Time-based

Specificity, addressing the project's intended outcomes, reasons for pursuing them, involved stakeholders, and the targeted timeframe.

The goal of the project to develop a QR Code-based mobile application for the e-attendance system at UPNVJ is specific, aiming to design a computerized attendance system for lectures.

The rationale behind this goal is to create or enhance a more effective and efficient attendance recording method, simplify student attendance, and prevent fraudulent practices.

The project involves collaboration between the project manager and a dedicated team, including a system analyst, business analyst, programmer (front-end and back-end), UI/UX designer, QA testers, and database engineer. The estimated timeframe for achieving the project's objectives is set at approximately 5 months.

Specific project objectives enable the establishment of measurable indicators to gauge progress and monitor achievements.

A weekly evaluation, aiming for a minimum of 5% progress, will be conducted throughout the 5-month duration. Key indicators for project success include:

  • enhanced user-friendliness
  • overall time efficiency in the attendance system
  • effective student attendance recapitulation
  • application security to prevent data manipulation
  • accurate attendance data with minimal errors
  • eliminate fraudulent practices such as proxy attendance ("titip absen")

'Attainable' involves detailing the resources required to achieve project objectives and the role each resource plays in ensuring targeted project implementation.

The roles encompassed in this project involve a Project Manager, System Analysts, Business Analysts, Programmers (Front-end and Back-end), UI/UX Designers, QA Testers, and Database Engineers, each assigned specific responsibilities, time allocations, and quantities.

Additional project considerations:

  • Budget allocation: determine the budget based on the total hours worked, multiplied by the hourly rate of the project design team. Allocate funds to the project team members involved in system development.
  • Time management: establish a clear timeline for planning, controlling project schedules, and monitoring progress. Time management includes phases such as planning, needs analysis, design, implementation, system testing, and system maintenance.
  • Technology requirements: project managers and the design team plan the technical components needed, including database systems, computer networks, data conversion techniques, and more.

Relevancy ensures that project goals are realistic and meaningful.

The objectives of this project are both relevant and realistic. They address the existing issue by proposing a QR Code-based mobile application for attendance management at UPNVJ.

The new system aims to simplify the attendance process for students, ensuring effectiveness, efficiency, and quick response.

Moreover, it promises increased accuracy, minimizing errors in student attendance recapitulation, and preventing potential attendance fraud such as proxy attendance.

Time-based outlines when the project should commence, undergo evaluation, and reach completion.

The project will kick off upon the formation of the project team, availability of necessary resources, and when the project manager, along with the team, has a clear understanding of tasks in the system design phase.

Throughout the project, weekly evaluations will be conducted by reviewing performance reports from each area.

The targeted completion for this project is within a five-month timeframe from the initiation.

Work Breakdown Structure

Collaborating with the team, I contributed to defining tasks and levels within the WBS diagram. This involved breaking down complex project objectives into manageable components, providing a clear roadmap for the entire team.

Gantt Chart

In this project, the Gantt Chart played a crucial role in depicting the project timeline, task dependencies, and milestones. I actively contributed to its development by meticulously defining task durations and allocating time frames.

Software Development Phase

Use Case & Activity Diagram

In the context of software development for the project, UML diagrams, including use case and activity diagrams, are essential for designing the system model and flow. I actively contributed to this phase by crafting comprehensive use case diagrams, outlining various interactions between the system and its users. Notably, the project involved the development of two application versions: one for students and another for lecturers.

Additionally, I played a role in constructing activity diagrams, illustrating the flow of actions within the system. There are several activity diagrams for the system, including login activity, recording attendance activity, and so on.

These diagrams helped define functionalities, system boundaries, and provided a clear understanding of the system's behavior.

Information Architecture

Information architecture serves as the backbone for intuitive user navigation and seamless application flow. I involved in shaping this architecture by actively contributing to the creation of menus and defining the overall application flow.

Information Architecture of Vresent (student's version)

Information Architecture of Vresent (lecturer's version)

I made significant contributions to this process by actively engaging in the creation of user interface designs. Leveraging my skills, I translated conceptual ideas into visually appealing and user-friendly interfaces.

In this project, I played a significant role in designing the application for students while also assisting another team member in building the version for lecturers.

Below is screen captures of UI designing and prototyping process for Vresent in Figma.
UI Design
Result
Prototype
Powered by Webflow
LinkedInBack to home