Professional Documents
Culture Documents
CHAPTER 1
INTRODUCTION
Project Context
funds or data, over an electronic network, primarily the internet. The Pandapatan Native
Products E-commerce is a website that can sales any products online with the help of
the internet.
process in terms of ordering a products, it would cause a time consuming especially this
store is difficult to earn profit because this is not very familiar to customers or to the
people of Surigao City. In this present generation, the population is slowly growing, and
order to satisfy the needs of the consumers. The advent of computer and technological
dry goods store is a great advantage to the personnel of the store. Through that process,
the store will now have an asset and a firm working system. It can make the transactions
The researchers will conduct a study to help the store sell their products specifically
to the people who visit the city of Surigao since it is not a well-known store. The
convenient and easy to use system to the users in terms of ordering Pandapatan native
products. The results of this study hopes to provide valuable information to the following:
Store Employee. The result of this study may enable the store employee to a
Store Personnel. This study allows the personnel to make new options to
orders error, and connecting with customer more effectively and more efficiently by
increasing sales.
Customer. The system may provide to the customer the opportunity to have fun,
explore and interact with the menu in an entirely different ways than only using manual
system.
Establishment. The Pandapatan dry goods store most likely gained a lot
Objectives
convert the manual process into computerized system to provide faster and automated
selling process of product and post it online so that the consumers will find it easily.
1. To gather ideas from different people who purchased products through the
manual process and interviews shopkeepers about products and how they sell
them.
3. To design interfaces, froms tables and reports that convert the manual process
4. To develop a system using PHP Language and PHP myadmin MySQL for
database that will speed up the process of selling products at the store online.
researchers conducted the study at Surigao State College of Technology during regular
1. The system allows the authorized person to login to access the system and at
3. The system can add, view, update, and delete the products information and
2. The system is only applicable for the Pandapatan dry goods store.
CHAPTER 2
The following literatures and studies are evidences that support the relevance of
According to Hsieh et.al, (2015) internet is influencing people’s daily life more so
as compared to past. People’s daily activities have gradually shifted from physical
Cited by Li Na et.al, (2017) examined that online shopping has become the third
most popular Internet activity, immediately following e-mail using, instant messaging and
web browsing.
Based on the idea of Kanwal Gurleen et.al, (2015) observed that India has more
than 100 million internet users out of which one half opts for online purchases and the
Moreover Ling et.al, (2014) defined online shopping as the process a customer
Suresh et.al, (2017) stated that online shopping is becoming popular in the whole
world.
In addition Comscore et al, (2018) said that India is now the world’s third largest
internet Population. Younger males and women aged 35-44 merge as power users.73.8
5
million Indians surfed the web via a home or work computer. BCG report (2012) stated
that there is three billion internet users globally, almost half the world’s population
CHAPTER 3
TECHNICAL BACKGROUND
Products E-commerce that provides efficient and more effective way of catering for the
inconvenience and inefficiency of the existing manual, paper based system. Figure 1
Store
services produced by a business. He/she has the ability to choose different products in
Product Catalog Browsing. The Web Site displays a complete list of items or
categories, typically one in alphabetical or other systematic order. This contains all the
data related to the products which include product images, descriptions, specifications,
price etc. The product catalog data is viewed by customers before making a purchasing
decision.
either you will register first before browsing the website or before purchasing a product.
You need to register your account and if you are already done, proceed to log in to
when he/she is going to purchase a product, such as verifying the log-in google mail and
password. This ensures that only registered customers can browse the product catalog
Ordering Processing. The order module enables the customer to place their
Product Cart. The product cart module enables customer to place their product
selection or order in a shopping cart while browsing the product catalog, and later to
approve orders.
CHAPTER 4
METHODOLOGY
This represents the conceptual design and discusses the steps and activities that
Requirements Analysis
Design Prototyping
Customer
Satisfied
Implementation Development
8
In order to obtain the main purpose of the study, the researchers decided to use
the Prototype Model (Figure 2), which help the researchers for reflection and gather the
changes to the system as it being built, assuring that the system being built is what the
analysis, design, prototyping, customer evaluation, and review and updating and when
the customer was already satisfied development, test, and implementation followed.
Planning was the first phase where the researchers were obliged to plan the
project properly about what to design, its function, how it will work, etcetera. Initial
requirements were identified and gathered. The researchers understand the problems
that arises in today’s modern generation and carefully planned what would be the title of
the study, and conducted an interview with the personnel and detailed research about
the propose study for further understanding of the whole system using internet.
Collecting and analyzing users requirement were made and conclusion is derived from
Design Phase
and also helps in defining overall system architecture. Use case diagram, class diagram,
9
sequence diagram and flowcharts were made to give an overview on how the system
works. The researchers used software tools for system development such as Microsoft
office for putting down gathered information for the documentation of the system. Adobe
Photoshop cs6 to design some object needed for the system. Dreamweaver as an
MySQL to design a database and XAMPP to create a local web server for testing and
deployment purposes.
Prototyping Phase
During this phase, the prototype on requirement analysis and system design was
complaints given to a company are very important resource for improving and
addressing the needs and wants of the customer and to improve the system.
decision about the system. On the other hand, updating phase is to make more modern
or suitable for use by adding new information or changing its design. The cycle repeats
Development Phase
10
In development and testing, a review takes place to determine if the project or the
codes of the system are executable so it will run properly. The researchers should test
the system to find out those errors that triggered the system badly. When the customer
is finally satisfied, the researchers created the actual system and developed fully for
Implementation Phase
During this phase, the researchers created the actual system and started making
it for real. Coding it step by step, building the interface and other finishing touches for the
whole system.
11
CHAPTER 5
Planning Phase
Chart (Table 1) the researchers followed it help them keep tracked on what were the
things to do.
Gantt chart shows the amount of work done or production completed in a certain
LEGEND
TIME DURATION –
13
14
Analysis Phase
The design process presents the UML’s set of system diagrams. The
proponents used diagram for partial graphic representation of a system’s model. Use
case diagrams, Class diagrams, Sequence diagrams, Program flowchart and System
The Use Case Diagram presents the actor’s between the admin and the
customer. It is all about the connection between the admin, the functionalities and also to
Transacts
Payment
The use case diagram in this case consists of actors, such as customer and
A customer can manage orders by selecting a product and add it to the cart.
A customer places an order and transacts payments to the admin via e-mail or
A Lifeline:
Is a vertical dashed line that shows the existence of an
object or actor overtime
Moving down lifetime means that more time is passing
A Message:
Shows the information being sent between objects
sequence diagrams shows the order of interactions or
sequence and they do this by moving down the lifeline
with each message.
A Return Message:
Represented by a dash line
Is used when an object sends a message back
19
Sequence Diagram
depicts the object and classes involved in the scenario and the sequence of messages
exchange between the objects needed to carry out the functionality of the scenario.
The figure shows the sequence diagram for the use case Admin and Customer
Register Account. The admin and customer input username and password to register
the account and afterwards the admin and customer can store data in the database.
20
As shown in Fig 5, customer access the system, then input username and
password for security purpose, return to the system for more information about the
products. Then, the admin login to the system and check all the overall reports about the
system.
21
The Figure above shows the sequence diagram for the use case of Admin and
Customer Account. Customer proceeds to the site, login name and password for security
then proceed to the account if invalid return to the site for further information. Admin
login name and password for security purpose and proceeds to the admin dashboard to
view the overall reports of the system, returns to edit the account.
22
The Figure shows the sequence diagram for the use case of Admin and
Customer Manages Order. Customer accesses the system, login afterwards returns to
the system to add product to the cart, then proceeds to my orders where the customer
can edit pending orders. Admin also login name and password and proceeds to the
Order Details where the admin can update, cancel and complete the customer’s orders.
23
This Figure shows the admin access the system, then login, input username and
password for security purpose then proceeds to the admin dashboard to view the reports
and data about the system. Admin can add, edit, delete and update products that is
The Figure shows the admin type login name and password for security
purposes, and then admin proceeds to Admin dashboard for completing the order
A CLASS Class1
Represents a kind of person, place, or thing about
–attribute1
which the system will need to capture and store
information +operation1()
Has a name typed in bold and centered in its top
compartment
Has a list of attributes in its middle compartment
Has a list of operations in its bottom compartment
+operation1()
Does not explicitly show operations that are available
to all classes
AN ATTRIBUTE
Represents properties that describe the state of an attribute name
object attribute name /derived attribute
Can be derived from other attributes, shown by placing name
a slash before the attribute’s name.
AN OPERATION
Represents the actions or functions that a class can
perform
Can be classified as a constructor, query, or update operation name ()
operation
Includes parentheses that may contain parameters or
information needed to perform the operation
AN ASSOCIATION
Represents a relationship between multiple classes, or
a class and itself
Is labeled using a verb phrase or a role name,
whichever better represents the relationship 1..* 0..1
Can exist between one or more classes • Contains verb phrase
multiplicity symbols, which represent the minimum and
maximum times a class instance can be associated
with the related class instance
26
Class Diagram
Design Phase
Interface Designs
This presents the print screens of interface designs for the Pandapatan Native
The Figure shows the interface that one first see in the system.
28
This Figure shows the catalog of the system, where one can view and select products.
Software Specification
In this study, the proponents need to have a software language and application
Microsoft Office
Hardware Specification
29
execution of the finished system. Through this, there is a need to have a hardware that
is upgraded so that is suits to the computer. This system runs with this specification.
Implementation Phase
During this phase, the researchers will now create the actual system and start
making it for real. Coding it step by step, building the interface and other finishing
Program Development
entire information system and all related software to formulate the study. In addition, this
Deployment Diagram
This figure shows the diagram of deployment where there is an admin that uses
computer and internet in deploying the system. The administrator is the authorized
person that can access the whole system. All data are saved in the database. If all the
processed are granted the admin can generate reports of product orders.
Software Testing
The researchers did the testing to assure that the system answered the needs
of the establishment. After they tested they allowed their users particularly to test the
system. They suggested changing the font, color, and the background color according its
color compatibility and its contrast, the proponents think wisely on how to improve their
CHAPTER 6
Conclusion
This study is mainly focus on the factors from the internet and examines those
factors that affect the customer’s satisfaction towards online shopping services. On the
other hand, this study is such a great challenge to the proponents, who exerted
remarkable and excellent effort to come up with the output of the study, which is
Pandapatan Native Products E-Commerce. Based on the findings, the flow of the
system uses a diagram, Tables, Figures and a method together with the description
Recommendations
32
Based on this study, the researchers would like to recommend the full
1. It is user-friendly system.
2. The process of the system is fast and not messy.
3. The interface is beautiful and lots of great products.
4. The payment process can be trusted because it is cash on delivery.
APPENDIX A
APPENDIX B
TRANSMITTAL LETTER
December 6, 2018
Dear Sir,
Greetings of peace!
CANDA and KYLE J. LABESORES, fourth year Bachelor of Science and Information
In relation to this, we would like to ask permission from your good offices to allow
us to conduct interview, do actual observation and gather necessary data about the
34
Noted:
MR. RALPH ARAN C. CABAÑERO ENGR. ALEXIS ESPALDON, MIE
Adviser Dean, CEIT
CUSTOMER
The Figure shows the interface that is first seen in our system.
35
This Figure shows the catalog of the system, where one can view and select products.
The Figure shows that after browsing the catalog, one can now click the details
This module shows that in the Shopping Cart, it displays the list of what one can
Figure
This Figure shows that before one can purchase one’s products, one need to
Login
The Figure above shows that the customer needs to login by inputting his/her
This Figure shows that one is now already log in, click view cart to display one’s
This Figure shows our shipping address form, where one needs to fill up their
This Figure shows that one is done and verifying your orders, click then submit to
This Figure shows that system notify when one ordered products on process.
ADMIN
This Figure shows that the admin need to login before proceeding to the admin interface.
40
This Figure shows the dashboard or the reports of the admin that displays
This Figure shows the registered customer and admin account to the system and
This Figure shows that the admin can change his password.
This Figure shows that the admin can manage the categories by adding, editing
and deleting.
42
This Figure shows that the admin can manage products information by adding,
APPENDIX D
USER’S GUIDE
Step 5: Choose how many quantities and what size of the item.
Step 7: Login account if you have already an account if you do not have
an account just click the sign up for registration.
Step 9: Wait for a call or message from the administrator for the payment
transaction.
REFERENCES
https://www.researchgate.net/publication/321051272_CUSTOMERS_SA
TISFACTION_TOWARDS_ONLINE_SHOPPING_IN_POLLACHI_TALUK
Patterns, trends and future growth,” 2008, retrieved on April 29, 201, from
http://www.mastercard.com/us/company/en/insights/pdfs/2008/
AsiaPacificOnlineShop.pdf
44
http://www.pressroom.ups.com/pressroom/staticfiles/pdf/factsheets/
Information Systems.
Curtis P.,( 2015), PHP E-Commerce retrieved on April 15, 2015 from
https://www.youtube.com/watch?
v=xHj9wQYWIQ4&list=PLAYGSPdPK0h1Ia3a0FjYOQccfe_lOElis
Mark O. and Jacob T. (2011), Bootstrap retrieved on Aprill 19, 2011 from
https://searchcio.techtarget.com/definition/Prototyping-Model
Model
45
The owner of the store and he also conducted an interview for important details
CURRICULUM VITAE
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND
PERSONAL INFORMATION
EDUCATIONAL BACKGROUND