Chapter 3

APPROACH TO BE TAKEN IN THIS PROJECT

Theoretical Framework

The Development team uses the System Development Life Cycle (SDLC) as

the foundation of creating the system. The model is easy to understand and will be

the basis of the accomplishment of this project.

Planning

System Analysis

System Design

System
Implimentation

Maintenance

Figure 2. SDLC

Figure 2 shows the method used in SDLC (System Development life cycle).

SDLC has five important phases to be followed in order to come up with functional

system. The first phase is planning wherein the focus is knowing the objectives of the

proposed system, the scope and limitation and the action to be taken to solve the

problem. The second phase is system analysis, it focuses in gathering the factual

data and pertinent information that will be needed in the system development. The

third phase is the system design the base of this phase is the analyzation of those

existing system and identify its general requirement. Moreover, it is the phase

wherein the developers give attention to the users of the system so that they can

easily navigate the system by the use of user friendly design. The fourth phase is the

system implementation, this is when the system is already finished and ready to be
 12

deployed. This also includes testing all the aspects of the system. And lastly, the

maintenance phase this is where the assessment is taking place to ensure that the

system is being maintained.

Requirement analysis

System Design

Implementation

Testing

Deployment

Maintenance

Figure 3. Waterfall Model

Rationale for the framework

In this project we intended to use the waterfall model being an information

system model. As shown on the figure 3, this model supports six stages of waterfall

model which are the requirement analysis, system design, implementation, testing,

deployment and maintenance. As were up to a web-based system, the waterfall

model will be the key for addressing the social responsibility for such system, it will

manifest harmonious result of our project implementation.

 13

Conceptual Framework

INPUT PROCESS OUTPUT

Data Requirements
 Tutors Profile
 Parents Profile
 Tutors
Availability
 Booking Details
Statement of the Problem
Objectives of the Study
Interview Response
Existing manual process
Software Requirements
Assessment of
objectives, Areas of
automation, hard ware
and software
requirements
Online Based
Solution for Tutor
Conduct of the interview.
Booking System
Utilizing SMS
Analysis of the problem.
Notification (Tutors
on the Go)
Development of the
standard process and
system.
Testing and acceptance

FEEDBACK

Figure 4. Conceptual Framework

The Figure 4 is the conceptual framework. It shows the input, process and

output of this study. The input shows the data requirements of the study, statement of

the problem, objectives of the study, interview response, existing manual process

and software requirements of the study. In the process, it shows the analyzation of

the objective, set requirements, gather needed information, making of the system

and the testing and acceptance of the said system. And the output is a functional

Online Based Solution for Tutor Booking System Utilizing SMS Notification (Tutors on

the Go).
 14

System Requirements

Automating the booking process plays a great role and has a potential effect

on day to day performance measure. Due to rapid change of technology the use of

web-based booking system has become a necessity to any given institution. It result

to a better performance; used by a large number of people simultaneously, save

users’ time and it creates awareness of the evolving technology.

The proponents considered the following technologies to be used in the

development of the system. Each technology had an important role in the

development until the implementation of the system.

DEVELOPMENT
HARDWARE
MINIMUM RECOMMENDED
Processor Intel Dual Core 1.60GHz or Intel Dual Core
Equivalent 1.60GHz or better
Memory 4 GB RAM 8 GB RAM
Network Broadband Internet Broadband Internet
Connection Connection
Storage 200Available space 400 Available space

SOFTWARE
OS Windows 10 Windows 10
SERVER XAMPP XAMPP
Internet Browser Internet Explorer Internet Explorer
Google Chrome Google Chrome
IDE VSCode VSCode
SMS Gateway ItexMo ItexMo

DEPLOYMENT
HARDWARE
MINIMUM RECOMMENDED
CPU Cores 8 CPU cores 16 CPU cores
Memory 16 GB RAM 32 GB RAM
Network Broadband Internet Broadband Internet
Connection Connection
Storage 200 GB of disk space cache 400 GB of disk space
cache
 15

SOFTWARE
OS Windows Server, Linux Windows Server,
Linux
SERVER Apache Sever, IIS Apache Sever, IIS
Server-side PHP 7.0 PHP 7.3.10
Language
Database MySQL 7.0 MySQL 7.0
Database Editor phpMyAdmin 4.9.1 phpMyAdmin 4.9.1
SMS Gateway ItexMo ItexMo

CLIENT HARDWARE
Processor CPU 2GHz of higher
Memory 2 GB RAM or higher
Storage 20 GB of available disk space
Network Internet Connection with 1MBps or higher
Monitor 1024x768 minimum resolution

CLIENT SOFTWARE
Internet Browser Chrome* 77+
Internet Explorer 11+ (Windows only)
Edge* 20+
Mozilla Firefox 44+
 16

System Architecture

Internet

SMS Gateway Web Hosting/Database Server

Router

Mobile
Laptop
Mobile

Figure 5. System Architecture

The figure above illustrates that the user should have proper internet

connection to access the website. Through a router the user may connect into the

internet wirelessly. Laptop computer and mobile devices are the devices that the user

may use to access the system. The system is directed into the web host to provide

storage space and access for the website. Through an SMS gateway the system

may be able to send SMS notification to the user over their phone. In the system the
 17

registered accounts is stored to the database and it all be direct to the database

server.

Process-Data Schematics

REQUESTED
REGISTRATION APPROVAL
BOOKING INFORMATION
PARENT APPROVED BOOKINGS TUTOR

BOOKING CONFIRMATION BOOKING DETAILS

0
BOOKING REQUEST CANCELATION TUTORS ON APPROVED REQUEST
THE GO

REGISTRATION ACTIVITY
APPROVAL LOG

ADMIN

Figure 6. Context Diagram of the Tutors on the Go System

The Figure above is the context diagram of Online Based solution for Tutor

Booking System Utilizing SMS Notification (Tutors on the Go). It shows the process

from the Users to the admin. Parent will submit the booking information to the

system. The Tutor will receive the booking details and now the tutor may confirm and

cancel the booking, if the booking is confirmed a booking confirmation will be send to

the parent. However, if the booking is canceled, a booking request cancelation will be

send to the parent. Tutor will first request a registration approval to the system and if

the admin approve it, a registration approval will be send to the tutor. The activities

happened into the system will be recorded on the activity log.

 18

The figure in the previous page is the data flow diagram level 1 of the system

Online Based solution for Tutor Booking System Utilizing SMS Notification (Tutors on

the Go). It shows how the system works. It exposes the entity or the user of the

system, the process and flow of data running into the system and where the data will

be stored.

Tutors on the Go

Registration Booking Process Admin

Process Management

Approve
Insert Redeemed Access Registration Request
Select Tutor Receives SMS
code Booking Notification

Monitor
View activity log
Input Data Book Tutor
Account
Add new
Update Tutor
Profile/Schedule Receive SMS Confirm
Notification Booking

Figure 8. HIPO Model of the Tutors on the Go System

In this figure, it shows the hierarchical Input-Process-Output chart of Tutors

on the Go. It has three modules the registration process, booking process and admin

management. Under the registration process the user will first insert the redeemed

code from the system then the user may now input data, then login into the system.

After that, the user can update accounts and schedule and now can access booking.

Along with the booking process the two users has different process, the user1-Parent

have to select the tutor, then proceed to booking. When the tutor confirms the

booking, the parent will receive an SMS Notification. About the user2-Tutor after the

User1-Parent proceed to booking User2-Tutor will receive an SMS notification, the

user2-Tutor may now login into his account then proceed to confirm booking. In the
 19

Admin Management module, the administrator can monitor who registers and login

into the system under the monitor activity log, the admin can also add Tutor into the

system.

Figure 9.Use Case Diagram

Use case diagram gives a graphic over-view if the users involved in a

system directly. It shows how different functions needed by the actors of the system

and how they are interacted.

 20

Database Design

Figure 10. Database Schema

This database schema above represents the Online Based solution for Tutor

Booking System Utilizing SMS Notification (Tutors on the Go database. Its database

has 8 tables. The tables are tbl_tutor, tbl_parent, tbl_bookings, tbl_activitylog,

tbl_user, tbl_rate, tbl_tutors_sujects, tbl_subjects and tbl_useradmin. The table user

has relation to the tbl_parent and tbl_tutor to know the information needed to book a

tutor and to visit accounts. The tbl_bookings has relation to the tbl_user to fetch data

to display in the admins booking details. The tbl_tutor has relation to

tbl_tutor_subects, the specified subject that the tutor inserted will be stored to the

tbl_tutor_subjects. Moreover the tbl_activitylog has relation to the tbl_user for it to

display who logs in into the system and display to the admins activity log. The

tbl_verification will be the storage of the verification codes that sent into the tutor.
 21

GUI Prototype

Prototyping is an activity that can occur in the development of software. A

prototype typically simulates only few aspects of, and may be completely different

from the final product. It has several benefits, the software designer and developer

can get valuable feedback from the users early in the project. It allows the developer

to estimate weather the deadline of the proposed system can be successfully met.

UI design makes design and interfaces solutions to solve problems and make

it convenient to use. In this system the Proponents first identify the basic requirement

of the system including the input and output information desired. Then, develop the

initial prototype, the development that includes only user interface, moreover the

developer review the made prototype examine it then ask possible users about what

they can say about the initial prototype. Using the feedback both specification and

prototype can be improve. To give you an insight of what the system look, the

proponents took screen shot of the front-end design.

1
1

Figure 11. Home Page

Procedure:
1. At the right side of the home page there are the login and the registration
buttons. Click the registration.
2. For the registration process, after clicking the registration button choose if you
will register as Parent or as Tutor.
 22

Figure 12. Registration Form for Tutor

Procedure:
1. Fill out the entire form.
2. Then click the submit button.

Figure 13. Login Form

Procedure:
1. Insert username and password.
2. Click the login button.
 23

Figure 14. Registered Account for tutor

Procedure:
1. To check bookings, click the My Bookings tab.
2. To change Profile Picture click browse button.
3. Then click save to save new image.
4. To edit Profile Details click edit profile button.
5. Click logout button, to logout

114

31
4

Figure 13. Search Page under Home Page

Procedure:
1. To search tutor, click the check box for the subjects you are requiring.
2. Choose which place you are to find near tutor from you.
3. Click Search button.
 24

2 31
1 4
4 Figure 14. Searched Tutor list Page
Procedure:
1. The list of the Tutors will show according to the data you inserted in the
previous procedure. Choose which tutor you prefer to book.
2. Click book button.
3. Afterwards, click the rate button according to your satisfaction from the tutor’s
performance.

214

314

Figure 15. Booking Modal

Procedure:
1. For the scheduling insert the appointment time and date.
2. Click the book button.
 25

13
14

21
4

Figure 16. Rating Page

Procedure:
1. Drag the mouse to the stars and choose in 1-10. 10 star for very satisfactory
performance and 1 star for the poorest performance.
2. Then click the submit button.

Figure 16. Admin dash board page

Figure 17. Admin add tutor modal

 26

Figure 17. Registered account for Parent