20190821 muhamad aldy b. status report

1. MUHAMAD ALDY BINTANG
UNIVERSITY OF INDONESIA
2019/08/21

2. LAST WEEK
Home page for Repairman App
Authentication page for Reset password
Update UI design on User App
 Nearby Dispenser page
 Report Problem page

3. OVERVIEW OF THIS WEEK
Add Profile page
 Front end code (HTML + SCSS)
 Back end code (TS)
Workflow from Login page  Home page  Profile
page  …
Use new API to get missions
 Changes all the mission API (Done, Today, Future)
 Update the code on Dispenser API service and Home page back
end code
Giving comment lines documentation

4. PROFILE
PAGE
Displaying:
 Profile picture
 Full name
 Email address
 Employee ID
Log out button to
perform log out system
 Remove email from
Preference
 Remove ID from Preference

5. WORKFLOW OF LOGIN AND
LOGOUT
1 2
3

6. WORKFLOW OF LOGIN AND
LOGOUT
Repairman go to
Home page and
click the small
icon to go to
Profile page
In Profile page,
repairman can to
Log Out and
back to Login
page
Repairman do
the login using
email address/ID
and password
1
23
1. Login will save the
email address and
employee ID into
Preference
2. In Home page, all data
include the profile
icon are loaded from
API using the
employee ID.
3. When Logout, it will
remove the email
address and employee
ID from Preference.

7. NEW API TO FETCH THE MISSION
ON HOME PAGE
BEFORE
• Fetched from Get Dispenser
Repair Condition API.
• What need:
• Device ID to get the data.
• Maintainer or Repairman ID to filter
the data.
• Need to filter:
• Status.
• Has RepairCallTime value.
AFTER
• Fetched from:
• Get Repairman Task API.
• Get Repairman Done Task API.
• Has been filtered into two
conditions:
• Missions are on going.
• Missions are already done.
• Need only Maintainer or
Repairman ID to get data from
API.

8. NEW API TO FETCH THE MISSION
ON HOME PAGE
ServiceAPIDatabase
All data from
Johnny database
Get Repairman
Task
Today Missions
Future Missions
Get Repairman
Done Task
Done Missions

9. HOME PAGE OF
REPAIRMAN APP
Add more attributes:
 Client name
 Client phone number
 Client address
 Device ID
 Building location
 Position location

10. GIVING DOCUMENTATION
What has done:
 Dispenser API service
 Preference Manager
service
 Unit Converter class
 Home page
 Login page
 Register page
 Forgot Password page
 Reset Password page

11. NEXT WEEK PLAN
Test the Arrived system and Report Repair system:
 Ian has created the Report Repair page.
 Arrived system for when repairman confirm the mission.
System to prevent repairman access another page other
than Authentications page when no login status.
 Using preference.
 Similar to session login in User/Student App.
Maintain the both App to find bugs and fast to fixed them.

12. OUTLINE FOR FINAL
PRESENTATION
Demonstration of Both App.
Perform together with Ian as PWA team if possible.
Gives what I have learnt in this internship.