Implementing Appointment and Administration System

In Ms. L's Beauty Lounge

An Information Assurance and Security Presented to

The Faculty of College of Arts and Sciences

Eulogio ‘Amang’ Rodriguez

Institute of Science and Technology

Nagtahan, Sampaloc, Manila

In Partial Fulfillment

of the Requirements for the Degree of

Bachelor of Science in Information Technology

By:

Doblada, Mhel Jhona P.

Gonilat, Neil Joy B.

Teoxon, Joseph N.

Tutor, Louie Jay E.

June 2022
I
 ABSTRACT

Ms. L's Beauty Lounge's historical background initially

caters to semi-permanent makeup and procedures, proper skin

care, nail arts and spa, facial treatment such as beauty

slimming regimen, glutha drip, and glutathione injections,

until it fully supplies health and beauty supplement products

for proper well-being and quality of life. The clinic has

been in the industry for about two years, but the services

that they provide to their customers and clients can be

compared to long-term, large, and successful firms, and they

are also confident on telling them that they are satisfied

with the services. The goal of the study is to assist them in

improving their business operations in order for them to

continue their business for a longer period of time by getting

new information and insight from exposure and creating

effective tactics. The developer’s objectives were to help

small business owners identify strategies to improve their

company's long-term viability. Profitability, business

development, business marketing strategy, human capital, and

stability are all characteristics that can assist small

business owners in achieving long-term industry

sustainability. A good website must have both strong content

and decent functioning. The website's visitors appear to

having no trouble in terms of arranging an appointment. With

II
high-quality beauty goods and skilled beauticians, the beauty

clinic can thrive. A well-designed website can also help a

firm grow and expand. The website of the Beauty Clinic

features is simple yet it has an appealing design that suit

to its users, the site includes an image slider with wonderful

and amazing photographs of gorgeous clients.

III
 ACKNOWLEDGEMENT

The researchers would like to express their sincere

appreciation and acknowledgement to the following individuals

whose constant support and contributions led to the

completion of this study.

The researchers would like to thank the panelist and our

thesis adviser who partially guided, motivated and made our

critical thinking and analysis in the development of this

study wider as well as vulnerable assistance, guidance and

expertise on the analysis of our study.

To our very understanding and supportive parents Mr. and

Mrs. Doblada, Mr. and Mrs.Gonilat, Mr. and Mrs. Teoxon and

Mr. and Mrs. Tutor. We thank them for their love and

continuous assistance which enable us to grow and excel.

To the librarians of Eulogio ‘Amang’ Rodriguez Institute

of Science and Technology and to our friends who have given

time and effort for helping us in many ways. We thanked them

to make our research possible. Above everything, to God

almighty for the gift of life, knowledge, wisdom, love and

guidance, he bestowed upon us each time. This would serve as

a simple offering for you.

IV
 DEDICATION

The researchers would like to dedicate this study to our

family, friends, classmates and teacher who have given

encouragement and aided us in writing this research study.

The researchers bestowed this study to our participant and

beneficiary. May this would greatly help them in facing the

real world scenario of technology and innovation that is

rampant in 21st century and to be one of the people who may use

this research as their inspiration for further studies.

This work is the result of numerous and difficult

sacrifices. This work is heartily and proudly dedicated to

the people who serve as an inspiration thanks to the efforts

of the researchers. From parents and guardians to classmates

and circle of friends who offered assistance when problems

arose while working on this project. Above all, to our God

Almighty, who has showered us with His Blessings in our daily

lives, especially for the strength, courage, patience,

wisdom, time, and guidance in completing this work.

V
 TABLE OF CONTENTS

Pages

Approval Sheet …………………………………………….………………………………………………….…… I

Abstract …………………………………………………………………………….…………………………………... II

Acknowledgement ……………………………………………………………………………………..….……. IV

Dedication ……………………………………………………………………………………………………………….. V

Table of Contents …………………………………………………………………..………………………. VI

List of Figures ………………………………………………………………………………..….……….. X

List of Tables ……………………………………………………………………….………..…………….. XI

Chapter

1 Introduction

Historical Background ……………………………………………...……... 1

Organizational Chart

Company as a whole ………………………………………….……...…………….. 3

Division under study …………………………….……………...……….... 4

Statement of the Problem……………………..…..…….......…… 5

Scope and Delimitation……...………………………………..…..………… 11

2 Content Analysis
VI
 System Name and Background……………………………………..………….. 13

System Outline……………………………………………………………………………....… 15

Context Diagram

Existing Context Diagram ..………………………… ………….……….… 19

Proposed Context Diagram ..………………………… ………….……….… 20

System Flowchart

Existing System Flowchart …………………………………………….…….. 21

Proposed System Flowchart …………………………………………….…….. 22

Data Flow Diagram

Existing Data Flow Diagram ………………………………………….…... 23

Proposed Data Flow Diagram ………………………………………….…... 24

Gantt Chart ……………………………………………………...…..…………...….. 25

User Requirements …………………………………………………………………...…. 26

3 General Design

General Objectives …………………………………………………………..……….. 28

Specific Objectives ……………………………………………….…………….... 28

Presentation of Alternatives

Alternatives No.1: Stand Alone Set-up System ….. 30

System Flowchart (Stand Alone Set – up) ……………... 31

VII
 Physical Elements (Stand Alone Set – up)

Network Layout (Stand Alone Set – up) ……………..……… 32

Database/Tables (Stand Alone Set – up) ……….……….. 33

Cost and Benefit Analysis (Stand Alone Set – up) 36

Graphical User Interface (Stand Alone Set – up) 38

Alternative No. 2: Web Base Set-up (Internet Based

Network System ………………………………………..……………………………………..…..…... 41

System Flowchart (Web Base Set-up) …..…………………... 43

Physical Elements (Web Base Set-up)

Network Layout (Web Base Set-up) …………….…………....… 44

Database/Tables (Web Base Set-up) …………………………..…… 45

Cost and Benefit Analysis (Web Base Set-up) …….. 48

Graphical User Interface (Web Base Set-up) ……….. 50

Alternative No. 3: Centralized Set-up ……….………... 52

System Flowchart (Centralized Set-up) ………..……….. 54

Physical Elements (Centralized Set-up)

Network Layout (Centralized Set-up) ……………...…..… 55

Database/Tables (Centralized Set-up) ….......……… 56

Cost and Benefit Analysis (Centralized Set-up) . 59

VIII
 Graphical User Interface (Centralized Set-up) …. 61

4 Methodology

Research and Systems Development Method …………..…… 65

Data Collection …………………………………………………………………………………. 70

Ethical Issues ………………………………………………………………………………... 76

Compliance Requirements ………………………………………………………... 78

Analysis of Data …………………………………………………………………………... 81

Project Plan Deliverables …………………………………………………….. 85

Work Breakdown Structure (WBS) ……………………………………... 89

Risk Analysis …………………………………………………………………………………... 90

Duration ………………………………………………………………………………………………... 94

APPENDICES

Curriculum Vitae ……………………………………………………….………..…... 96

IX
 LIST OF FIGURES

Figure 1: Company as a whole …….…………………………………………..……….. 3

Figure 2: Division under study …….……………………………………..……….. 4

Figure 3: Existing Context Diagram …………………………..…………………. 19

Figure 4: Proposed Context Diagram …………………………..…………………. 20

Figure 5: Existing System Flowchart ……………………………………..... 21

Figure 6: Proposed System Flowchart ……………………………………..... 22

Figure 7: Existing Data Flow Diagram ………………………………………….. 23

Figure 8: Proposed Data Flow Diagram ………………………………………….. 24

Figure 9: Gantt Chart ……………………………………………………………………….……….. 25

Figure 10: System Flowchart (Stand Alone Set-up) ……………. 31

Figure 11: Network Layout (Stand Alone Set-up) …………………. 32

Figure 12: Graphical User Interface (Stand Alone Set-up)38

Figure 13: System Flowchart (Web Base Set-up) …………….….. 43

Figure 14: Network Layout (Web Base Set-up) …….……………….. 44

Figure 15: Graphical User Interface (Web Base Set-up).. 50

Figure 16: System Flowchart (Centralized Set-up) ……………… 54

Figure 17: Network Layout (Centralized Set-up) ………….……… 55

Figure 18: Graphical User Interface (Centralized Set-up)61

X
 LIST OF TABLES

Table 1: Database/Tables (Stand Alone Set-up) ………………….. 33

Table 2: Cost and Benefits Analysis (Stand Alone Set-up)36

Table 3: Database/Tables (Web Base Set-up) ……………………………. 45

Table 4: Cost and Benefits Analysis (Web Base Set-up)…… 48

Table 5: Database/Tables (Centralized Set-up) ………..………. 56

Table 6: Cost and Benefits Analysis (Centralized Set-up)59

XI
 CHAPTER 1: INTRODUCTION

1.1 Historical Background

Ms. L's Beauty Lounge originally caters to semi-

permanent makeup and procedures, proper skin care, nail arts

and spa, facial treatment such as beauty slimming regimen,

glutha drip, and glutathione injections, until it fully

supplies health and beauty supplement products for proper

well-being and quality of life. Our first beauty clinic began

on January 2020, located at Treasury St. North Fairview Quezon

City with its extension of branches the following months in

General T. De Leon in Valenzuela City, Tandang Sora,

Novaliches and Lagro in Quezon City and Sampaloc Manila

respectively.

It then expanded after a year to other provinces mainly

in Pozurrubio Pangasinan and Dumalinao Zamboanga Del Sur.

List of Products and services:

1. Semi-Permanent Makeup

2. Wedding Makeup

3. Prenup makeup

4. Debut makeup

5. Graduation makeup

6. Nails arts

1
 7. Hair

8. Eyebrow, micro blading, permanent eyebrow, micro shading

9. Lip tattoo

10. Lip pigmentation

11. Body wax

12. Eyelash extension

13. Spa massage

14. Glutha drip

15. Glutathione injections

They have only been in service for two years but the

service provided to their customers and clients can be

compared to long -term, large and successful businesses and

they are confident to tell the customers that they will be

satisfied in the service.

List of Major Clients: (the clients are different in ages and

genders because it is open to everyone)

1. Professional

2. Non-Professional

3. 18-60 years old

2
1.2 Organizational Chart

1.2.1 Company as whole

3
1.2.2 Division under study

LOIEGIE DANO TEJADA

CEO

JESA MELANIE DANO

MANAGER

LOWEME LASCUNIA

MANAGER

CHARLYN DANO

MARKETING

4
1.3 Statement of the Problem

Problem 1: Looking a Good Employees

Documents Involved:

• Performance metrics

• Job Descriptions

• Job profile

• Performance Appraisal Documents

• Resume or CV

Scenario:

Good employees are formed as a result of a company's

management. Only a few employees looking for work have access

on Facebook. Others are not interested due to lack of

information available on Facebook, as opposed to the website.

In terms of hiring procedure there will be a tendency that

failures may occur at any point during the process. A single

breakdown can be enough to keep you from hiring the candidate

that you really want. If you are hiring process has multiple

flaws, your chances of finding good employees are

significantly reduced.

One of the reasons you might have trouble finding good

employees is that the hiring process is long and difficult to

5
manage. Any stage of the hiring process can result in a

communication breakdown. Even one misstep can result in a bad

hire or a lot of time spent interviewing the wrong candidates

with the wrong skills.

Cause:

• There are a lot of people who are unemployed.

• They are not fit to culture.

• They are lack of skills in the field.

Impact:

• Time consuming on finding a good employee.

Quantifications:

• Accommodating applicants 20-40 minutes.

• Setting an interview time for applicants.

• Handling referrals and the associated authorizations.

6
Problem 2: Maintaining Consistent Income

Documents Involved:

• It verifies that the person in charge of executing

particular transactions is you.

• Proof of income is required to determine the

provenance of certain funds or assets.

Scenario:

When your product or service is unable to regularly

produce an accurate income amount for estimates, you have a

revenue stream. This presents significant issues when putting

together sales predictions, annual budgets, operational

choices, and so on. One of the problems that a business may

encounter is fierce competition. It's possible that your

costs and prices are fine, but you're up against too much

competition to keep up with. If your competitors' products

are similarly priced but objectively superior to yours, you

won't sell enough to stay alive.

Cause:

Lack of market awareness. You could also be suffering

from a lack of market awareness; even if your product is

priced perfectly for both you and your customers, if no one

knows it exists, you won't make a profit. Marketing and

7
advertising are your most powerful tools for overcoming this

barrier; they are costly up front, but well worth the

investment if properly planned.

Impact:

• Loss of profit

• Inconsistency

• A lack of market awareness.

Quantifications:

• No client is the specific days.

• Expired Products

8
Problem 3: Setting Appointment Difficulties

Documents Involved:

• List of products - list based on the products of

carrying out the necessity client’s need.

• Booking appointment information to present in the

clinic.

• Quotation - paper that will be submitted to the client

and will include an overview of prices for the

products they want installed as well as project

requirements.

Scenario:

They are having a hard time setting an appointment on

the site. Therefore, online scheduling allows the company to

deliver a better customer experience. Allowing customers to

schedule appointments directly from your website eliminates

the need for them to work around your office hours. Almost

every single person does their research online these days,

and you most likely make your decision on whether to see us

or not right then and there, at that moment.

The customers are busy and they have a lot of things to

do. They also won't have to wait while your front desk staff

attends to other calls or responsibilities.

9
Cause:

• Traditional way on booking an appointment.

• Time Availability

Impact:

• They cannot set an appointment on designated time.

• The beauty clinic is not prepared for your consult.

Quantifications:

• Breakdown of time consume Traditional way on booking an

appointment

• Time consumed for preparing the equipment’s and products

that will be used – 15 minutes – 30 minutes

10
1.4 Scope and Delimitation

Delimitations

The first delimitation was the geographic location

delimitations are potential flaws in a study that are beyond

the researcher's control, and they emphasize both the study's

internal and external validity (Connelly, 2013). The

limitation of this system is it only covers the reservations

of the customers. How they can get a reservation and the

availability of the time they want.

Delimitations are characteristics that limit the scope

and define the boundaries of the study (Simon & Goes, 2013)

the validity of the interview data collected was based on the

knowledge and interpretations of beauty clinic owner which

did not reflect the views of the beauty clinic industry's

larger population. Because of the study's limited scope, its

conclusive findings may not apply to other geographic regions

or business cases. Finally, to identify small business owners

in the beauty clinic industry who implemented successful

survival strategies, the researchers relied on the honesty of

potential participants as well as the accuracy of supporting

documentation.

11
 Small business beauty clinic participant inclusion

criteria. The scope of this study was limited to owners who

successfully implemented strategies to stay in business for

more than 5 years. The Beauty Lounge sample population was

used as a delimitation. Another limitation was that answering

the research question necessitated concentrating on

strategies used by small business beauty clinic owners.

Scope

The research includes some information about the Beauty

Clinic, Appointment Reservation, and Customers Agenda. The

scope of the study is to help them improve their business

practices so that they can stay in business longer by gaining

additional knowledge and insight from exposure to effective

strategies. The study's purpose was to assist small business

owners in recognizing ways to improve their company's long-

term viability. Profitability, business development, business

marketing strategy, human capital, and stability are all

factors that help small business owners achieve long-term

sustainability in their industry (Asfaw, 2016).

12
 CHAPTER 2: CONTENT ANALYSIS

2.1 System Name and Background

Ms. L’s Beauty Lounge is a clinic that offer many

services. Ms. L's Beauty Lounge began by specializing in semi-

permanent makeup and procedures, proper skin care, body

scrub, eyelash extension, facial treatment and other cosmetic

procedure such as beauty slimming regimen, glutha drip, and

glutathione injections, before expanding to provide a full

range of health and beauty supplement products for optimal

well-being and quality of life. Their first beauty clinic

opened in Treasury St. North Fairview Quezon City on January

2020.

A good website must have good content and

excellent functionality. Ms. L's Beauty Lounge has high-

resolution photos, a good typeface, and emphasizes design

hierarchy. With such elements and an elegant appearance, this

website for the Beauty Clinic impresses its visitors. It also

has beautiful content that helps to communicate its superior

services. This one-page site has a fantastic overall design

and features that help the beauty clinic succeed. Visitors to

this website appear to have no trouble scheduling an

appointment. The beauty clinic can flourish with high-quality

beauty products and skilled beauticians. A well-designed

13
website can also help to boost and expand a business. The

beauty Clinic's website has a simple, yet elegant, design.

The site provides an image slider with great and amazing

images of beautiful women to accommodate its visitors.

Furthermore, CTAs (calls to action) can help you

generate more leads and keep them in good places. It makes

use of a static header to keep visitors on the site longer

and ensure that the menu is always available. Furthermore,

the website's good design significantly improves the overall

look and feel of the site.

14
2.2.1 System Outline

Admin

I. Opening of the project appointed by the client.

• Open the administration panel.

• To access the admin panel and go to the dashboard,

log in to the admin account.

II. Checking the appointment of the client

• Check the client's appointment details for the

service they want to avail, as well as the date and

hour of their scheduled appointment.

• The scheduled appointment will automatically send a

Gmail message to the client informing them of the

reservation.

III. Doing the project stated by the client.

• Completing the client-specified need.

• When the client visits the Clinic. The clinic will

prepare the necessary equipment and provide the

services that the client requires.

IV. Settlement of the accomplished appointment.

15
 • Modifying the website system's assigned service and

turning in the pending appointment as completed.

V. Summary contract report.

• Gives you a complete list of how many appointments

you've had based on their state. You may see the

total number of appointments that have been canceled,

refused, deleted, no-show, completed, and pending at

the company.

Client

I. Opening the browser to visit the page.

• A web browser is a software program that lets you see

and interact with websites. You can use popular web

browsers include Microsoft Edge, Internet Explorer,

Google Chrome, Mozilla Firefox, and Apple Safari.

• You can now insert the website's URL to continue

exploring the offers on the website.

II. Browsing the services offers in the website.

• After you've entered the URL. You will now proceed

to the website and look at the services that may be

of interest to you.

16
 • Give customers a place to see what services are

available any time day or night, discover more about

your products and services. Whether the clients can

arrange an appointment at what time and day.

III. Things to contacts the admin in the site.

• To contact the site's administrator, go to the

contact page and write them a note expressing your

issue. You can reach out to them through their

Facebook page or their website. The message will be

sent to their Gmail account automatically.

IV. Register an account to set an appointment.

• Setting up an appointment requires an account. To

create an account, visit the registration page and

fill out the required information.

V. Setting appointment schedule.

• All you have to do to make an appointment is specify

the type of service you want and a day and time that

is available for that service.

17
VI. Receiving validation from the page.

• Following your appointment, the website will email

your appointment details to you by Google mail. It

verifies that your appointment was successfully

scheduled.

18
2.2.2 Context Diagram

In this index, displays how data flows in a system and

how decisions are made to control events. System context

diagrams can aid in comprehending the environment in which

the system will operate.

2.2.2.1 Existing Context Diagram

19
2.2.2.2 Proposed Context Diagram

20
2.2.3 System Flowchart

2.2.3.1 Existing Flowchart

21
2.2.3.2 Proposed System Flowchart

22
2.2.4 Data Flow Diagram

The DFD is broken down into more specific, DFD depicts

basic modules in the system and flow of data among various

modules. DFD also mentions basic processes and sources of

information.

2.2.4.1 Existing Data Flow Diagram

23
2.2.4.2 Proposed Data Flow Diagram

24
2.2.5 Gantt Chart

A Gantt chart is a form of bar chart that depicts a

project timetable. The dependency links between activities

and the current schedule state are also shown in modern Gantt

charts.

25
2.2.6 User Requirements

Client:

Everything in a web application that is displayed or occurs

on the client is referred to as client (end user device).

This includes what the user sees, such as text, images, and

the rest of the user interface, as well as any actions

performed by an application within the user's browser.

• Client whom visited the page.

• Client who wanted to setup an appointment.

• Clients who are looking a specific service that are

associated to their wants.

Admin:

Administrator has a broad range of administrative

privileges across a single website, primarily managing the

infrastructure.

• Manages the appointments of the clients.

• Communicates with clients and sends out validation

emails.

• Monitors the site.

• Manage database of the clients.

26
Hardware Specification Processing Power:

Intel (R) Core (TM) 2 Duo

CPU E4600@

240GHz 2.39GHz

Memory:

1.00 GB of RAM

Software Specification Web browser:

Google Chrome, Mozilla

Firefox, Internet

Explorer

Network:

Linksys router (Lighthouse

Wi-Fi) Ethernet

WLAN/ 1Mbps

Personnel Requirements Any personnel proficient at

personal computer

27
 CHAPTER 3: GENERAL DESIGN

3.1 General Objectives

The main objectives of the study are to implement

appointment and administration system to provide solution

on the existing problem of the clinic that will help to get

more clients, improve the business and work of every

employee of Ms. L’s Beauty Lounge.

3.2 Specific Objectives

These are the specific objectives of the study:

1. To improve the online appointment and easy to book a

schedule.

2. To boost the sales and maintain the consistency of

income.

3. The project is intended to develop a system where client

could make a beauty clinic appointment.

4. Implementing validation with G-mail notification to

notify the clients for their scheduled appointment.

5. The output of the system will bring convenience to both

client and admin.

6. Manifest a healthy relationship with the clients.

28
7. The customer service staff at the beauty clinic spends

the majority of their time managing phone calls,

explaining options to customers, and managing schedules;

all of this could easily be automated.

8. Showing your clients that you are with the latest trends

is important for a successful business

The business The Company needs a website because it's

the best way to show that your stylists are up to date

on the latest fashion trends and techniques, as well as

that the products you use in your beauty clinic are

cutting-edge, new, and exciting.

29
3.3 Presentation of Alternatives

3.3.1 Alternative no. 1: Standalone Set-up System

Standalone is a type of system in which each user has

their own computer with a specific task (for example, one

computer for the CEO and another for the general manager).

There is connection between the CEO computer and the

manager’s computer. They can have both access the website in

the admin panel section. A website is available, and each

workstation must have their access

At the main office, the proposed system was installed.

Here are some of the benefits of

The following alternative:

1. Easy to access the admin panel.

2. CEO, General Manager, and Assistant have the same access

in the admin panel to view the appointment reservation.

3. Data security and privacy – data resources on a computer

cannot be accessed by other computers. As a result, data

privacy is preserved.

4. Stand-alone setup system is more convenient.

5. Any tasks or data associated with that computer are easy

to manage.

30
3.3.1.1 System Flowchart (Stand Alone Set-up)

31
3.3.1.2 Physical Elements (Stand Alone Set-up)

3.3.1.2.1 Network Layout (Stand Alone Set-up)

CEO

General Manager Admin executive

assistant
Beauty Clinic
Website
Admin panel

32
3.3.1.2.2 Database/Tables (Standalone Set-up)

User Accounts

Field Name Field Type Size Decimal

Email Alphanumeric 30 0

Password Alphanumeric 30 0

List of Clients

Field Name Field Type Size Decimal

Email Alphanumeric 0 0

First Name Alphanumeric 0 0

Middle Name Alphanumeric 0 0

Last Name Alphanumeric 0 0

Age numeric 0 0

Address Alphanumeric 0 0

Contact Alphanumeric 0 0

Number

List of Services offer

Service Offer Price

Volume lashes eyelash 799 pesos

extension

33
Cat eye last extension 749 pesos

Eyelash classic 649 pesos

Lash lifting 299 pesos

IV pus 349 pesos

Signature drip 1199 pesos

Powerful drip 1999 pesos

Slimming drip 1299 pesos

Rf face 349 pesos

RF neck 349 pesos

RF arms 399 pesos

Rf hips 399 pesos

Rf legs 399 pesos

Rf tummy 549 pesos

Chin threading 80 pesos

Upper lip threading 80 pesos

Underarm threading 199 pesos

Face threading 299 pesos

Eyebrow cleaning 120 pesos

PDT mask 399 pesos

Basic Facial 399 pesos

Package underarm whitening 3999 pesos

Wing eyeliner 5999 pesos

Scalp Pigmentation 14999 pesos

34
Hollywood Black Doll 1499 pesos

Eyelash extension 800 pesos

Warts Removal 1500 pesos

Nails 299 pesos

35
3.3.1.3 Cost and Benefit Analysis (Standalone Set-up)

COSTS

ITEMS COSTS

ONE TIME COSTS

Hardware

• Personal computer PHP 6,849.21

Minimum Requirements

Model Number: C2D/500GB with

4gb Ram

Operating System: Windows 7

Ultimate

Chipset: 1156

Processor: Dual Core

Processor Speed: 2.66 GHz

RAM Type: DDR3

RAM Capacity: 4 GB

HDD Type: SATA

HDD Capacity: 500 GB

Graphics Memory: 1 GB

Software

• Operating System PHP 7968.97

(Windows 7)

36
TOTAL ONE TIME COST PHP 14,818.18

BENEFITS

ITEMS COSTS

• Monitored appointment N/A

requests

TOTAL SAVINGS N/A

37
3.3.1.4 Graphical User Interface (Standalone Set-up)

38
39
40
3.3.2 Alternative No. 2: Web Base Set-up (Internet Based

Network System)

This alternative is known as Website or Internet-based

Network System. This proposed system offers a connection

between the main office (General Manager and Executive

Assistant) and the CEO through the use of internet. The

computers are designated at least one at the main. The

selected administrator can utilize the suggested system as

long as they are connected to the internet and logged in. It

will have user levels, each with their own username and

password for security purposes.

Only selected personnel and the general manager can

access the proposed system for security and controlling

purposes if they want the personnel to become admin.

For this alternative, here are the advantages of this proposed

system:

1. Convenience – As long as the company is logged on to the

system, they can access it 24 hours a day, 365 days a year.

The full information is always accessible, particularly for

the General Manager and Executive Assistant.

41
2. Secured Data – data is safer against the occurrences of a

system failure; data is well-protected in the online

application service and with backup and restore.

3. Cost-efficient – The program that will be installed on

this proposed system will be less expensive than market

software.

4. Portability – the system can work as long as the user is

logged-on or connected to internet.

42
3.3.2.1 System Flowchart (Web Base Set-up)

43
3.3.2.2 Physical Elements (Web Base Set-up)

3.3.2.2.1 Network Layout (Web Base Set-up)

CEO

General Manager
Admin executive
assistant
Beauty Clinic
Website
Admin panel

44
3.3.2.2.2 Database/Tables (Web Base Set-up)

User Accounts

Field Name Field Type Size Decimal

Email Alphanumeric 30 0

Password Alphanumeric 30 0

List of Clients

Field Name Field Type Size Decimal

Email Alphanumeric 0 0

First Name Alphanumeric 0 0

Middle Name Alphanumeric 0 0

Last Name Alphanumeric 0 0

Age numeric 0 0

Address Alphanumeric 0 0

Contact Alphanumeric 0 0

Number

List of Services offer

Service Offer Price

Volume lashes eyelash 799 pesos

extension

45
Cat eye last extension 749 pesos

Eyelash classic 649 pesos

Lash lifting 299 pesos

IV pus 349 pesos

Signature drip 1199 pesos

Powerful drip 1999 pesos

Slimming drip 1299 pesos

Rf face 349 pesos

RF neck 349 pesos

RF arms 399 pesos

Rf hips 399 pesos

Rf legs 399 pesos

Rf tummy 549 pesos

Chin threading 80 pesos

Upper lip threading 80 pesos

Underarm threading 199 pesos

Face threading 299 pesos

Eyebrow cleaning 120 pesos

PDT mask 399 pesos

Basic Facial 399 pesos

Package underarm whitening 3999 pesos

Wing eyeliner 5999 pesos

Scalp Pigmentation 14999 pesos

46
Hollywood Black Doll 1499 pesos

Eyelash extension 800 pesos

Warts Removal 1500 pesos

Nails 299 pesos

47
3.3.2.3 Cost and Benefit Analysis (Web Base Set-up)

COSTS

ITEMS COSTS

ONE TIME COSTS

Hardware

• Personal computer PHP 6,849.21

Minimum Requirements

Model Number: C2D/500GB with

4gb Ram

Operating System: Windows 7

Ultimate

Chipset: 1156

Processor: Dual Core

Processor Speed: 2.66 GHz

RAM Type: DDR3

RAM Capacity: 4 GB

HDD Type: SATA

HDD Capacity: 500 GB

Graphics Memory: 1 GB

Software

• Operating System PHP 7968.97

(Windows 7)

48
TOTAL ONE TIME COST PHP 14,818.18

BENEFITS

ITEMS COSTS

• Monitored appointment N/A

requests

TOTAL SAVINGS N/A

49
3.3.2.4 Graphical User Interface (Web Base Set-up)

50
51
3.3.3 Alternative No. 3: Centralized Set-up

The third alternative is centralized set-up of

appointment and administration system of the M’s L’s Beauty

Lounge where there is an interconnection between main office

and other site and it is connected through a central server

that handles the data of the whole system.

For this alternative, we offer a (1) server computer and

another computer for the main

Office. Just like the other proposed systems, the admin

will have their position as admin branch user name with their

corresponding password. These accounts will determine the

access level of information that a particular user can do the

commands assign to them.

Here are the advantages of a centralized set-up:

1. Data Integrity - The single most significant advantage of

centralizing an association's data management is data

integrity. One of the fundamental principles of database

design is that no redundancy is permitted. That is, no data

should be duplicated within the database. Each member has one

primary record with primary contact information in a

centralized database.

52
2. Broad Marketing Information and History - It is much easier

to create reports that highlight the wide range of activities

that your members are involved in now that all of the

information is centralized.

3. Integration of Data – Data and records are simple to

integrate because they are centralized in a database.

4. Training is made easier for the employees engaged. -

Another benefit of centralized systems is that they shorten

the learning curve for users. If all processes are kept in

the same database, users only need to understand one system.

53
3.1.3.1 System Flowchart (Centralized Set-up)

54
3.1.3.2 Physical Elements (Centralized Set-up)

3.1.3.2.1 Network Layout (Centralized Set-up)

Valenzuela City

Tandang Sora
Novaliches

Beauty Clinic
Website
Admin panel

Quezon City
Manila

55
3.1.3.2.2 Database/Tables (Web Application Set-up)

User Accounts

Field Name Field Type Size Decimal

Email Alphanumeric 30 0

Password Alphanumeric 30 0

List of Clients

Field Name Field Type Size Decimal

Email Alphanumeric 0 0

First Name Alphanumeric 0 0

Middle Name Alphanumeric 0 0

Last Name Alphanumeric 0 0

Age numeric 0 0

Address Alphanumeric 0 0

Contact Alphanumeric 0 0

Number

List of Services offer

Service Offer Price

Volume lashes eyelash 799 pesos

extension

56
Cat eye last extension 749 pesos

Eyelash classic 649 pesos

Lash lifting 299 pesos

IV pus 349 pesos

Signature drip 1199 pesos

Powerful drip 1999 pesos

Slimming drip 1299 pesos

Rf face 349 pesos

RF neck 349 pesos

RF arms 399 pesos

Rf hips 399 pesos

Rf legs 399 pesos

Rf tummy 549 pesos

Chin threading 80 pesos

Upper lip threading 80 pesos

Underarm threading 199 pesos

Face threading 299 pesos

Eyebrow cleaning 120 pesos

PDT mask 399 pesos

Basic Facial 399 pesos

Package underarm whitening 3999 pesos

Wing eyeliner 5999 pesos

Scalp Pigmentation 14999 pesos

57
Hollywood Black Doll 1499 pesos

Eyelash extension 800 pesos

Warts Removal 1500 pesos

Nails 299 pesos

58
3.1.3.3 Cost and Benefit Analysis (Centralized Set-up)

COSTS

ITEMS COSTS

ONE TIME COSTS

Hardware

• Personal computer PHP 6,849.21

Minimum Requirements

Model Number: C2D/500GB with

4gb Ram

Operating System: Windows 7

Ultimate

Chipset: 1156

Processor: Dual Core

Processor Speed: 2.66 GHz

RAM Type: DDR3

RAM Capacity: 4 GB

HDD Type: SATA

HDD Capacity: 500 GB

Graphics Memory: 1 GB

Software

• Operating System PHP 7968.97

(Windows 7)

59
TOTAL ONE TIME COST PHP 14,818.18

BENEFITS

ITEMS COSTS

• Monitored appointment N/A

requests

TOTAL SAVINGS N/A

60
3.1.3.4 Graphical User Interface (Web Application Set-up)

61
62
63
 CHAPTER 4: METHODOLOGY

The following topics are discussed in this chapter: the

method of research that will be used by the researchers, the

instruments and techniques.

RESEARCH AND SYSTEM DEVELOPMENT METHOD

Research Issues

• Make a good research question.

And look into the system's

features and conditions.

• Understand the system building

processes/procedures.

• Research relevant fields.

Seeking fresh perspectives and

ideas.

• Develop a unique architecture

design for extensibility,

modularity, etc.

• Define the capabilities of the

system.

• Interrelationships between

components.

64
• Create a database or knowledge base. To conduct out

system functions, schema and operations

• Develop alternative solutions and choose one

solution.

• Learn about the concepts, framework, and design

through the system building process

• Learn about the issues and solutions. The system's

complexity.

• Observe the use or the system by case studies and

field studies.

• Evaluate the system by laboratory experiments or

field experiment.

• Develop new theories models based on the observation

and experimentation of the system's usage.

• Consolidate experiences learned.

65
Prototyping

An iterative process in which design teams turn abstract

concepts into concrete forms, ranging from paper to digital.

To capture design concepts and test them on people, teams

create prototypes of varied degrees of quality. You can modify

and validate your designs with prototypes so that your company

can release the proper products.

Create the system. Researchers of systems development

frequently conduct the studies by constructing a prototype

system. However, in order to evaluate the system in a real-

world situation, further development of the prototype into a

product and transfer of the product into an organization is

required. The feasibility of the design and usability of the

features of a system development research project are

demonstrated by the implementation of a system. The act of

putting a working system together can give academics insight

into the benefits and drawbacks of various concepts,

frameworks, and design options. The acquired knowledge and

experiences will aid in the system's redesign.

66
67
68
Architectural Model

The intranet/extranet architectural model focuses on

security and privacy, including the separation of users,

devices, and applications based on secure access. Note that

in this model there can be several levels of hierarchy.

69
DATA COLLECTION

Data collection is a systematic process of acquiring and

evaluating specific information in order to provide answers

to pertinent queries and assess the outcomes. It focuses on

learning everything there is to know about a specific

subject.

The devices/instruments used to gather data, such as a

paper questionnaire or computer-assisted interviewing system,

are referred to as data collecting tools. To collect data, we

use Google Docs to conduct interviews, observations, and

questionnaires.

Primary Data Gathering

By definition, primary data collection is the collection

of raw data at the source. It is the process of gathering

original data gathered by a researcher for the aim of doing

research. It can be divided into two categories: qualitative

research and quantitative data gathering methods. But this

time we used a quantitative method to gather the data of the

company.

70
Quantitative Method

Quantitative approaches are presented numerically and

must be deduced mathematically. A questionnaire with closed-

ended questions, for example, might be used to arrive at

values to be calculated mathematically. Also included are

correlation and regression methods, as well as mean, mode,

and median.

Existing Data

DATA
Questionnaires
COLLECTION
Using Google INTERVIEW
TOOLS
Docs

Gmail
.

71
Data Collection Method Tools

In terms of data collection tools, the research was

carried out using a semi-structured questionnaire, which

served as an interview guide for the researcher. Some specific

questions were prepared in order for the researcher to steer

the interview toward the achievement of research objectives,

but more questions were addressed throughout the interviews.

Method When to Use Use to collect

data

Existing Data To grasp current or Access data true

historical internet like at

background conditions, Facebook page

or practices. documents

Questionnaires Giving them the link to Access the data

Using Google Docs answer the questions thru Gmail

in google docs

Gmail Giving them question Access the data

thru Gmail message thru Gmail

Interview To get a thorough In individual

comprehension of a interviews, use

72
 topic's perceptions or Google Meeting

viewpoints. to ask the

company specific

questions.

Company Data Information Provided in the Questionnaires Using

Google Docs.

This is the act of gathering data using an instrument

composed of a series of questions and prompts in order to

receive a response from the company to which it is

administered. Questionnaires are used to obtain information

from the company only

73
74
75
ETHICAL ISSUES

Ethics is concerned with the creation of a trusting

relationship between the beneficiary and the researcher. To

ensure that trust is established it is essential that

communication is carefully planned and managed, that risks

are minimized and benefits are maximized.

Social benefit - The researcher guarantees that the study or

system will benefit the respondents or beneficiaries. It

benefits or the project is worth for them because the system

is for their business and will help them improve and become

more marketable because it is more efficient and up to date.

Free choice - The research subject is cooperating,

communicating, and responding to the researchers. Ownership

implies that if we make a good decision, we are entitled to

a good outcome.

Privacy - Although the beneficiary grant access to their

thoughts and feelings when they agree to participate, they do

not agree to unlimited access. Therefore, they have always

got the right to decline to talk about certain issues or to

answer specific questions about in the business.

76
Non-maleficence – The researchers make sure that every single

respondent or beneficiary will not suffer any harm as a result

of their participation in the project. It will not have an

impact on the business, earnings, time wasting or management

information.

Informed Consent - The beneficiary gives permission or allows

the researchers to inquire about their business, such as their

history, organizations, products, and so on.

77
Compliance Requirements

Manual
Appointment/Walk-in
booking

Setting an Appointment
using FB page

Asking the available time

and date

Wait for the response or

confirmation of admin

Old way

The setting of an appointment in the old style is

explained using Layered Architectural Pattern. Since the

beginning of the business, the typical method of scheduling

an appointment at the clinic has been through the clinic's

Facebook page. Clients must chat or connect with the page's

admin to check the available time and date, and then wait for
78
the admin's answer and confirmation before scheduling an

appointment for that day.

Confirmation of booking sent

in G-MAIL

Automatic available time and

date

Setting an appointment using

Website

Authentication (OTP) sending

in GMAIL using MySQL

Create a website using:

Sublime Text and XAMPP

Control Panel

79
 New way

We will design a system that is really beneficial to the

business through our proposed project. We'll start with

Sublime Text that contains a custom HTML and CSS engine for

displaying stylized content in editor panes and XAMMP control

panel server to test pages as a software tool because it's

more familiar and one of the best and most popular for

building websites in the world. Once the system is built,

we'll use MYSQL to provide authentication or OTP as a security

feature for both the admin panel and the clients. After a

client logs in or registers, and the admin logs in to the

admin panel, this authentication works. If the system is

properly implemented, everything will be simple for the

beneficiary and client since they will be able to schedule an

appointment via the website to see prices and choose whatever

services they want, the time and date will automatically

appear if they are available, and the confirmation will be

sent to their G-MAIL including the information and booking

number.

80
ANALYSIS OF DATA

In information systems and software engineering, the

systems development life cycle, also referred to as the

application development life-cycle, is a process for

planning, creating, testing, and deploying an information

system.

Planning

What we wanted – The Researcher wanted to develop a

system wherein the client can set an appointment in the

website.

81
Analysis

We collect information based on company owner in each

content of the website. Home Page help us to get visitor’s

feedbacks, reviews and response.

Getting ready for the appointment that the client

requires.

Design

Design proposal arrived at from the analysis of our

collected data. Guidelines and principles help in the

development of initial design such as:

• Simplicity - Simplicity is the best way to go when

considering the user experience and the usability of the

website.

• Navigation - Navigation is the way finding system used

on websites where visitors interact and find what they

are looking for. Website navigation is key to retaining

visitors. If the websites navigation is confusing

visitors will give up and find what they need elsewhere.

Keeping navigation simple, intuitive and consistent on

every page is key.

• Content - An effective web design has both great design

and great content. Using compelling language great

82
 content can attract and influence visitors by converting

them into customers.

• Visual Hierarchy - Visual hierarchy is the arrangement

of elements is order of importance. This is done either

by size, color, imagery, contrast, typographically,

whitespace, texture and style. One of the most important

functions of visual hierarchy is to establish a focal

point; this shows visitors where the most important

information is.

Implementation

Deployment is the final phase of our project. Once our

website has been tested thoroughly, we will deploy it to a

fast, secure, and highly scalable server. We ensure that all

of our deployments have automatic backups and an application

monitoring service.

Testing and Integration

Easy to manipulate for end users. Implement a prototype

of the design for collecting user feedback such as messaging

us on social media or inside the website to receive

quantifiable user feedback.

83
Maintenance

The website was simple and elegant. The contents in the

categories sorted based on their services so that users can

easily find the content they want. Texts are readable that

fits on the background of the website. Images’ quality and

sizes are good enough that the users can see.

Easy to set an appointment schedule that fit to them.

84
 PROJECT PLAN DELIVERABLES

A project timeline is an overview of a project’s

deliverables laid out in chronological order. It maps out

what needs to be completed before a new task can commence and

keeps everything ticking along nicely.

May

June

July

August

September

October

November

December

January

February

Looking for Project Data Project Project Maintenance

Beneficiary Planning Gathering Designing Development

Looking for Beneficiary

Begin the beneficiary discussion early.

• Avoid misunderstandings by discussing your life

insurance policy with your partner, parents, older

relatives, or other family members up front. If you're

85
 a beneficiary, advise them to maintain their policy

information in a safe place where you and your spouse

can both access it in case something happens.

Look for personal documents.

• In an ideal world, you'd already know if you're the

beneficiary of someone else's insurance policy and have

all the necessary information to file a claim. However,

information and procedures might go through the gaps as

time passes.

Find a lost policy on the internet.

• Don't panic if you've looked everywhere and still can't

find a policy. There are various ways to look for lost

insurance if you believe you may be a beneficiary.

Project Planning

The researchers wanted to develop a system wherein the

client can set an appointment in the website easily. We

used Gantt charts to plan and report progress in a project

context.

86
Data Gathering

The information was gathered by interviewing the

company’s manager via Google Meet. Other unanswered questions

were submitted using the Google Form.

Project Designing

The primary features, structure, success criteria, and

major deliverables of a project are all planned out during

the project design phase. The purpose is to create one or

more designs that can be used to accomplish the project's

objectives.

Project Development

The process of allocating resources to fully develop a

project or product from concept to go-live is known as project

development. There are five stages to it: discovery,

allocation, kickoff, quality assurance, review, and report.

Managers seek to identify the people who will make up the

project team during the development phase. The project

managers are usually the ones who come up with this process.

Maintenance

The website was simple and elegant. The contents in the

categories sorted based on their services so that users can

easily find the content they want. Texts are readable that
87
fits on the background of the website. Images’ quality and

sizes are good enough that the users can see.

88
WORK BREAKDOWN STRUCTURE

A deliverable-oriented hierarchical decomposition of the

work that the project team must complete in order to meet the

project's objectives and produce the requisite deliverables.

A Deliverable-Based Work Breakdown Structure clearly

demonstrates the relationship between the project

deliverables (i.e., Admin panel, Client side and Security).

In this figure is an example of a Deliverable-Based WBS for

Implementing Appointment and Administration System.

89
RISK ANALYSIS

Detecting and analyzing potential concerns that could

have a detrimental impact on major business activities or

projects this procedure is followed in order to assist

companies in avoiding or reducing hazards.

Introduction

This section discusses why and how the evaluation

process was handled. It provides a description of the systems

examined as well as the responsibility assignments for

supplying, gathering, and interpreting the data.

Data

Identify and characterize all important assets in

essential data, regulated data, or other data with an impact

on business operations.

Type of Data Description Level of

Sensitivity

(High, Moderate,

Low)

Personally • Name Low

Identifiable • Address

• Contact number

90
information on the • Age

Client • Email

Appointment • Expiration Date Low

Information • Authorize

Reference

• Verification

Code

Threat Identification

Make a list of potential threats. Briefly discuss the

risks that could have a negative impact on the organization's

operations, ranging from security breaches and technical

faults to human error and infrastructure failures:

Threat Source Threat Action

• Social engineering

• Identity Theft

• Social Engineering
Cyber Attack
• System Intrusions

91
Malicious Attacker • Browsing Personal

Information

• Unauthorized system

access

• Illness, Death, Injury,

Employees or other loss of a key

Individual

• Loss of Confidence from

Reputation employees

• Damage to the reputation

of the company

• System Bugs

Technical • Failure of a computer.

Device, application

Environmental • Natural or man-made

disasters

92
Vulnerability Identification

Examine which vulnerabilities and flaws could allow

threats to get past your protections. Consider the following

scenario:

VULNERABILITY DESCRIPTION

Poor password The passwords used are weak.

To gain access to the system,

attackers may guess a user's

password.

Some people use their

birthday date, family name,

phone number, or anniversary

date as a password.

93
TIME DURATION
The overall time it takes to finish a project, measured

in work days, hours, or weeks. The duration is determined by

resource availability and capacity. The amount of person’s

hours required to finish a task, or the actual time spent

working on the project, is referred to as effort.

The time from the Start Date of the project and the

acceptance of the final report by the Department.

time duration
20
18
18
16
14
14
DAY OF MAY

12
10
8 7
6 5
4
2
0
Looking for Beneficiary Planning the project Approval of the project Data Gathering
proposal
TASK

94
95
 Appendix

CURRICULUM VITAE

I: Personal Data

Name: Joseph N. Teoxon

Address: Phase 4 Block 17 Lot 29 E.R

Montalban Rizal

Contact Number: 09568737419

Email: teoxon.j.bsinfotech@gmail.com

II: Educational Background

Primary: San Isidro Elementary School

Secondary: San Isidro National High School

College: Eulogio ‘Amang’ Rodriguez Institute of

Science and Technology

96
I: Personal Data

Name: Louie Jay E. Tutor

Address: Sto. Niño de Pasig Brgy. Sta.

Cruz Antipolo City

Contact Number: 09664096369

Email: tutor.l.j.bsinfotech@gmail.com

II: Educational Background

Primary: Sta. Cruz Elementary School

Secondary: Antipolo National Elementary School

College: Eulogio ‘Amang’ Rodriguez Institute of

Science and Technology

97
I: Personal Data

Name: Mhel Jhona P. Doblada

Address: Block-41 Zone 6 Brgy. Addition

Hills Mandaluyong City

Contact Number: 09475156658

Email: doblada.m.j.bsinfotech@gmail.com

II: Educational Background

Primary: Mataas Na Paaralan Neptali A. Gonzales

Secondary: Arellano University Plaridel Campus

College: Eulogio ‘Amang’ Rodriguez Institute of

Science and Technology

98
I: Personal Data

Name: Neil Joy B. Gonilat

Address: 45 Saint John Barangay Holy

Spirit Quezon City

Contact Number: 09366436734

Email: gonilat.nj.bsinfotech@gmail.com

II: Educational Background

Primary: Doña Juana Elementary

Secondary: Holy Spirit National High School

College: Eulogio ‘Amang’ Rodriguez Institute of

Science and Technology

99
 RECOMMENDATIONS
Title: Implementing Appointment and Administration System
in Ms. L’s Beauty Lounge
Security
➢ Use HTTPS and SSL
o To keep your website safe, use HTTPS and an SSL. If
your site users offer to send personal information,
you must use HTTPS rather than HTTP to deliver it.
Back-up and Restore
➢ Create a cloud backup of your website. It facilitates
data storage and provides access to data from any
location.
➢ You should also think about automating your website
backups. Make use of a backup service that allows you to
schedule backups. You should also make certain that your
solution has a robust recovery system.
➢ Backup your backups.
➢ This allows you to restore files from any point in time
prior to the breach or virus.
Admin Panel
➢ Data Reports
o Create data reports to see the number of customers
in each service weekly and monthly.

Ms. Joevey Fajardo

Professor/Panelist

Mr. James Bungay

Professor/Panelist

Mr. Arjo Ladia

Professor/Panelist

100