Geek Store Documentation Graduation Project
Geek Store Documentation Graduation Project
Team member ID
Adham Hesham 20196935
Ahmed Sherif 20197019
Fares Mohamed 20196910
Mohamed Saied 20196821
Omar Ehab 20196137
Acknowledgment
First and foremost, we express our profound gratitude to Allah for granting us the
strength and perseverance to successfully complete this work. We would like to take this
opportunity to acknowledge the unwavering support, encouragement, and patience of the
numerous individuals who have contributed to the realization of this project.
Our heartfelt appreciation goes to our families, who have consistently provided us with the
necessary support and encouragement to reach this stage in our lives.
We would like to convey our appreciation and thankfulness to the President of CIC, Prof.
We extend our sincere gratitude to our Dean of CIC, Prof. Adel Zaki, for his invaluable
efforts and contributions to the faculty. His dedication has significantly enriched our
academic experience and served as a source of inspiration.
We are deeply grateful to our supervisors for their guidance, patience, and mentorship
throughout the project. Their wisdom and support have been instrumental in our academic
and professional growth, and we will always be indebted to them.
Our special thanks go to Prof. Dr. Essam Shaaban, our IT supervisor, who has helped
us enhance our technical skills and provided us with the necessary IT resources to complete
this project.
Additionally, we would like to express our appreciation to our Lecture Assistant, L.A. Sara
Kamal, for her invaluable support and guidance throughout our project.
Lastly, we feel fortunate to have worked together as a cohesive team on this project. Our
mutual understanding and collaborative spirit have been the keys to our success. We extend
our deepest thanks to each and every one of you.
Abstract
The Gaming community has taken a huge part in our life become a huge industry all over the
world, with millions of people playing games on all kinds of different platforms. Whether
you're on a console, a PC, or a mobile device, there's a game out there for you, and it's easier
than ever to connect with other players from all over the globe and have some fun.
E-sports has really blown up too. It's become a serious competition, with professional players
battling it out in tournaments with some serious prize money on the line. And with streaming
and content creation becoming more and more popular, players can now share their gameplay
with audiences all over the world and even make some money doing it.
But what's really cool is that gaming has become more inclusive too. People from all kinds of
different backgrounds and identities are getting involved and creating games that reflect their
unique perspectives. And with indie game development on the rise, smaller studios and
individual developers are able to create some really innovative and exciting games.
All in all, gaming has come a long way from being just a niche hobby. It's become a cultural
phenomenon that's only getting bigger and better with time.
In a period of 3 months we applied research and surveys finding that Geek Store provides its
services all the time, and has daily work to make its best to meet the gamer's needs. It's
composed of 3 actors (Customer, Geek Store and Shipping company) the store administrator
is the person responsible for accepting and confirming the orders to send it to the shipping
department if it was a hardware device or the source if it were a game, gamer can check the
store for the new games and devices and submit a ticket if they have a problem or any
options.
Finally, The pricing will be suitable for the Middle East community. We mainly chose this
project to accomplish our faculty’s objective to link the business logic and the IT objectives.
Our future work is to release a game created by Arabian developers to spread the game’s
development in our community.
Page Page
Figure Name Figure Name
No. No.
Figure 1 | Geek Store Use 33 50
Figure 18 | Register
Case
Figure 2 | Login/Register Use 35 51
Figure 19 | Home Page
Case
Figure3 | Payment Process 36 51
Figure 20 | Games
Use Case
Figure 11 | Sequence 44 55
Figure 28 | Check Out
Diagram
45 Figure 29 | Admin 56
Figure 12 | Context Diagram
Dashboard
46 Figure 30 | Admin 56
Figure 13 | DFD
Products
47 Figure 31 | Admin 57
Figure 14 | ERD
Order
49 Figure 32 | Admin 57
Figure 15 | Prototype
Slider
Figure 16 | Responsive 49 Figure 33 | Admin 57
Website Service
Figure 17 | Login 50 Figure 34 | Admin FAQ 58
Page Page
Figure Name Figure Name
No. No.
Figure 37 | Admin
59 Figure 48 | Admin Order 69
Language
Chapter 1 |
Introduction
Introduction
Introduction
Geek Store is an online gaming store website that will provide video games to customers
from all counties. Also Supplying computer and laptop devices, PC hardware and accessories
to all over the world. The purpose of this project is to create an easy to navigate and attractive
website that offers a wide range of gaming products and hardware and provides a secure and
convenient online shopping experience for customers.
The world of online gaming has exploded in recent years, with millions of people around the
globe enjoying the thrill of virtual adventures and battles. Geek Store aims to provide
customers with a convenient and affordable way to access the latest and greatest video games,
as well as the hardware and accessories needed to fully enjoy them.
At Geek Store, we understand that the world of gaming can be overwhelming, with so many
options and choices available. That's why we have created an accessible website that makes it
easy for customers to browse and purchase products. Additionally, we provide a reliable
shipping system for worldwide customers, making it easy for them to receive their purchases
in a timely and efficient manner.
Geek Store is more than just an online gaming store. We are a community of gamers, united
by our love of virtual adventures and battles. Our website features customer reviews and
ratings, allowing customers to share their experiences and recommendations with others. We
also offer product recommendations based on customer preferences, helping customers to
discover new games and products that they may not have otherwise considered.
The Geek Store project is the culmination of months of hard work and dedication by a team
of passionate and talented individuals. Our goal is to create a website that not only provides
customers with the products they need, but also fosters a sense of community and connection
among gamers around the world. We believe that gaming is more than just a hobby - it's a
way of life, and we are proud to be a part of it.
As the world becomes increasingly digital, the demand for online gaming and related
products continues to grow. At Geek Store, we recognize the importance of staying ahead of
the curve and providing customers with the latest and greatest products. That's why we are
constantly updating our inventory to include the newest video games, computer and laptop
devices, PC hardware, and PC accessories.
But Geek Store is more than just a store - it's a community. We believe that gaming is a social
activity, and that it's important to connect with others who share our passion. That's why we
have created a website that not only provides customers with the products they need, but also
fosters a sense of community and connection among gamers around the world.
At Geek Store, we are committed to providing our customers with the best possible
experience. That's why we have invested in the latest technology and tools to ensure that our
website is fast, secure, and easy to use. We also have a dedicated customer support team that
is available to assist customers with any questions or concerns they may have.
Geek Store is more than just an online gaming store - it's a community of gamers who are
passionate about virtual adventures and battles. Our website offers a wide range of products,
available service for all countries, and a trustworthy shipping system across-the-board. We
are committed to providing our customers with the best possible experience, and we believe
that our dedication to quality and customer service sets us apart from the competition. Thank
you for choosing Geek Store, and we look forward to serving you in the exciting world of
online gaming.
Executive Summary
Geek Store is an innovative online platform designed to cater to the needs of gaming
enthusiasts and technology aficionados worldwide. As a one-stop-shop for video games,
computer and laptop devices, PC hardware, and PC accessories, Geek Store aims to provide a
seamless and comprehensive shopping experience for customers across the globe.
The project, led by our graduation team, is nearing completion and showcases their
commitment to delivering a high-quality online store that meets the demands of an
international clientele. Geek Store distinguishes itself by offering a diverse range of products
and shipping to customers in every corner of the world.
Moving forward, Geek Store will implement a strategic plan to ensure its success and growth
in the competitive online gaming and technology market. The following initiatives will be
prioritized to achieve these goals:
1. Marketing and Promotion: Develop targeted marketing campaigns to raise brand
awareness and attract potential customers. Utilize social media, search engine
optimization (SEO), and online advertising to reach a broad audience and drive traffic
to the website.
2. Customer Engagement: Foster a sense of community among customers by creating
engaging content, such as blog posts, tutorials, and product reviews. Encourage user-
generated content and interaction through forums, social media, and customer
reviews.
3. Partnerships and Collaborations: Establish relationships with key industry players,
including game developers, hardware manufacturers, and technology influencers.
Collaborate on exclusive promotions, product launches, and sponsored content to
enhance Geek Store's credibility and reach.
4. Continuous Improvement: Regularly analyze website performance, customer
feedback, and market trends to identify areas for improvement. Implement changes
and updates to the website, product offerings, and customer service to ensure a
consistently high-quality experience for users.
5. Expansion and Diversification: Explore opportunities to expand the product range and
enter new markets, such as offering gaming merchandise, digital downloads, and
subscription services. Continuously assess market demand and adapt the business
model accordingly.
By executing these strategies, Geek Store will position itself as a trusted and reliable source
for gaming and technology products, catering to a diverse and growing customer base. The
company's commitment to excellence, innovation, and customer satisfaction will be the
driving force behind its success in the global online gaming and technology market.
Advantages
-Established brand recognition and customer loyalty.
-Wide range of products and services.
-Established payment and shipping options.
-Established customer support and return policies.
-Familiarity with the market.
Proposed System
The proposed system is an online gaming store website that provides a wide range of video
games, computer and laptop devices and hardware, and PC accessories. The website will also
provide a simple to use website and secure online shopping experience, with convenient
payment and shipping options.
Website Features
• User-oriented interface for easy navigation and browsing of products.
• Account registration and login for personalized shopping experience and order
history.
Used Tools
The website was developed using a variety of tools, including programming languages such
as HTML, CSS, JavaScript, Bootstrap, jQuery and PHP. The website also uses a MySQL
database to store and manage data.
Thesis Structure
This thesis is divided into several chapters, including an introduction, literature review,
system design, system implementation, testing and evaluation, and conclusion. Each chapter
will provide detailed information about the various aspects of the project, including the
design and development of the website, the development of the data model, and the testing
and evaluation of the system.
Chapter 2 |
Literature Review
Overview description
Here we will give you information about the benefit of our company and the importance of
the products that we sell in the world and what are the competing companies with their
advantages and disadvantages.
E-sports has also emerged as a popular and competitive aspect of gaming, with professional
players competing in tournaments with huge prize pools. Streaming and content creation have
become mainstream, with platforms like Twitch and YouTube providing a way for players to
connect with audiences and monetize their gameplay.
Moreover, gaming has become more inclusive, with a wider range of people from diverse
backgrounds and identities participating and creating games. The industry has also seen a
surge in indie game development, allowing smaller studios and individual developers to
create unique, innovative games.
Overall, gaming has evolved from a niche hobby to a massive cultural phenomenon that
continues to grow and evolve.
Overall, websites that sell games and PC hardware provide a vital service to the global
community, enabling people to access the latest technology and connect with others through
shared interests and experiences.
1. Competition: The market for games and PC hardware is highly competitive, with
many established players and new entrants constantly emerging. Websites must
constantly innovate and offer unique products and services to stay competitive.
2. Online security: Websites that sell games and PC hardware need to be constantly
vigilant against online security threats such as hacking, phishing, and data breaches,
which can compromise customer data and harm the reputation of the business.
3. Shipping and logistics: Websites that sell physical PC hardware components
need to manage complex logistics and shipping operations, including inventory
management, order fulfillment, and shipping arrangements, which can be time-
consuming and costly.
4. Customer support: Providing high-quality customer support can be challenging
for websites that sell games and PC hardware, as customers may have technical
questions or issues with their products that require expertise and timely assistance.
5. Returns and refunds: Websites that sell games and PC hardware need to have a
clear and fair return and refund policy to ensure customer satisfaction. However, this
can be difficult to manage, as returns can be expensive and time-consuming for both
the customer and the website.
6. Emerging technologies: As new technologies and gaming platforms emerge,
websites that sell games and PC hardware need to stay up-to-date and adapt their
offerings to meet changing customer demands and preferences.
Overall, websites that sell games and PC hardware face several challenges in a highly
competitive and constantly evolving market, and need to be adaptable and innovative to
succeed.
Steam also offers a variety of tools for game developers, including Steamworks, which
allows developers to integrate Steam features into their games, and SteamVR, which is a
platform for virtual reality gaming.
Overall, Steam has become an essential platform for PC gaming, offering a vast library of
games, social features, and other tools. Table 1: Steam Advantages & Disadvantages
Advantages Disadvantages
1. Huge library of games: Steam offers a
massive selection of games, including both
popular titles and indie games. Players can 1. Limited refund policy: Steam's refund
find almost any game they want on the policy can be restrictive, with some games
platform. not eligible for refunds and others requiring
the player to have played less than 2 hours.
2. Frequent sales and discounts: Steam This can be frustrating for players who
regularly offers sales and discounts on games, purchase a game that doesn't meet their
making it a great place to find a deal. This can expectations.
be especially helpful for players on a budget.
1.
3. Social features like friends lists and
achievements: Steam offers social features
that allow players to connect with friends,
track their achievements, and join groups.
This can enhance the social aspect of gaming.
2.
4. Support for mods and user-generated 2. Inconsistent customer support: Some
content: Steam supports mods and user- players have reported difficulty contacting
generated content, which can enhance the Steam's customer support and getting their
gameplay experience for many games. This issues resolved. This can be frustrating for
can provide players with additional content players who encounter technical issues or
and keep them engaged with a game for other problems.
longer.
3.
4. 5. Easy to use and navigate: Steam has a user-
responsive interface that makes it easy to find
and purchase games. The platform is well-
designed and intuitive, even for new users.
GOG is known for its emphasis on offering classic and DRM-free games, meaning that
users can download and own the games without any digital rights management restrictions. It
has a large library of classic games from the 80s and 90s, as well as newer indie titles.
GOG also has a strong focus on community and user-generated content. Users can write
reviews, rate games, and participate in forums, and GOG often features user-generated
content on its front page.
Overall, GOG is a unique digital distribution platform that offers a wide range of classic
and modern games, with a strong focus on customer support, DRM-free games, and
preserving classic titles for modern gamers.
Advantages Disadvantages
DRM-free games: GOG offers DRM-free games, which
1.Smaller library of games
means that players can download and play their games
compared to other platforms:
without having to worry about digital rights management
GOG's selection of games is
(DRM) restrictions. This provides players with more freedom
smaller than some other
and control over their games.
platforms, which may limit
5. Curated selection of classic and indie games: GOG offers a
some players' options. Some
selection of classic games and indie games that may not be
players may not be able to
available on other platforms. This can be appealing for
find the games they want on
players who enjoy retro games or want to discover new indie
the platform.
titles.
6. Frequent sales and discounts: GOG regularly offers sales and
discounts on games. This can make it a great place to find a
deal on a game. 2. Less emphasis on new
releases: GOG focuses more
7. Optional client app: GOG offers a client app that players can
on classic and indie games,
use to manage their games, but it is not required to play which may not appeal to
games purchased through GOG. This provides players with players who are looking for
more flexibility and control over their games. the latest releases. Players
who want to play the newest
8. Good customer support: GOG has a reputation for good
games may need to look
customer support. Players can contact support if they
elsewhere.
encounter issues with their games or need help with their
account.
Humble Bundle
Humble Bundle is a digital storefront for video games that was founded in 2010. The
company is unique in that it offers a pay-what-you-want model for its games, with a portion
of the proceeds going to various charities.
Humble Bundle primarily operates through a bundle system, in which users can purchase a
bundle of games for a price they choose. The games are often grouped by theme or publisher,
and users can choose to donate a portion of their purchase to various charities, including the
American Red Cross, Child's Play, and the Electronic Frontier Foundation.
In addition to bundles, Humble Bundle also offers a Humble Store, which sells individual
games at a discounted price. Like the bundles, a portion of the proceeds from the Humble
Store also goes to charity.
Humble Bundle is known for its commitment to supporting indie game developers. The
company has a "Humble Originals" program in which it commissions original games from
indie developers and includes them in its bundles.
Humble Bundle also offers a monthly subscription service called Humble Monthly, in which
users receive a curated selection of games each month for a flat fee. The games are often a
mix of well-known titles and hidden gems.
In addition to their signature game bundles, Humble Bundle also offers a subscription service
called Humble Choice. Subscribers receive a monthly selection of games, from which they
can choose a certain number to keep permanently. This service provides an excellent value
for gamers, as the combined retail value of the games often far exceeds the subscription cost.
Furthermore, Humble Choice subscribers gain access to the Humble Trove, a collection of
DRM-free games that can be downloaded and played at any time.
Advantages Disadvantages
Green Man Gaming has built a reputation for offering a diverse range of games, from AAA
titles to indie gems. They work closely with game developers and publishers to ensure that
their customers have access to the latest releases and exclusive content. This close
relationship with the industry allows Green Man Gaming to offer unique promotions and
bundles that cater to a wide variety of gaming tastes.
In addition to their extensive game catalog, Green Man Gaming also provides a platform for
gamers to share their thoughts and opinions on the games they play. They encourage users to
write reviews and rate games, fostering a sense of community and helping fellow gamers
make informed decisions about their purchases. This user-generated content is invaluable for
those looking to discover new games or learn more about a particular title before making a
purchase.
Another aspect of Green Man Gaming that sets them apart is their dedication to supporting
the gaming community. They frequently sponsor gaming events, tournaments, and charities,
helping to promote the growth and development of the gaming industry. By investing in the
community, Green Man Gaming demonstrates their passion for gaming and their commitment
to making a positive impact on the lives of gamers around the world.
Green Man Gaming offers a large selection of games from major publishers, as well as indie
games and early access titles. It also offers a rewards program called "Green Man Gaming
Rewards," in which users earn credit towards future purchases by writing reviews and
completing other activities.
Green Man Gaming also offers a "Playfire" system, which allows users to track their
gameplay and achievements across various platforms. This system can help users discover
new games and connect with other gamers who share similar interests.
Overall, Green Man Gaming is a digital storefront that offers a wide range of games at
competitive prices, with a focus on community and customer service. Its rewards program,
community engagement, and Playfire system make it a popular choice for gamers looking to
discover new titles and connect with other players.
Advantages Disadvantages
Reward program: Green Man Gaming has a reward program purchase a game that doesn't meet
that allows players to earn credit for future purchases by their expectations
buying games or writing reviews. This can be a nice perk for
frequent buyers.
Customer support: Green Man Gaming has a reputation for No support for mods or user-
good customer support, which can help players resolve issues generated content: Green Man
with their games or accounts. Gaming does not support mods or
user-generated content, which can
Trade-in program: Green Man Gaming has a trade-in program limit the gameplay experience for
that allows players to sell their digital games for credit. This some players. Players who enjoy
can be a good way for players to get rid of games they no modding or creating content may
longer want. need to look elsewhere.
The Epic Games store is available on Windows and Mac computers. Epic Games plans to
eventually expand to other platforms like Android and iOS. The store has a simple,
streamlined interface that makes it easy to browse games, see new releases, check out sales,
and make purchases. Gamers can also link their Epic Games account to third-party key sellers
like Humble Bundle to redeem game keys.
A curated selection of games. The Epic Games store focuses on a smaller number of high-
quality games rather than a large volume of titles. They work closely with developers to
promote and market featured games.
One of the key features of the Epic Games Store is its focus on exclusive titles. The store has
secured a number of high-profile exclusives, such as "Fortnite," "Borderlands 3," and
"Control," which are not available on other digital storefronts.
Another important feature of the Epic Games Store is its revenue-sharing agreement with
developers. The store takes a lower percentage of revenue from game sales than other digital
storefronts, allowing developers to earn more money from their games. This has made the
store a popular choice for indie developers and smaller studios.
The Epic Games Store also offers a free game every week to its users. These free games are
often well-known titles from major publishers, such as "Grand Theft Auto V," "Borderlands:
The Handsome Collection," and "Civilization VI."
In addition to games, the Epic Games Store also offers a range of other digital content, such
as game development tools and game engines. This makes it a popular choice for game
developers who are looking for a one-stop-shop for all their development needs.
Overall, the Epic Games Store is a digital storefront that is known for its focus on exclusive
titles and its revenue-sharing agreement with developers. Its free game every week offer and
range of digital content make it a popular choice for gamers and game developers alike.
Advantages Disadvantages
Free games: Epic Games Store regularly offers free games, which stores have, such as user reviews
can be a great way for players to discover new titles without or a shopping cart. This can make
spending money it difficult for some players to
navigate the store and make
informed purchasing decisions
Regular sales and discounts: Epic Games Store offers frequent
sales and discounts on games, making it a great place to find
deals. This can be especially helpful for players on a budget
Key Advantages
Global reach: Offering video games to customers worldwide, with fast shipping service,
widespread or international reach and delivers in short time.
Comprehensive product range: Supplying computer and laptop devices, PC hardware, and
accessories to all over the world.
Competitive pricing: By leveraging our global supply chain and partnerships with leading
tech brands, Geek Store is able to offer the most sought-after products at highly
competitive prices. We frequently run sales, promotions, and discount offers to provide the
best value to our customers.
Secure payment options: Geek Store offers customers a variety of secure payment
methods, including all major credit cards, debit cards, bank transfers, and digital wallets.
We use industry-leading security protocols and encryption to safeguard customer data and
transactions.
Superior customer service: Geek Store is committed to providing an unparalleled customer
experience. Our dedicated support team is available 24/7 to assist customers with any
questions or concerns. We offer multiple contact options, including phone, email, and live
chat support, Product warranty and returns: All.
Our passionate team has meticulously crafted a user-centric platform that caters to the diverse
needs of our customers. As we near the completion of our graduation project, we are
confident that Geek Store will make a lasting impression on the gaming and technology
landscape, granting customer’s unparalleled access to the latest products and innovations
from around the world.
Chapter 3 |
System Analysis & Design
Project Requirement
Requirement: The gaming e-commerce website should allow users to search for and purchase
video games, gaming consoles, accessories, and merchandise.
Functional Requirements
Product Management: The website should have an easy-to-use product management system
to add, edit, and delete products from the website.
User Registration and Login: The website should have a user registration and login system
that allows users to create an account, log in, and save their preferences and purchase history.
Shopping Cart and Checkout: The website should have a shopping cart and checkout system
that enables customers to easily add products to their cart, view their cart, and checkout.
Order Management: The website should have an order management system that allows the
store owner to manage orders, view order history, and track order status.
Shipping Management: The website should have a shipping management system that allows
the store owner to manage shipping rates, track shipments, and handle returns and refunds.
Non-Functional Requirements
Performance: The website should load quickly and be highly responsive to ensure a smooth
user experience.
Security: The website should be highly secure and protect user data, such as personal
information and payment details, from unauthorized access or theft.
Scalability: The website should be scalable to handle increasing amounts of traffic and a
transaction as the business grows.
Availability: The website should be highly available and reliable, with minimal downtime or
disruptions, to ensure that customers can access the website at all times.
Usability: The website should be navigable and intuitive, with clear navigation and easy-to-
use features, to ensure that customers can quickly find what they're looking for.
regester
login
search product
continue shopping
confirm delivery
customer
prompt confirmation
process
payment
order information
shipping
company
The Customer registers to the website and activate his account then
log in into the website.
The customer browses the online store and selects the desired
product(s).
The Customer can edit the cart items change the quantity before
checks out
The customer adds the product(s) to their cart and proceeds to
checkout.
The online store prompts the customer to enter their shipping
address and payment information.
The customer enters their shipping address and payment
information and submits the order.
The online store receives the order and sends a confirmation email
to the customer.
The online store forwards the order details to the shipping
company.
The shipping company receives the order details and prepares the
package for shipment.
The shipping company picks up the package from the online store's
Flow of events warehouse and transports it to the customer's shipping address.
Alternate Flow:
If the customer enters an incorrect shipping address, the shipping
company may be unable to deliver the package. In this case, the
shipping company will return the package to the online store's
warehouse and notify the online store and the customer of the
failed delivery attempt. The online store will then contact the
customer to confirm the correct shipping address and reship the
package.
Constraints:
The online store must ensure that the product(s) are in stock and
available for shipment.
The shipping company must adhere to the agreed-upon delivery
timeline and provide tracking information to the online store and
the customer.
The online store must ensure that the customer's payment
information is secure and protected.
The shipping company must handle the package with care to
prevent damage during transport.
regester
login
search product
confirm delivery
Customer adds the video game to their cart, The customer can proceeds to checkout.
The customer confirms their shipping address and payment information. The customer
receives the video game and confirms the delivery with the shipping company.
Accessing use
register and login into the website to view the content
case
1-Register with the e-mail and password
2-log in with the e-mail and password
Flow of events 3-the website checks if the e-mail or password validation
4-the customer search product in the content of the website.
5-the customer add, update the cart website.
geek store
process
payment
Figure 3: Payment Process, Demonstrate The geek store website processes the payment
and generates an order confirmation, Geek Store website sends the order details to the
shipping company for delivery and Geek Store website updates the customer's account and
sends an order confirmation email. Table 9: Payment Use Case Description
Checking
Out and The customer proceeds to checkout and makes a payment for their selected
Making a items.
Payment
Use Case
The customer clicks on the shopping cart icon and reviews their selected items.
The customer proceeds to the checkout page and enters their shipping and
billing information.
Flow of
The customer selects a payment method and confirms their order.
Event
The payment processor verifies the payment details and processes the
transaction.
The store administrator receives the order and prepares it for shipment.
prompt
confirmation
process
payment
Figure 4: Shipping Process, Demonstrate The shipping company receives the order details
and prepares the video game to deliver the video game to the customer.
Shipping The customer proceeds to checkout and waiting for the confirmation to deliver
process Use the order
Case
The online store prompts the customer to enter their shipping address and
payment information.
The customer enters their shipping address and payment information and
submits the order.
Flow of The online store receives the order and sends a confirmation email to the
Event customer.
The online store forwards the order details to the shipping company.
The shipping company receives the order details and prepares the package
for shipment.
Fill Information
Submite Message
Customer
View Messages
GeekStore
Delete Messages
Contacting The customer contacts the store's customer service for assistance,
inquiries, or to provide feedback.
Customer Service
The customer navigates to the "Contact Us" section of the online
gaming store website.
The customer selects either the email or contact form option.
If the customer selects the email option, they compose an email
Flow of events with their inquiry or feedback and send it to the provided customer
service email address.
If the customer selects the contact form option, they fill out the
form with their name, email address, and message, then submit it
through the website.
view products
customer
select quntity
add to cart
add to wishlist
add product
remove product
Geek store
edit product
Browsing Video Games and PC Hardware Description: The customer browses the
Shopping Use
online gaming store website to explore the available video games and PC
Case hardware.
The customer navigates through various categories, such as video games, gaming
Flow of Events consoles, and PC hardware.
View Product
Change quantity
update cart
Delete items
customer Checkout
continue shopping
Adding Items to the Shopping Cart Description: The customer adds desired video
games and PC hardware to their shopping cart.
Cart Use Case
Steps:
The website adds the selected item to the customer's shopping cart and displays a
Flow of Events confirmation message.
Customer can edit (add / remove/edit quantity) the product in the cart.
Checking out
Check Out
fill information
check information
Check Out The customer fill information required to place the order from the cart
View Cart
add to cart
change quantity
share product
Figure 10: Demonstrate the class diagram of the geek store website
Figure 11: Demonstrate the sequence diagram of the geek store website
A data flow diagram (DFD) is a graphical or visual representation using a standardized set of
symbols and notations to describe a business's operations through data movement.
Figure 13: Demonstrate the data flow diagram of geek store website
Figure 14: Demonstrate the entity relationship diagram of the geek store website
Chapter 4 |
System Implementation
Responsive Website
Every modern website needs a responsive design. This does require more effort but the end
result is worthwhile. Figure 16: Responsive Website
Login/Register
This page allow users to either log in to their existing account or create a new account by
providing their email
The homepage welcome visitors to Geek Store, showcasing a selection of featured products,
including games, hardware, and accessories. It include a search bar for users to quickly find
specific items and a navigation menu to access other pages on the site, it also include
featured, latest and popular products.
Games
The games page display a wide variety of video games, sorted by platform, action, sports, or
Horror. Each game thumbnail include the title and cover art. Users can click on a game to
view more details and add it to their cart.
This page showcases gaming hardware, sorted by Desktop, Notebook, Storage, Monitors and
Network. Users can browse through the available products, view detailed specifications, and
add items to their cart.
Accessories
The accessories page feature a range of gaming peripherals and accessories, including Pc, Ps,
Setups, controllers, headsets, keyboards, and mice. Users can browse through the products,
view their features, and add them to their cart.
The About Us page provides background information about Geek Store, its mission, and the
team behind it. It may also include the company's history, vision, and values.
FAQ
The FAQ page offer a comprehensive list of frequently asked questions and answers,
addressing common concerns related to ordering, shipping, returns, and account management.
This page help users find quick solutions to their queries.
The Contact Us page provide users with various ways to get in touch with the Geek's support
team, such as email, phone, or a contact form. It also include the company's physical address
or Location and operating hours.
Dashboard
The dashboard allow users to update their profile information, update billing and shipping
information, update password, view orders, and logout.
The view cart page allow users to review their selected items, and adjust quantities. It also
provide an estimated total cost, including taxes and shipping fees, before proceeding to the
checkout process. Users can also save their cart for later or continue shopping from this page
Check Out
The checkout page provides users with order details fill in the user billing and shipping
addresses, and then choose the payment method.
Admin Products
Admin Slider
Admin Service
Description:
Manage Services (Add, Delete, Edit Services).
Admin Customers
Admin Page
PHP: PHP (Hypertext Preprocessor) is a server-side scripting language used for web
development. It allows developers to create dynamic content and interact with databases,
making it a popular choice for building web applications.
HTML: HTML (Hypertext Markup Language) is the standard markup language for
creating web pages and web applications. It uses a system of tags and attributes to define the
structure and content of a web page, such as headings, paragraphs, images, and links.
CSS: CSS (Cascading Style Sheets) is a stylesheet language used for describing the look and
formatting of a document written in HTML. It allows developers to control the layout, colors,
fonts, and other visual aspects of a web page, making it more visually appealing and easier to
maintain.
jQuery: jQuery is a fast, lightweight JavaScript library that simplifies various tasks, such as
HTML document traversal and manipulation, event handling, and animation. It provides an
easy-to-use API that works across multiple browsers, making it a popular choice for
streamlining JavaScript development.
Function Login
Description: check email and password forms, if empty show error message, if valid get
customers data from database then, check if email and password are not valid show error
message, if valid check email status, if not active show error message, if active sign in and
Language: PHP
Product
Description:
Parameters: None
Return: None
Language: PHP
Order Update
Description: get data from tbl_payment and then check if payment status is pending
calculate the time passed from when the order placed if 24 hours has passed delete the order
from tbl_order and return the quantity in tbl_product.
Language: PHP
Choose Payment
Parameters: advFieldsStatus
Return: None
Language: PHP
Parameters: cust_password
Language: PHP
Parameters: customer_email
Language: PHP
Verify
Description: check if
Language: PHP
Registration
Description: The code validates and inserts customer data from a form into a database. It
checks for empty or invalid values in form fields like name, email, phone, address, etc. If all
validations pass, the code inserts the data into the database and sends a verification email to
the customer's email address.
Parameters: name, email, phone, address, company name, country, city, state, ZIP code,
Password.
Language: PHP
Language: PHP
Admin Order
Language: PHP
Description: The given code is responsible for validating and processing form data to add
a product. It checks for the presence of required fields, validates file uploads, retrieves
necessary information from the database, and inserts the product data into the appropriate
tables. If the validation is successful, it
displays a success message indicating that
the product has been added successfully.
Language:PHP
Admin Style
Language: CSS
Database Connection
Language: PHP
Figure 51: Database Connection
Language: PHP
Add Country
Description: The code checks if a form
named 'form1' has been submitted. It validates
the submitted country name by checking if it is
empty and if it already exists in the database.
If the validation is successful, it inserts the
country name into the database and sets a
success message.
Language: PHP
Styling
Language: CSS
Language: PHP
Responsive
Language: CSS
Chapter 5 |
Conclusion & Future Work
Our team designed and developed an online gaming store website that provides a wide range
of video games, computer and laptop devices and hardware, and PC accessories to customers
all over the world. We focused on creating an intuitive and attractive design that features a
wide range of products, convenient payment options, and reliable shipping and delivery
services.
2. Browse the website and search for the desired products using the search bar, product
categories, or filters.
3. Click on the product to view more details, including product description, price, and
customer reviews and ratings.
5. Proceed to checkout, where customers can review their order, enter their shipping and
payment information, and choose their preferred shipping method.
Once the transaction is complete, customers will receive a confirmation email containing
their order details and shipping information.
The website features an inherent design that makes it easy for customers to navigate and find
the products they need. The homepage features prominent search and filter options, along
with product recommendations and featured deals. Customers can search for products by
name, category, or keyword to quickly locate the items they want to purchase.
The shopping cart and checkout process is streamlined to minimize friction and ensure a
positive customer experience. Customers can easily add multiple products to their cart and
proceed to checkout in just a few clicks. The checkout page allows customers to securely
enter their payment and shipping details. Customers have the option to save their information
for future orders.
After completing an order, customers receive a confirmation email with order and shipment
tracking details. They can log in to their account at any time to view their order history, track
shipments, and manage their account information.
The website is optimized for both desktop and mobile devices to provide a consistent
experience regardless of how customers access it. The responsive design adapts to different
screen sizes, ensuring all product information and functionality is easily accessible on
smartphones and tablets.
To maintain a high level of customer satisfaction, the website features multiple channels of
customer support, including email, live chat, telephone, and social media. Any issues or
concerns are addressed promptly and professionally to our customer support.
Our proposed system addresses the challenges faced by existing online gaming stores, such as
limited payment options and poor user experience and interface design. We offer a wider
range of payment options for customers from different countries, and global shipping of
hardware devices like PCs and laptops. This ensures that our customers have access to a high-
quality online gaming store that meets their needs.
Our team worked collaboratively to ensure the success of the project, with each member
contributing their skills and expertise. We are confident that the proposed system will meet
the objectives of the project, which include increasing sales, expanding the customer base,
and improving user experience. We are excited about the future of Geek Store and the impact
it will have on the online gaming industry.
Future work
1. Personalization: Implement personalized recommendations for customers based on
their browsing and purchase history to improve the user experience and increase sales.
2. Multi-language support: Expand the website to support multiple languages to attract
customers from different regions and countries.
3. Mobile app development: Develop a mobile app for the website to make it more
accessible to customer’s on-the-go and provide a seamless user experience across
multiple devices.
4. Gamification features: Introduce Gamification features such as loyalty programs,
rewards, and badges to encourage customer engagement and increase customer
retention.
5. Augmented Reality (AR) and Virtual Reality (VR) integration: Explore the
integration of AR and VR technologies into the website to create more immersive
shopping experiences for customers.
6. Collaborations with gaming industry partners: Collaborate with gaming industry
partners to feature exclusive game merchandise and promotions to attract more
customers.
7. Expansion to other gaming categories: Expand the website's product offerings to
include other gaming categories such as virtual reality gaming equipment.
8. Localization of shipping and payment methods: Localize shipping and payment
methods to cater to customers in different regions and countries.
9. User experience optimization: Conduct user testing and gather feedback to identify
areas of the website that could be improved for a better user experience. This could
include streamlining the checkout process, improving search functionality, or making
the website more mobile-friendly.
10. Social media integration: Integrate social media platforms into your website to
increase brand awareness and engagement. This could include adding social media
sharing buttons, displaying user-generated content or running social media
campaigns.