<aside> 💡 * The intended goal of this Project is to let students internalise the fundamental skills from designing to developing the pages, workflow, permission control based on the pre-defined context.

</aside>

<aside> ☝🏼 * This Design Project is designed for students who have completed the Tutorial from 3.2 to 3.6

</aside>

<aside> 🤩 * Students are expected to solve the complex and special case handlings by themselves by iterative design cycle:

  1. Problem Identification
  2. Requirements Consolidation
  3. Roles Design and Assignment
  4. Workflow Draft
  5. Pages & Workflow Development
  6. MVP Testing (in Developing)

</aside>


Concepts & Knowledge

Standard Procedures

Screenshot 2023-06-09 at 11.47.26 AM.png

Product Initiation

<aside> 🧐 Background *Briefly describe the following:

e.g.* INSPIRE Education is a company that hires instructors from universities to deliver STEM Education services. Each instructor has different salary rates per hour, and the company needs a system to keep track of their working hours and calculate their pay.

</aside>

<aside> 🔍 Business Process Analysis 2.1 Key Stakeholders Involved By studying or formulating the organisation units, departments, teams to individuals, we can group and map the corresponding roles and responsibilities of each individual as potential system users.

2.2 Current Business Processes *By using whimsical, the overall flow chart of different processes should be clearly structured and outlined.

(Example shown at the bottom)*

2.3 Process Details and Identified Opportunities This section is to outline the key identified rooms of improvements in relevant processes.

2.4 Use Cases with Real-Life Examples This section is to apply real-life examples to explain the key processes listed in 2.3, to further illustrate how does it look like

Screenshot 2023-03-28 at 1.04.07 PM.png

</aside>

<aside> ✅ Solutions *Briefly describe the following:

e.g.* The objective of this project is to design and develop a salary counting system for INSPIRE Education that will:

<aside> 🉑 Scope *Briefly describe the following:

The scope of this project includes the following:

<aside> 📖

Product Requirements *Briefly formulate the components and requirements of the system

e.g.*

ID Component Requirements
A_01 Form for creating new courses (Service details) • include fields for course name, course description, course duration, course materials, course level, and course fee (per hour to client).
• allow the manager to upload course materials share-drive link, such as handouts, videos, or slides. (such that tutors can check the reference materials)
• include validation to ensure that all required fields are filled out correctly.
• have the ability to save the course information for later editing and updating.
A_02 Form for school profiles • include fields for school name, school address, school contact information, and school logo.
• allow the user to upload the school logo and other relevant images.
• include validation to ensure that all required fields are filled out correctly.
*** counts the total number of scheduled courses that the school involves (Optional to have)
• have the ability to save the school information for later editing and updating.
A_03 Form for Tutor Profile • include fields for tutor name, HKID Number, DOB, tutor contact information (Mobile Number, Email), tutor bio, CV attachment, SCR attachment and tutor photo.
• allow the user to upload the tutor photo and other relevant images.

Documentation (After POC has been developed)

<aside> <img src="/icons/user-circle_gray.svg" alt="/icons/user-circle_gray.svg" width="40px" /> User Stories In this section, you should write explicitly the UX of the specified user in each function. The following table is a template for reference. Please duplicate the template yourself for each story.

(Example)

Role GIVEN I am the general staff in the organisation,
Story I SHOULD be able to see a centralized dashboard after I logged in with my credentials,
And I SHOULD see a button named “Create Submission” on the top right corner.
AFTER I click the button,
I SHOULD see a pop-up window that is the form (entering 5.2)
Calculation / Logic Remarks • The button should not be clickable if this feature is toggled off
• If I have used up all my monthly credit amount, the button should be invisible
Suggested UI (UI from client)
Accepting Criteria • …
• …
Priority P0 - MUST DO
Implementation Status Not Started
</aside>

<aside> <img src="/icons/pregnancy-test_gray.svg" alt="/icons/pregnancy-test_gray.svg" width="40px" /> User Acceptance Testing (UAT) Planning 6.1 UAT Objectives

**6.2 Test Participants

6.3 Test Results & Follow-up Plans This section is to outline the key identified rooms of improvements in relevant processes.

</aside>