Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 70

1

DEVELOPMENT OF ECOMMERCE WEBSITE


FOR EVENTS AND SERVICES IN CAVITE

Rey Ross A. Banguito


Renz G. Benedicto
Marigel T. Villaluz

An undergraduate thesis submitted to the faculty of the Information Technology


Department, Cavite State University Naic, Cavite in partial fulfillment of the
requirements for the degree of Bachelor of Science in Information Technology with
Contribution No. _____________. Prepared under the supervision of Mr. Ricky Jay A.
Riel.

INTRODUCTION

Rapid growth in the Internet as well as other networking technologies,

applications, ease of availability of information, advancement in overall Information and

Communication Technology assisted in evolution of e-commerce as mandatory and

universal operation in the world economy. Digitalization of information, and services

increased the demand to access information fast and securely. This brought forth too

many challenges but as the era of Information and Communication Technology is

evolving in its rapid pace, new solutions are emerging. Traditional commercial activities

are gradually being digitalized and business activities of new nature are evolving. Some

of these businesses fully rely on the availability of information, its flow and foundation

(Sabir, 2010).
2

The researchers interviewed several business owners from different areas in

Cavite and according to their statements, it is evident that their business lacks of

promotion and some don’t have calling cards since they are just promoted by word of

mouth. Furthermore, some stated that they only have small perimeters in case of giving

their service, most specially in giving catering service and is, therefore, struggling to

familiarize their business. (Refer to Appendix 2. Fishbone diagram)

Online catering reservation is now demand on the market. This helps the business

owners to know the location of their clients as well as the date and the duration of the

event that they’re customers will need. This also helps the business owners to sort the

dates and know where is the location of the client for them to know if they will gain

profit or not to their service. Therefore, the researchers think of a way to help the

business owners to promote their business through the development of the proposed

online system.

Statement of the Problem

The study primarily aims to develop an online system for events and services that

focuses on the following:

1. How will the proposed online system help to promote event and services in most

efficient way?

2. How will the proposed online system be created?

3. How will the proposed online system be tested?

4. How will the proposed online system be evaluated?


3

Objective of the Study

The general objective of the study is to create an e-commerce website for events and

services. Specifically, it aims to;

1. design an effective website with the following features:

a. Customer inquiry.

b. Online reservation for faster transaction.

c. Customer and business owner registration.

d. Uploading and managing promoted services.

e. Customer feedbacks.

2. create an online system using the following:

a. Laravel for server-side scripting.

b. JQuery for client-side scripting.

c. MySQL for the database.

d. Photoshop CS6 for editing of images.

3. test the online system using alpha and beta testing.

4. evaluate the online system using ITD software evaluation tool based on ISO 9126.

Significance of the Study

Events and services website aimed to help the client and customer. Accessing the

internet connection is now easy and rapid. The website helps the client to post the

pictures of their services. It also helps the customer on the website to see their wants and

needs in the events and service chooses. It provides an easy access with a friendly user

interface, the researchers aim to promote and encourage to use the website that will help

them to search for the right services that they wanted.


4

Time and Place of the Study

The gathering of data is started last August 2018 until October 2018. The data and

information were gathered from some area in Cavite. The development phase will be

conducted at one of the researcher’s house in Maragondon, Cavite.(Refer to Appendix 1.

Gantt chart)

Scope and Limitation of the Study

The website has four types of users, the client, customer, guess, and admin. The

client can create account, log in/log out, view site and the person who can add, edit,

update and delete the data entered. He/she can also view all the reserved days of his/her

business. The customer can create an account, make a reservation of the chosen service

and can make comment and feedback of the service. The guess can only view the site.

And the admin can access the transactions and details reservation, adding, updating and

deleting data and view report and sales except for the other features and the administrator

only has the power to edit and modify the content of the website and is responsible for

the managing of contents posted since the he/she was the owner of the system.

The system does not cover the inventory management system of the business

owner and also online payment transaction.

Definition of Terms

For better understanding of the study some of the terms are appropriately defined:

E-commerce. Commercial transactions conducted electronically on the Internet.

Ensbook. Name of the propose online system.

Event. A planned public or social occasion.


5

Service. The action of helping or doing work for someone.

Catering. Provide food and drink, typically at social events and in a professional

capacity.

Reservation. The action taken by the customer for catering and services by the

use of internet.

Conceptual Framework of the Study

The conceptual framework of the study usually involves input, process and

output. The concept of the e-commerce for Events and Services is depicted in the

diagram below.

INPUT PROCESS OUTPUT


Knowledge Requirements
 Concept of E-
commerce
 Process about Events
and services
 Steps in Web
Programming Planning
 Theory of Database
Management System Designing E-commerce website
 System Analysis and for Events and
Design Testing
Software Requirements
Services
Evaluation
 Laravel
 MySQL
Release
 Adobe Photoshop CS6
 Bootstrap Library
 JQuery Library
 AJAX
 Bluehost
Hardware Requirements
 Laptop
 Network Devices
 Printer

Figure 1. Conceptual framework of the propose study


6

The previous page shows the conceptual framework of the propose study. Input

requirements are divided into three categories, Knowledge, Software and Hardware

requirements.

Knowledge Requirements includes knowledge about E-commerce for it is the

main requirement for developing the proposed system, Events and servicesis also needed

to set the data that will be needed of the proposed system, Skills inweb programming is

also necessary to create the application’s functionality, database management system to

manage the data, System Analysis and Design for proper way of documentation to guide

the researchers all throughout their research.

Software Requirement includes Laravel, for server-side scripting, Adobe

Photoshop CS6 for photo editing, Bluehost for web hosting, Bootstrap Library for the

responsiveness of the website, JQuery Library for client side scripting and AJAX for the

real time response of the website.

Hardware Requirements includes Laptop where the online system will be make,

Network Devices for supporting details that the programmer will need and also for

sharing information and Printer for printing the documents that needed for the propose

online system.

The process shows the steps of the system development life cycle to be followed

by the researchers during the study which implements the Agile Software Development

Methodology.

The output is the evaluated “E-commerce website for Events and Services”.
7

REVIEW OF RELATED LITERATURE

This section consists of information gathered from thesis and dissertation which

are also relevant to the research.

Website

A website is a collection of publicly accessible, interlinked Web pages that share

a single domain name. Websites can be created and maintained by an individual, group,

business or organization to serve a variety of purposes. Together, all publicly accessible

websites constitute the World Wide Web. A website is also known as a web presence.

(techopedia, 2018).

E-commerce Websites. It is critical for companies to know how do they attract

customers to their website, engage them to turn into paying customers and also retain

them in returning to your website. 8nline communications techniques used to achieve

goals of brand awareness, familiarity and favorability and to influence purchase intent by

encouraging users of digital media to visit a web site to engage with the brand or product

and ultimately to purchase online or offline through traditional media channels such as by

phone or in-store. E-commerce is all electronically mediated transactions between an

organization and any third party it deals with’. According to this definition non-financial

transactions can be considered to be part of e-commerce. (Chaffey, 2009).

Business-to-Business (B2B).Business-to-Business (B2B) e-commerce

encompasses all electronic transactions of goods or services conducted between

companies. Producers and traditional commerce wholesalers typically operate with this

type of electronic commerce.


8

Business-to-Consumer (B2C).The Business-to-Consumer type of e-commerce is

distinguished by the establishment of electronic business relationships between

businesses and final consumers. It corresponds to the retail section of e-commerce, where

traditional retail trade normally operates.

Consumer-to-Consumer(C2C). Encompasses all electronic transactions of

goods or services conducted between consumers. Generally, these transactions are

conducted through a third party, which provides the online platform where the

transactions are actually carried out.

Consumer-to-Business (C2B). In C2B there is a complete reversal of the

traditional sense of exchanging goods. This type of e-commerce is very common in

crowd sourcing based projects. A large number of individuals make their services or

products available for purchase for companies seeking precisely these types of services or

products.

Business-to-Administration (B2A). This part of e-commerce encompasses all

transactions conducted online between companies and public administration. This is an

area that involves a large amount and a variety of services, particularly in areas such as

fiscal, social security, employment, legal documents and registers, etc. These types of

services have increased considerably in recent years with investments made in e-

government.

Consumer-to-Administration (C2A). The Consumer-to-Administration model

encompasses all electronic transactions conducted between individuals and public

administration.(Bloomidea, 2014).
9

Abstract of Measuring the Competitiveness of Ecommerce by the MCIM Modeling

Indicator

According to School of Information Technology, Mae FahLuang University,

Chiang Rai, Thailand(2018), Competition is a challenge for both new and old

entrepreneurs. In particular, e-commerce businesses face ever-changing market

conditions and extremely competitive. However, the existing study focuses on measuring

nationwide overview competitiveness without clear process and neglecting firm or

entrepreneur competitiveness. The purpose of this paper is to fill this gap by developing

of competency indicators by applying basic models of competitiveness analysis and

strengths, weaknesses, opportunities, threat (SWOT) analysis methods model to

understand the ecommerce entrepreneur competitiveness. The model is used to develop

the measuring competitiveness index model (MCIM) to help company in self-assessment

of their competitiveness which are shown in the following format: MCIM =Ce + Sp +Ca.

The experimental result from this implementation revealed that performance

measurement of MCIM model accuracy is rated over 80 percent.

Abstract of Online Catering Reservation System

According to Abdul HalimEt. Al, the TTS Catering Reservation system is to

facilitate customer reserved catering menu via online. As we know, nowadays people are

too busy with their own business and do not have much time to go out and find the

suitable catering for their event. By using online, they can survey the menu and the price

that the catering companies offer. Our catering provides at a full range of events,

including business meetings, conferences, exhibitions, special events, weddings, and

other social occasions (Abdul Qayyum, 2014).


10

Events

Event is an experience, carefully crafted to deliver an impact on the person in

attendance. Every event is held for a purpose, to bring people together to share an

experience and product a measurable outcome. Corporate events are events that support

business objectives, including management functions, corporate communications,

training, marketing, incentives, employee relations, and customer relations. (Silvers,

2012)

Services

Services are hard to describe in a simple way, it covers complex economic

activities that is why it is hard to define. However, services often happen in economic

activities from one to another, usually customers evaluate service by performance and

outcome. What they expect ultimately is not only to spend time, effort and money on

simply transfer ownership of what they buy, but also access variety of values which are

created during activities. (Lovelock &Wirtz, 2011)

Customer Service. These days’ customer service has gained a bigger role in

business performance evaluation, because the customer has more choices when coming to

purchase a product or service. Competition decides that customer service is a vital factor

to keep customers happy and satisfied. Good/ customer service always needs enthusiastic

employees with great capability and professional knowledge, to provide products or

services to customers, so that the customer can gain ultimate satisfaction from the

service. (Lucas, 2012)


11

Software Requirements

Based on tutorialspoint, the software requirements are description of features and

functionalities of the target system. Requirements convey the expectations of users from

the software product. The requirements can be obvious or hidden, known or unknown,

expected or unexpected from client’s point of view.

PHP

According to audiopedia (2016),PHP is a server-side scripting language designed

for web development but also used as a general-purpose programming language.

Originally created by RasmusLerdorf in 1994, the PHP reference implementation is now

produced by The PHP Group. PHP originally stood for Personal Home Page, but it now

stands for the recursive acronym PHP: Hypertext Preprocessor.

PHP MySQLi.According to tutorialspoint, MySQLi is a Relational SQL database

management system. MySQLi is used inside the PHP programming language to give an

interface with MySQL databases. This tutorial will give you quick start with MySQLi

and make you comfortable with MySQLi programming.

CSS

According to Stair and Reynolds (2011), a Cascading Style Sheets (CSS) is a file

or portion of an HTML file that defines the visual appearance of content in a web page.

Using CSS is convenient because you only need to define the technical details of the

page’s appearance once, rather than in each HTML tag.

Bootstrap.According to Techopedia.com, A bootstrap is the program that

initializes the operating system (OS) during startup. The term bootstrap or bootstrapping

originated in the early 1950s. It referred to a bootstrap load button that was used to
12

initiate a hardwired bootstrap program, or smaller program that executed a larger

program such as the OS. The term was said to be derived from the expression “pulling

yourself up by your own bootstraps,” starting small and loading programs one at a time

while each program is “laced” or connected to the next program to be executed in

sequence.

JQuery

According to Javatpoint.com, jQuery is a fast, small, cross-platform and feature-

rich JavaScript library. It is designed to simplify the client-side scripting of HTML. It

makes things like HTML document traversal and manipulation, animation, event

handling, and AJAX very simple with an easy-to-use API that works on a lot of different

type of browsers. The main purpose of jQuery is to provide an easy way to use JavaScript

on your website to make it more interactive and attractive. It is also used to add

animation.

Ajax

According to Segue Technology (2013), Ajax is not a programming language or a

tool, but a concept. Ajax is a client-side script that communicates to and from a

server/database without the need for a post back or a complete page refresh. The best

definition I’ve read for Ajax is “the method of exchanging data with a server, and

updating parts of a web page – without reloading the entire page.” Ajax itself is mostly a

generic term for various JavaScript techniques used to connect to a web server

dynamically without necessarily loading multiple pages. In a more narrowly-defined


13

sense, it refers to the use of XmlHttpRequest objects to interact with a web server

dynamically via JavaScript

.
MySQL

Based on tutorialspoint, MySQL is the most popular Open Source Relational SQL

Database Management System. MySQL is one of the best RDBMS being used for

developing various web-based software applications. MySQL is developed, marketed and

supported by MySQL AB, which is a Swedish company. This tutorial will give you a

quick start to MySQL and make you comfortable with MySQL programming.

Sublime Text

According to Anglada (2016), Sublime Text is a versatile and fun text editor for

code and prose that automates repetitive tasks that can focus the important stuff. It is built

from custom components, providing for unmatched responsiveness. From a powerful,

custom cross-platform user interface (UI) toolkit, to an unmatched syntax highlighting

engine, Sublime Text sets the bar for performance.

Furthermore, Sublime Text can be extended or customized. It can modify the

editor’s behavior, add macros, and snippets, extend menus and much more. It can even

create whole new features using the editor’s API to build complex plugins. Sublime Text

can adapt many programming languages and markup language.

Photo Editor

According to Pcmag, an image editing application for digital photos. It is used to

crop and touch up photos, as well as organize them into albums and slide shows. Photo

editors typically do not have the myriad filters and features of a full-blown image editor
14

such as Adobe's Photoshop or Corel's Paint Shop Pro. However, every photo editor

includes a basic set of tools sufficient for most consumers.

Adobe Photoshop

According to Bauer (2012), Adobe Photoshop is one of the important computer

programs at this age. It made photo editing a common place thing, something for every

person. Still Photoshop can be scary thing, comprising a jungle of menus and panels of

tools and options and shortcut as well as a bewildering array of add-ons and plug-ins.

Photoshop or, at the very least, be able to work competently and efficient in the program,

accomplishing those task that need to get done, as long as they can be applied it to your

images and artwork in productive, meaningful manner.

System Development Cycle

Software development life cycle (SDLC) is a process followed for a software

project, within a software organization. According to Airbrake (2013) it consists of a

detailed plan describing how to develop, maintain, replace, and alter or enhance specific

software. The life cycle defines a methodology for improving the quality of software and

the overall development process.

Types of SDLC

Waterfall model. The waterfall model is a linear sequential flow, In which

progress is seen as flowing steadily downwards (like a waterfall) through the phases of

software implementations. This means that any phase in the development process begin

only if the previous phase to handle changes in requirements. The waterfall approach is

the earliest approach and most widely known that we used for software development.
15

V-Shaped Model. It is an extension of the waterfall model, instead of moving

down in a linear way, the process steps are bent upwards after the implementation and

coding phase, to form the typical V shape. The major difference between V-Shaped

model and waterfall model is the early test planning in the V-Shaped model.

Prototyping model. It refers to the activity of creating prototypes of software

applications, for example, incomplete versions of the software program being developed.

It is an activity that can occur in software development. It is used to visualize some

component of the software to limit the gap of misunderstanding the customer

requirements by the development team. This will also reduce the iterations may occur in

waterfall approach and hard to be implemented due to the inflexibility of the waterfall

approach. So, when the final prototype is developed, the requirement is considered to be

frozen.

Spiral Model. It combines elements of both design and prototyping-in-stages, in

an effort to combines advantages of top-down and bottom-up concepts. This model of

development combines the features of prototyping model and the waterfall model. The

spiral model is favored for large, expensive and complicated projects. This model uses

many of the same phases as the waterfall model, in essentially the same order, separated

by planning, risk assessment, and the building of prototypes and simulations.

Agile model. It is based on iterative and incremental development, where

requirements and solutions evolve through collaboration between cross-functional teams.

Iterative model. The iterative model is particular implementation of SDLC that

focus on an initial, simplified implementations, which then progressively gains more

complexity and a broader feature set until the final system is complete. When discussing
16

the iterative method, the concept of incremental development will also often be used

liberally and interchangeably, which describes the incremental alterations made.


17

METHODOLOGY

This section provides a discussion on how the study was conducted. It describes

the research design, sources of data, data gathering procedure, research instruments, data

analysis and statistical treatment employed in the study.

Research Design

The researchers would be used the SCRUM Method which is under the Agile

Software Development Approach for the development of the application as this

methodology best fits the application as it allows improvements to be made along the

process of the development. This method ensures that the client can suggest

improvements for the application and also discover flaws or bugs during the early stages

of the development.

Figure 2. SCRUM Methodology


18

Figure 2 above shows the Agile Software Development Methodology to be used

by the researchers. Agile Approach uses sprints or iterations during the development and

each iteration is composed of planning, requirements definition, development, and

testing. This enables users to adjust to changes, fix bugs, and improve the quality of the

software application till it meets the needs of the client.

Planning. The researchers collected vital information from the client, and seek

the necessary software and hardware to prepare for the development of the software

application.

Designing. In this phase, the developers planned the structure of the application

that matches the requirements from the planning and requirement analysis phase.

Use Case Diagram

Figure 3. Use case diagram of propose online system


19

The previous page shows the purpose of use case diagram is to capture the

dynamic aspect of a system. In brief, the purposes of use case diagrams is use to gather

the requirements of the system, use to get an outside view of the system, identify the

external and internal factors influencing the system and to show the interaction among

the requirements.

Data Flow Diagram

Figure 4. Context Diagram of propose online system

Figure 4 shows the context diagram of the propose online system which compose

user, admin and reservation. The user can log in to the propose online system to see the

services details and services and make reservation.


20

Site map

Figure 5. Site map of the propose online system

Figure 5 shows the site map of the propose online system, which contain home

page, category, about us, contact us and registration for the customer and business owner

to access the system.

Entity Relationship Diagram

Figure 6. Entity Relationship Diagram (ERD)


21

The previous page shows the entity relationship diagram of the propose online

system which contains table name reserve, customer, business owner, services and

category. The purpose of the entity relationship diagram when you creating an ERD for a

proposed database design allows you to see a high-level view of your database before you

actually get to creating it, allowing you to make sure you’re capturing everything you

need to capture in your various tables and make tweaks before you actually create the

database and an ERD.

Table 1. Data dictionary

Database Name: ensbook_reservation


Tablename: users

Field Name Data Type Length Constraints Description


id Int 10 Primary key Handles the
unique user ID
name Varchar 50 Not null Handles the users
full name
email Varchar 100 Not null Handles the users
email
address Int 20 Not null Handles the users
address
email_verification Varchar 100 Not null Handles the users
email_verification
password Varchar 100 Not null Handles the users
password
Table 1 shows the data dictionary of the table customer (Refer to Appendix 3. for

full Data Dictionary)

Development. The researchers will use Sublime text as text editor bootstrap

library for the website to be responsive, PHP MySQL for server-side scripting database

Hardware requirements. The following specification of the hardware used in

developing the website were; Intel (R) Celeron (R), 1.60 GHz processor, 4 Gigabytes

(GB) of random access memory (RAM) and 500 GB hard disk as specifications.
22

Development and procedures

Testing. The development process would be having two test phases namely the

initial testing and the client testing before the final testing or the evaluation phase. During

the initial testing, developers run the application themselves. This allows them to analyze

and evaluate the application they have developed before having the client test it. During

the client testing, the client may test the application to see its functionalities and to

evaluate whether the application still needs improvements or not.

Evaluation. In this phase, the application is evaluated by selected participants to

rate its functionality, reliability, efficiency, portability, usability, information, technical

aspects and materials, and aesthetics. (Refer to appendix 3 for the Software Evaluation

Instrument)

Release. The software is released to the target users of the application.


23

Participants of the Study

Table shows the breakdown of the participants of the evaluation.

Table 2. Breakdown of participants

PARTICIPANTS NUMBER OF PARTICIPANTS

Business owners 5
End-user 10
IT expert 10
Total 25

Data Gathering Procedure

The researchers conduct a survey to the entrepreneurs and business owners and

gathered an individual evaluation.

The first step in website evaluation is the introduction of title of the proposed

online system and specific objectives of the study. It was followed by presentation and

demonstration to the participants. After the demonstration the participants used and

explore the website.

Sampling Technique

Purposive sampling method would be used by the researchers for the evaluation

of the website. Entrepreneurs and Business owners were picked as the participants of the

evaluation.

Data Analysis

Table shows the rating scale that would be used in evaluating the application. The

corresponding interpretations were used in analyzing the result of the criteria.


24

Table 3. Rating scale

RATINGS INTERPRETATION

4.51 – 5.00 Excellent


3.51 – 4.50 Very Satisfactory
2.51 – 3.50 Satisfactory
1.51 – 2.50 Fair
1.00 – 1.50 Poor

Statistical Treatment of Data

Weighted mean would used in computing the result of the evaluation. The

weighted mean is the average value of all the results from each criterion. The formula

used to obtain the weighted mean is:

𝑋1 𝑊1 +𝑋2 𝑊2 +𝑋3 𝑊3 +𝑋4 𝑊4 +𝑋5 𝑊5


𝑥=
𝑛

where

𝑥 = weighted mean

𝑋1 = particular observation from 1 to 5

𝑊1 = rating from 1 to 5

n = total number of participants

In addition, standard deviation is also to analyze the results. The standard

deviation indicates the extent of deviation of the evaluation as a whole. The formula use

to obtain the standard deviation is:

1 𝑁
𝑂 = √ ∑ 𝑖= 1 (𝑋𝑖 – 𝑋)2
𝑁

where

O = standard deviation
25

𝑋𝑖 = each value of dataset

𝑥 = weighted mean

N = the total number of data points

Research Instrument

The evaluation paper which was the primary instrument in gathering data was

based on ITD software evaluation form.(Refer to Appendix 4. ITD Software Evaluation

Form)
26

RESULTS AND DISCUSSION

In this chapter, the researchers present the developed system and the results of the

test and evaluation made to this study.

Project Description

Ensbook is a system about online reservation. It includes the different services

and it also reserves a schedule for your events and it also helps you to improve your

service like catering services, restaurants, sound and light services and other types of

services and you can upload them pictures from your services. The system was developed

using Sublime Text, Adobe Photoshop CS6, HTML 5, PHP, CSS and JavaScript.

Project Structure

Project structure consists of the screen shots of the developed system with brief

description of its uses.

Figure 7 shows the homepage of the system where it shows the sign in area of the

system before it proceeds to the main menu.

Figure 7. Homepage
27

Figure 8 shows the newsfeed for a guess to see the services, he'll also find it in

newsfeed about the services description and the customer feedback and ratings of a

service.

Figure 8. News feed

Figure 9 shows the sign up area where you need to fill up your profile information

like name, email, address, and your password.

Figure 9. Sign up
28

Figure 10 shows the log in area after you finish the sign up area and it contains

your email and your password to log in to the dashboard.

Figure 10. Log in

Figure 11 show the dashboard after you log in and you will find here your profile

and available services and your services

Figure 11. Dashboard


29

Figure 12 shows user profile and you can upload it here your profile picture,

and you can edit it here and your name, address, and reset your password.

Figure 12. User profile

Figure 13 shows your service table you'll find here your uploaded services, and

you can also delete it, update and add more pictures for your services.

Figure 13. Service table


30

Figure 14 shows your reservation table, you'll find here those who are booking

your customer in your calendar, you can also see it at what time and how long it will be

reserved for the schedule.

Figure 14. Reservation table

Figure 15 shows the reservation area, here is the reservation of your selected

service that you would like to schedule a reservation, you can set the date and time in the

reservation area.

Figure 15. Reservation area


31

Figure 16 shows the comment section, here you can send feedback to services

and rate 1 to 5 stars so customers can see if the services are okay or not.

Figure 16. Comment section


32

Project Capabilities and Limitation

The system has the following capabilities:

1. Sign in button provides the user to have access in the whole system.

2. In the user page, the user can see the status of the system in the dashboard.

3. The system is manageable by adding, updating and removing data in the services

table, reservation table.

4. In the sign in button, user will input their profile information and valid email

address then they will receive a verification code and input the code to be

verified.

5. The username and password can be updated in the user profile

On the other hand, the system has the following limitations:

1. Only the user can manage their services

2. The system is updatable and usable when online.

3. The system has no remarks or response section.

4. Other user is prohibited to have access in the whole system.

Project Evaluation

The system undergone series of testing. The developers conducted the test to

determine the behavior of the different software components. After the test, end-user,

bussiness owner, and IT experts evaluated the system.

Functionality. The software provides appropriate functions. The software shows

accurate information and results. The software provides security measure. This criterion

got an average mean of 4.20 interpreted as excellent. The computed standard deviation is
33

0.33, this shows that there is a minimal difference in terms of the opinion and perception

of the respondents in terms of the system functionality.

Reliability. The software shows no failure or bugs. The integrity of data is

maintained all throughout its operation. This criterion got an average mean of 3.98

interpreted as excellent. The computed standard deviation is 0.27, this shows that there is

a minimal difference in terms of the opinion and perception of the respondents in terms

of the system reliability.

Efficiency. The software operates quickly and efficiently. The software requires

less resources. This criterion got an average mean of 4.50 interpreted as excellent. The

computed standard deviation is 0.32, this shows that there is a minimal difference in

terms of the opinion and perception of the respondents in terms of the system efficiency.

Portability. The software adapts to new specifications or operating environments.

The software requires less effort to install. This criterion got an average mean of 4.14

interpreted as excellent. The computed standard deviation is 0.39, this shows that there is

a minimal difference in terms of the opinion and perception of the respondents in terms

of the system portability.

Usability. The software functions are organized, clear, logical and effective

making it easy for the user to understand. The user can operate the software with ease.

The user's guide is available and clear. This criterion got an average mean of 4.12

interpreted as excellent. The computed standard deviation is 0.38, this shows that there is

a minimal difference in terms of the opinion and perception of the respondents in terms

of the system usability.


34

Information in the Software. The information is clear, concise and informative

to the intended user. The content is free from spelling and grammatical errors. The

contents are covered in a comprehensive manner. This criterion got an average mean of

4.13 interpreted as excellent. The computed standard deviation is 0.21, this shows that

there is a minimal difference in terms of the opinion and perception of the respondents in

terms of the system information in the software.

Technical Aspects of the Software and Materials. The software uses standard

equipment that is reliable, widely available, and applicable to a variety of uses. Compute

capabilities such as graphics, color are used for appropriate instructional reasons. This

criterion got an average mean of 4.20 interpreted as excellent. The system got a grand

mean of 4.17 interpreted as excellent. It shows that the participants were very satisfied

and the system is effective for the end-user.

Table 9. Summary of the evaluation results (n=25)


Software Quality Indicator Mean Interpretation by Mean
Functionality 4.20 Excellent

Reliability 3.98 Excellent

Efficiency 4.14 Excellent

Portability 4.40 Excellent

Usability 4.12 Excellent

Information in the Software 4.13 Excellent

Maintainability 4.28 Excellent

Technical Aspects of the Software and 4.20 Excellent


Materials
Grand Mean 4.17 Excellent
35

SUMMARY, CONCLUSION AND RECOMMENDATIONS

Summary

The researchers developed the system entitled “E-commerce for Events and

Services in Cavite”. There are services you can reserve for your events, you can find

other information on services like pictures, promotions or anything else. And you'll also

see every service if the customer's feedback is good and the ratings of each service and

they can also talk with messaging because it also has this system for customer inquiry.

The website can be visited through browsers with internet connection. The researchers

gathered data from books and other related websites. The gathered data were used to

develop the system as website content and basis of information.

In designing the system, the researchers used 4GL methodology because of its

characteristics that allows changes and adapts to client’s wants, requests and suggestions.

The researchers used Sublime Text in developing the system, free web hosting company

for the hosting of the website that allows the site to be reachable to internet users

worldwide and Adobe Photoshop CS6 for image enhancement and graphical design.

After the development of the system, tests were conducted to check the system’s

functionality. ITD Software Evaluation was used. The participants who evaluated the

system were 10 end-user, 5 Business Owner, and 10 IT experts. The results were

consolidated and analyzed using weighted mean. The system obtained a grand mean of

4.17 interpreted as excellent.


36

Conclusion

The accomplished system contained of different services and not just services you

can find here you will find here their other pictures so you can see if the services are

okay.

The researchers successfully met the requirements in terms of the following

software used such as Sublime Text for creating the system, Adobe Photoshop CS6 for

designing the graphical user interface of the system and XAMPP Control Panel for

database.

The system was evaluated by 10 end-user, 5 Business Owner and 10 IT experts.

The evaluation shows the system is functional, efficient, reliable and portable. In terms of

functionality overall mean 4.20, for reliability gain 3.98, for efficiency gain 4.14, for

portability gain 4.40, for usability gain 4.12, for information in the software the overall

mean is 4.13 and lastly for technical aspects of the software and materials gain 4.20. The

overall mean is 4.17 which means excellent, respectively.

Recommendation

For the other researchers who want to enhance the system, the developers

recommend the following:

1. For better credit transfers add online payment system.


37

REFERENCES

Abdul Qayyum (2014). Online Catering Reservation System. Retrieve October 21, 2018
from https://bit.ly/2qAbfT

Anglada, G. L. (2016). Sublime Text Unofficial Documentation. Retrieve Oct 28, 2018
from https://docs.sublimetext.info/en/latest

Asian Journal of Computer Science And Information Technology. (2014).


Synthesis.Retrieve November 9, 2018 from file:///C:/Users/user/Downloads/729-
Article%20Text-2623-1-10-20140331%20(1).pdf

Bauer, P. (2012). Adobe Photoshop. Retrieve October 20, 2018 from


https://goo.gl/12CTTkd

Bloomidea.(2014). Types of ecommerce. Retrieve October 21, 2018 from


https://bit.ly/2QfthG0

Chaffey.(2009).Ecommerce. Retrieve October 21, 2015 from https://bit.ly/2RuV3OO

International Journal of Electronic Commerce Studies.(2011). Synthesis. Retrieve


November 9, 2018 from https://bit.ly/2qCRmLE

Javatpoint.(n.d.).JQuery. Retrieve October 23, 2018 from https://bit.ly/2D3Y44W

Karthiksangi, (NA). Agile Model. Retrieve October 21, 2018 from


https://karthiksangi.wordpress.com/agile-methodology/

Lovelock &Wirtz, (2011).Services and Customer Service. Retrieve October


22, 2018 from https://bit.ly/2PEKMSW

Mae FahLuang University.(2018). Measuring the Competitiveness of Ecommerce by the


MCIM Modeling Indicator. Retrieve October 20,2018 from
https://bit.ly/2P7XVVk

PCMag.(2018). Photo Editor. Retrieve October 23, 2018 from


(https://www.pcmag.com/encyclopedia/term/49191/photo-editor

Said Sabir. (2010). E-COMMERCE SOLUTION – CREATING A SHOPPING CART


USING OPEN SOURCES (APACHE/MYSQL/PHP). Retrieve October 17,
2018from https://bit.ly/2qtzkeG

Seguetech.(2013). Ajax. Retrieve October 23, 2018 from https://bit.ly/2QjE16h

Silvers.(2012). Event. Retrieve October 21, 2018 from https://bit.ly/2AM0Jyg


38

Techopedia.(n.d.).Bootstrap. Retrieve October 23, 2018 from https://bit.ly/2RB449g

Techopedia.(2018). Website. Retrieve October 21, 2018 from


https://bit.ly/2mJmoj0

Tutorialspoint.(n.d.).PHP MySQli. Retrieve October 22, 2018 from


https://bit.ly/2Pdh73N
39

APPENDICES
40

Appendix 1. Gantt chart


41

Appendix 2. Fishbone diagram


42

Appendix 3. Data dictionary

Database Name: ensbook_reservation


Tablename: service

Field Name Data Type Length Constraints Description


id bigint 20 Primary Key Handles the unique
service ID
owner_id varchar 255 Not Null Handles the owner id
service_owner varchar 255 Not Null Handles the service owner
service_name varchar 4000 Not Null Handles the service owner
name
description varchar 255 Not Null Handles the description of
the service
category varchar 255 Not Null Handles the category
service
location varchar 255 Not Null Handles the location of
the service
contact varchar 255 Not Null Handles the contact
number
email varchar 255 Not Null Handles the email address
of the service

Database Name: ensbook_reservation


Tablename: schedule

Field Name Data Type Length Constraints Description


id bigint 10 Primary Handles the unique schedule id
Key
service_id varchar 255 Not Null Handles the service id
owner_id varchar 255 Not Null Handles the owner id
client_id varchar 255 Not Null Handles the client id
client_name varchar 255 Not Null Handles the client name
start varchar 255 Not Null Handles the start of the
schedule
end varchar 255 Not Null Handles the end of the
schedule
43

Database Name: ensbook_reservation


Tablename: thumbnails

Field Name Data Type Length Constraints Description


id bigint 20 Primary Key Handles the unique
thumbnail id
service_id varchar 255 Not Null Handles the service id
thumbnail_name varchar 255 Not Null Handles the thumbnail
name
thumbnail_descri varchar 255 Not Null Handles the thumbnail
ption description

Database Name: ensbook_reservation


Tablename: ratings

Field Name Data Type Length Constraints Description


id bigint 20 Primary Key Handles the unique id

stars varchar 255 Not Null Handles the star rating


service_id varchar 255 Not Null Handles the service id
commenter_id varchar 255 Not Null Handles the commenter
id

Database Name: ensbook_reservation


Tablename: messages

Field Name Data Type Length Constraints Description


id bigint 10 Primary Key Handles the unique id
sender_id varchar 255 Not Null Handles the sender id
reciever_id varchar 255 Not Null Handles the reciever id
message text Not Null Handles the message
read tinyint 1

Database Name: ensbook_reservation


Tablename: comment

Field Name Data Type Length Constraints Description


id bigint 20 Primary Key Handles the unique id
service_id varchar 255 Not Null Handles the service id
commenter_id varchar 255 Not Null Handles the commenter
id
comment text Not Null Handles the comment
44

Appendix 4. ITD Software Evaluation Form

Republic of the Philippines


CAVITE STATE UNIVERSITY NAIC
Tel. No. (046) 856-0401/856-0943/697-9530 Fax. No. (046) 856-0942
info@cvsu-naic.edu.ph / http://www.cvsu-naic.edu.ph

INFORMATION TECHNOLOGY DEPARTMENT


Software Evaluation Form

Title : .

Proponent : ____________ ____________


.

Instruction : Please evaluate the software by using the given scale and placing
a circle to the corresponding numerical rating.

5– Excellent 4 – Very Satisfactory 3 – Satisfactory 2 – Fair 1 – Poor

FUNCTIONALITY
1. The software provides appropriate functions 5 4 3 2 1
2. The software shows accurate information and results. 5 4 3 2 1
3. The software provides security measures. 5 4 3 2 1
RELIABILITY
1. The software shows no failures or bugs 5 4 3 2 1
2. The integrity of data is maintained all throughout its operation. 5 4 3 2 1
EFFICIENCY
1. The software operates quickly and efficiently. 5 4 3 2 1
2. The software requires less resources (memory/CPU/disk 5 4 3 2 1
storage/internet bandwidth)
PORTABILITY
1. The software adapts to new specifications or operating 5 4 3 2 1
environments.
2. The software requires less effort to install. 5 4 3 2 1
USABILITY
1. The software functions are organized, clear, logical, and 5 4 3 2 1
effective making it easy for the user to understand.
2. The user can operate the software with ease. 5 4 3 2 1
3. The user’s guide is available and clear. 5 4 3 2 1
INFORMATION IN THE SOFTWARE
1. The information is clear, concise, and informative to the 5 4 3 2 1
intended user.
2. The content is free from spelling and grammatical 5 4 3 2 1
errors.
45

3. The contents are covered in a comprehensive manner. 5 4 3 2 1


MAINTAINABILITY
1. The software adapts real-time updates. 5 4 3 2 1
2. The software is bug free. 5 4 3 2 1
TECHNICAL ASPECTS OF THE SOFTWARE AND MATERIALS
1. The software uses standard equipment that is reliable, 5 4 3 2 1
widely available, and applicable to a variety of uses.
2. Computer capabilities such as graphics, color are used 5 4 3 2 1
for appropriate instructional reasons.
Other Comments and Suggestions:

Categories of Evaluator: Certified true and correct by:

Please Check:
__________________________
_____ IT Expert (Signature over printed name)

_____ Business Owner


Date: _____________
_____ End-user
46

Appendix 5. Budgetary Requirements of the study

Appendix Table 1. Budgetary Requirements

Description Amount

Internet Expenses Php. 5,000.00

Travel Expenses Php. 2,000.00

Manuscript Reproduction Php. 3,000.00

Electric Consumption Php. 3,000.00

Other Expenses Php. 5,000.00

TOTAL Php. 18,000.00


47

Appendix 6. Summary of Evaluation Results

Appendix Table 2. Summary of Evaluation Result from Business Owner


Software Quality Indicator Mean Standard Interpretation
Deviation by Mean
Functionality
1. The software provides appropriate functions 4.40 0.28 Excellent
2. The software shows accurate information and results. 4.80 0.35 Excellent
3. The software provides security measure. 4.80 0.35 Excellent
Grand Mean 4.67 0.33 Excellent
Reliability
1. The software shows no failure or bugs. 3.86 0.33 Excellent
2. The integrity of data is maintained all throughout its 3.80 0.20 Excellent
operation.
Grand Mean 3.83 0.27 Excellent
Efficiency
1. The software operates quickly and efficiently. 4.80 0.32 Excellent
2. The software requires less resources. 4.50 0.33 Excellent
Grand Mean 4.65 0.32 Excellent
Portability
1. The software adapts to new specifications or operating 3.86 0.33 Excellent
environments.
2. The software requires less effort to install. 5.00 0.45 Excellent
Grand Mean 4.43 0.39 Excellent
Usability
1. The software functions are organized, clear, logical 5.00 0.49 Excellent
and effective making it easy for the user to
understand.
2. The user can operate the software with ease. 4.20 0.35 Excellent
3. The user's guide is available and clear. 3.20 0.32 Excellent
Grand Mean 4.13 0.38 Excellent
Information in the Software
1. The information is clear, concise and informative to 4.20 0.32 Excellent
the intended user.
2. The content is free from spelling and grammatical 4.80 0.04 Excellent
errors.
3. The contents are covered in a comprehensive manner. 3.83 0.26 Excellent
Grand Mean 4.28 0.21 Excellent
Maintainability
1. The software adapts real-time updates. 5.00 0.45 Excellent
2. The software is bug free. 4.40 0.28 Excellent
Grand Mean 4.70 0.37 Excellent
Technical Aspects of the Software and Materials
1. The software uses standard equipment that is reliable, 4.20 0.04 Excellent
widely available.
2. Compute capabilities such as graphics, color are used 4.80 0.04 Excellent
for appropriate instructional reasons.
Grand Mean 4.20 0.04 Excellent
Over-All Mean 4.30 0.27 Excellent
Appendix Table 3. Summary of Evaluation Result from End-user
48

Software Quality Indicator Mea Standard Interpretation


n Deviation by Mean
Functionality
4. The software provides appropriate functions 4.30 0.31 Excellent
5. The software shows accurate information and results. 4.20 0.25 Excellent
6. The software provides security measure. 4.20 0.21 Excellent
Grand Mean 4.23 0.26 Excellent
Reliability
3. The software shows no failure or bugs. 4.00 0.24 Excellent
4. The integrity of data is maintained all throughout its 4.10 0.29 Excellent
operation.
Grand Mean 4.05 0.27 Excellent
Efficiency
3. The software operates quickly and efficiently. 4.10 0.19 Excellent
4. The software requires less resources. 3.90 0.19 Excellent
Grand Mean 4.00 0.19 Excellent
Portability
3. The software adapts to new specifications or 4.40 0.28 Excellent
operating environments.
4. The software requires less effort to install. 4.50 0.27 Excellent
Grand Mean 4.45 0.28 Excellent
Usability
4. The software functions are organized, clear, logical 4.30 0.27 Excellent
and effective making it easy for the user to
understand.
5. The user can operate the software with ease. 4.10 0.21 Excellent
6. The user's guide is available and clear. 4.20 0.48 Excellent
Grand Mean 4.20 0.32 Excellent
Information in the Software
4. The information is clear, concise and informative to 3.80 0.20 Excellent
the intended user.
5. The content is free from spelling and grammatical 4.20 0.18 Excellent
errors.
6. The contents are covered in a comprehensive manner. 4.20 0.21 Excellent
Grand Mean 4.07 0.20 Excellent

Maintainability
1. The software adapts real-time updates. 4.90 0.39 Excellent
2. The software is bug free. 3.80 0.25 Excellent
Grand Mean 4.35 0.32 Excellent
Technical Aspects of the Software and Materials
3. The software uses standard equipment that is reliable, 4.50 0.26 Excellent
widely available.
4. Compute capabilities such as graphics, color are used 4.50 0.24 Excellent
for appropriate instructional reasons.
Grand Mean 4.50 0.26 Excellent
Over-All Mean 4.20 0.22 Excellent
49

Appendix Table 4. Summary of Evaluation Result from IT expert


Software Quality Indicator Mea Standard Interpretatio
n Deviation n by Mean
Functionality
1. The software provides appropriate functions 4.00 0.34 Excellent
2. The software shows accurate information and 4.00 0.19 Excellent
results. Excellent
3. The software provides security measure. 3.80 0.25
Grand Mean 3.93 0.26 Excellent

Reliability
1. The software shows no failure or bugs. 3.80 0.40 Excellent
2. The integrity of data is maintained all 4.00 0.68 Excellent
throughout its operation.
Grand Mean 3.90 0.54 Excellent
Efficiency
1. The software operates quickly and efficiently. 3.90 0.19 Excellent
2. The software requires less resources. 4.00 0.34 Excellent
Grand Mean 3.95 0.27 Excellent
Portability
1. The software adapts to new specifications or 4.10 0.21 Excellent
operating environments.
2. The software requires less effort to install. 4.40 0.23 Excellent
Grand Mean 4.25 0.22 Excellent
Usability
1. The software functions are organized, clear, 4.10 0.24 Excellent
logical and effective making it easy for the user
to understand.
2. The user can operate the software with ease. 4.00 0.34 Excellent
3. The user's guide is available and clear. 4.00 0.47 Excellent
Grand Mean 4.03 0.35 Excellent
Information in the Software
1. The information is clear, concise and 4.10 0.26 Excellent
informative to the intended user.
2. The content is free from spelling and 4.10 0.19 Excellent
grammatical errors.
3. The contents are covered in a comprehensive 4.10 0.29 Excellent
manner.
Grand Mean 4.10 0.25 Excellent
Maintainability
1. The software adapts real-time updates. 4.00 0.49 Excellent
2. The software is bug free. 3.80 0.51 Excellent
Grand Mean 3.90 0.50 Excellent
Technical Aspects of the Software and Materials
1. The software uses standard equipment that is 3.90 0.35 Excellent
reliable, widely available.
2. Compute capabilities such as graphics, color 4.10 0.27 Excellent
are used for appropriate instructional reasons.
Grand Mean 3.90 0.35 Excellent
Over-All Mean 4.03 0.28 Excellent
50

Appendix 7. Frequency Distribution of Evaluation Result

Appendix Table 5. Frequency distribution from the Business Owner


Software Quality Indicator Frequency N=5
5 4 3 2 1
Functionality
1. The software provides appropriate functions 2 3 0 0 0
2. The software shows accurate information and results. 4 1 0 0 0
3. The software provides security measure. 4 1 0 0 0

Reliability
1. The software shows no failure or bugs. 1 4 0 0 0
2. The integrity of data is maintained all throughout its operation. 1 2 2 0 0

Efficiency
1. The software operates quickly and efficiently. 4 1 0 0 0
2. The software requires less resources. 4 1 0 0 0
Portability
1. The software adapts to new specifications or operating 1 4 0 0 0
environments.
2. The software requires less effort to install. 5 0 0 0 0
Usability
1. The software functions are organized, clear, logical and 5 0 0 0 0
effective making it easy for the user to understand.
2. The user can operate the software with ease. 1 4 0 0 0
3. The user's guide is available and clear. 0 1 4 0 0
Information in the Software
1. The information is clear, concise and informative to the 1 4 0 0 0
intended user.
2. The content is free from spelling and grammatical errors. 4 1 0 0 0
3. The contents are covered in a comprehensive manner. 2 1 2 0 0
Maintainability
1. The softwarea adapts real-time updates. 5 0 0 0 0
2. The software is bug free 2 3 0 0 0
Technical Aspects of the Software and Materials
1. The software uses standard equipment that is reliable, widely 1 4 0 0 0
available.
2. Compute capabilities such as graphics, color are used for 4 1 0 0 0
appropriate instructional reasons.
51

Appendix Table 6. Frequency distribution from the End-user

Software Quality Indicator Frequency N=10


5 4 3 2 1
Functionality
4. The software provides appropriate functions 3 7 0 0 0
5. The software shows accurate information and results. 3 6 1 0 0
6. The software provides security measure. 5 2 3 0 0

Reliability
3. The software shows no failure or bugs. 2 6 2 0 0
4. The integrity of data is maintained all throughout its operation. 2 7 1 0 0

Efficiency
3. The software operates quickly and efficiently. 3 5 2 0 0
4. The software requires less resources. 3 3 4 0 0
Portability
3. The software adapts to new specifications or operating 4 6 0 0 0
environments.
4. The software requires less effort to install. 5 5 0 0 0
Usability
4. The software functions are organized, clear, logical and 3 7 0 0 0
effective making it easy for the user to understand.
5. The user can operate the software with ease. 3 5 2 0 0
6. The user's guide is available and clear. 3 6 1 0 0
Information in the Software
4. The information is clear, concise and informative to the 2 4 4 0 0
intended user.
5. The content is free from spelling and grammatical errors. 4 4 2 0 0
6. The contents are covered in a comprehensive manner. 5 2 3 0 0
Maintainability
1. The softwarea adapts real-time updates. 9 1 0 0 0
2. The software is bug free 1 6 3 0 0
Technical Aspects of the Software and Materials
3. The software uses standard equipment that is reliable, widely 5 5 0 0 0
available.
4. Compute capabilities such as graphics, color are used for 6 3 1 0 0
appropriate instructional reasons.
52

Appendix Table 7. Frequency distribution from the IT experts


Software Quality Indicator Frequency N=10
5 4 3 2 1
Functionality
7. The software provides appropriate functions 1 8 1 0 0
8. The software shows accurate information and results. 3 4 3 0 0
9. The software provides security measure. 1 6 3 0 0

Reliability
5. The software shows no failure or bugs. 2 4 4 0 0
6. The integrity of data is maintained all throughout its operation. 1 8 1 0 0

Efficiency
5. The software operates quickly and efficiently. 2 5 3 0 0
6. The software requires less resources. 1 8 1 0 0
Portability
5. The software adapts to new specifications or operating 3 5 2 0 0
environments.
6. The software requires less effort to install. 5 4 1 0 0
Usability
7. The software functions are organized, clear, logical and 2 7 1 0 0
effective making it easy for the user to understand.
8. The user can operate the software with ease. 1 8 1 0 0
9. The user's guide is available and clear. 2 6 2 0 0
Information in the Software
7. The information is clear, concise and informative to the 2 7 1 0 0
intended user.
8. The content is free from spelling and grammatical errors. 3 5 2 0 0
9. The contents are covered in a comprehensive manner. 2 7 1 0 0
Maintainability 2 6 2 0 0
1. The softwarea adapts real-time updates.
2. The software is bug free 1 6 3 0 0
Technical Aspects of the Software and Materials
5. The software uses standard equipment that is reliable, widely 0 9 1 0 0
available.
6. Compute capabilities such as graphics, color are used for 2 7 1 0 0
appropriate instructional reasons.
53

Appendix 8. Sample Evaluation Result


54
55
56
57
58
59

Appendix 9. Letter for Evaluation


60

Appendix 10. Program Listing

@extends('partials.master')

@section('content')

<?php use App\Service;

use App\Schedule;

use Carbon\Carbon;

$data = Service::all();

$ydata = Service::where('owner_id', session('id'))->get();

$schedule = Schedule::where(function ($query) {

$query->whereYear('start', Carbon::now()->year)

->whereMonth('start', Carbon::now()->month)

->where(function ($query1){

$query1->where('owner_id', session('id'))

->orWhere('client_id', session('id'));

});

})->orWhere(function($query) {

$query->whereYear('end', Carbon::now()->year)

->whereMonth('end', Carbon::now()->month)

->where(function ($query1){

$query1->where('owner_id', session('id'))

->orWhere('client_id', session('id'));

});

})

->get();
61

?>

<div class="row">

<div class="col-lg-4 col-md-4 col-sm-4">

<div class="card card-stats">

<div class="card-body ">

<div class="row">

<div class="col-5 col-md-4">

<div class="icon-big text-center icon-warning">

<i class="nc-icon nc-delivery-fast text-warning"></i>

</div>

</div>

<div class="col-7 col-md-8">

<div class="numbers">

<p class="card-category">Your Services</p>

<p class="card-title">{{ count($ydata) }}

<p>

</div>

</div>

</div>

</div>

<div class="card-footer ">

<hr>

<div class="stats">

<i class="fa fa-refresh"></i> Updated

</div>
62

</div>

</div>

</div>

<div class="col-lg-4 col-md-4 col-sm-4">

<div class="card card-stats">

<div class="card-body ">

<div class="row">

<div class="col-5 col-md-4">

<div class="icon-big text-center icon-warning">

<i class="nc-icon nc-box-2 text-success"></i>

</div>

</div>

<div class="col-7 col-md-8">

<div class="numbers">

<p class="card-category">Services</p>

<p class="card-title">{{ count($data) }}

<p>

</div>

</div>

</div>

</div>

<div class="card-footer ">

<hr>

<div class="stats">

<!-- <i class="fa fa-calendar-o"></i> Last day -->


63

<i class="fa fa-refresh"></i> Updated

</div>

</div>

</div>

</div>

<div class="col-lg-4 col-md-4 col-sm-4">

<div class="card card-stats">

<div class="card-body ">

<div class="row">

<div class="col-5 col-md-4">

<div class="icon-big text-center icon-warning">

<i class="nc-icon nc-calendar-60 text-danger"></i>

</div>

</div>

<div class="col-7 col-md-8">

<div class="numbers">

<p class="card-category">Schedule</p>

<p class="card-title">{{ count($schedule) }}

<p>

</div>

</div>

</div>

</div>

<div class="card-footer ">

<hr>
64

<div class="stats">

<i class="fa fa-calendar-o"></i> In this month

</div>

</div>

</div>

</div>

</div>

<div class="row">

<div class="col-md-12">

<div class="card ">

<div class="card-header ">

<h5 class="card-title">Appointment</h5>

<p class="card-category">Calendar of your services and reservation</p>

</div>

<div class="card-body ">

<div class="calendar"></div>

</div>

<div class="card-footer ">

<hr>

<div class="stats">

<i class="fa fa-history"></i> Updated

</div>

</div>

</div>
65

</div>

</div>

@endsection

@section('page-script')

<script type="text/javascript">

$(function(){

var service_name = '';

var sched = [];

callDataCalendar();

$('#btn_save').click(function(){

$(".calendar").empty();

callDataCalendar();

});

function callDataCalendar(){

$.get('/callDataCalendarWithID/'+{{ session('id') }}, function(data){

initCalendar(data);

});

function getService(id){

// $.get('/getService/'+id, function(data){

// service_name = data.service_name;

// console.log(service_name);

// });
66

$.ajax({

url: '/getService/'+id,

type: 'GET',

async: false,

dataType: 'json', // added data type

success: function(data) {

service_name = data.service_name;

});

function initCalendar(data){

console.log(data);

var event = [];

for(var i = 0; data.length > i; i++){

getService(data[i].service_id);

console.log(service_name);

var start = data[i].start;

var startb = [start.slice(0, 4), "-", start.slice(5, 7), "-", start.slice(8, 10), 'T',
start.slice(11, 13), ':', start.slice(14, 16)].join('');

var end = data[i].end;

var endb = [end.slice(0, 4), "-", end.slice(5, 7), "-", end.slice(8, 10), 'T',
end.slice(11, 13), ':',end.slice(14, 16)].join('');

event.push({
67

"id" : data[i].purpose,

"title" : data[i].client_name,

"start" : startb,

"end" : endb,

"service_name" : service_name,

"className":"customEventsClass",

"type":2,

"allDay": false,

});

console.log(event);

$('.calendar').attr('id', 'calendar');

var calendarEl = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarEl, {

plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],

timeZone: 'UTC',

selectable: true,

defaultView: 'dayGridMonth',

header: {

left: 'prev,next today',

center: 'title',

right: 'dayGridMonth,timeGridWeek,timeGridDay,list'

},

eventClick: function(info) {
68

var eventObj = info.event;

if (eventObj.url) {

alert(

'Clicked ' + eventObj.title + '.\n' +

'Will open ' + eventObj.url + ' in a new tab'

);

window.open(eventObj.url);

info.jsEvent.preventDefault(); // prevents browser from following link


in current tab.

} else {

var start = eventObj.start;

var start = new Date(start.valueOf() + start.getTimezoneOffset() *


60000);

var start = start.toLocaleString();

var end = eventObj.end;

var end = new Date(end.valueOf() + end.getTimezoneOffset() *


60000);

var end = end.toLocaleString();

alert('Service scheduled to ' + eventObj.title +'.\n' +

'Schedule start is ' + start + '.\nSchedule end is ' + end + '.\nService


name is ' + service_name+ '.\nPurpose is ' + eventObj.id

);

},

timeFormat: 'H(:mm)',
69

events: event,

});

calendar.render();

});

</script>

@stop
70

Appendix 11. Letter of application for final defense

You might also like