xinhao128 / dante-patient-master-branch

Table of Contents

1. Overview
2. Product Spec
3. Wireframes and Data Schema Design
4. Digital Wireframes and Mockups

Overview

Description

A React-Native app facilitates real-time location tracking of physicians (as well as patients) in an radiation oncology clinic to improve patient waiting experience. It will help track the time that patients spent at each treament stage; the collection timestamps would be analyzed to see rooms of improvements of patient service.

Getting Started

1. Open the terminal, go to the directory where you would like to store this project.
2. Type git clone https://github.com/team-dante/dante-patient-master-branch.git
3. Navigate to project folder (cd dante-patient-master-branch)
4. Make sure your computer has the newest version of Java JDK and Node.js
   • For Windows users, have Android Studio and Android Emulator ready.
   • For Mac users, have Xcode installed.
5. Type npm install.
6. Run the project with
   • react-native run-ios, or npm run ios for Mac users
   • react-native run-android for Windows users

Product Spec

1. User Stories (Required and Optional)

Required Must-have Stories

• Patients can see where doctors are located inside the radiation oncology
• Patients can check-in / check-out when they enter/leave a room
• Patients can provide feedback about their experience during the visit.
• Clinic staff can view feedback and visit duration for each patient.

Optional Nice-to-have Stories

• Display collected data in visual-appealing graphs
• Patients can see the clock is ticking when they go inside a room.
• The hospital staff can minimize the amount of external help they need to provide and rely mainly on the patients.
• Paitents click as few buttons as possible.

2. Screen Archetypes

• Login
  • Allows patients to use their own phone numbers and PINs assigned by the oncology clinic staff.
• Activate Account / Sign Up
  • For first-time patients, they need to enter their phone numbers to activate their accounts (assigned by staff beforehand).
• Oncology Clinic Map Screen
  • Allows a patient to see the number of other patients ahead of him/her.
  • Allows a paitent to track doctors' location inside the oncology clinic in real-time.
• Visits History Screen
  • Allows patients to see the overall duration of a visit, the time spent at each treatment rooms, and the transition time.
• Profile Screen
  • Allows patients to fill a survey if they wish
  • Allows patients to logs out
• QR Scanner Screen
  • Allows patients to scan QR code to sign-in/sign-out of a room.

3. Navigation

Tab Navigation (Tab to Screen)

• Oncology Map
• Visits History
• Profile

Header Navigation:

• Scan QR

Flow Navigation (Screen to Screen)

• Log in successfully -> go to map
• Activate accounts successfully -> go to map
• Profile -> survey page
• Profile -> Log out and back to sign in screen
• Scan QR at the top right -> if successful -> Notice page telling patients have checked-in successfully or checked-out successfully

Wireframes and Data Schema Design

Authentication

---

---

App Flow Proposal

---

<Wireframes & Data Schema Design Created by Xinhao Liang>

---

Digital Wireframes and Mockups