VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT Project: Design and Implementation of an Electronics E-commerce Website Student’s name: Tran Dinh Hoang Hanoi - 2024 I VIETNAM NATIONAL UNIVERSITY, HANOI INTERNATIONAL SCHOOL GRADUATION PROJECT Project: Design and Implementation of an Electronics E-commerce Website SUPERVISOR: Prof. Kim Dinh Thai (Academic title, academic degree, full name) STUDENT: Tran Dinh Hoang STUDENT ID: 19071604 COHORT: ICE SUBJECT CODE: INS401401 MAJOR: INFORMATICS AND COMPUTER ENGINEERING Hanoi - 2024 II SUMMARY OF CONTENTS OF THE GRADUATION PROJECT This project has the content of building a website to sell computers online using Laravel framework. Building a sales website aims to help customers easily buy products without having to go directly to the store, the manager has the ability to cover and control the inventory, provide statistics and reports. Content of the subject: Chapter 1: Overview This chapter will introduce an overview of the topic situation and research issues to develop the in-depth direction of the topic.
Chapter 2: Theoretical basis This chapter raises some theories about concepts, implementation models, as well as implementation languages and databases that need to be applied to build an online computer sales system. Chapter 3: System design analysis This chapter analyzes system design, builds object-oriented models, and the UML modeling language. Chapter 4: Installation and testing results From the theoretical foundations and system design analysis process, a website to sell computers online was built using Laravel framework. III THANK YOU With deep gratitude, the first words allow the Author to send his most sincere thanks to the teachers and faculty of Hanoi National University school in general and the collective of teachers of the subject Faculty ICE in particular for wholeheartedly conveying to the Author.
gained valuable knowledge during the author's time studying at school. In particular, the Author would like to express his deepest gratitude to Dr.Kim Dinh Thai, who directly guided throughout the duration of the project, enthusiastically advised, directed and gave the Author valuable advice to complete this graduation project. Finally, the Author would like to send best wishes to all teachers. I hope teachers have good health to continue imparting valuable knowledge to the next generation of students.
During the process of working on the project, due to the Author's limited ability and experience, there will inevitably be shortcomings. The Author hopes to receive the understanding and contributions of the teachers so that the graduation project can be completed. The project author would like to sincerely thank you! IV Table Of Content SUMMARY OF CONTENTS OF THE GRADUATION PROJECT. III THANK YOU .IX LIST OF TABLES.
XII LIST OF ACRONYMS.1 Reason for choosing the topic .3 Object and scope of inquiry. 8 CHAPTER 2 THEORETICAL BASIS .2 The role of HTML in web programming .2 The role of CSS in web programming .2 Development history of PHP.3 PHP operating process .4 Advantages and disadvantages of PHP language .1 What is framework? .2 What is MVC pattern .3 Introducing the Laravel framework.6 Overview of basic features of Laravel .7 Advantages and disadvantages .2 Diagrams in UML .3 Explanation of symbols. 25 CHAPTER 3 SYSTEM DESIGN ANALYSIS .3 Non-functional requirements.2 System design analysis .1 General Usecase Diagram .2 Login Usecase Diagram .3 Usecase for product portfolio management .4 Product management usecases .5 Manufacturer management usecase .6 Usecase manages product attributes .7 Keyword management usecase .8 Usecase manages article categories.9 Usecase for article management .10 Usecase for order management .11 Usecase for user management .12 Review management usecase .13 Contact management usecase .14 Usecase for slide management .15 Event management usecase .16 Usecase for static site management .17 Statistics management usecase .18 Customer functional usecase .1 Login function activity diagram .2 Registration function activity diagram .3 Functional activity chart for adding new product categories .4 Activity chart of product catalog editing function .5 Activity diagram of the product category deletion function .6 Functional activity chart added new comments .7 Activity diagram of the comment deletion function .8 Newly added functional activity chart for evaluation .9 Activity diagram of the review deletion function .10 Activity diagram of the function of adding new articles .11 Activity chart of adding new slide function .12 Activity diagram of slide editing function .13 Activity diagram of the slide deletion function .14 Activity diagram of the article editing function .15 Activity diagram of the post deletion function .16 Activity chart for adding new products .17 Product repair function activity chart .18 Activity diagram of the product deletion function .19 Activity diagram of the user deletion function .20 Activity chart of order processing function.7 Entity association model. 66 CHAPTER 4 INSTALLATION AND TESTING RESULTS .1 Administration page interface.1 Statistics page interface .2 Admin information page interface .3 Product catalog interface .4 Manufacturer management interface .5 Product data management page interface .6 Warehouse management page interface .7 Product management page interface .8 Interface of article category management page .9 Article management page interface .10 User account management page interface .11 Inventory management page interface .12 Review list page interface .13 Product comment list page interface .14 Admin management page interface .15 Order management page interface.16 Slide management page interface .17 Event management page interface.18 The page interface manages static pages.1 Home page interface .2 Product review and comment interface .3 Product detail interface .4 Article detail interface .5 Shopping cart interface .8 Interface for sending contact information .9 Search page interface.10 Account information page interface .11 Payment page interface.
82 CONCLUSION AND DEVELOPMENT DIRECTIONS. 84 VIII FIGURES Figure 1 -1 Website interface https://www.3 Figure 1 -2 Website interface https://www.4 Figure 1 -3 Website survey https://www.5 Figure 1 -4 Website survey https://www.5 Figure 1 -5 Website survey https://sachhay24h.6 Figure 1 -6 Website survey https://sachhay24h.6 Figure 1 -7 Website survey https://bookbuy.7 Figure 1 -8 Website survey https://bookbuy.7 Figure 2 -1 PHP workflow [9] .16 Figure 2 -2 MVC model [10] .17 Figure 2 -3 Explanation of UML symbols [15] .25 Figure 3 -1 General usecase diagram .29 Figure 3 -2 Login usecase diagram .30 Figure 3 -3 Usecase diagram for product portfolio management .31 Figure 3 -4 Product management Usecase diagram .32 Figure 3 -5 Usecase diagram for manufacturer management .34 Figure 3 -6 Usecase diagram for product attribute management .35 Figure 3 -7 Usecase chart for keyword management .37 Figure 3 -8 Usecase chart for managing article categories .38 Figure 3 -9 Usecase chart for article management .40 Figure 3 -10 Usecase diagram for order management .41 Figure 3 -11 Usecase diagram for user management .43 Figure 3 -12 Usecase diagram for evaluation management .44 Figure 3 -13 Usecase diagram for contact management .45 Figure 3 -14 Management Usecase diagram slide .46 Figure 3 -15 Event management Usecase diagram .48 Figure 3 -16 Usecase diagram for static site management .49 Figure 3 -17 Usecase diagram for static site management .50 Figure 3 -18 Customer functional Usecase diagram .52 IX Figure 3 -19 Class diagram .54 Figure 3 -20 Login function sequence diagram. Error! Bookmark not defined. Figure 3 -21 Product portfolio management sequence diagram Error! Bookmark not defined.
Figure 3 -22 Product management sequence diagram Error! Bookmark not defined. Figure 3 -23 Article management sequence diagram Error! Bookmark not defined. Figure 3 -24 Sequence diagram of article category management Error! Bookmark not defined. Figure 3 -25 Management sequence diagram slide.
Error! Bookmark not defined. Figure 3 -26 User management sequence diagram. Error! Bookmark not defined. Figure 3 -27 Evaluation management sequence diagram Error! Bookmark not defined.
Figure 3 -28 Contact management sequence diagram Error! Bookmark not defined. Figure 3 -29 Comment management sequence diagram Error! Bookmark not defined. Figure 3 -30 Product attribute management sequence diagram Error! Bookmark not defined. Figure 3 -31 Event management sequence diagram Error! Bookmark not defined.
Figure 3 -32 Static site management sequence diagram Error! Bookmark not defined. Figure 3 -33 Order management sequence diagram Error! Bookmark not defined. Figure 3 -34 Manufacturer management sequence diagram Error! Bookmark not defined. Figure 3 -35 Operation diagram of login function .55 Figure 3 -36 Registration function operation diagram .55 Figure 3 -37 Activity diagram of adding new product category .56 Figure 3 -38 Product catalog editing activity chart .56 Figure 3 -39 Activity diagram of product category deletion function .57 Figure 3 -40 Functional activity diagram add new comment .57 Figure 3 -41 Activity diagram of comment deletion function .58 X Figure 3 -42 Newly added function activity chart .58 Figure 3 -43 Activity diagram of the review deletion function .59 Figure 3 -44 Activity diagram of adding new article function .59 Figure 3 -45 Activity diagram for adding new slide .60 Figure 3 -46 Activity diagram for editing slide .60 Figure 3 47 Slide -67 deletion activity diagram6761management page interface .94 LIST OF TABLES Table 3 -1 Login usecase specification .30 Table 3 -2 Product category management usecase specification .31 Table 3 -3 Product management usecase specification .33 Table 3 -4 Manufacturer management usecase specification .34 Table 3 -5 Product attribute management usecase specification .35 Table 3 -6 Keyword management usecase specification .37 Table 3 -7 Usecase specification for managing article categories .38 Table 3 -8 Usecase specification for managing article categories .40 Table 3 -9 Order management usecase specification .42 Table 3 -10 User management usecase specification .43 Table 3 -11 Evaluation management usecase specification .44 Table 3 -12 Contact management usecase specification .46 XI XII LIST OF ACRONYMS No Acronyms From English Vietnamese words and meanings 1 Database Database 2 DB Database Database 3 XHTML Extensible HyperText Extensible Hypertext Markup Markup Language Language 4 XML eXtensible Markup Extensible markup language Language recommended by W3C with the intention of creating other markup languages 5 SVG Scalable Vector Graphics XML markup language and used to describe two-dimensional, static and animated vector graphic images, often for applications on web pages.
6 UML Unified Modeling Language The modeling language consists of graphical notations that object- oriented methods use to design information systems quickly. 7 API Application Programming Application programming Interface interface. 8 DOM Document Object Model Text manipulation objects XIII PREAMBLE Today, with the strong development of science and technology, Information Technology is one of the leading industries and plays a huge role in that overall development. Information technology applications are applied in all fields of scientific research as well as in all areas of life.
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. Along with the outstanding development of science and technology, information technology and e-commerce are one of the outstanding fields with the most practical contributions to the economy. Information technology and e- commerce are present in most areas of life and have become a very effective support tool in management and business. Today, "E-commerce" brings many benefits not only to businesses but also to consumers, such as saving time and costs in shopping and consumption.
Selling online is no longer a strange form for consumers, selling online is a very popular form of work, this form is chosen by any business selling products. That's why the author chose the topic of building a website to sell computers online using Laravel framework with main products being online books such as phones, laptops, accessories, and watches to make buying and selling easier and more convenient.1 Reason for choosing the topic Nowadays, life is increasingly developing and the need for online shopping is increasing. However, a busy life is one of the reasons that makes it difficult to buy the necessary things for both physical and mental needs. Information technology is increasingly developing and appearing in almost every field, especially the business field.
In fact, many industries in the business field have applied technology to gain profits, including online business. This form of business not only brings benefits to businessmen but also serves the urgent needs of consumers in modern life. There are two basic technology platforms applied to build a sales system: mobile application and website.