Building a website for selling fashion glasses using php

Building a website for selling fashion glasses using php Building a website for selling fashion glasses using php Building a website for selling fashion glasses using php

VIETNAM iNATIONAL iUNIVERSITY, iHANOI

INTERNATIONAL iSCHOOL

GRADUATION iPROJECT

Project: iBuilding ia iwebsite ifor iselling ifashion iglasses using PHP iú

Student’s iname: iĐoàn iXuân iPhước

Hanoi i- i2025

VIETNAM iNATIONAL iUNIVERSITY, iHANOI

INTERNATIONAL iSCHOOL

GRADUATION iPROJECT

Project: iBuilding ia iwebsite ifor iselling ifashion iglasses using PHP

SUPERVISOR: I Dr. iPham iDinh iTan

STUDENT: iĐoàn iXuân iPhước

STUDENT iID: i19071624 i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i

COHORT: iICE

SUBJECT iCODE: iINS401401

MAJOR: iINFORMATICS iAND iCOMPUTER iENGINEERING

Hanoi i- i2025

Content of the subject:

Chapter 1: Overview and Theoretical basis

This chapter will introduce an overview of the topic situation and research issues

to develop the in-depth direction of the topic and raises some theories about concepts, implementation models, as well as implementation languages and databases that need

to be applied to build an online glasses sales system

Chapter 2: System design analysis

This chapter analyzes system design, builds object-oriented models, and the UML

modeling language

Chapter 3 : Building the website

From the theoretical foundations and system design analysis process, a website to sell fashion glassess online was built using Laravel framework

ACKNOWLEDGEMENT

With deep gratitude, the first words allow the Author to send his most sincere thanks to the teachers and faculty of The International School, Viet Nam National University, HaNoi in general and the collective of teachers of the subject ICE in particular for wholeheartedly convening 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.Pham Dinh Tan, 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 better

The project author would like to sincerely thank you!

2.3.3 Usecase for product portfolio management 17

2.5.2 Sequence diagram for product portfolio management 25 2.5.3 iProduct imanagement isequence idiagram 26 2.5.4 iArticle imanagement isequence idiagram 27 2.5.5 Sequence diagram for managing article categories 28

2.5.10 Sequence diagram for comment management 31 2.5.11 Product attribute management sequence diagram 32

2.5.13 Static site management sequence diagram 34

2.5.15 Manufacturer management sequence diagram 35

2.6.3 Functional activity chart for adding new product categories 36 2.6.4 Activity chart of product catalog editing function 37 2.6.5 Activity diagram of the product category deletion function 37 2.6.6 Functional activity chart added new comments 38 2.6.7 Activity diagram of the comment deletion function 39 2.6.8 Newly added functional activity chart for evaluation 39 2.6.9 Activity diagram of the review deletion function 40 2.6.10 Activity diagram of the function of adding new articles 41

2.6.11 Activity chart of adding new slide function 41 2.6.12 Activity diagram of slide editing function 42 2.6.13 Activity diagram of the slide deletion function 42 2.6.14 Activity diagram of the article editing function 43 2.6.15 Activity diagram of the post deletion function 43 2.6.16 Activity chart for adding new products 44 2.6.17 Product repair function activity chart 44 2.6.18 Activity diagram of the product deletion function 45 2.6.19 Activity diagram of the user deletion function 45 2.6.20 Activity chart of order processing function 46

3.1.8 Interface of article category management page 53

3.1.10 User account management page interface 54

3.1.18 The page interface manages static pages 58

3.2.8 Interface for sending contact information 63

Figure i1 i-1 iWebsite iinterface ihttps://www.fahasa.com/ i i 3 Figure i1 i-2 iWebsite iinterface ihttps://www.fahasa.com/ i i 4 Figure i1 i-3 iWebsite isurvey ihttps://www.vinabook.com/ i i 5 Figure i1 i-4 iWebsite isurvey ihttps://www.vinabook.com/ i i 5 Figure i1 i-5 iWebsite isurvey ihttps://sachhay24h.com/ i i 6 Figure i1 i-6 iWebsite isurvey ihttps://sachhay24h.com/ i i 6 Figure i1 i-7 iWebsite isurvey ihttps://bookbuy.vn/ i i 7 Figure i1 i-8 iWebsite isurvey ihttps://bookbuy.vn/ i i 8

Figure i2 i-3Usecase idiagram ifor iproduct iportfolio imanagement i 17 Figure i2 i-4 iProduct imanagement iUsecase idiagram i 18 Figure i2 i-5 iUsecase idiagram ifor imanufacturer imanagement i 18 Figure i2 i-6 iUsecase idiagram ifor iproduct iattribute imanagement i 19 Figure i2 i-7 iUsecase ichart ifor ikeyword imanagement i 19 Figure i2 i-8 iUsecase ichart ifor imanaging iarticle icategories i 19 Figure 2 i-9 iUsecase ichart ifor iarticle imanagement i 20 Figure i2 i-10 iUsecase idiagram ifor iorder imanagement i 20 Figure i2 i-11 iUsecase idiagram ifor iuser imanagement i 21 Figure i2 i-12 iUsecase idiagram ifor ievaluation imanagement i 21 Figure i2 i-13 iUsecase idiagram ifor icontact imanagement i 21 Figure i2 i-14 iManagement iUsecase idiagram islide i 22 Figure i2 i-15 iEvent imanagement iUsecase idiagram i 22 Figure i2 i-16 iUsecase idiagram ifor istatic isite imanagement i 22 Figure i2 i-17 iUsecase idiagram ifor istatic isite imanagement i 23 Figure i2 i-18 iCustomer ifunctional iUsecase idiagram i 23

Figure i2 i-20 iLogin ifunction isequence idiagram i 25 Figure i2 i-21 iProduct iportfolio imanagement isequence idiagram i 25 Figure i22 i-22 iProduct imanagement isequence idiagram i 26 Figure 2i-23 iArticle imanagement isequence idiagram i 27 Figure i2 i-24 iSequence idiagram iof iarticle icategory imanagement i 28 Figure i2 i-25 iManagement isequence idiagram islide i 29 Figure i2 i-26 iUser imanagement isequence idiagram i 30 Figure i2 i-27 iEvaluation imanagement isequence idiagram i 30 Figure i2 i-28 iContact imanagement isequence idiagram i 31 Figure i2 i-29 iComment imanagement isequence idiagram i 31 Figure i2 i-30 iProduct iattribute imanagement isequence idiagram i 32 Figure i2 i-31 iEvent imanagement isequence idiagram i 33 Figure i2 i-32 iStatic isite imanagement isequence idiagram i 34 Figure i2 i-33 iOrder imanagement isequence idiagram i 34 Figure i2 i-34 iManufacturer imanagement isequence idiagram i 35 Figure 22 i-35 iOperation idiagram iof ilogin ifunction i 35 Figure i2 i-36 iRegistration ifunction ioperation idiagram i 36 Figure i2 i-37 iActivity idiagram iof iadding inew iproduct icategory i 36 Figure i2 i-38 iProduct icatalog iediting iactivity ichart i 37 Figure i2 i-39 ictivity idiagram iof iproduct icategory ideletion ifunction i 37 Figure i2 i-40 iFunctional iactivity idiagram iadd inew icomment i 38 Figure i2 i-41 iActivity idiagram iof icomment ideletion ifunction i 39 Figure i2 i-42 iNewly iadded ifunction iactivity ichart i 39 Figure i2 i-43 iActivity idiagram iof ithe ireview ideletion ifunction i 40 Figure i2 i-44 iActivity idiagram iof iadding inew iarticle ifunction i 41 Figure i2 i-45 iActivity idiagram ifor iadding inew islide i 41 Figure i2i-46 iActivity idiagram ifor iediting islide i 42 Figure i2 i47 iSlide i42 i

deletion iactivity idiagram

Figure i2 i-48 iActivity idiagram iof iarticle iediting ifunction i 43

Figure i2 i-49 iActivity idiagram iof ithe ipost ideletion ifunction i

Figure i2 i-50 iOperation idiagram iof iadding inew iproduct ifunction i

Figure i2 i-51 iActivity idiagram iof iproduct irepair ifunction i

Figure i2 i-52 iActivity idiagram iof iproduct ideletion ifunction i

Figure i2 i-53 iActivity idiagram iof iuser ideletion ifunction i

Figure i22 i-54 iOrder iprocessing ifunction iactivity idiagram i

Figure 2 ii-55 iEntity iassociation imodel i

Figure i3 i-1 iInterface iof istatistics ipage i

Figure i3 i-2 iAdmin iinformation ipage iinterface i

Figure i3 i-3 iProduct icategory ipage iinterface i

Figure i3 i-4 iManufacturer imanagement iinterface i

Figure i3 i-5 iProduct idata imanagement ipage iinterface i

Figure 3i-6 iKeyword imanagement iinterface i

Figure i3 i-7 iProduct imanagement ipage iinterface i

Figure3 i-8 iInterface iof iarticle icategory imanagement ipage i

Figure 3i i-9 iArticle imanagement ipage iinterface i

Figure 3-10 iUser iaccount imanagement ipage iinterface i

Figure 3-11 iUser iaccount imanagement ipage iinterface i

Figure i3 i-12 iProduct ireview ilist ipage iinterface i

Figure i3 i-13 iProduct icomment ilist ipage iinterface i

Figure i3 i-14 iContact imanagement ipage iinterface i

Figure i3 i-15 iOrder imanagement ipage iinterface i

Figure i3 i-17 iEvent imanagement ipage iinterface i

Figure i3 i-18 iStatic ipage imanagement ipage iinterface i

Figure i3 -19 iHome ipage iinterface i

Figure i3 i-20 iProduct ireview iand icomment iinterface i

Figure i3 i-22 iShopping icart iinterface i

Figure i3 i-23 iRegistration iinterface i

Figure i3 i-24 iLogin iinterface i

Figure i3 i-25 iCommunication isending iinterface i

Figure i3 i-26 iSearch ipage iinterface i

Figure i3 i-27 iAccount iinformation ipage iinterface i

Figure i3 i-28 iOnline ipayment ipage iinterface i

1 API Application iProgramming iInterface

5 XHTM Extensible iHyperText iMarkup iLanguae

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 for selling fashion glasses online using PHP with main products being online books such as accessories, and watches to make buying and selling easier and more convenient

1.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 However, mobile applications have limitations such as: users must download the application on their smartphone to access the online sales system; Along with that, when the application has a new version, users must be notified and users must redownload the application to use the new features At the same time, the developer must also design the interface so that the system appears beautiful, without broken or distorted images on different smart mobile versions Meanwhile, website design will solve those problems Users just need to access the website on the browser

on their computer or phone or any online book connected to the internet When a new version is available, users just need to reload the website and it will be automatically updated without much impact on user usage Developers also only need the website design to display best on browser versions, which are more stable than smart mobile devices

Currently, website and application technology can be fully adapted to mobile and table devices, and application technology runs cross-platform More suitable for online business than introducing products than using an app

From the above reasons, the Author decided to choose the topic "Building a website for selling fashion glasses online using PHP ” Building a website will help make business more convenient and easier, meeting the shopping needs of all customers anytime, anywhere

+ iFor customers: have the right to perform functions such as viewing product details, ordering and paying, searching for products, sending contact information,registering an account, logging into the system

1.3 Object and Scope of inquincy

- i Research object: building in online book sales website

- i System scale: the online book sales system is a system the serves i'll customers, operates nationwide and allows many customers to access it the same time

⮚ Survey website ihttps://www.fahasa.com/

Figure 1 -1 Website interface ihttps://www.fahasa.com/ i

Figure 1 -2 Website interface https://www.fahasa.com/

Advantage:

- The website works quite quickly

- Displays images and product description information

- Website aimed at purchasing products via fanpage (facebook)

Defect:

- The search function is not good, filtering products by price is not incorrect

- There are no suggestions for similar products

⮚ Survey iwebsite i

Figure i1 i-3 iWebsite isurvey ihttps://www.vinabook.com/ i

Figure 1 -4 Website survey thttps://www.vinabook.com/

Advantage:

- Quite fully functional for a sales website, about the login and registration

functions do not work

- Has online payment function

- Full information and advertising

Defect

- Bad interface

- The website is quite old, with a lot of redundant information and images

- The search function is not good, filtering products by price is not incorrect

⮚ Survey website

Figure 1 -5 Website survey https://sachhay24h.com/

Figure 1 -6 Website survey https://sachhay24h.com/

Advantage:

- Beautiful, eye-catching interface

- You can place orders without logging in

- Has online payment function

- Full information and advertising

Defect

- Website speed is still is low

- No logo, how much discount

- There are no suggestions for similar products

Survey iwebsite ihttps://bookbuy.vn/

Figure 1 -7 Website survey ihttps://bookbuy.vn/

Figure 1 -8 Website survey https://bookbuy.vn/

Advantage:

- The website has is beautiful, clutter-free interface

- The menu has discount icons and is easy to see

- Banners about new products, best-selling products, and flash sales are also clearly displayed

- - Displays the number of products sold and product suggestions in the product detail page

- Can comment and rate products

- Has online payment function

Defect:

- There is no login function

- Unable to track orders

- Can't select the quantity of products you want to buy

- Product information is limited, only size

At the end of chapter 1, the author conducted a survey of a number of websites selling fashion glasses using PHP Thereby, the project author saw the necessary requirements of an online selling fashion glasses website as well as the inadequacies

in the management process From there, the project author came up with a plan to build a new, more suitable and convenient posting system

i

1.4 iDatabase

The system uses the MySQL database system i[1]

MySQL is a fast and easy to use relational database management system MySQL

is being used for many businesses from large to small MySQL is developed, published, and supported by iMySQL AB, a Swedish company MySQL became quite popular for many reasons:

- i MySQL is open source

- i MySQL is a very powerful program

- i MySQL uses is standard form of the famous data language SQL

- i MySQL works on many operating systems and with many languages such as PHP, PERL, C, C++, Java,

- i MySQL iworks ifast iand irobustly ieven iwith ilarge idata isets

- i MySQL is ivery ifriendly iwith PHP, a ilanguage iworth ilearning ifor iWeb

idevelopment

- i MySQL isupports ilarge idatabases, iup ito i50 imillion irows ior imore iin ia isingle itable

iThe idefault ifile isize ilimit ifor ia itable iis i4 iGB, ibut iwe ican iincrease ithis isize i(if ithe

ioperating isystem ican ihandle iit) ito ireach ithe itheoretical ilimit iof i8 iTB

- i MySQL iis iadjustable. iThe iopen isource iGPL ilicense iallows iprogrammers ito

imodify iMySQL isoftware ito ifit itheir ispecific ienvironment

MySQL iuses imany idata itypes, idivided iinto ithree itypes: inumbers, idate iand itime

itypes, iand istring itypes

Numeric idata itype iin iMySQL

MySQL iuses iall inumeric idata itypes iaccording ito ithe iANSI iSQL istandard. iCommon

inumeric idata itypes iinclude:

- i INT: iAn iinteger iwith iregular isize, ican ibe isigned ior iunsigned. iIf isigned, ithe

ipossible ivalue irange iis ifrom i-2147483648 ito i2147483647, iif inot isigned, ithe ipossible

ivalue irange iis ifrom i0 ito i4294967295. iWe ican ispecify ia iwidth iof iup ito i11 idigits

- i TINYINT: iAn iinteger iwith ia ivery ismall isize, ican ibe isigned ior iunsigned. iIf isigned,

ithe ipossible ivalue irange iis ifrom i-128 ito i127, iif inot isigned, ithe ipossible ivalue irange iis

ifrom i0 ito i255. iWe ican ispecify ia iwidth iof iup ito i4 idigits

- i SMALLINT: iAn iinteger iwith ismall isize, ican ibe isigned ior iunsigned. iIf isigned, ithe

ipossible ivalue irange iis ifrom i-32768 ito i32767, iif inot isigned, ithe ipossible ivalue irange iis

ifrom i0 ito i65535. iWe ican ispecify ia iwidth iof iup ito i5 idigits

- i MEDIUMINT: iAn iinteger iwith imedium isize, ican ibe isigned ior iunsigned. iIf

isigned, ithe ipossible ivalue irange iis ifrom i-8388608 ito i8388607, iif inot isigned, ithe ipossible

ivalue irange iis ifrom i0 ito i16777215. iWe ican ispecify ia iwidth iof iup ito i9 idigits

- i BIGINT: iAn iinteger iwith ia ilarge isize, ican ibe isigned ior iunsigned. iIf isigned, ithe

ipossible range is from i-9223372036854775808 ito 9223372036854775807, if not

isigned, ithe ipossible irange iis ifrom i0 ito i18446744073709551615. iWe ican idefine ia iwidth

iof iup ito i20 idigits

- i FLOAT(M,D): iAn iunsigned ifloating-point ireal inumber. iWe ican idefine ithe

idisplay ilength i(M) iand ithe inumber iof idecimal iplaces i(D). iThis iis ioptional iand iwill

idefault ito i10.2: iwhere i2 iis ithe inumber iof idecimal iplaces iand i10 iis ithe inumber iof idigits

i(including idecimal iplaces). iThe idecimal ipart ican ibe iup ito i24 iplaces iafter ithe idecimal

ipoint ifor ia iFLOAT inumber

- i DOUBLE(M,D): iAn iunsigned ifloating-point ireal inumber. iWe ican idefine ithe

idisplay ilength i(M) iand ithe inumber iof idecimal iplaces i(D). iThis iis ioptional iand iwill

idefault ito i16.4: iwhere i4 iis ithe inumber iof idecimal iplaces iand i16 iis ithe inumber iof idigits

i(including idecimal iplaces). iThe idecimal ipart ican ibe iup ito i53 iplaces iafter ithe idecimal

ipoint ifor ia iDOUBLE inumber. iREAL iis isynonymous iwith iDOUBLE

- i DECIMAL(M,D): iAnother itype iof iunsigned ifloating ipoint. iEach idecimal idigit

ioccupies i1 ibyte. iDefining ithe idisplay ilength i(M) iand ithe inumber iof idecimal iplaces i(D)

iare irequired. iNUMERIC iis ia isynonym ifor iDECIMAL

Date iand iTime idata itypes iin iMySQL

Date iand iTime idata itypes iare iclassified iinto:

- i DATE: iA idate iin iYYYY-MM-DD iformat, ibetween i1000-01-01 iand i9999-12-31

iFor iexample, iDecember i25, i2015 iwill ibe isaved ias i2015-12-25

- i DATETIME: iA icombination iof iDate iand iTime iin ithe iformat iYYYY-MM-DD

iHH:MM:SS, ibetween i1000-01-01 i00:00:00 iand i9999-12-31 i23:59:59. iFor iexample,

i3:30 iPM ion iDecember i25, i2015 iwill ibe isaved ias i2015-12-25 i3:30:00 iPM

- i TIMESTAMP: iA iTimestamp ifrom ibetween imidnight ion iJanuary i1, i1970 iand

i2037. iLooks iquite isimilar ito ithe iprevious iDATETIME iformat, ithe idifference iis ithat ithere

iare ino ihyphens ibetween inumbers. iFor iexample, i3:30 ipm ion iDecember i25, i2015 iwould

ibe isaved ias i20151225153000 i( iYYYYMMDDHHMMSS)

- i TIME: iSave itime iin iHH:MM:SS iformat

- i YEAR(M): iStore i1 iyear iin i2-digit ior i4-digit iformat. iIf ithe ilength iis ispecified ias i2

i(for iexample, iYEAR i(2)), iYEAR ican ibe ifrom i1970 ito i2069 i(70 ito i69). iIf ithe ilength iis

ispecified ias i4, iYEAR ican ibe ifrom i1901 ito i2155. iThe idefault ilength iis i4

String idata itype iin iMySQL

In iaddition ito inumeric idata itypes ior idate iand itime idata itypes, ithe imost icommonly

iused idata itype iin iMySQL iis ithe istring idata itype. iListed ibelow iare ithe istring idata itypes

iand itheir idescriptions iin iMySQL:

- i CHAR(M): A fixed-length string from 1 to 255 characters in length (eg

iCHAR(5)). iIf ithe iactual ivalue iof ia ifield iof itype iChar iis inot iequal ito ithe ideclared ilength,

ithe imissing ipart ito ithe iright iof iit iwill ibe ifilled iwith iwhitespace icharacters iautomatically

iDefining ilength iis ioptional, idefault ivalue iis i1

- i VARCHAR(M): iVariable-length istring idata, iwith ilength ifrom i1 ito i255 icharacters

i(eg iVarchar(24)). iWe imust idefine ithe ilength iwhen icreating ia iVARCHAR ifield

- i BLOB ior iTEXT: iThis itype iof ifield ihas ia imaximum ilength iof i65535 icharacters

iBLOBs istands ifor i"Binary iLarge iObjects", iand iis iused ito istore ilarge iamounts iof ibinary

idata isuch ias ipictures ior iother itypes iof ifiles. iWith iTEXT, ifields ican ialso istore ia ilarge

iamount iof idata. iThe idifference ibetween ithem iis: iwhen isorting iand icomparing istored

idata, iBLOBs iare icase-sensitive, iwhile iTEXTs iare icase-insensitive. iWe idon't ihave ito

ispecify ilengths iwith iBLOBs ior iTEXTs

- i TINYBLOB ior iTINYTEXT: iA iBLOB ior iTEXT icolumn iwith ia imaximum ilength

iof i255 icharacters. iWe idon't ineed ito ispecify ilength iwith iTINYBLOB ior iTINYTEXT

- i MEDIUMBLOB ior iMEDIUMTEXT: iA BLOB or TEXT icolumn iwith ia

imaximum ilength iof i16777215 icharacters. iWe idon't ineed ito ispecify ithe ilength iwith

iMEDIUMBLOB ior iMEDIUMTEXT

- i LONGBLOB ior iLONGTEXT: iA iBLOB ior iTEXT icolumn iwith ia imaximum

ilength iof i4294967295 icharacters. iWe idon't ineed ito ispecify ilength iwith iLONGBLOB ior

iLONGTEXT

- i ENUM: iWhen idefining ia ifield iof ithis itype, ithat iis, iwe ihave ispecified ia ilist iof

iobjects ithat ithe ifield imust iaccept i(can ibe iNull). iFor iexample, iif iwe iwant ia icertain ifield ito

iaccept ionly ione iof ithe ivalues i"A" ior i"B" ior i"C", iwe imust idefine ithe iENUM itype ifor iit ias

ifollows: iENUM i('A', i'B', i'C'). iAnd ionly ithese ivalues i(or iNULL) ican iappear iin ithat ifield

2.1 Requirements specification

2.1.1 Topic description

Websites selling and selling glasses online are typically a form of online business,

so products must be displayed and updated continuously in the website, detailed product information must be displayed as vision as the user clicks in it a specific product Besides, online ordering needs to be done in the best and most convenient way for users This is one of the important features of the system

System management is necessary for an online business website The system administrator must have permission to manage functions related it product management

i (such as products, product categories, manufacturer's, product attributes, related keywords),Article management, order management, user account management and system management

product-At the same time, because this is a website that sells fashion glasses online, it needs

to have a beautiful design but not too cumbersome to attract viewers and facilitate buying and selling

From the above analysis and what is learned through other websites in the Overview section, the project to build an online fashion glasses sales website has the following functions:

- i Article management function group includes: article category management, article management Users are allowed to add, edit, and delete managed objects

- i Account management function group: user management, review management, comment management, contact management Users are allowed to perform delete operations in management functions

- i Order management: Allows searching, exporting information, viewing orders (including deleting products in the order), updating order status, and deleting orders

- i System management function group: slide management, event management, static page management, statistics Users are allowed to add, edit, delete slides, events, static pages and view statistics

B Frontend

The frontend of the online fashion glasses sales website is built on the following criteria:

- i Beautiful interface, simple and user-friendly operations

- iProduct information is rich and diverse, always updated with the latest products

- i There is store contact information

- i Simple font, easy-to-read images, harmonious colors

- i The system's data security must be high

- i Ensure good operation when many users interact at the same time

- i Website is compatible with popular browsers

The frontend of the website is selling fashion glasses online performs the following functions:

- i Display is best-selling products, new products, featured products, recently viewed products, display product categories such as textbooks, iconic books, science and technology

- i Customers can view detailed product information, send product reviews and comments

- iAllow customers to order products

- i Allow customers to register and log in to the system

- i Allows searching for products and news

- i Allows viewing news and featured articles

- i Allows account management: view overview of personal page, update account information, manage orders, view favorite products, viewed products, view login history

- i Allow sending contact information

2.1.3 iNon-functional irequirements

● Interface: The system interface must be easy to use, intuitive, and friendly to all users

● Processing speed: The system must process quickly and accurately

● Security: High security and safety

● Compatible: Compatible with most current web browsers

2.2 iSystemidesign analysis

The main actors of the system include:

Admin agent: performs functions such as product category management, manufacturer management, product style management, keyword management, product management, article category management, article management , user management, review management, comment management, contact management, order management,

slide management, event management, static page management, statistics management

To perform this function admin must log in

Customer agent: can perform functions such as searching for electronic products such as watches, news – articles , viewing detailed information of products, articles, ordering, viewing shopping cart, register a new account, comment on products, rate products, log in to the system, send contact information, manage accounts

2.3 iUsecase idiagram

2.3.1 iGeneral iUsecase iDiagram

Figure 2 -1 General usecase diagram Admin (Administrator): is a senior manager, which means he is the person with the highest responsibility for the system, has all system rights such as logging in,

managing product categories, production, product attributes, keywords, products, article categories, articles, users, reviews, comments, contact, slides, events, static pages, statistics, as shown in Figure 2-1

Customers have a group of customer functions: manage account information, search for products, articles, view product details, evaluate, comment, send contact, register, log in, place orders

i i i i2.3.2 iLogin iUsecase iDiagram

● Figure 2 -2 Login use case diagram

Login Use Case Specification Admin will choose to log in to the admin page

2.3.3 iUsecase ifor iproduct iportfolio imanagement

● Figure 2 -3 Use Case diagram for product category management

Use Case specification for product portfolio management

Admin will choose the function to view, add, edit, and delete product categories in the system

2.3.4 iProduct imanagement iusecases

Figure 2 - 4 Product management Use Case diagram

• Product Management Use case Specification

Use Case allows viewing, adding, editing, and deleting product information in the system

2.3.5 iManufacturer imanagement iusecase

Figure 2 -5 Usecase diagram for manufacturer management

• Manufacturer management usecase specification

Use Case allows viewing, adding, editing, and deleting manufacturer information in the system

2.3.6 iUsecase imanages iproduct iattributes

Figure 2 2-6 Use Case diagram for product attribute management

• Use Case specification for product attribute management

Use Case allows viewing, adding, editing, and deleting product attribute information in the system

2.3.7 iKeyword imanagement iusecase

Figure 2 -7 Use Case chart for keyword management

• Use Case specification for keyword management

Use Case allows viewing, adding, editing, and deleting keyword information in the system

2.3.8 iUsecase imanages iarticle icategories

Figure 2 -8 Use Case diagram for managing article categories

● Use Case specification for managing article categories

Use Case allows adding, editing, and deleting article categories in the system

2.3.9 iUsecase ifor iarticle imanagement

Figure 2-9 Use Case chart for article management

● Use Case specification for article management

Use Case allows adding, editing, and deleting articles in the system

2.3.10 iUsecase ifor iorder imanagement

Figure 2 -10 Use Case diagram for order management

● Order management use case specification

Use Case allows searching for orders, exporting information, deleting orders, updating order status, viewing order details, and deleting products of orders in the system

2.3.11 iUsecase ifor iuser imanagement

Figure 2 -11 Use Case diagram for user management

● Use Case specification for user management

Use Case allows deleting users in the system

2.3.12 iReview imanagement iusecase

Figure 2 -12 Review management Use case diagram

● Evaluation Management Use case Specification

Use Case allows to delete reviews in the system

2.3.13 iContact imanagement iusecase

Figure i2 i-13 iUsecase idiagram ifor icontact imanagement

● Contact imanagement iusecase ispecification

U isecase iallows ideleting icontacts iin ithe isystem

2.3.14 iUsecase ifor islide imanagement

Figure i2 i-14 iUsecase idiagram ifor islide imanagement

● Usecase ispecification ifor islide imanagement

U isecase iallows iadding, iediting, iand ideleting islides iin ithe isystem

2.3.15 iEvent imanagement iusecase

Figure i2 i-15 iEvent imanagement iUsecase idiagram

● Event imanagement iusecase ispecification

U isecase iallows iadding, iediting, iand ideleting ievents iin ithe isystem

2.3.16 iUsecase ifor istatic isite imanagement

Figure i2 i-16 iUsecase idiagram ifor istatic isite imanagement

2.3.17 iStatistics imanagement iusecase

Figure i2 i-17 iUsecase idiagram ifor istatic isite imanagement

● Statistical iManagement iUsecase iSpecification

2.3.18 iCustomer ifunctional iusecase

Figure i2 i-18 iCustomer iFunctional iUsecase iDiagram

2.4 iClass idiagram

Figure i2 i-19 iClass idiagram

2.5 iSequence idiagram

2.5.1 iLogin isequence idiagram

Figure i2 i-20 iLogin ifunction isequence idiagram

2.5.2 iSequence idiagram ifor iproduct iportfolio imanagement

Figure i2 i-21 iProduct icategory imanagement isequence idiagram

2.5.3 iProduct imanagement isequence idiagram

Figure i2 i-22 iProduct imanagement isequence idiagram

2.5.4 iArticle imanagement isequence idiagram

Figure i2 i-23 iArticle imanagement isequence idiagram

2.5.5 iSequence idiagram ifor imanaging iarticle icategories

Figure i2 i-24 iSequence idiagram iof iarticle icategory imanagement