Development of Ecommerce Website For Events and Services in Cavite
Development of Ecommerce Website For Events and Services in Cavite
Development of Ecommerce Website For Events and Services in Cavite
INTRODUCTION
increased the demand to access information fast and securely. This brought forth too
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
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
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.
The study primarily aims to develop an online system for events and services that
1. How will the proposed online system help to promote event and services in most
efficient way?
The general objective of the study is to create an e-commerce website for events and
a. Customer inquiry.
e. Customer feedbacks.
4. evaluate the online system using ITD software evaluation tool based on ISO 9126.
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
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
Gantt chart)
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
Definition of Terms
For better understanding of the study some of the terms are appropriately defined:
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.
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.
The previous page shows the conceptual framework of the propose study. Input
requirements are divided into three categories, Knowledge, Software and Hardware
requirements.
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
manage the data, System Analysis and Design for proper way of documentation to guide
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
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
This section consists of information gathered from thesis and dissertation which
Website
a single domain name. Websites can be created and maintained by an individual, group,
websites constitute the World Wide Web. A website is also known as a web presence.
(techopedia, 2018).
customers to their website, engage them to turn into paying customers and also retain
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
organization and any third party it deals with’. According to this definition non-financial
companies. Producers and traditional commerce wholesalers typically operate with this
businesses and final consumers. It corresponds to the retail section of e-commerce, where
conducted through a third party, which provides the online platform where the
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.
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
government.
administration.(Bloomidea, 2014).
9
Indicator
Chiang Rai, Thailand(2018), Competition is a challenge for both new and old
conditions and extremely competitive. However, the existing study focuses on measuring
entrepreneur competitiveness. The purpose of this paper is to fill this gap by developing
of their competitiveness which are shown in the following format: MCIM =Ce + Sp +Ca.
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,
Events
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
2012)
Services
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
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
services to customers, so that the customer can gain ultimate satisfaction from the
Software Requirements
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,
PHP
produced by The PHP Group. PHP originally stood for Personal Home Page, but it now
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
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
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
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
sequence.
JQuery
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
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
sense, it refers to the use of XmlHttpRequest objects to interact with a web server
.
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
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
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
Photo Editor
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
Adobe Photoshop
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
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
Types of SDLC
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
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.
applications, for example, incomplete versions of the software program being developed.
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.
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
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
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
Research Design
The researchers would be used the SCRUM Method which is under the Agile
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.
by the researchers. Agile Approach uses sprints or iterations during the development and
testing. This enables users to adjust to changes, fix bugs, and improve the quality of the
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.
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.
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
Site map
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
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
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
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
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
aspects and materials, and aesthetics. (Refer to appendix 3 for the Software Evaluation
Instrument)
Business owners 5
End-user 10
IT expert 10
Total 25
The researchers conduct a survey to the entrepreneurs and business owners and
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
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
RATINGS INTERPRETATION
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
where
𝑥 = weighted mean
𝑊1 = rating from 1 to 5
deviation indicates the extent of deviation of the evaluation as a whole. The formula use
1 𝑁
𝑂 = √ ∑ 𝑖= 1 (𝑋𝑖 – 𝑋)2
𝑁
where
O = standard deviation
25
𝑥 = weighted mean
Research Instrument
The evaluation paper which was the primary instrument in gathering data was
Form)
26
In this chapter, the researchers present the developed system and the results of the
Project Description
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
Figure 7 shows the homepage of the system where it shows the sign in area of the
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 9 shows the sign up area where you need to fill up your profile information
Figure 9. Sign up
28
Figure 10 shows the log in area after you finish the sign up area and it contains
Figure 11 show the dashboard after you log in and you will find here your profile
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 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 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
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 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.
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
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.
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,
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
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
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.
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
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
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
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
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
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
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.
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 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
Recommendation
For the other researchers who want to enhance the system, the developers
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
APPENDICES
40
Title : .
Instruction : Please evaluate the software by using the given scale and placing
a circle to the corresponding numerical rating.
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
Please Check:
__________________________
_____ IT Expert (Signature over printed name)
Description Amount
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
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
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
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
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
@extends('partials.master')
@section('content')
use App\Schedule;
use Carbon\Carbon;
$data = Service::all();
$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="row">
</div>
</div>
<div class="numbers">
<p>
</div>
</div>
</div>
</div>
<hr>
<div class="stats">
</div>
62
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="numbers">
<p class="card-category">Services</p>
<p>
</div>
</div>
</div>
</div>
<hr>
<div class="stats">
</div>
</div>
</div>
</div>
<div class="row">
</div>
</div>
<div class="numbers">
<p class="card-category">Schedule</p>
<p>
</div>
</div>
</div>
</div>
<hr>
64
<div class="stats">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h5 class="card-title">Appointment</h5>
</div>
<div class="calendar"></div>
</div>
<hr>
<div class="stats">
</div>
</div>
</div>
65
</div>
</div>
@endsection
@section('page-script')
<script type="text/javascript">
$(function(){
callDataCalendar();
$('#btn_save').click(function(){
$(".calendar").empty();
callDataCalendar();
});
function callDataCalendar(){
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,
success: function(data) {
service_name = data.service_name;
});
function initCalendar(data){
console.log(data);
getService(data[i].service_id);
console.log(service_name);
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 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');
timeZone: 'UTC',
selectable: true,
defaultView: 'dayGridMonth',
header: {
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay,list'
},
eventClick: function(info) {
68
if (eventObj.url) {
alert(
);
window.open(eventObj.url);
} else {
);
},
timeFormat: 'H(:mm)',
69
events: event,
});
calendar.render();
});
</script>
@stop
70