USER MANUAL
Front-end Driver App
Driver Main Page
1. Driver App Button- this is the main page of the driver
application.
1
Driver Login Module
1. Email – your email address
2. Password – your password
1
3. Login Button – use to validate the account
2
4. Create Account Button – to create an account
3
4 5. Login with Mobile Number Button - login
using your mobile number
5 6. Login with Email and Pin Button – login
using your email and pin code
6 7. Forgot Password - this module will help you to
recover your account
7
Driver DPA Module
1. Data Privacy Act – terms that
1 the driver should read.
2. I have read and agree to the
privacy and policy checkbox –
if you agree to the DPA, you
should check this before you
click continue.
3. Cancel Button – click this if you
want to go back to driver login
module.
4. Continue Button – this will
redirect you to the driver
registration module.
3 4
Driver Login with Mobile Number
1. Country Code Picker – this picker will allow you
to choose your country code.
2. Mobile Number – input your mobile number.
3. Next Button – after you input your mobile number
click this you will receive and OTP code to your mobile
1 number
Driver Login Verify OTP
1. OTP – input your One Time Pin Code here.
2. Verify Button – to validate your OTP Code.
3. Resend OTP Button – click this if you didn’t
receive an OTP Code.
3
Driver Login with PIN
1. Email – input your email address.
2. PIN – input your pin code.
2 3. Login Button – to validate ung credentials.
Driver Forgot Password
1. Email Address field – input your email address to
receive a reset link.
2. No – exit the dialog box.
3. Yes – to send the reset link.
3
Driver Account Registration
1. First Name
2. Middle Name
1
3. Last Name
2 4. Mobile Number
5. Email Address
3
6. Password
4
7. Confirm Password
8. Pin
5
9. Birthdate
6 10. Age
8
11. House Number Street
Name
12. Barangay
11 13. Municipality/City
14. Province
12 15. Vehicle type
16. Vehicle Brand
13
17. Vehicle Model
14
15
16
17
18. Vehicle Year model
18
19. Vehicle Plate Number
19 20. Driver License ID Number
21. Verification
20
22. List of Pictures Required
23. Next Button – If you chose the email address you
will be redirect to the ID Submission but if you chose
21 mobile number you will be redirect to the Registration OTP
Module
22
23
Driver Registration Verify OTP
1. OTP – input your One Time Pin Code here.
2. Verify Button – to validate your OTP Code.
3. Resend OTP Button – click this if you didn’t receive an
OTP Code.
3
Driver License Front
1. ID Sample – this is a sample that you should upload
2. Select Image Button – this button will redirect you to the
gallery
3. Submit Button – to submit your uploaded photo.
Driver License Back
1. ID Sample – this is a sample that you should upload
2. Select Image Button – this button will redirect you to the
gallery
3. Submit Button – to submit your uploaded photo.
3
Driver Vehicle Front
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
3. Submit Button – to submit your uploaded photo.
Driver Vehicle Back
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
3. Submit Button – to submit your uploaded photo.
3
Driver Vehicle Left Side
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
3. Submit Button – to submit your uploaded photo.
Driver Vehicle Right Side
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
1
3. Submit Button – to submit your uploaded photo.
3
Driver Vehicle Official Receipt
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
3. Submit Button – to submit your uploaded photo.
Driver Vehicle Certificate of Registration
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
3. Submit Button – to submit your uploaded photo.
1
3
1 Driver Dashboard
1. Status Switch – online or offline.
2. Pickup Button – this will redirect you to the pickup
module
3. Records Button – this will redirect you to the
3 records module
4. My Wallet Button– this will redirect you to the My
Wallet module
5. Settings Button– this will redirect you to the
5 Settings module
6. Logout Button – this button will sign out your
account
1 Driver Pickup Module
1. Date and Time - Date and Time of the booking.
2
2. Order ID - order id of the booking.
3 3. Pickup Address – address of pickup
4 4. Destination Address – address of destination
5. Payment Method – payment method
6
6. Amount – amount of booking to pay
7. View Booking – this will view other booking
7 details
1 Driver Ongoing Booking Module
1. Date and Time - Date and Time of the booking.
2
2. Order ID - order id of the booking.
3 3. Pickup Address – address of pickup
4 4. Destination Address – address of destination
5. Payment Method – payment method
6
6. Amount – amount of booking to pay
7 7. View Booking – this will view other booking
details
1
Driver Completed Booking Module
1. Date and Time - Date and Time of the booking.
2
2. Order ID - order id of the booking.
3 3. Pickup Address – address of pickup
4 4. Destination Address – address of destination
5. Payment Method – payment method
6
6. Amount – amount of booking to pay
7
7. View Booking – this will view other booking details
Driver Pickup/Ongoing/Completed View Booking
2
1. Back Button
2. Order ID
4
3. Customer Name
5 4. Customer Contact
5. Pickup Address
6
6. Pickup Name
7 7. Pickup Primary Contact
8. Pickup Secondary Contact
8
9. Destination Address
10. Destination Name
9 11. Destination Primary Contact
12. Destination Secondary Contact
10
13. Parcel Selected
11 14. Weight
15. Dimension
12
13
14
15
16
16. Distance
17. Vehicle Rates
18. Payment Method
17
19. Payment Source
20. Pickup Schedule Date and Time
21. Remarks
18
22. Landmark name
23. Landmark Image
19
24. Take Order/Pickup/Complete
20
21
22
24
Driver My Wallet Module
1. Wallet Balance – this is your wallet amount
2. Cash-out – this will redirect you to the Cash-out
1 Module
Driver Cash-out Module
1. GCash Number – your GCash Mobile Number
1 2. Your Current Balance – your Wallet Balance.
3. Withdraw Amount- Amount you want to withdraw
4. Withdraw Button - click this make sure you fill
out all the details needed.
Driver Settings Module
1. Account Information
1
2. Terms and Condition
2
3. Privacy and Policy
3
4. Contact Us
4
Driver Account Information
1. Driver Information
Front-end Customer App
Customer Login Module
1. Email – your email address
2. Password – your password
3. Login Button – use to validate the account
1 4. Create Account Button – to create an account
5. Login with Mobile Number Button - login
using your mobile number
3 6. Forgot Password - this module will help you to
recover your account
5
6
Customer Login with Mobile Number
1. Country Code Picker – this picker will allow you
to choose your country code.
2. Mobile Number – input your mobile number.
1
3. Next Button – after you input your mobile number
click this you will receive and OTP code to your mobile
2 number
3
Customer Login Verify OTP
1. OTP – input your One Time Pin Code here.
2. Verify Button – to validate your OTP Code.
3. Resend OTP Button – click this if you didn’t receive an OTP Code.
Customer Forgot Password
1. Email Address field – input your email address to
receive a reset link.
2. No – exit the dialog box.
3. Yes – to send the reset link.
3
Customer DPA Module
1. Data Privacy Act – terms that
1 the driver should read.
2. I have read and agree to the
privacy and policy checkbox –
if you agree to the DPA, you
should check this before you
click continue.
3. Cancel Button – click this if you
want to go back to driver login
module.
4. Continue Button – this will
redirect you to the driver
registration module.
3 4
Customer Registration Module
1 1. First Name
2. Middle Name
2
3. Last Name
3
4. Primary Contact
4
5. Secondary Contact
5 6. Email Address
6 7. Password
7 8. Confirm Password
8 9. Birthdate
10. Age
9
11. House number/ Street Name
12. Barangay
11
13. Municipality/City
12
14. Province
13
15. Customer ID Number
14
16. Mode of Verification
15 17. List of ID Requirements
18. Next Button - If you chose the email address you
will be redirect to the ID Submission but if you chose
mobile number you will be redirect to the Registration OTP
16 Module
17
18
Customer Registration Verify OTP
1. OTP – input your One Time Pin Code here.
2. Verify Button – to validate your OTP Code.
3. Resend OTP Button – click this if you didn’t
receive an OTP Code.
Customer Government Issued ID or Student ID
1. ID Sample – this is a sample that you should
upload
2. Select Image Button – this button will redirect you
to the gallery
1 3. Submit Button – to submit your uploaded photo.
3
Customer Dashboard Module
1. Book Button – this will redirect you to the pickup
module
2 2. Records Button – this will redirect you to the
records module
3. My Wallet Button– this will redirect you to the My
Wallet module
4. Settings Button– this will redirect you to the
4 Settings module
5. Logout Button – this button will sign out your
account
5
Customer Book Module
2
1. Back Button
3 2. Name
3. Set My Info to Pick up Button
4. Pickup Address
5. Pickup Name
6. Pickup Primary Contact
7. Pickup Secondary Contact
6
7
8
10
8. Set My Info to Destination Button
11 9. Destination Address
10. Destination Name
12 11. Destination Primary Contact
12. Destination Secondary Contact
13. Select Parcel
14. Weight
15. Dimension
13
14
15
16. Distance
17. Vehicle Selection
17
18
18. Vehicle Rates
19. Payment Method
20. Payment Source
21. Pickup Schedule
19
20
21
22
22. Landmark Name
23. Landmark Image View
24. Landmark Select Image Button
25. Remarks
26. Book
24
25
26
1
Customer Records
1. Booking Status Button – this button will redirect
2 you to track your parcel status.
2. View Pending Booking Button – this button will
redirect you to view available booking.
3. View Ongoing Booking Button – this button will
3 redirect you to view ongoing booking.
4. View Completed Booking Button – this button
will redirect you to view completed booking.
Customer Booking Status
1. Booking Status
2. Clear
2
Customer View Available Module
1
1. Date and Time - Date and Time of
the booking.
2. Order ID - order id of the booking.
3 3. Pickup Address – address of pickup
4. Destination Address – address of
destination
4
5. Payment Method – payment
method
6 6. Amount – amount of booking to pay
7. View Booking – this will view other
booking details
7
Customer View Ongoing Booking Module
1. Date and Time - Date and Time of
1 the booking.
2. Order ID - order id of the booking.
3. Pickup Address – address of pickup
3 4. Destination Address – address of
destination
5. Payment Method – payment
4 method
6. Amount – amount of booking to pay
6 7. View Booking – this will view other
booking details
7
Customer View Completed Booking Module
1
1. Date and Time - Date and Time of the
booking.
2. Order ID - order id of the booking.
3
3. Pickup Address – address of pickup
4. Destination Address – address of
4 destination
5. Payment Method – payment method
6 6. Amount – amount of booking to pay
7. View Booking – this will view other
7 booking details
1. Notification
1
Customer Available/Ongoing/Completed ViewBooking
2 1. Back Button
2. Order ID
4
3. Customer Name
5 4. Customer Contact
5. Pickup Address
6
6. Pickup Name
7 7. Pickup Primary Contact
8. Pickup Secondary Contact
8
9. Destination Address
10. Destination Name
9 11. Destination Primary Contact
12. Destination Secondary Contact
10
13. Parcel Selected
11 14. Weight
15. Dimension
12
13
14
15
16
16. Distance
17. Vehicle Rates
18. Payment Method
17
19. Payment Source
20. Pickup Schedule Date and Time
21. Remarks
18
22. Landmark name
23. Landmark Image
19
24. Driver Information
20
21
22
24
Back-end Admin App
Admin Login Module
1. Email – your email address
.
2. Password – your password
1 3. Login Button – to validate your account
4. Create Account – to register
2
5. Forgot Password – this module will help you to
recover your account.
Admin Forgot Password
1. Email Address field – input your email address to
receive a reset link.
2. No – exit the dialog box.
3. Yes – to send the reset link.
3
Admin Account Registration
1. First Name
2. Middle Name
3. Last Name
4. Email
5. Password
6. Confirm Password
7. Contact
8. Sign Up – to register your account.
Admin Dashboard Module
1. Vehicle Rates – this will redirect you to Vehicle
Rates Modules.
1
2. Driver List – this will allow you to view all the
drivers.
2
3. Driver Application Request – this will allow you
to view all driver application request.
3
4. Available Booking – you can view all the available
booking.
4
5. Ongoing Booking – you can view all ongoing
booking.
5
6. Completed Booking - you can view all the
completed booking
6
7. Logout – click this and your account will be sign
7 out
Admin Vehicle Rates
1. Search Button – this will allow you to search
vehicle type.
2. Vehicle Type List
3. Edit Button – this will allow you to edit the
information of the vehicle
4. Delete Button – dialog box will show if you want
to delete a vehicle.
5. Add Vehicle – this will redirect you to Vehicle Rate Add Module
5
Admin Vehicle Rate Add Module
1. Add Vehicle
• Vehicle Type
• Weight Limit
• Size Limit
• Base Fare Price
• Base Fare Kilometer Range
• Per Kilometer Price
• Additional Stop Price
• Car Brands list
2. Add Vehicle Button
2
Admin Vehicle Rate Update Module
1. Add Vehicle
• Vehicle Type
• Weight Limit
• Size Limit
• Base Fare Price
• Base Fare Kilometer Range
• Per Kilometer Price
• Additional Stop Price
• Car Brands list
2. Update Vehicle Button
2
Admin Vehicle Rate Delete Panel
1. Dialog Box Warning
2. No - exit the dialog box.
1 3. Yes – delete the selected vehicle
Admin Driver List
1. Driver information
1 • Driver License
• Driver Name
• Vehicle Type
• Vehicle Plate Number
2. Edit Button
Admin Driver List View Information/Admin
Driver Application Request
• First Name
• Middle Name
• Last Name
• Contact Number
• Email Address
• Birthdate
• Age
• House Number/ Street Name
• Barangay
• Municipality/City
• Province
• Vehicle Type
• Vehicle Brand
• Vehicle Model
• Vehicle Year Model
• Vehicle Plate Number
• Driver License ID Number
• Verification Used
• Driver License Front URL
• Driver License Back URL
• Vehicle Front URL
• Vehicle Back URL
• Vehicle Left Side URL
• Vehicle Right Side URL
• Vehicle OR URL
• Vehicle CR URL
• View Ongoing Booking Button
• View Completed Booking Button
• Update
• Approve
Admin View Available Module
1
1. Date and Time - Date and Time of the booking.
2. Order ID - order id of the booking.
3 3. Pickup Address – address of pickup
4. Destination Address – address of destination
4 5. Payment Method – payment method
6 6. Amount – amount of booking to pay
7. View Booking – this will view other booking details
7
Admin View Ongoing Booking Module
1. Date and Time - Date and Time of
1 the booking.
2. Order ID - order id of the booking.
3. Pickup Address – address of pickup
3 4. Destination Address – address of
destination
5. Payment Method – payment
4 method
6. Amount – amount of booking to pay
6 7. View Booking – this will view other
booking details
7
Admin View Completed Booking Module
1
1. Date and Time - Date and Time of the
booking.
2. Order ID - order id of the booking.
3
3. Pickup Address – address of pickup
4. Destination Address – address of
4 destination
5. Payment Method – payment method
6 6. Amount – amount of booking to pay
7. View Booking – this will view other
7 booking details
Admin Available/Ongoing/Completed ViewBooking
2 1. Back Button
2. Order ID
4
3. Customer Name
5 4. Customer Contact
5. Pickup Address
6
6. Pickup Name
7 7. Pickup Primary Contact
8. Pickup Secondary Contact
8
9. Destination Address
10. Destination Name
9 11. Destination Primary Contact
12. Destination Secondary Contact
10
13. Parcel Selected
11 14. Weight
15. Dimension
12
13
14
15
16
16. Distance
17. Vehicle Rates
18. Payment Method
17
19. Payment Source
20. Pickup Schedule Date and Time
21. Remarks
18
22. Landmark name
23. Landmark Image
19
24. Driver Information
20
21
22
24
