Website and Mobile Application User Guide

WB+
Janopol Oriental Waterworks

An Online Waterbilling System with Mobile Application

TABLE OF CONTENTS

Introduction 4

Login 5

Admin Dashboard 6

Admin Agent 7

Registration 8

Payment - Membership 9

Encoding - Manual 10

Mobile Application – Scanning Readings 14

Website – Water Usage Received 16

Generating Bill Reports 17

Sms Notification of Billing Notice 18

Payments - Mauanl 19

Customer Website 21

Online Payment via Paypal 22

Due Date, Reconnection Fee, and Offense Fee 25

Offense Logs and Reports 28

Payment Due date, Reconnection, and Offense Fee 29

SMS Notification after Payment 31

User Management 31

Payment Logs 32

System Offense and Configuration 33

Generate Monthly Reports 34

INTRODUCTION

Janopol Oriental Waterworks clerk, meter readers and their customer can use the Janopol
Oriental Waterworks website and mobile application to help the transaction between the customer
and Waterworks. The Waterworks can use the website to monitor the readings and transaction of
the customer and uses the mobile application to read the water usage of the customer. While the
customers can use the website for them to pay bills online, monitor their water usage and give
feedbacks to the Waterworks.

The website includes the login for the three-user level which is the admin and agent. The
agent uses the mobile application to read water usage and report some customers for some reasons.
WEBSITE (ADMIN)

LOGIN

There are two user level:

• Admin
o Default account:
Username: admin
Password: admin
• Agent
o Default account:
Username: agent
Password: agent
Users will have to enter the following:

• Username
• Password

After entering the username and password, the system will automatically check on what type of
user account you have login and will direct you to dashboard.

Admin Dashboard

The admin has full control access in this website. Adding admin/agents, logs of payments,
activity in the system, and logs for meter readers or agents. Customer registration and
registration payments, customer feedbacks and manual encoding of readings for back up
in case the mobile application have some problems.
Agent Dashboard

Agent Dashboard

The Agent have a limited module to use in this website. If the mobile application encounters some
problems the agent/s can use this website to manually encode the readings of the customer.
Registration

The customer/s need to go to Waterworks for registration personally. The customer must be 18
years old and above, have a valid email and cellphone number and resident of Janopol Oriental.
The next process is membership payment.
Payment – Membership

Go to Membership payment and select the customer name you registered.

Payment – Membership
Payment – Membership

Pay the registration fee.

Then you will receive a memorandum of agreement and receipt of your membership payment.
Payment – Membership

Then after registration and payment, you will receive a sms for the account information that the
customer will be using in the customer website. The account number will be your username and
default password are your family name. The customer can change password in their account in
customer website.
Encoding – Manual

This is the manual encoding in admin side.

This manual encoding in agent/s website. Almost the same with admin.
Encoding – Manual

The new customer has no previous readings that’s why that is the record. The website I used is
agent website.

This customer has previous readings I used the admin manual encoding for this customer.
Mobile Application – Scanning Readings

This is login in of the mobile application. The agent/s have the only access in the mobile
application. Since this is in localhost you must be in same wifi connection with your mobile and
website put the ip address then login. Below photo is the dashboard of agent in mobile.
Mobile Application – Scanning readings

Here is the client list and client information.

Click the scan button and the scanner will appear, scan the readings and submit it. The website
will receive the customer usage.
Website – Water Usage Received

As you can see we receive the readings both manual encoding in the admin and agent/s.

This is the logs of readings who did it and it tells if the readings were in manual or in device and
if it is agent or admin who conducts the reading.
Generating Bill Reports

As you can see you can click the generating billing forms. Now click the button to generate bill
reports.

This is the sample billing report that will be distributed in the house of the customer.
SMS Notification for Billing Notice

As you can see we receive a sms for the bill of the month of March. The first picture is ₱200.00
because the customer’s water usage is in minimum, the minimum payment is ₱200.00. If the
customer has a consumption of 20 cubic meter and below you will have a minimum payment. The
second picture has a above minimum consumption that’s why his/her bill is above minimum.
Payments – Manual

Only the admin has access to this payment module. You can see the total consumption for the
month.

This one is minimum payment.

Payment – Manual

This one also is above minimum.

This is the official receipt for your payment. The payment was made in the actual office of the
waterworks.
Customer Website

Here is the customer website, you will be using the account number of customers as your username
at your default password is your last name. You received the account information on your
registration in sms form. The customer dashboard is the below image once you logged in.
Online Payment via Paypal

You can pay your bills in paypal. I used a paypal sandbox account.

Email: wb_buyer@gmail.com

Password: cm625test
Online Payment via Paypal
Online Payment via Paypal

Your account has been paid your monthly bill. Customer can send feedbacks to admin.

Feedback
Due date, Reconnection Fee, and Offense Fee

When the customer did pay on the schedule date or due date, that day he/she will receive a sms
notification that they have to settle there bill this date and the date of there disconnection. When
the customers do not pay in their due date there will be a penalty for every day he does not pay.
The penalty days will last until seven days and the customer will be disconnected by the
waterworks. He will have to pay for reconnection fee to have a water service again. The agent in
the field will be the one who will disconnect the customer thru his mobile app and web incase the
mobile encounters some problem.
Due Date, Reconnection Fee, and Offense Fee

Since the client is disconnected in service, there are some instances that the customer tries to
bypass the meter since it was lock up and try get a water, the waterworks gets back to the customer
who does the bypassing and the agent will submit a offense report to the disconnected client.
Due Date, Penalty, and Reconnection Fee

The agent will report the customer if he/she committed an offense to the waterworks. The admin
will validate it in the web and accept the report.
Offense Logs and Report

The admin validates it and can approve or reject it. Once it was proven that the customer commits
an offense he/she will be paying the Monthly bill + penalty + reconnection fee + offense fee.
Payment Due date, Reconnection, and Offense Fee

Here is the total bill for the month with penalties, reconnection fee and offense fee.
Payment Due date, Reconnection, and Offense Fee

Once the payment is done your account will reconnected. You will receive a sms notification for
your online payment.
SMS Notification after Payment

User Management

List of admin and agents. The admin can add an admin and agent, if the admin is added their
default password is admin while for agent is agent.
Payment Logs

You can here all the transactions that have been made in the system.
System and Offense Configuration

The system configuration you can adjust the price of the fees that the customer paying in the
waterworks like minimum payment, membership and reconnection. In offense, you can create
offense and set its price.
Generate Monthly Reports