Website For GamePlanet With Ordering System and 3D View of Products
Website For GamePlanet With Ordering System and 3D View of Products
Undergraduate Capstone
Project
Submitted to the Faculty of the Cavite
State University – Imus Campus
Imus, Cavite
In partial
fulfilment
of the requirements for the degree
of
Bachelor of Science in Information
Technology
CHRISTIAN R. PENTICOSTES
CHRISTOPHER R.
PENTICOSTES JOHN MARK M.
FRIAS
June 2024
TABLE OF
CONTENTS
Page
INTRODUCTION………………………………………………………………………... 1
Project Context………………..………………………………………………... 3
Definition of Terms…………………………………....................................... 15
Technical Background………………………………………………………….. 17
METHODOLOGY………………………….………………………………………….…. 33
System Development…………………………………………………………... 38
System Testing………………………………………………………………….. 42
System Evaluation………………………………………………………………. 42
Implementation Plan……………………………………………………………. 44
WEBSITE FOR GAMEPLANET WITH ORDERING
SYSTEM AND 3D VIEW OF PRODUCTS
Christian R. Penticostes
Christopher R.
Penticostes John Mark
M. Frias
INTRODUCTIO
N
Establishing an online platform not only makes it easier for customers to reach
them but also helps businesses find new ways to sell and grow. Therefore,
expanding online isn't just a choice, it's a smart move for businesses aiming to
and has since grown into an exclusive shop. Over the years, GamePlanet has
1
become a trusted name in the electronics industry, known for its wide selection
2
of tech enthusiasts and casual consumers. The store is located on the 2nd
floor of
Lotus Mall in Imus, Cavite, and operates Monday through Sunday from 10:00 AM
to
8:00 PM.
serve customers online, resulting in missed opportunities for sales and growth.
browsing and purchasing. This lack of accessibility in the digital era not only
hinders the expansion of its customer base but also restricts its ability to
experiences.
to the store's browsing of their products from anywhere at any time. With
overcome its current challenges and unlock new opportunities for growth.
3
operations, increase sales revenue, and better manage inventory levels.
4
This study focuses on developing a website with ordering system and 3D
Project Context
system, the business uses manual order transactions, manual demos, and
while customers could encounter inconvenience due to the need to wait for
assistance and the need to visit the physical store to identify available products.
The vulnerabilities of the existing system include processes often taking longer
inventory management and mistakes when recording orders. The system also
5
these issues by introducing the ordering system, which can provide a solution to
their manual procedures and enhance the overall efficiency of the business.
6
Objectives of the Study
The main objective of this study is to develop a system that will help
providing owners with up- to-date insights into sales performance. Additionally,
the system will allow products to be advertised to customers without the need for
features that the system must support, ensuring that the final product
7
enhancing its usability and effectiveness. Additionally, by following
By carefully
8
examining the system, identifying issues, and addressing them,
This ensures staff can manage the new online ordering system,
with end-users helps identify and fix any issues, making the
in the industry.
9
Purpose and Description
ordering system for the business to manage orders online, monitor sales, and
allowing them to search for products, browse available items, view products in
3D, and place orders through the system. The proposed system has the
following capabilities:
1. A secured login system to ensure the system records are secure and
has full access to the admin side, including managing admin accounts,
products, orders, and reports. Employees have limited access, being able
website without logging in, but they can only explore the system and
view products. To access all website features, customers must log in,
allowing them to place orders, use the cart and favorites features, manage
addresses.
1
the products. This enhanced interaction helps customers make informed
purchasing decisions.
4. Customers can order products through the system by adding items to their
cart and specifying the quantity. After that, it will direct them to the
checkout page, where they can provide address information for delivery
and choose what type of payment they want, such as cash on delivery,
1
ordering, customers can view or download a PDF of the order receipt.
can view all of their orders and check the status of each one. This
they encounter any issues with the products or the system itself. This
for employees. They have all the features of the admin side, such as
them as needed. They can also manage the orders and update
8. The system can generate reports that include detailed sales records,
1
The proposed system addresses the need for a website with an
ordering system for the business. Once the website for GamePlanet is
1
1. GamePlanet. It can help to expand the business and promote their
products online. It will help to grow their business with customers who
browse and make purchases of the products through this website. It's
eliminating the need to visit physical stores. They can view the popular
products based on higher sales. Customers can also view the products
1
The study, titled "Website for GamePlanet with Ordering System and 3D
Cavite State University – Imus Campus from March 2024 to June 2024. The
1
gathering relevant studies and literature by searching and browsing through
1
Conceptual Framework of the Study
1
EVALUATION
1
The conceptual framework explains how researchers convey the
study’s paradigm which depicts the relationship between input and output
using the input- process-output (IPO) approach. The paradigm of the study
presents the research study’s basic structure. Figure 1 show the paradigm of
programs or systems needed for creating the system and 3D models. The
hardware requirements are necessary for the creation and operation of the
and Review. Following these phases are significant for building a project
information and system. The designing phase involves creating diagrams and
wireframe to visualize the structure of the system that will develop. The
to store data. The testing phase involves conducting tests on the developed
system to identify any errors and to make improvements. The deploying phase is
to deploy the system in the browser so users can use the developed system. The
reviewing phase is to conduct tests with end users and collect their feedback
diagram shows the output, which is the development of the Website for
1
Scope and Limitations of the Study
customers, employees, and super admins. Employees and super admins can
additionally add, edit, and archive products, as well as view sales records. Only
the super admin can add or archive an employee account based on the current
actual employee they have. The sign-up process for customer involves
are encouraged to create strong, unique passwords and can update their
entering the registered email address and password to access the account.
Editing personal information includes updating details like name, age, birthday,
gender, email address, and contact number within the account settings. A
where users can add, edit, and archive addresses to ensure accurate and
products for easy access later. Lastly, users can report any suspicious activity or
security concerns, such as a user not ordering an item but receiving a shipment
in their account. Users can raise concerns directly through our contact
information in the footer, such as the company phone number and email,
their preferences, ensuring they find items that meet their needs. They can
1
refine their search by filtering products according to category or price. The
home page displays various categories, top products, and random items to
1
can also view products in 3D for a detailed perspective to assist in their choice.
Once a product is selected, users can add it to their cart or save it to their
favorites collection by clicking the heart button. In the cart, users can adjust the
quantity of items or change variations such as color, size, etc. During the order
placement process, users can select from their saved addresses or add a new
address, which can then be applied to the purchase. They choose a payment
purchase, users can track their order status through stages like to ship, to
ensure efficient management. Firstly, the module provides a sales report feature
that displays the the total number of sales, orders, customer, items and also the
performance over time with detailed graphs for easy interpretation.The Super
Additionally, the Super Admin has the capability to add or archive employees
based on the current actual staff, ensuring the employee database remains
Furthermore, the module includes a data recovery system for the database,
1
functionality and reliability of the Super Admin module, providing accurate
for sales tracking, product and employee management, and data protection.
Product Inventory Module. Both the employee and Super Admin can
view current stock, including the record of sales, with access to various
processes.
1
Additionally, they have the capability to manage product details, such as
product information. Furthermore, within the product, both employees and Super
patterns, such as the most and least selling products. This is followed by
presentations, often supplemented with visual aids such as graphs that track
product sales. The reports clearly show employees and super administrators
profit, and make strategic decisions. Finally, data comparison enables the
The website is an electronic online shopping site for people who are
The website is not accepting other e-wallets, credit cards, or debit cards.
1
Definition of Terms
3D software.
Blender. Blender is a 3D creation suite that is free and open source and
has a wide range of applications. It can be utilized for tasks ranging from crafting
development.
GCash. GCash allows users to send and receive money, pay bills, buy
online payment account that has an app where you can load up in
convenience stores, pawnshops, and mall and can purchase anything online.
PDF. Portable Document Format (PDF) is a file format that has captured
all the elements of a printed document as an electronic image that users can
1
PHP. PHP, short for "PHP: Hypertext Preprocessor," is a versatile
webpages to
1
produce dynamic content upon access by a client browser. The script is
executed by the web server prior to delivering the page to the browser.
Sublime. Sublime Text is among the most popular text editors globally,
(GPU) used to store and manage data for graphics and video processing.
and Perl, is a free platform that enables developers to test their code locally
server at home, and is compatible with both Windows (WAMP) and Linux
(LAMP) environments.
1
REVIEW OF RELATED LITERATURE AND STUDIES
and relevant literature from various sources, including books, past theses,
journals, and other materials written in both foreign and local languages. These
sources serve as a foundation for the study and offer valuable insights that
Technical
Background
method, reducing long wait times for customers. The 3D view of products
times and checkout lines, reaches a wider audience, and potentially boosts
sales.
Review of Related
Literature
Foreign
Literature
PHP
1
Christian Paul Apiag (2023) discusses PHP, a server-side scripting
1990s, PHP has become one of the most popular languages for creating dynamic
developers at all skill levels. It can be embedded directly into HTML code,
making it particularly
2
suitable for web development. PHP also supports numerous databases,
complex web applications. The paper introduces PHP, its uses, users, pros and
cons, basic syntax, and reasons for its popularity, along with ten reasons to
The language PHP, has been utilized to build the GamePlanet website
with an ordering system. PHP's ability to integrate directly into HTML and
dynamic and efficient website. The learnings from PHP's features and
and responsive user experience, allowing customers to easily navigate and place
orders. The insights gained from PHP's advantages, such as its open-source
and performance.
Blende
r
powerful tools for modeling, texturing, rigging, animation, lighting, and more. It
is suitable for both static models and animations, making it a versatile tool.
users to bring their ideas to life. The article covers how to set up Blender,
2
highlights its most popular features, and offers resources for users needing
2
Blender's capabilities, as detailed by Jonathan C. and Tanner H. (2023), has
products.
available for order. The use of Blender allows for the creation of lifelike
models and animations, enhancing the visual appeal and providing customers
into the GamePlanet ordering system has provided valuable insights into
and trust.
According to Nor Aqilah Azhari (2021), the rise of digital wallets, also
known as e-wallets, has transformed global trading methods. China stands out
as a leading country in digital wallet usage, with a 47% adoption rate among
its citizens, led by industry giants Tencent and Alibaba. Notably, platforms like
WeChat Pay and Alipay boasted millions of users worldwide by 2017. Digital
systems. These wallets offer various features like payment processing, fund
2
transfers, bill payments, and online shopping, catering to users’ diverse needs.
Moreover, the proliferation of new digital wallet platforms, both local and
benefits.
2
From this literature we gain insight from them into the use of online
payment options beyond cash on delivery for our website for GamePlanet
with an ordering system. It’s evident that the convenience, speed, and
embrace digital wallets. Moreover, the flexibility for users to choose platforms
that align with their preferences and needs contributes to their popularity.
Furthermore, the success of digital wallets in countries like China highlights their
Local Literature
Philippines
people with crucial knowledge and skills for handling both technology and
2
models’ impacts. Security considerations highlight the importance of integrity,
2
The literature highlights the significance of grasping E-Commerce
study provides valuable insight into implementing an OTP code for securing
Rianina D Borres, et al. (2020), the study aimed to understand how web
statistical methods like ANOVA and regression for data analysis, ultimately
This research holds promise for enhancing the online shopping experience for
users.
2
such as ease of navigation, clarity of product listings, efficiency of the ordering
identify pain points and areas for improvement, allowing us to make informed
2
design and interface. Through iterative testing and refinement, GamePlanet
implementing these learnings from the study, GamePlanet can stay attuned to
customer needs and preferences, thereby maximizing its potential for success in
the relationship between online shopping and customer satisfaction among its
Their study suggests that citizens of Panabo City are drawn to online
to receive orders during specified hours during our office hours from 9am – 8pm,
ensuring alignment with the citizens’ shopping habits identified in the study. By
2
implementing these insights, GamePlanet can enhance its online shopping
experience and better meet the needs of its customers in Panabo City.
2
Review of Related Studies
Foreign Studies
system needs are documented, followed by the design phase where the
phase involves building and testing discrete units, which are subsequently
Food Ordering System, has been adapted for the GamePlanet website. Users
can now easily navigate products based on categories and price ranges,
find items that meet their preferences, similar to how the food ordering system
organizes and categorizes food items. The insights gained from this system,
2
such as efficient data management and user-friendly navigation, have been
2
ONLINE FOOD MART SYSTEM
architecture, integrating Spring Boot for backend operations, Angular for the
frontend, and MySQL for database management. The backend was developed
interface. MySQL was employed to create normalized tables for storing user
continuous integration and delivery, with Git for version control and GitLab for
Development environments included Spring Tool Suite for the Spring Boot server
and Visual Studio Code for the web interface, with Maven and npm used for
GamePlanet can inform customers about the current status of their orders.
are always aware of their order progress. Learning from Foodmart, GamePlanet
can utilize a centralized server and employ robust technologies like Spring MVC
and Angular to enhance its ordering system. This approach aims to improve
experience.
2
WEB-BASED FOOD AND BEVERAGES ORDERING INFORMATION SYSTEM
AT CAFE IN BEKASI
currently relies on manual recording of food and beverage orders, with an offline
sales system requiring buyers to visit the location to place orders, resulting in
inefficiency and limited visibility of the cafe. To address these issues, a web-
the cafe to a wider audience and streamline the ordering process. This study
provides insights to facilitate customer orders from their homes, eliminating the
need to visit the location. Like our system, they also utilized PHP and MySQL
for their system. Their system process shares similarities with ours, particularly
Local Studies
2
inspect the venues comprehensively, including specific details such as the
3
Requirements, Design, Development, Testing, Deployment, and Review, and
with ordering system, aiming to provide customers with a realistic view of our
products. The results of their study indicate that the website effectively aids in
information.
From this study, valuable insights were gained regarding the integration
feedback during development to address potential issues early, the need for
create an online ordering system that enables customers to purchase tie dye
shirts from home. This system provides a variety of unique designs, detailed
the physical store. The researchers used the Agile methodology, which
3
involves planning, designing, programming, testing, deploying, and
maintaining the system. The effective transaction process from their system
3
system to improve user convenience and efficiency. The study’s results show
that the system made shopping transactions easier and strengthened the
order process between the store and its customers. Key insights from the
shopping systems.
and the impact of online surveys in collecting user feedback to enhance the
system.
ADDIE Model and the Five Step Approach, the study delves into the systematic
3
purposive sampling, affirming its relevance and usability. The study concludes
CVGFOX.
3
Valuable insights were gained regarding the integration of real-time
representations for tracking product sales, and the necessity of an intuitive and
user-friendly interface. The study also highlighted the value of using purposive
model for system creation, and the significance of continuous evaluation and
refinement of the system to meet user needs. Additionally, the study emphasized
environments.
Online Ordering with Reservation and Delivery for Glace Water Refilling
Station
ensure the system's quality and effectiveness. This methodology allowed for a
structured approach, enabling thorough investigation and research into both the
system requirements and the client's needs. Ultimately, the system aims to
3
smoother ordering experience and providing the business with more accurate
3
Important lessons from their study include the need for an efficient sales
interfaces for better customer experience, and the benefits of online systems
in reducing manual work. Other key points include the importance of real-
time data storage, regular system maintenance for smooth operation, and
secure login processes. The study also highlighted the need for alternative
ordering methods to make it easier for customers, the impact of detailed product
payment options.
3
PROPOSE
WBFBOIS
Title OFOS OFMS D
CB
SYSTEM
Features:
Account Management ✓ ✓ ✓ ✓
Inventory ✓ ✓ ✓ ✓
Product Catalog ✓ ✓ ✓ ✓
Order Status ✓ ✓ ✓ ✓
E-Wallet ✗ ✗ ✗ ✓
Email Notification ✗ ✗ ✗ ✓
Sales Report ✗ ✗ ✗ ✓
3D View of Products ✗ ✗ ✗ ✓
3
WPTD CGOPOS OORD PROPOSE
Title EMSWI B OS IS G D
3V
LSFEP WRS SYSTEM
Features:
✓
Account
Management ✗ ✓ ✓
Inventory ✗ ✓ ✓ ✓ ✓
Product Catalog ✗ ✓ ✓ ✓
✓ Order Status ✗ ✓ ✓ ✓
E-Wallet ✗ ✗ ✗ ✗
✓ Email Notification ✗ ✗ ✗ ✗
✓ Sales Report ✗ ✓ ✓ ✓
3D View of Products ✓ ✗ ✗ ✗ ✓
LEGENDS:
3
WBFBOISCB – Web-Based Food and Beverages Ordering Information System at
Café in Bekasi
3
EMSWI3VLSFEP – Events Management System Website with Interactive 3D
Venue
Layout for Sanez Farm Events Place
WPTDBOS – Website for Paladyes Tie Dye Business with Ordering System
OORDGWRS – Online Ordering with Reservation and Delivery for Glace Water
Refilling Station
3
METHODOLOG
Y
design, and the methods and techniques used in developing and implementing
utilized in the process. The presentation delves deeply into the method
foundation for developing the system. By explaining the details of the research
process, this chapter acts as a roadmap to understand the organized and careful
the GamePlanet ordering system. All collected data were used to develop
electronic products.
efficient ordering process. The formulated design and features address the
3
needs of the target users, aiming to provide a seamless and enjoyable shopping
3
the context diagram, use case diagram, entity relationship diagram, and
3
Figure 3. Entity Relationship Diagram
35
Figure 4. Use Case Diagram
36
Figure 5. System Software Flowchart for
Customer
3
Figure 7. System Software Flowchart for Admin
System development
dynamic phases called sprints. This flexible approach lets teams easily
leading to better results. Also, delivering features gradually allows for early
3
The researcher employed Agile Methodology to develop the Website
approach was chosen for its adaptable planning, continuous improvement, and
ability to make sure the website meets user needs well. By using Agile, the
development team can quickly adapt to changes, listen to feedback from end-
users, and prioritize features based on what's important for the business and
customers. This approach helps make the development process more flexible
and sorting out what needs to be done, often by talking with the owner to make
a list of tasks. This list shows what's important and valuable. In each sprint,
the team picks some items from the list to work on, splitting them into smaller
tasks and estimating how much work the team will take. They establish
3
clear goals and maintain communication to track progress. After each stage,
4
incremental enhancement, ensuring that the team consistently meets the
project's requirements.
and pinpoint the specific requirements for the system that will be developed. This
process entails planning and outlining the ultimate functionalities of the system.
process, ensuring alignment with evolving project goals and user needs. By
the UI/UX design of the system, and creating diagrams. These aid in identifying
4
In this phase, the researchers start to write the code that aligns with the
module based on the diagrams in the designing phase. The researchers used
HTML, CSS,
4
and JavaScript for the user interface, PHP as the programming language,
process, with the goal of detecting and addressing issues early to prevent
them from impacting the project timeline. Continuous integration helps make
address any issues that may arise. Once the system is confirmed to be
browser. During this phase, clients have the opportunity to provide feedback on
valuable insights.
4
Reviewing Phase. The Review Phase is an opportunity to reflect on
the project's progress, gather feedback, and identify areas for improvement. This
involves conducting a meeting with the team to discuss what went well, what
could be improved,
4
and any lessons learned. Feedback from clients and users is also gathered to
clients to assess whether the system meets business needs. If any parts require
The team continues to update the system to address any issues and integrate
System Testing
and maintainability. During both beta testing and the final evaluation, the
software systems are subjected to testing by target users. This process aims to
validate the system's performance and address any issues identified by the end-
System Evaluation
selected for inclusion in the sample because they are the easiest for the
2022).
4
Quantitative research is chosen to gather information from the
4
Scale's descriptive interpretation. The survey was divided into five
categories:
Employees 7 14%
IT Professional 3 6%
TOTAL 50 100%
of its functionality and how it benefits the business. The researchers gather
and the owner regarding their perspectives on the proposed system. The
system is to perform its intended tasks and provide strong security for the
function without any failure. Efficiency means checking the accuracy of the
process of handling data. Usability refers to how easily users can perform a
task. It should help the user to perform tasks quickly and without errors.
quick restoration.
4
The researchers employ a rating scale system to determine the level
4
RATING SCALE EQUIVALENT
5 Excellent
4 Good
3 Average
2 Poor
1 Fair
analysis using the following statistical methods. The outcome of the statistical
respondents.
Implementation Plan
The phase starts after the system has been tested, evaluated, and
accepted by the client. The researchers plan to have a Website for GamePlanet
with Ordering System and 3D View of Products. The system is a software which
allows customers to view and purchase products while employee manage their
4
orders. Employees can also manage the products, checking their availability and
quantity, and they can view the sales of their products as well.
4
If the client decides to use and acquire the proposed system, the
implemented, the
researchers will execute various strategies. Those strategies are presented below.
Christian Penticostes
Christopher Penticostes
Christopher Penticostes
address and resolve them. Their goal is to develop a user-friendly and well-
structured system, ensuring the software functions effectively, and they will
4
REFERENCE
S
Borres, R., Mendoza, M., Samaniego, S., Panganiban, E. (2020). Design and
Interface Development of Business to Consumer (B2C) E-Commerce
Websites in the Philippines.
https://www.ieomsociety.org/ieom2020/papers/501.pdf
Alonzo, E., Cuering, L., Guboc, R. R., Nohara, V., Silvosa, E. J., & Aranjuez, P.
I. J. (2022). USE OF ONLINE SHOPPING AND CUSTOMER
SATISFACTION AMONG THE SELECTED CITIZENS OF PANABO
CITY. www.oarepo.org. https://doi.org/10.17605/OSF.IO/2CGWX
Mohiuddin, M., Riddy, J., Pal, P., Hashem, M., Hasan, M. (2022). Online Food
Ordering
System. DOI: 10.13140/RG.2.2.25286.45121
Shejal, P., Yadav, R., Khade, P., Potdar, R. (2024). Online Food Mart System.
DOI :
https://www.doi.org/10.56726/IRJMETS49102
4
Dewi, Andryani., Devi, Silvia, Indriani. (2023). Web-based food and
beverages ordering information system at cafe in bekasi. Ibn Al-
Haitham, doi:
10.56127/ijst.v2i1.613
Dela Cruz, M., Javillonar, J., Mabulac, J., Robregado, J. (2023). Events
Management System Website with Interactive 3D Venue Layout for
Sañez Farm Events Place
Brines, N., Miranda, C., Tolentin, V. (2022). CV-GFOXX Offline Point of Sales
and
Inventory System
Gaduina, R., Harina, K., Merdegia, S., Reyes, J. (2022). Website for Paladye’s Tie
Dye
Business with Ordering System
5
Dela Cruz, D., Detablan, A., Dupalag, D. (2022). Online Ordering with Reservation
and
Delivery for Glace Water Refilling Station
5
Republic of the Philippines
CAVITE STATE UNIVERSITY
Imus Campus
Cavite Civic Center Palico IV, Imus, Cavite (046)
471-66-07 / (046) 471-67-70/ (046) 686-2349
www.cvsu.edu.ph
DEPARTMENT OF COMPUTER
STUDIES
BUDGETARY
REQUIREMENTS
Name of Researcher(s) :
Degree or Course
: Title of the Study
:
cc: capstone project instructor, adviser, technical critic, research coordinator, student
Republic of the Philippines
CAVITE STATE UNIVERSITY
Imus Campus
Cavite Civic Center Palico IV, Imus, Cavite (046)
471-66-07 / (046) 471-67-70/ (046) 686-2349
www.cvsu.edu.ph
DEPARTMENT OF COMPUTER
STUDIES
PROPOSAL DEFENSE
EVALUATION
Name of Researcher(s) :
Title of the Study:
Course:
Adviser:
Technical Critic:
Novelty/creativity/originality (20%)
Date: