1

Table of contents

A. User Interface
1. Logging in 2
2. Managing Account Details 2
3. Changing Themes 3
B. Client Information Interface
1. Creating New client 3
2. Manage Client Details 4
C. Engineer Information Interface
1. Create new Engineer 4
2. Manage Engineer 5
D. Sales Information Interface
1. Create new Sales 5
2. Manage Sales 6
E. Package Type Interface
1. Create new Package type 6
2. Manage package type 7
F. Package Interface
1. Create new Package 7
2. Manage package 8
G. Modem Interface
1. Create new Modem 9
2. Manage Modem 9
H. Branch Interface
1. Create new Branch 10
2. Manage Branch 10
I. Schedule Interface
1. Create new schedule 11
2. Manage schedule 12

J. Dashboard Interface
1. Add ticket 13
2. View Status 13
3. Pendings 13
4. Urgents 13
5. For tech visit 13
6. Update Ticket 13
K. Dashboard Interface 14
 2

A. User Interface

1. Login

The system has a default username and password. It will be given to the administrator who be
using this. Account can be created using the administrator account.

Figure 1 Login Form

2. Managing Account Details

At the right most of the home page, you can click My Profile to view your account’s details, Account
Settings to update your profile, Suggestions if you have issues or suggestion/recommendation about the
system, Help if you need help or info about the website and Log Out to Logged out your account.

Figure 2 Managing Account

 3

3. Changing Themes

User can change the themes and color of the view just by clicking the right most Setting Symbol
of the System.

Figure 3 Themes and Color Setting

B. Client Information Interface

1. Create New Client

User can create new client by clicking the Account in navigation bar the drop down menu will
show up, there are Add Client in that drop down menu by the time user click it the user will be directed
to the add client as shown in fig. 4.
Only the authorize user can create client.

Figure 4 Add Client

 4

2. Manage Client Details

To view all the clients user need to click the Account in navigation bar then the drop down menu
will show up, there are View Client in that drop down menu by the time user click it the user will be
directed to the view client as shown in fig. 5.

Authorized user can update client details just by clicking the row of the specific client.

Figure 5 View Client

C. Engineer Information Interface

Engineer is use for creating Job Order in Scheduling, user need to set engineer in-charge in
creating job order

1. Create new Engineer

User can create new engineer by clicking the Account in navigation bar the drop down menu will
show up, there are Add Engineer in that drop down menu by the time user click it the user will be
directed to the add engineer as shown in fig. 6.
Only the authorize user can create engineer.

Figure 6 Add Engineer

 5

2. Manage Engineer

To view all the engineers user need to click the Account in navigation bar then the drop down
menu will show up, there are View Engineer in that drop down menu by the time user click it the user
will be directed to the view engineer as shown in fig. 7.

Authorized user can update engineer details just by clicking the row of the specific name.

Figure 7 View Engineer

D. Sales Information Interface

Sales person is use for creating schedule, user need to set sales in-charge in creating schedule

1. Create New Sales

User can create new sales person by clicking the Account in navigation bar the drop down menu
will show up, there are Add Sales in that drop down menu by the time user click it the user will be
directed to the add sales as shown in fig. 8.
Only the authorize user can create sales person.

Figure 8 Add sales

 6

2. Manage Sales

To view all the sales person user need to click the Account in navigation bar then the drop down
menu will show up, there are View Sales in that drop down menu by the time user click it the user will
be directed to the view engineer as shown in fig. 9.

Authorized user can update sales details just by clicking the row of the specific person.

Figure 9 View Sales

E. Package Type Interface

Package type is a group of package for the client to identify what package type the client apply.
e.g. SME(small medium enterprice), CORP(corporate).

1. Create New Package Type

There are default package type namely SME, CORP, ENT and RES. If user want to create new
package type user need to click the Components in navigation bar the drop down menu will show up,
there are Add Package type in that drop down menu by the time user click it the user will be directed to
the add package type as shown in fig. 10.
Only the authorize user can create package type.

Figure 10 Add package type

 7

2. Manage Package Type

To view all the package type user need to click the Components in navigation bar then the drop
down menu will show up, there are View Package type in that drop down menu by the time user click it
the user will be directed to the view package type as shown in fig. 11.

Authorized user can update package type by clicking the row of the specific package.

Figure 11 View package type

F. Package Interface

Package this is a package code, every code has specific bandwidth and this is need for creating
client.

1. Create New Package

There are 64 default packages. If user need to create new package user need to click the
Components in navigation bar the drop down menu will show up, there are Add Package in that drop
down menu by the time user click it the user will be directed to the add package as shown in fig. 12.
Only the authorize user can create Package.
 8

Figure 12 Add Package

2. Manage Package

To view all the package user need to click the Components in navigation bar then the drop down
menu will show up, there are View Package in that drop down menu by the time user click it the user
will be directed to the view package as shown in fig. 13.

Authorized user can update package by clicking the row of the specific package code.

Figure 13 View Package

 9

G. Modem Interface

Modem this is use for creating client to identify what modem deployed in a specific client.

1. Create New Modem

There are 4 default modem namely King type, Phyhome, Richer link and Vsol. If user need to add
new modem name, user need to click the Components in navigation bar, the drop down menu will show
up, there are Add Modem in that drop down menu by the time user click it the user will be directed to
the add modem as shown in fig. 14.
Only the authorize user can create modem.

Figure 14 Add Modem

2. Manage Modem

To view all the modem user need to click the Components in navigation bar then the drop down
menu will show up, there are View Modem in that drop down menu by the time user click it the user will
be directed to the view modem as shown in fig. 15.

Authorized user can update modem by clicking the row of the specific modem name.

Figure 15 View Modem

 10

H. Branch Interface

Branch this is use for creating job order and for creating user to specify where the user belong in
branch.

1. Create New Branch

There are 5 default branches namely Dvo, Digos, Tagum, CDO and Gensan. If user need to add
new branch, user need to click the Components in navigation bar the drop down menu will show up,
there are Add Branch in that drop down menu by the time user click it the user will be directed to the
add branch as shown in fig. 16.
Only the authorize user can create branch.

Figure 16 Add Branch.

2. Manage Branch

To view all the branch user need to click the Components in navigation bar, then the drop down
menu will show up, there are View Branch in that drop down menu by the time user click it the user will
be directed to the view branch as shown in fig. 17.

Authorized user can update branch by clicking the row of the specific branch name.

Figure 17 View Branch

 11

I. Schedule Interface

Scheduling this is one of the main function of the system. Here user can set installation schedule
for the client also the create job order, print job order, activated client and other data for the client are
here.

1. Create Schedule.

To create new schedule click the components in navigation bar, then the drop down menu will
show up, there are Add Schedule in that drop down menu by the time user click it the user will be
directed to the Add Schedule as shown in fig. 18. The first input field are Client simply select or type a
keyword for the client name or location to add client, second is Sales In-charge select or search sales in-
charge in that installation, third is Cable category this is to identify what cabled layout in the client,
fourth is FOC Length – length of the cable from drop point to client building, FOC layout this is the status
of the layout can select Done, Pending, Done outside only, Done inside only, next is the OTC this is to
identify if client already paid the installation, next is modem and mapping status this is to identify if the
client has already modem to deploy and mapping status if the mapping are already done by the tech.
sales. lastly is the Applied date this is when the client apply.

Figure 18 Add schedule

 12

2. View/Manage Schedule

To view or manage the scheduling of the client user need to click the Components in navigation
bar, then the drop down menu will show up, there are View Schedule in that drop down menu by the
time user click it the user will be directed to the view schedule as shown in fig. 19.

Manage schedule

A. Buttons
-Create – there are create button in the column Job # this is use to create Job Order.
-WFC – there are WFC(Waiting For Confirmation) button in the column Target Date this is to
identfy if the client confirm the installation, and this is one of the requirements to set the
schedule of the client.
-buttons in target date – the use of all buttons in target date are for changing the target date of
the installation of the client except the WTC.
-1001,1002,1003 etc – this button is the id of the job order, this is use to manage the Job order
like print, update and create another job order.
-Activate – the use of the button Activate in the Date Activated column is use to activate the
client to identify when the client activated.
-Dates button in date activated – this button is use to change the date activated of the client.

B. Switches
-There are 7 switches here in View schedule Location, Package, Modem, Protocol, FOC length
Sales -incharge and Appliend Date those are use for showing or hiding the specific column in the
table.
C. Background color of the table (Red and light blue).
-The red background color in the table is to notify the user that client are lack of requirements
to set schedule for installation.
-The light blue background in the table is to notify the user that the FOC layout are only outside
of the building so that the technical team will also notify.
 13

Figure 19 View schedule

J. Ticket Interface

Ticketing is a means to support and help user deal with any issues/incident of the client in their
internet connection, this is also acts as a documentation of a particular problem of the clients.

1. Add ticket – To add ticket click the Add ticket button in the upper right of the panel of the
ticketing then fill up all the nessesary data of the complain of the client.

2. View Status – This is use to view all the available status for ticketing and also to manage the
statuses

3. Pendings – Pendings button this is use to filter all the pendings in the table and it show how
many pending in that table.

4. Urgents – Urgents button this is use to filter all the Urgents in the table and it show how many
urgent in that table.

5. For tech visit –For tech visit button this is use to filter all the tech visit in the table and it show
how many need to tech visit in that table.

6. Update Ticket – To update the ticket and its status just simply click the specific row of the ticket
table.
 14

Figure 20 Ticketing

K. Dashboard Interface

This page shows a calendar and the schedule for every date and you can make update for every
date’s activity if you click the date.

Figure 21 Dashboard calendar

 15

E-ticket Summary it show the total number of Pending, Urgent, Fixed and Tech visit per month

Figure 22 Dashboard e-ticket summary

 16

Installation Summary it show the total number installed internet by cagetory per month.

Figure 23 Dashboard installation summary

 17

Appendix A. Database Structure

tbl_sales tbl_package_type tbl_packages

pk_id pk_id pk_id
name name fk_packagetype_id
name

tbl_client_details tbl_clients tbl_modems

fk_client_id pk_client_id pk_id
fk_sales_id fk_modem_id name
otc fk_package_type_id
mapping_status fk_branch_id
cable_category fk_pon_id
tbl_pon
foc_length name
pk_id
foc_layout location
fk_olt_id
modem_status contact
pon
applied_date comm_protocol
area
target_date onu
aging modem_mac
date_activated vlan tbl_olts
status ip_assigned pk_id
date_assigned name
status ip

tbl_ticket_status
pk_id tbl_job_orders tbl_branches
name pk_id pk_id
fk_client_id name
fk_branch_id
fk_engineer_incharge
tbl_tickets projec_description
pk _id started
tbl_users
fk_client_id finished
pk_id
fk_user_id fk_branch_id
fk_ticketstatus_id name
complain tbl_engineers email
findings pk_id password
action name remember_token
recommendation position
tech_assigned
target_date
tbl_roles tbl_role_user
pk_id fk_user_id
name fk_role_id
 18

Appendix B. Sitemap

Login

Dashboard Ticket components Accounts

View calendar, Add Ticket Add/view Add/view

& summaries schedule user

View/ update Add/view Add/view

Ticket package type client

Add/view Add/view
packages engineer

Add/view Add/view
modem sales

Add/view
branch

Add/view
olt
 19

Appendix C. Permession Table

Features Roles
Administrator HD Tech sales User
head
Create account ✔
Create client ✔ ✔ ✔
Create schedule ✔ ✔
Create package type ✔ ✔ ✔
Create package ✔ ✔ ✔
Create modem ✔ ✔ ✔
Create engineer ✔ ✔
Create sales ✔ ✔
Create branch ✔ ✔ ✔
Create job order ✔ ✔
Create ticket ✔ ✔
Create ticket status ✔ ✔
Create olt ✔ ✔
Create pon ✔ ✔
Update account ✔
Update client ✔ ✔ ✔
Update schedule ✔ ✔
Update package type ✔ ✔ ✔
Update package ✔ ✔ ✔
Update modem ✔ ✔ ✔
Update engineer ✔ ✔
Update sales ✔ ✔
Update branch ✔ ✔ ✔
Update job order ✔ ✔
Update ticket ✔ ✔
Update ticket status ✔ ✔
Update olt ✔ ✔
Update pon ✔ ✔
Delete data ✔