VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT BUILDING AN E-COMMERCE WEBSITE FOR FASHION SHOP TOTORO STORE Student’s name Nguyen Duc Thinh Hanoi – Year 2024 VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT BUILDING AN E-COMMERCE WEBSITE FOR FASHION SHOP TOTORO STORE SUPERVISOR: PhD. Nguyen Van Tinh STUDENT: Nguyen Duc Thinh STUDENT ID: 19071632 COHORT: Faculty of Applied Sciences SUBJECT CODE: INS401401 MAJOR: Informatics and Computer Engineering Hanoi – Year 2024 2 THANKS I want to express my sincere gratitude to PhD. Nguyen Van Tinh for his enthusiastic guidance throughout the design project, which has led to today's successful results. I deeply appreciate the invaluable support and guidance you provided during the project completion.
His consistent, in-depth knowledge, coupled with his enthusiastic and dedicated spirit, helped me overcome challenges and develop comprehensive skills. I also want to convey my appreciation for his valuable assistance and advice in editing and refining the project. The constructive feedback and detailed comments have helped me gain a deeper understanding of the content and improve my evaluation and self- assessment abilities. Furthermore, I want to extend my thanks to the entire school, friends, family, and everyone who shared knowledge, opinions, and encouragement during the project.
The support from supervisor and the surrounding community has been a significant source of motivation, greatly contributing to the successful completion of this project. I believe that the acquired knowledge and skills will form a solid foundation for future development. Once again, I sincerely thank you and everyone who supported me on this journey. Best regards, 3 DECLARATION OF AUTHORSHIP I, Nguyen Duc Thinh, solemnly declare that the project is the result of my own research, conducted under the guidance of PhD.
Nguyen Van Tinh. All the findings presented in this project are genuine and original, and not plagiarized from any other source. Every reference in this project, including images, tables, figures, and citations, is properly and thoroughly documented in the bibliography. I take full responsibility for any instance of plagiarism that violates the school's regulations.
Hanoi, date 17 month 06 year 2024 Student (Signature and Full name) 4 ABT RACT I am currently witnessing the growth of the e-commerce market in Vietnam, and as a result, I have decided to create my own sales website. My goal is to establish a modern, user-friendly e-commerce platform that can cater to users and has the potential for future expansion. To start, I identify the target audience and understand their shopping needs. I will conduct research on similar sales websites to assess their strengths and weaknesses, evaluate market potential, trends, and development opportunities.
From my analysis, I have found that the fashion sector is one of the leading e-commerce markets with great potential for the future. From the reasons above, to build a sales website, I need to focus on designing the MySQL database, creating a user-friendly interface, and developing wireframes and prototypes for the main pages. The technology I choose, including programming languages, frameworks, libraries such as HTML, SCSS, Angular, Bootstrap 5, Java, JavaSpringBoot, and JwtToken, will cater to the project's specific needs. Web development will involve programming essential website functions such as the shopping cart, user registration/login, and product management, AI chatbox with a focus on addressing any arising issues and ensuring timely recovery to maintain the website's stability and security.
Building a sales website involves careful planning and preparation, including market research, design, and development. The success of the project hinges on investing in user experience (UX), enhancing security, and developing new features to meet evolving market needs. It is important to continually improve the user interface and experience, prioritize information security, and expand features to enhance the customer shopping experience. Keywords: Fashion shop, Java web, Java SrpingBoot, Srping Security Authentication, AI chatbox.
5 Table of Contents THANKS. Error! Bookmark not defined. Introduction of ChatGPT. Benefits of ChatGPT in customer care.
Limitation of ChatGPT. History of Angular. Advantage and disadvantage of Angular. Reason to choose Angular.
Advantage of Spring Boot. Reason to choose Spring Boot. History of MySQL. Reason to choose MySQL.
Back-end designs. Data Transfer Objects (DTO). Front-end designs. Login/Registration and Account.
56 7 List of Figures Figure 2.2 History of Angular .3 MySQL Foreign Keys Supporter.2 Sql script for MySQL .3 Imports of ProductDTO .4 Configuration of ProductDTO .7 View product’s images .8 Get production without any condition .9 Get product by ID(s) .10 Detele product by ID .11 Create virtual datas with javaFaker .14 Kafka and Zookeeper workflow .16 Redis configuration imports .18 Spring Security configuration .19 Merlin on Chrome web store .20 Merlin on Totoro shop .22 User’s information page .23 Totoro’s home page .24 Product’s details page .26 List of orders .27 Update order’s details. 55 9 Overview E-commerce (EC) currently plays a crucial role in the economic growth of countries by facilitating business activities and meeting the new demands of businesses and consumers. In Vietnam, EC is rapidly developing, becoming a popular business method due to modern internet infrastructure and technology. In 2020, despite the impact of the Covid-19 pandemic, Vietnam's EC market achieved a growth rate of 18%, reaching a scale of $11.
It is projected that Vietnam's digital economy could surpass $52 billion by 2025. However, Vietnam's EC still faces challenges in terms of human resources and technical infrastructure, leading to a lack of consumer trust. According to Statista, the compound annual growth rate (CAGR) of the fashion e-commerce industry is expected to increase by 14. CAGR is expected to reach a value of 1,000 billion USD in 2025, in The US market accounts for about 20%, equivalent to 204.
Particularly in the Vietnamese market, the fashion sector is the main pillar of the e-commerce industry, second only to the food industry. (Renna, 2022) To ensure sustainable EC development, it is necessary to improve the legal framework, enhance IT infrastructure, and improve the quality of after-sales services. Legal policies should ensure a healthy business environment, protect the legitimate interests of participants, and prevent commercial fraud. Simultaneously, investment in technology infrastructure, particularly in increasing internet speed, will help make EC transactions smoother and safer.
From a business standpoint, focusing on enhancing brand reputation and the quality of after-sales services is crucial in increasing customer loyalty. (Vu, 2024) The development of EC is not only an inevitable trend but also a decisive factor in promoting the digital economy and improving the quality of life. The government needs to continue improving the legal framework and technology infrastructure, while businesses need to improve service quality to build trust and attract more customers. I've decided to create a shop website that integrates traditional website functions with modern technologies such as SHA256 security and an AI shopping assistant.
The user- 10 friendly interface is designed using artificial intelligence (AI) and the Bootstrap framework. The ultimate aim is to establish a convenient e-commerce system that stays up-to-date with technological advancements in today's era. Introduction of ChatGPT The GPT Chat application, also known as a chatbot, is considered the most advanced artificial intelligence (AI) in the world. This tool can smoothly engage in conversations and provide accurate answers to a wide range of questions across different domains.
Upon its launch, users quickly turned to this tool for information instead of resorting to traditional search engines like Google. As it is well-versed in numerous fields, it is able to swiftly respond to users' inquiries. ChatGPT is often credited with kickstarting the AI boom, sparking significant investment and public attention in the field of artificial intelligence. By January 2023, it had become the fastest-growing consumer software application in history, attracting over 100 million users and contributing to OpenAI's current valuation of $86 billion.
Its release spurred the launch of competing products such as Gemini, Claude, Llama, Ernie, and Grok. Microsoft introduced Copilot, based on OpenAI's GPT-4. In June 2024, Apple Inc. and OpenAI announced a partnership, integrating ChatGPT into the Apple Intelligence feature of the Apple operating system.
However, some observers have expressed concerns about the potential for ChatGPT and similar programs to replace or undermine human intelligence, by enabling plagiarism or disseminating misinformation. (Wikipedia, ChatGPT, 2024) Reportedly, the GPT Chat tool developed by OpenAI has amassed a user base of 100 million people per month, just two months after its release, making it one of the fastest- growing applications in history. According to Sensor Tower statistics, the short video- sharing platform TikTok took 9 months to reach 100 million users after its global release, while Instagram achieved this milestone in 2.5 years, and the Google Translate application accomplished it in 6. Benefits of ChatGPT in customer care ChatGPT integrated into chatbox brings intelligence to automated customer care technology.
The giants such as Google, Microsoft, Amazon and Facebook to Startup companies all spend time and resources to develop ones. AI chatbox excel in the customer service market thanks to the messaging explosion in this era. Quick Problem Solving AI virtual assistants process vast amounts of data to understand previous customer interactions, preferences, requirements, and context. This allows them to recommend relevant content and prevent customer frustration, increasing their intelligence in problem-solving.
Significant Cost Reduction AI chatbox provide an effective solution to reduce personnel costs by efficiently handling simple tasks and responding to messages automatically. They prove to be much more productive than traditional customer service departments. Personalized Customer Care AI-integrated chatbots offer personalized and real-time customer care through proactive conversations. They are widely used across various industries, such as banking, retail, and fashion, to improve customer service and maintain real-time conversations with customers.
24/7 Customer Service AI chatbots leverage a business's information to provide 24/7 customer support, replacing the need for human teams to handle frequently asked queries and customer issues, regardless of time and location. Limitation of ChatGPT OpenAI has acknowledged that ChatGPT can sometimes generate responses that sound reasonable but are inaccurate or meaningless, a behavior known as "hallucination." This is a common occurrence in large language models. ChatGPT's reward model, which 13 relies on human oversight, can be overly optimized, which hinders its performance, a phenomenon referred to as the Goodhart's law of optimization pathology. As of 2024, GPT-3.5 has knowledge of events up to January 2022, GPT-4's knowledge limit is December 2023, and GPT-40's knowledge limit is October 2023.
A paid subscription enables ChatGPT to search the web for real-time data. The training data may contain algorithmic bias, which becomes apparent when ChatGPT generates responses to prompts involving descriptions of people. For example, in one instance, ChatGPT created a rap in which women and scientists of color were portrayed as inferior to white male scientists. This misrepresentation highlights the harm that can occur due to bias in training data.
Angular Angular is an open-source framework written in TypeScript and is used to create web interfaces. It was created by Google in 2009 and is still maintained by the company. Angular is known for being a powerful front-end framework used for advanced HTML programming. It is often employed to develop Single Page Application projects.
The current stable version is Angular 18.2, which was released on June 5, 2024 and uses TypeScript 5. (Angular, 2024) Many large companies, such as Upwork, Forbes, and General Motors, use Angular. Proficiency in Angular could lead to excellent job opportunities. However, users must have a solid understanding of CSS, and HTML, and be familiar with the Model-View- Controller architecture.
History of Angular In 2009, Misko Hevery and his friend, Adam Abrons, created the software Angular. Initially as a separate project, Angular became a part of the Google Feedback project when Misko joined as a part-time programmer. In about 6 months, Misko and two others wrote 17,000 lines of code for the project. However, the extensive code led to debugging and control errors.
In a bold move, Misko bet with the manager that he could rewrite all the code within 2 weeks using GetAngular. As a result, the 17,000 lines of code were reduced to 1,500 lines.