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