# 10th June Report

This is the 15th study report of NTUST Internship program, before going to Taiwan. In this report will be shown flowchart for the PWA maintenance progress workflow. In order to get the data we will use API named Repair Condition to get the data. Beforehand, I will give the figure of mock up design to make easy to understand the flowchart.

---

## Summary of this week

- Maintenance progress workflow
- The design is close to the nearby dispenser design
- In order to get data, receive parameter (Device_ID) from previous page

---

## Documentation

### 1. Mock up design

After login and pick the dispenser, the option to into maintenance progress menu will be shown:

<center>
<img src="https://raw.githubusercontent.com/aru1702/images/master/ntust-documentation/15-01.JPG" alt="1" style="max-height: 300px" />
</center>
</br>

Maintenance progress PWA mock up design:

<center>
<img src="https://raw.githubusercontent.com/aru1702/images/master/ntust-documentation/15-02.JPG" alt="2" style="max-height: 300px" />
</center>
</br>

---

### 2. Maintenance progress workflow

#### 2.1. How is it going to work

- Access the dispenser from previous page in order to get Device_ID
- If already login, can access the "Maintenance Progress PWA", if not cannot grant access
- Display the page
- Get data from API (dispenser maintenance)
- Display the maintenance data as list

#### 2.2. Flowchart

<center>
<img src="https://raw.githubusercontent.com/aru1702/images/master/ntust-documentation/15-03.jpg" alt="3" style="max-height: 500px" />
</center>
</br>

---

###### tags: `pre-intern report`