TABLE OF FIGUREFigure 1: Home Page Fahasa...4 Figure 2: Home page Tiki...5 Figure 3: Home page Vinabook...6 Figure 4 : Use Case Diagram...16 Figure 5: Activity Diagram Register...18 Figu
INTRODUCTION
Topic name
Design and build ShopBook Website to manage online books sales.
The urgency of the subject
In today's rapidly evolving information technology landscape, online shopping has become essential to our daily routines For the publishing industry, creating and maintaining online bookstore websites is not merely a trend but a vital necessity.
Creating online bookstores enables publishers to broaden their market reach and connect with potential readers while fostering a reading culture in the community Additionally, these platforms provide access to a wide variety of literary works from across the globe, enhancing the cultural and intellectual growth of society.
Creating an online bookstore is essential for adapting to today's market and serves as an effective business strategy to enhance visibility and boost revenue in the book industry.
Scientific and practical significance
The rise of online bookstores extends beyond commercial interests, offering valuable insights into consumer behavior and preferences in the digital landscape This evolution contributes to academic fields like information technology, digital marketing, and e-commerce by analyzing user interactions and purchasing patterns Researchers can uncover how digital platforms shape reading habits and enhance accessibility Additionally, the use of advanced algorithms for personalized recommendations can advance the application of artificial intelligence and machine learning in practical contexts.
Research purposes
Creating a website enhances the efficiency and convenience of book sales, allowing customers to easily preview information from home and make informed choices quickly Integrating information technology into business practices not only benefits companies but also fosters economic and technological development within society.
Research subjects
Research, design and build websites to sell books online.
Research scope
The project was carried out on a scale focusing on building a system to help users place orders online via an online website.
Research Methods
In this essay, I use the following main methods to research:
The analytical method serves as a crucial research tool for comprehensively understanding customer and business needs, guiding the implementation process of a commercial website This approach ultimately facilitates the development of the ShopBook platform for online book sales.
- Documentation method, researching documents on programming languages and appropriate frameworks to apply to this essay.
Current Status Survey
Table 2 Statistics on the number of Internet shoppers
Based on the statistics of the number of online shoppers from 2020 to 2023, we can see a steady growth in both the number of consumers and the percentage of online shoppers.
The shift from traditional shopping to online shopping is on the rise, driven by factors such as convenience, broader product access, and global events like the COVID-19 pandemic This trend highlights significant advancements in technology and network infrastructure, which enable users to engage in safe and efficient online shopping transactions.
*** Survey of 3 famous online book selling websites in Vietnam today
After searching for the keyword "Buy book online" on Google, I found 3 outstanding websites
Website Evaluation Based on Criteria::
Interface: Fahasa's website may not be truly optimized in terms of user interface
(UI) and user experience (UX), making online searching and shopping not as convenient as other competitors.
Fahasa operates over 100 stores throughout Vietnam, offering customers the convenience of direct shopping and online order pickups at nearby locations Beyond books, Fahasa features a diverse range of products, including stationery, toys, and gifts, catering to various customer demographics.
Advantages: One advantage after experiencing the web is that it is quite responsive and compatible when accessed by phone When accessing by phone, it feels very easy to interact.
Limitations: Fahasa may not be taking full advantage of online marketing channels and social networks to reach and interact with young customers, an increasingly important market segment.
Interface: Tiki has a clean and modern user interface that is easy to use The homepage is designed with clear categories, helping users easily find the products they need.
Tiki enhances user experience with advanced search features and customizable filters, allowing customers to refine results based on price, publisher, and product reviews Utilizing AI technology, Tiki recommends products tailored to individual preferences, helping users discover related items based on their purchase history and browsing behavior.
Users may feel overwhelmed by the extensive range of products and categories available, particularly when promotional items and advertisements dominate the homepage, making navigation challenging.
Interface: Vinabook's website is designed to focus on simplicity, ease of searching and purchasing, and convenient for all ages, including those who are not familiar with technology.
Funtionality: Vinabook provides good customer service with online and phone support, helping to resolve customer queries and problems quickly.
Limitations: Although specializing in books, the variety of book genres and related products such as e-books and foreign language books may not be as widely developed as other competitors.
The survey highlights the evolving online bookstore market and the distinct strengths and weaknesses of key competitors To improve their market position, new entrants should prioritize technological innovations, broaden their product ranges, enhance user experiences, and intensify online marketing strategies By focusing on these aspects, online bookstores can effectively cater to a diverse customer base and reinforce their competitive advantage in a thriving marketplace.
THEORETICAL BASIS
ReactJS is an open-source JavaScript library designed for building user interfaces using components Developed by Meta (formerly Facebook) and a collaborative community of developers and companies, it offers a flexible and efficient way to create dynamic web applications.
React is a versatile library used for developing a wide range of applications, including single-page applications, mobile apps, and server-rendered applications with frameworks like Next.js Its main focus is on user interface design and efficient rendering of components within the Document Object Model (DOM) Often, React applications enhance their functionality by integrating with additional libraries for routing and other client-side tasks.
The Virtual DOM technology significantly enhances application speed by minimizing the need to re-render the entire DOM with every change ReactJS utilizes a Virtual DOM, which is a JavaScript object containing all necessary properties and attributes for constructing an actual DOM It optimizes the re-rendering process by calculating the differences between the Virtual DOM and the real DOM tree when data changes occur Additionally, ReactJS features one-way data binding, which simplifies data flow by using props to transfer information from parent components to child components, ultimately making error control and debugging more manageable.
ReactJS is ideal for developing large-scale applications that require frequent data updates, which in turn necessitate corresponding changes to the user interface A prime example is Facebook, where the news feed constantly showcases updates with fluctuating like counts, shares, and comments This capability makes ReactJS particularly advantageous for managing dynamic data effectively.
JSX: JSX is a syntax extension that allows you to write HTML-like code within JavaScript JSX offers several advantages:
- Faster: When JSX is compiled into JavaScript, it undergoes optimization that makes it run substantially faster than if the same code were written in JavaScript directly.
- Safer: JSX is statically typed, like JavaScript, meaning it is compiled before it is executed, much like C++ or Java This preliminary compilation aids in the early detection of faults.
- Easier: Because JSX expands on JavaScript, it is simple for JavaScript developers to use.
ReactJS is centered on the use of components rather than templates, allowing developers to build web applications with reusable, small components that can be nested within one another Each component maintains its own state, which can change, prompting ReactJS to update the component accordingly This component-based architecture simplifies code maintenance, especially in large projects, as virtually everything in ReactJS is a component.
- Props: These allow components to communicate with one another When a component takes "props" as input, it returns properties that specify how the child component will render Props are unchangeable.
- State: Represents the application's state When the state changes, the component re-renders to update the interface.
ReactJS's combination of these features makes it a powerful tool for building dynamic and interactive user interfaces.
Node.js is an open-source server environment that supports various operating systems such as Windows, Linux, Unix, and macOS It allows JavaScript code to run outside of a web browser, functioning as a back-end JavaScript runtime powered by the V8 JavaScript engine.
NodeJS is an open-source platform that leverages the Chrome JavaScript runtime to develop fast and scalable applications Its event-driven, non-blocking I/O architecture enables the creation of lightweight and efficient applications, making it ideal for real-time data processing across distributed devices.
NodeJS utilizes a single-threaded, asynchronous architecture, allowing it to manage multiple requests efficiently without creating new threads for each one, as seen in PHP servers This design provides significant benefits for websites, enhancing performance and scalability.
NodeJS APIs operate asynchronously, utilizing a non-blocking approach that allows the server to handle multiple requests simultaneously By leveraging the server's background processes to wait for data responses, NodeJS efficiently moves on to subsequent API calls This event-driven architecture ensures that the server can respond to API requests in real-time, enhancing overall performance and responsiveness.
- Fast Execution: NodeJS is built on the V8 JavaScript Engine platform, resulting in speedy program execution.
- Single Thread with High Scalability: NodeJS uses a single-threaded model with an event loop, which enables servers to respond without interruption and makes them highly scalable.
- No Buffering: NodeJS doesn't buffer any data, and applications primarily produce data output.
- Licensed: NodeJS is licensed under the MIT License.
NodeJS leverages non-blocking, event-driven I/O to efficiently handle real-time tasks and enables rapid processing Its remarkable scalability and capacity to manage numerous concurrent connections with high throughput are key advantages Unlike traditional web applications that create a new processing thread for each request, leading to inefficient RAM usage, NodeJS employs a single-threaded model with non-blocking I/O, allowing it to support tens of thousands of concurrent connections seamlessly.
Express is a powerful web application framework for NodeJS that simplifies the development of fast web applications It supports multiple HTTP methods and middleware, enabling the creation of a robust and user-friendly API Key features of Express include its flexibility, performance, and ease of use for building web applications.
- Ability to set up middleware to handle HTTP requests.
- Define routing that can be used with different actions based on HTTP methods and URLs.
- Render HTML pages based on passed-in parameters to templates.
MongoDB is a widely-used open-source NoSQL database management system that operates as a document-oriented database Unlike traditional relational databases that store data in tables, MongoDB utilizes JSON documents for data storage, enabling faster query performance.
In relational databases such as MySQL or SQL Server, data is organized into tables, whereas MongoDB utilizes collections to store data In this NoSQL database, a collection is analogous to a table, and a document is equivalent to a row MongoDB's flexible structure allows documents within a collection to vary in format, enabling the storage of unstructured data This design facilitates the quick retrieval of related information through its efficient query language.
MongoDB's data storage utilizes Document JSON format, allowing each collection to vary in size and document type This flexibility enables users to insert a wide range of data, accommodating diverse storage needs.
MongoDB offers a flexible data model without inter-data constraints or joins, unlike traditional RDBMS This design allows for faster operations, as there’s no need to verify data constraints during insertions, deletions, or updates, streamlining database management and enhancing performance.
+ The data field "_id" is always automatically indexed to achieve the highest speed of information querying.
SYSTEM FUNCTIONS
List of functions
Functional Specification
1 Register User registers to create an account
2 Login User logs in with the registered account
3 Logout The user logs out of the system
4 Manage account User changes user account information
5 View product details User views product information and configuration
6 User reviews the product User reviews purchased products
7 Search product User search products (by name, category, price, reviews)
8 Manage cart User adds, deletes or edits his shopping cart
9 Order User places an order by entering personal information
10 View order detail The user reviews the order details
Admin changes customer account information
12 Admin manage product Admin adds, edits, and deletes product information according to business and customer needs
Admin views revenue and number of orders sold
Admin confirms order status for customers
15 Admin views and deletes reviews
Admin views the review and proceeds to delete the review
User role
- User registers for an account
- User logs in with registered account
- User logs out of the system
- Users search for products by name, category and ratings
- User views detailed product information
-User views reviews and reviews the product
- User adds product to cart, changes cart
- User proceeds to place an order
- Admin can views revenue information and number of orders sold -Admin can change customer account information accounts
- Admin can add products, change product information
- Admin views order details and confirms order status
- Admin views comment details and deletes comments
SYSTEM ANALYSIS AND DESIGN
General use case
Detailed specification of each use case
Short Description: Users create accounts to log in to the web and use user permissions
Post-Conditions: User successfully created account.
(1) Users access the ShopBook website
(2) User selects the register button
(3) Users fill in name, email and password to create an account
(5) Notice of successful account creation and account saving to database
(4a) The registration confirmation system failed because the information was not filled out completely or correctly
Short Description: Users log in to the Shopbook website
Pre-Conditions: The user already has an account in the system
Post-Conditions: Successful login, redirected to home page
(1) Users access the ShopBook website
(2) The user presses the login button
(3) The website displays the login page
(4) User fills in email, password and confirms login
(5) The system authenticates login information
(6) The system defines user roles
(7) The system returns the user's home page and opens the user's access permissions
[4a] The system notifies that the email or password is incorrect
Short Description: User logs out of the system
Pre-Conditions: The user has successfully logged in, the user is on the
Post-Conditions: The user exits the system, the system displays the
(1) The user selects the logout button
(2) The system confirms, exits the user's login session and displays the ShopBook home page
2.4 Use case User manage account
Table 8 User manage account Specification
Use Case User manage account
Short Description: User changes the account information
Pre-Conditions: Logged in user
Post-Conditions: Account information is changed
(1) User goes to the home page
(2) User click to profile button
(3) The interface to change account information appears (3.1) The profile update interface appears
(4.1) Fill in the information in the form
(6.1) Displays a message of successful saving
(3.2) The upload avatar interface appears
(5.2) The system saves images to the database
(6.2) A notification of successful saving is displayed (3.3)The update password interface appears
(4.3) Fill in the information in the form
(6.3) Displays a message of successful saving
(2a) The profile button will not appear if you are not logged in
Figure 8: Activity Diagram Update Profile
Figure 9: Activity Diagram Upload Avatar
Figure 10: Activity Diagram Update Password
2.5 Use case View product details
Table 9 View product details Specification
Use Case View product details
Short Description: Users view product details
Pre-Conditions: The user is on the home page
Post-Conditions: Users view product details
(1) The user clicks on the product displayed on the home page
(2) The system displays the detailed product page
Figure 11: Activity Diagram View product detail
Short Description: Users search for products
Pre-Conditions: The user is on the home page
Post-Conditions: Users can view the searched product information
(1) Enter a product name into the search bar on the home page
(2) The system displays product information
(3) Filter products by price, category, rating
[2b] The system does not display products not found
Figure 12: Activity Diagram Search product
2.7 Use case User reviews the product
Table 11 User reviews the product Specification
Use Case User reviews the product
Short Description: User reviews the product
Pre-Conditions: The user is logged in and has purchased the product
Post-Conditions: See product reviews
(1) User goes to the home page
(2) User clicks on the product to review product
(3) The user goes to the product review section and starts a review
(4) The system saves user’s review to the database
(5) The system notifies that the save was successful
(3a) The system notifies that the user cannot review the product because user is not logged in or have not purchased the product
Figure 13: Activity Diagram Review Product
Short Description: User CRUD cart
Pre-Conditions: The user is on the home page or product detail page
Post-Conditions: The user successfully CRUD the product to the cart
(1) User goes to the product detail page
(2) The user clicks on the add to cart and cart icon
(4) The user clicks on the button to increase or decrease the quantity or delete the product in the cart
Figure 14: Activity Diagram Add to cart
Figure 15: Activity Diagram Delete cart
Figure 16: Activity Diagram Update cart
Short Description: The user proceeds to place an order
Pre-Conditions: The user is logged into the system and has products in the cart
Post-Conditions: The order is completed and waiting for admin to confirm
(1) User goes to the home page
(2) The user selects the shopping cart icon
(3) User clicks on the checkout button
(4) A page to fill in order information appears
(4) User fills in detailed information and payment method
(5) Successful order and display order information
(3a) The order button does not appear because there is no product in the cart (4a) The login page appears for those who are not logged in
(5a) The system reports an error because the required information has not been fully entered
2.10.Use case View order details
Table 14 View order details Specification
Use Case View order status
Short Description: User view order status
Pre-Conditions: The user has logged in and placed an order successfully
Post-Conditions: Users can view order status
(1) Click on the button to view order status
(2) The system displays order status
Figure 18: Activity Diagram View order details
2.11.Use case Admin manage user’account
Tabel 15 Use case Admin user’account Specification
Use Case Admin manage user’account
Short Description: Admin CRUD user account
Pre-Conditions: Admin is on the admin page
Post-Conditions: The system displays user’ account
(1) The administrator selects the Admin Dashboard
(3) Select the update or delete button
(4) The update interface appears, proceed to enter information
Figure 19: Activity Diagram Admin update account
Figure 20: Activity Diagram Admin delete account
Short Description: Admin CRUD product
Pre-Conditions: Admin is on the admin page
Post-Conditions: Product added successfully, new information updated
(1) The administrator selects the Admin Dashboard
(2) Select the function to add products or update
(3) Fill in new product information, update added products
(4) Click the Create/Update button
(5) The information is saved to the database, a success message appears
Figure 21: Activity Diagram Admin add product
Figure 22: Activity Diagram Admin update product
Figure 23: Activity Diagram Admin delete product
Short Description: Admin see revenue chart
Pre-Conditions: Admin is on the admin page
Post-Conditions: Displays the revenue chart interface
(1) The administrator selects the Admin Dashboard
(3) Select the time period you want to view and click the Fetch button
(4) Charts of revenue, sales, orders appear
Figure 24: Activity Diagram Revenue statistic
2.14 Use case Confirms order status
Table 18 Confirms order status Specification
Use Case Admin confirms order status
Short Description: admin confirms the customer's order status
Pre-Conditions: Admin is on the admin page
Post-Conditions: The customer's order has been confirmed
(1) The administrator selects the Admin Dashboard
(3) Click on update/delete button
(4) Display the order detail information interface, proceed to update the order status
(5) Click on update status button
(6) The system notifies of a successful update
Figure 25: Activity Diagram Confirms order status
2.15 Use case View and deletes reviews
Table 19 View and deletes reviews
Use Case View and deletes reviews
Short Description: Admin confirms the customer's order
Pre-Conditions: Admin is on the admin page
Post-Conditions: View comment details and delete comments
(1) Go to the admin page
(2) Select Reviews on the admin page
(4) The system displays the comment, press the delete button
(5) The system notifies of successful deletion
(3a) The order confirmation button does not appear because there are no orders pending
Figure 26: Activity Diagram Admin view reviews
Figure 27: Activity Diagram Admin delete reviews
Class Diagram
2 email String Email to login
3 password String Password to login
4 address String Address of user
5 avatar String Avatar of user
7 resetPasswordToken String Temporary password reset token
8 resetPasswordExpire Date The duration of the temporary password reset token
3 description String Product’s sale price
5 image String Image of product
7 seller String Author of the product
8 stock Number quantity of product remaining
11 user User User buys product
1 shippingInfo Object Information about orders
3 orderItems Object items of the order
4 paymentMethod String Order payment method
6 itemsPrice Number price of the order items
2 city String City of order address
1 Public_id String Id of the product image
Figure 32: View product details Sequence Diagram
Figure 33: Product search Sequence Diagram
Figure 34: Add to cart Sequence Diagram
Figure 35: Update cart Sequence Diagram
Figure 36: Delete cart Sequence Diagram
Figure 37: Review product Sequence Diagram
Figure 39: View order details Sequence Diagram
Figure 40: Admin update account Sequence Diagram
Figure 41: Admin delete account Sequence Diagram
Figure 42: Admin add product Sequence Diagram
Figure 43: Admin update product Sequence Diagram
Figure 44: Admin delete product Sequence Diagram
Figure 45: Admin confirm order Sequence Diagram
Figure 46: Admin view reviews Sequence Diagram
Figure 47: Admin delete review Sequence Diagram
SYSTEM INTERFACE
Home page interface
Registration, login and logout interface
Cart interface
Order interface
Revenue statistics
Admin manage user interface
Figure 59: Admin manage user interface
Product managenment interface
Order status interface
Admin delete reviews interface
Figure 62: Admin delete reviews interface
TESTING
In this project, we use black box testing method to test main functions of the application.
Black box testing offers significant advantages for evaluating extensive code segments and core system functions, making it highly effective for fast-paced software development Key functionalities assessed in this process include user login capabilities.
1 User Log in Test the response of website when user fills in the log in form and clicks
3 Admin Confirm orders status Check order status when admin confirms
LI_01 Test response of website when the user
Enter email Enter passwor d vinh@gmail.co m
As expecte dPass enters correct authenticati on information
Test response of website when the user enters incorrect authenticati on information
Enter email Enter passwor d Click
“Đăng nhâ `p” button vinh2@gmail.co m
Figure 63 : Expected and Actual result of LI_01 and LI_02
ID Description Test steps Data Expected Actual Status
CO_01 Admin proceeds to confirm order status
Customer ordersFill in Admin confirms order status
Figure 64: Expected and Actual result of CO_01
CONCLUSION
Advantages and disadvantages of the system
4 Recommendation for defense or not?
Ho Chi Minh City, May 9 , 2024 th
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – T@ do – Hạnh phúc
Ho Chi Minh City, May 9 , 2024 th
Full name : Nguyn Quang Vinh Student ID : 20110413
Project topic: Design and build ShopBook Website to manage online books sales Name of reviewer: Mai Anh Thơ
1 Regarding the content and olume of the project:
4 Recommendation for defense or not ?
Ho Chi Minh City, May 9 , 2024 th
Fullname Student ID Task Evaluation
I would like to express my heartfelt gratitude to lecturer Nguyễn Trần Thi Văn for their invaluable support during the report writing process Their expertise and practical experience were instrumental in guiding me to meet the report's requirements Throughout the writing of my specialized essay, the lecturer consistently addressed my inquiries and provided timely feedback, enabling me to improve my weaknesses and successfully complete the report on time.
I would like to extend my heartfelt gratitude to the teachers in the High-Quality Education Department, especially those in the Information Technology field I feel fortunate to have learned invaluable specialized knowledge from them Their insights into the profession and life have significantly influenced my work on this essay Additionally, I am thankful for my fellow students, whose collaboration and willingness to share knowledge have enriched our nearly four years of university experience together.
The project was completed in a short timeframe with limited knowledge and technical skills, resulting in some unavoidable shortcomings I welcome constructive feedback from my teachers to enhance my understanding and improve my group's performance on our graduation thesis Thank you sincerely for your support.
In closing, our group respectfully wishes all teachers and ladies good health and greater success in their careers Once again, my team sincerely thanks you.
Ho Chi Minh City, May 9 , 2024 th
1.2 The urgency of the subject 1
CHAPTER III: SYSTEM ANALYSIS AND DESIGN 15
2 Detailed specification of each use case 15
2.4 Use case User manage account 19
2.5 Use case View product details 23
2.7 Use case User reviews the product 25
2.10.Use case View order details 30
2.11.Use case Admin manage user’account 31
2.14 Use case Confirms order status 36
2.15 Use case View and deletes reviews 37
2 Registration, login and logout interface 54
2 Advantages and disadvantages of the system 74
Table 2 Statistics on the number of Internet shoppers 3
Table 8 User manage account Specification 20
Table 9 View product details Specification 24
Table 11 User reviews the product Specification 26
Table 14 View order details Specification 31
Tabel 15 Use case Admin user’account Specification 32
Table 18 Confirms order status Specification 37
Table 19 View and deletes reviews 38
Figure 8: Activity Diagram Update Profile 23
Figure 9: Activity Diagram Upload Avatar 24
Figure 10: Activity Diagram Update Password 24
Figure 11: Activity Diagram View product detail 25
Figure 12: Activity Diagram Search product 26
Figure 13: Activity Diagram Review Product 27
Figure 14: Activity Diagram Add to cart 29
Figure 15: Activity Diagram Delete cart 29
Figure 16: Activity Diagram Update cart 29
Figure 18: Activity Diagram View order details 32
Figure 19: Activity Diagram Admin update account 34
Figure 20: Activity Diagram Admin delete account 34
Figure 21: Activity Diagram Admin add product 35
Figure 22: Activity Diagram Admin update product 36
Figure 23: Activity Diagram Admin delete product 36
Figure 24: Activity Diagram Revenue statistic 37
Figure 25: Activity Diagram Confirms order status 38
Figure 26: Activity Diagram Admin view reviews 40
Figure 27: Activity Diagram Admin delete reviews 41
Figure 32: View product details Sequence Diagram 48
Figure 33: Product search Sequence Diagram 48
Figure 34: Add to cart Sequence Diagram 48
Figure 35: Update cart Sequence Diagram 49
Figure 36: Delete cart Sequence Diagram 49
Figure 37: Review product Sequence Diagram 49
Figure 39: View order details Sequence Diagram 51
Figure 40: Admin update account Sequence Diagram 51
Figure 41: Admin delete account Sequence Diagram 51
Figure 42: Admin add product Sequence Diagram 52
Figure 43: Admin update product Sequence Diagram 53
Figure 44: Admin delete product Sequence Diagram 53
Figure 45: Admin confirm order Sequence Diagram 54
Figure 46: Admin view reviews Sequence Diagram 54
Figure 47: Admin delete review Sequence Diagram 54
Figure 59: Admin manage user interface 66
Figure 62: Admin delete reviews interface 70
Figure 63 : Expected and Actual result of LI_01 and LI_02 73
Figure 64: Expected and Actual result of CO_01 74
Information technology is rapidly evolving and serves as a crucial driver for the growth of various sectors, including business, industry, and agriculture Its daily advancements are evident, as people now utilize the Internet not only for browsing, reading news, and watching videos but also for shopping from home through e-commerce This model, prevalent in developed nations, offers significant benefits to businesses and communities, despite existing infrastructure limitations.
The implementation of information technology and computerization is a crucial element in the operations of governments, organizations, and businesses This technology significantly contributes to achieving substantial advancements and breakthroughs.
As a part of information technology, web technology is experiencing strong development and popularity very quickly because the benefits it brings to the community are huge.
In today's digital age, bookstores are leveraging information technology to enhance user experience, making shopping and personal information management more convenient By conducting market research and analyzing customer and business needs, I developed and tested an online book-selling website to gain deeper insights into these trends.
Design and build ShopBook Website to manage online books sales.
1.2 The urgency of the subject
In today's rapidly evolving information technology landscape, online shopping has become essential to our daily routines, making the development of online bookstore websites a crucial necessity for the publishing industry rather than just a passing trend.
Creating online bookstores enables publishers to broaden their market reach and connect with potential readers, while also promoting reading habits in the community These platforms provide access to a wide variety of literary works from across the globe, fostering cultural and intellectual growth in society.
Creating an online bookstore is essential for adapting to the modern market and serves as a strategic business move to enhance market presence and boost revenue in the book industry.
The rise of online bookstores transcends commercial interests, offering valuable insights into consumer behavior and preferences in the digital landscape This initiative enriches academic fields such as information technology, digital marketing, and e-commerce by analyzing user interactions and purchasing trends Researchers can uncover how digital platforms impact reading habits and accessibility Additionally, the use of advanced algorithms for personalized recommendations and browsing experiences propels advancements in artificial intelligence and machine learning in practical applications.
Creating a website enhances the efficiency and convenience of book sales, allowing customers to preview information from home and make informed purchasing decisions swiftly By integrating information technology into business practices, companies can stay aligned with modern trends, benefiting not only their operations but also contributing to the economic and technological advancement of society as a whole.
Research, design and build websites to sell books online.
The project was carried out on a scale focusing on building a system to help users place orders online via an online website.
In this essay, I use the following main methods to research:
The analytical and data analysis methods serve as the primary research tools to comprehend the needs of both customers and businesses This process is essential for implementing a commercial website effectively By leveraging these insights, we can develop the ShopBook website, designed specifically for selling books online.
- Documentation method, researching documents on programming languages and appropriate frameworks to apply to this essay.
Table 2 Statistics on the number of Internet shoppers
Based on the statistics of the number of online shoppers from 2020 to 2023, we can see a steady growth in both the number of consumers and the percentage of online shoppers.
The shift from traditional shopping to online shopping is increasingly evident, driven by the convenience, broader product access, and influences from global events like the COVID-19 pandemic This trend highlights the significant advancements in technology and network infrastructure, which enable users to engage in safe and efficient online shopping transactions.
*** Survey of 3 famous online book selling websites in Vietnam today
After searching for the keyword "Buy book online" on Google, I found 3 outstanding websites
Website Evaluation Based on Criteria::
Interface: Fahasa's website may not be truly optimized in terms of user interface
(UI) and user experience (UX), making online searching and shopping not as convenient as other competitors.
Fahasa operates over 100 stores throughout Vietnam, offering customers the convenience of shopping in-person or picking up online orders at their nearest location Beyond books, Fahasa's diverse product range includes stationery, toys, and gifts, catering to a wide array of customer needs.
Advantages: One advantage after experiencing the web is that it is quite responsive and compatible when accessed by phone When accessing by phone, it feels very easy to interact.
Limitations: Fahasa may not be taking full advantage of online marketing channels and social networks to reach and interact with young customers, an increasingly important market segment.
Interface: Tiki has a clean and modern user interface that is easy to use The homepage is designed with clear categories, helping users easily find the products they need.
Tiki offers advanced search functionalities with customizable filters, allowing users to refine their search results based on price, publisher, and product reviews Utilizing AI technology, Tiki recommends products tailored to customers' interests, enhancing their shopping experience by suggesting items related to their purchase history and browsing behavior.
Development
To create a comprehensive system, it is essential to address project limitations and incorporate various features and technologies, ensuring the product is delivered to consumers in the most effective manner.