Phân tích thiết kế và xây dựng website bán mỹ phẩm trực tuyến cho mỹ phẩm miuxinh

-_ Xây dựng được một website bán mỹ phẩm trực tuyến với các chức năng tối thiểu mà website bán hàng phải có: -_ Đối với khách hàng: O Cho phép khách hàng tìm kiếm các sản phẩm... Yêu c

TRUONG DAI HOC CONG NGHE GTVT

KHOA CONG NGHE THONG TIN

Vũ Thị Hợp

Phân tích thiết kế và xây dựng website bán

mỹ phẩm trực tuyến cho mỹ phẩm Miuxinh

ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY

Ngành: Công Nghệ Thông Tin

Hà Nội — 2022

TRUONG DAI HQC CONG NGHE GTVT KHOA CONG NGHE THONG TIN

Vũ Thị Hop

Phân tích thiết kế và xây dựng website bán

mỹ phẩm trực tuyến cho mỹ phẩm Miuxinh

ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY

Ngành: Công Nghệ Thông Tin

Cán bộ hướng dẫn: ThS Phạm Thị Thuận

Hà Nội — 2022

MUC LUC

1.4 Kết quả dự: kiến 2< se EE+dEESteEE+deEExeEEEseEreereereevreerreerreereere 8

CHƯƠNG 2: KIÊN THỨC NÊN TẢNG s2 s22 xeeerxseorkerrrrseerrxsrresree 10

CHUONG 3: PHAN TÍCH VÀ THIẾT KẺ HỆ THÓNG -2-5- 5° s52 = 14 3.1 Khảo sát hệ thống << eceeEzsetxeeExetrsetrsersetrsetrserssersersersersee 14

3.3 Mô tả bài fOánn so 9s E999 9EE9t E29 eEESe Họ 999gr senses 18

TAL LIEU THAM KHHẢO 2 2s 2< 22 s8 EEsEES E2 sex sex re cmerske 113

DANH MỤC HÌNH ẢNH

0H 0N ong NNHHẳẢ.Ổ.dOỎỒỒỒỔẢŸẢÝŸÝỶÝ£ 24 Hình 3.4.2 Usecase dành cho tác nhân “Quantr1” 5-25 2222222231222 1 122zzs+2 24 Hinh 3.4.3 Usecase dành cho tác nhân “NhanvIeni' 22c 2212222121222 errrrsey 25 Hinh 3.4.4 Usecase dành cho tác nhân “Khách hàng'” 5 5c 2 22212222212 2zxcszs 25 Hinh 3.4.5 Usecase dành cho tác nhân “Khách xem' -:- 2 2222211132212 x+sx 26 Hình 3.4.6 Biêu đồ chỉ tiết usecase Đăng nhập của Quantri, Nhanvien, Khách hàng .26 Hình 3.4.7 Biêu đỗ chỉ tiết usecase Quản lý tài khoản của Quantri 55555: 27 Hình 3.4.8 Biểu đồ chỉ tiết usecase “Đặt 0 27

Hình 3.4.9 Biêu đồ chỉ tiết usecase Quản lý giao dịch của Quantri, Nhanvien 27

Hinh 3.4.10 Biéu đồ chí tiết usecase Quản lý sản phâm của Quantri, Nhanvien 28

Hinh 3.4.11 Biếu đồ chỉ tiết usecase Quản lý danh mục của Quantri, Nhanvien 28

Hinh 3.4.12 Biéu đồ chỉ tiét usecase Quan ly tin tire cua Quantri, Nhanvien 28

Hinh 3.4.13 Biéu đồ chí tiết usecase Thống kê của Quantri, Nhanvien - 29

Hình 3.4.14 Biểu đồ chí tiết usecase Quản lý giỏ hàng của Khách xem, khách hàng 29

Hinh 3.4.15 Biéu đồ chí tiết usecase Đăng kí tài khoản của khách xem 29

Hinh 3.4.16 Biéu d6 chi tiét usecase Quan ly tai khoản của khách hảng 29

Hinh 3.4.17 Biéu đồ chỉ tiết usecase Quản lý liên hệ của Quản trị, Nhân vién 30

Hinh 3.4.18 Biéu đồ chí tiết usecase xem chỉ tiết sản phâm của người dùng 30 Hình 3.4.19 Biểu đồ chí tiết usecase tìm kiếm - 2 5 ST 1121121111211 x0 30 Hinh 3.4.20 Biểu đồ chí tiết usecase Quản lý khách hàng 2- 52221 22222 31 Hinh 3.4.21 Biéu d6 usecase chi tiết Quan lý nha cung cap ccc 31 Hinh 3.4.22 Biéu d6 usecase chi tiết Quản lý mã giảm giá 552cc re 31 Hình 3.4.23 Biểu đồ hoạt động chức năng 'Đăng nhập' ee eeeeeeeeeeeeee 33 Hinh 3.4.24 Biéu đồ trình tự chức năng 'Đăng nhập' 2 2 29221 112111221 6 33 Hình 3.4.25 Biêu đồ hoạt động chức năng thêm tài khoản 2 222222 eres 34

Hình 3.4.26 Biểu đồ trình tự chức năng thêm tài khoản 2s 21222 E2 ee 35

Hình 3.4.27 Biểu đồ hoạt động chức năng sửa tài khoản s- 2 c2 sec 36 Hinh 3.4.28 Biểu đồ trình tự chức năng sửa tài khoản 2- 2212 22212222212 x6 36 Hình 3.4.29 Biêu đồ hoạt động chức năng xóa tài khoản 2c 2c se 37 Hình 3.4.30 Biêu đồ hoạt động chức năng xóa tài khoản - 2c 2c 2c 38 Hình 3.4.31 Biểu đồ hoạt động chức năng xử lý giao địch 2- 522222 39

Hinh 3.4.32 Biéu đồ trình tự chức năng xử lý đơn hàng 52-5-2222 2 22c 39

Hình 3.4.33 Biểu đồ hoạt động chức năng hủy giao dịch -s- 5c sex 40 Hình 3.4.34 Biểu đồ trình tự chức năng hủy giao dịch - - s22 e2 c2 2xx 41 Hình 3.4.35 Biểu đồ hoạt động chức năng thêm sản phâm 2- 52s 41 Hinh 3.4.36 Biéu đồ trình tự chức năng thêm sản phẩm 2 S2 2122222 42 Hình 3.4.37 Biểu đồ hoạt động chức năng sửa sản phẩm 52-2222 43 Hinh 3.4.38 Biéu đồ trình tự chức năng sửa sản phẩm -2- 2 SE E222 2x 43

Hình 3.4.41 Biểu đ ôhoạt động chức năng thêm danh mục - 5+ +5 s+++<s 46

Hình 3.4.42 Biểu đ ôtrình tự chức năng thêm danh mục loại sản phẩm 46

Hình 3.4.43 Biểu đ`ôhoạt động chức năng sửa danh mục loại sản phẩm 47

Hình 3.4.44 Biểu đ `ôchức năng sửa danh mục 5 5c + +32 1+2 xssxre 47 Hinh 3.4.45 Biểu đ ôhoạt động chức năng xóa danh mục «+55 +++<>s++s+ 48 Hinh 3.4.46 Biểu đ ôtrình tự chức năng xóa danh mục - 5 +55 +55 s+ + xxx 49 Hinh 3.4.47 Biểu đ ôhoạt động chức năng thêm tin tỨcC 555 < 2+5 2s sxxssx 50 Hinh 3.4.48 Biểu đ ôtrình tự chức năng thêm tin tỨC - - 55555 + + +ssseeres 50 Hình 3.4.49 Biểu đ ôhoạt động chức năng sửa tin (ỨC -.- 5c S5 +2 x++svses 51 Hình 3.4.50 Biểu đ ôtrình tự chức năng sửa tỉn tỨC ác c1 S11 xe, 51 Hình 3.4.51 Biểu đ ôhoạt động chức năng xóa tỉn tỨC - 5c 3s +sseeerrrss 52 Hình 3.4.52 Biểu đ Gtrinh ty chite nang xa tin fỨC Ăn xsererres 53 Hinh 3.4.53 Biéu d Ghoat déng chire nang thém san pham vao gid hàng 54

Hình 3.4.54 Biểu đ ôtrình tự chức năng thêm sản phẩm vào giỏ hàng 54

Hinh 3.4.55 Biểu đ 'ôhoạt động chức năng xóa sản phẩm trong giỏ hàng 55

Hình 3.4.56 Biểu đ ôtrình tự chức năng xóa sản phẩm trong giỏ hàng - 56

Hình 3.4.57 Biểu đ ôhoạt động chức năng sửa giỏ hàng +5 cccScsssssse2 57 Hình 3.4.58 Biểu đ ôtrình tự chức năng sửa giỏ hàng 5 cà 255212 ssx 57 Hình 3.4.59 Biểu đ ôhoạt động chức năng đăng ký tài khoản - - «- ++ 58

Hinh 3.4.60 Biểu đ ôhoạt động chức năng đăng ky tai Khoan eee eee eects eee 59 Hình 3.4.61 Biểu đ ôhoạt động chức năng thay đổi thông tin, mật khẩiu 60

Hình 3.4.62 Biểu đ ôtrình tự chức năng sửa thông tin, mật khẩi 60

Hình 3.4.63 Biểu đ ôhoạt động chức năng đặt hàng .- S5 sS< sexy 61 Hình 3.4.64 Biểu đ ôtrình tự chức năng đặt hàng 55 55 3S * + sseerrrss 62 Hinh 3.4.65 Biểu đ ôhoạt động chức năng thêm nhà cung cấtp «<<++ 63 Hình 3.4.66 Biểu đ ồtrình tự chức năng thêm nhà cung cấp - «<< << <+s<+ 63 Hình 3.4.67 Biểu đ ôhoạt động chức năng cập nhật thông tin nhà cung cấp 65

Hình 3.4.68 Biểu đ ồtrình tự chức năng cập nhật thông tin nhà cung cấp 65

Hình 3.4.69 Biểu đ ôhoạt động xóa nhà cung cấp - 5 tt s nh nh 66 Hình 3.4.70 Biểu đ ồtrình tự chức năng xóa nhà cung cấp -c«+< + sex 66 Hình 3.4.71 Biểu đ ôhoạt động chức năng thống kê - 55-5 csS+S + +ssss2 67 Hinh 3.4.72 Biéu d Gtrinh ty chire nang thống kê 5 55523 3+ +sssrsss 68 Hình 3.4.73 Biểu đ 'ôhoạt động chức năng xem chỉ tiết sản phẩm 69

Hình 3.4.74 Biểu đ ôtrình tự xem chỉ tiết sản phẩm GSĂSSSSSsssserssers 69 Hình 3.4.75 Biéu d Shoat động tìm kiếm theo tên sản phẩm +55 << c++ 70 Hình 3.4.76 Biểu đ ôtrình tự tìm kiếm theo tên sản phẩm - 5 +<<<<<++ 70 Hình 3.4.77 Biểu d Gtrang thai đơn hàng giao dịCh - ccs se + rseg 71 Hình 3.4.78 Biểu đ ôtrang thái mã giảm giá 5 2.3 re 71 Hinh 3.4.79 Biểu đ ôtrang thái tin tỨC Án 1S SH 9111411111 1 rớt 71 Hinh 3.4.80 Biểu đ ôtrạng thái nhà cung cấtp - - 5 5< SH ch 71 00 ¡6 6.2012) 00000000086 72 Hình 3.4.82 Mô hình cơ sở dữ liệU - - -Ă- 5G 23223 S3 21 921 921 v.v ng vn rườn 81 Hình 3.5.1 Thiết kế giao diện đăng nhậpp - 5 55 5B 231 1 93 1n re 82

Hinh 3.5.2 Giao diện đăng kí 2 0 2011211211 1211211 1111111112111 1111110111011 111k rkg 82

Hình 3.5.3 Thiết kế giao diện thêm tải khoản thành viên 52-52252222 2zz£z252 2522 82 Hình 3.5.4 Thiết kế giao diện sửa tài khoản thành viên - 2-52 S2 222E2££z£E2£22522 83

Hình 3.5.5 Thiết kế giao diện xem danh sách đơn hàng giao dịch 2 ssssss¿ 83 Hình 3.5.6 Thiết kế giao diện xem giao dich chi 1 83 Hình 3.5.7 Thiết kế giao dién thêm danh mục 2 22222122221 122251 1552512222 xe 84 Hình 3.5.8 Thiết kế giao diện sửa danh mục ¿+ 2c 2122111231511 121 25121112 e2 84 Hình 3.5.9 Thiết kế giao dién thêm sản phâm seueunsecececececausceceeseccseecsssttttectesttesttteeeseecess 84 Hinh 3.5.10 Thiét ké giao dién sua san pham levesetetecetenesaueececscecececeseceeauuaeseeseceeauaaensess 85 Hinh 3.5.11 Thiét kế giao điện xem danh sách sản phẩm -2- 2 2 z2£22£zzz x22 85 Hinh 3.5.12 Thiết kế giao trang chủ 5-22 ©2222 SEE12212512212711212211111211 27122221 te 86 Hinh 3.5.13 Thiét ké giao điện gid hang cece css esseesessessesessessesseseseesnsesseresees 86

Hinh 3.5.14 Thiét ké giao dién xem danh sach nha cung cAp c.ccccccccceceeeeseseseeseen 86 Hinh 3.5.15 Thiét ké giao dién thêm nhà cung cấp 5 + 5 E21 211122212221 6 86 Hình 3.5.16 Thiết kế giao diện cập nhật nhả cung cấp 2522522 2 22222 87 Hinh 4.2.1 Giao diện trang, chủ - - 2c 2211211121 1121 1111111112111 1120111111111 1 11811 kg 88 Hình 4.2.2 Giao điện chỉ tiết sản phâm 2-52 St 1E EE211212211112112111112111 E11 y0 89 Hinh 4.2.3 Giao diện đăng ký tài khoản cho khách hàng 2 2222222 c2zcs>s 89 Hinh 4.3.1 Giao diện đăng nhập trang quản tFỊ - 2: 2221211122111 1321 1112211212 ce 89

Hình 4.3.2 Giao diện thống kê 5 5 E2 2112121111121121121211111 21211121 crg te 90 Hình 4.3.3 Giao diện quản lý sản phẩm 5-5 S11 1EE1211211211212112121121 111 16 90

Hinh 4.3.4 Giao diện quan lý khách hàng 2 2 22 22212211221 1221 1251151111811 re 90

DANH MUC B

Y Bang 3.1.2.1 Két quả phỏng vấn cách bán hàằng - - 5 5< 5 + +23 E3 xxx 14 Bảng 3.1.2.2 Kết quả phỏng vấn quá trình phân loại, quản lý hàng hóa 15 Bảng 3.1.2.3 Kết quả phỏng vấn v`êhệ thống ph m`ần hiện tại ở cửa hàng Miuxinh L6 Bang 3.1.2.4 Kết quả phỏng vấn nhân viên bán hằng - 5 S5 SE se 17 Bang 3.4.1.1 Bang Actor và LÏSGCAS€ - HH HH HH HH HH nh 21 Bang 3.4.3.1 Dac ta chie năng ‘Dang mhap' eeeeeeeeseeeeseeseeeeeeeseeeeeeaeeeecaeeaeeereeeaeees 32 Bang 3.4.3.2 Đặc tả chức năng thêm tài khoản - c2 3221211132151 rex 34 Bảng 3.4.3.3 Đặc tả chức năng sửa tài khoản - -‹- 6 cà 2.121 1111111111511 1511111 gxe, 35 Bảng 3.4.3.4 Đặc tả chức năng xóa tài khoản ¿+ + + 1 S2 vn re 36 Bảng 3.4.3.5 Đặc tả chức năng xử lý đơn hàng giao dịch -s-csc se cserseeree 38 Bảng 3.4.3.6 Đặc tả chức năng hủy đơn hàng - 6 +5 5 x3 9n ng 39 Bang 3.4.3.7 Đặc tả chức năng thêm sản phẩm - 5 5 5+ 25 SE rkeseerke 41 Bảng 3.4.3.8 Đặc tả chức năng sửa sản phẩm - - 5< S2 St stress rrxee 42 Bảng 3.4.3.9 Đặc tả chức năng xóa sản phẩm - 5 5+ S9 s9 ng set 43 Bảng 3.4.3 10 Đặc tả chức năng thêm danh mục 55 5 2c 3S xssesesseserrreeres 45 Bảng 3.4.3.11 Đặc tả chức năng sửa danh mục loại hình ảnh - 5-5 ++-s<++s 46 Bảng 3.4.3 12 Đặc tả chức năng xóa danh mục - c3 3333252552 srrrss 48 Bảng 3.4.3.13 Đặc tả chức năng thêm tỉn fỨC - 32233321 3111111511151 1 re 49 Bảng 3.4.3.14 Đặc tả chức năng sửa tÏn {ỨC 2.12111111111111 1111111811 0111 811811 cry 50 Bang 3.4.3.15 Dac ta chitc năng XÓa (II tỨC - c0 22112111 211 1 11 111 1111112 11g re, 52 Bang 3.4.3.16 Đặc tả chức năng thêm sản phẩm vào giỏ hàng 5 - 55 «+ 55+: 53 Bang 3.4.3.17 Dac ta chire nang x6a san phẩm trong giỏ hàng - 5 «<< + «2 55 Bảng 3.4.3.18 Đặc tả chức năng sửa giỏ hàng - óc c1 1211111131115 11 811823 cry 56 Bảng 3.4.3 19 Đặc tả chức năng đăng ký tài khoản - 55523 sssevsssssesseers 57 Bảng 3.4.3.20 Đặc tả chức năng thay đổi thông tin + 5à + Sxsssssrsssssreesres 59 Bảng 3.4.3.21 Đặc tả chức năng đặt hàng 5 c2 11 31v Hy 11112 1g gy 60 Bảng 3.4.3.22 Đặc tả chức năng thêm nhà cung cấp - 5 set 62 Bảng 3.4.3.23 Đặc tả chức năng cập nhật thông tin nhà cung cấp -‹- <<5+ 64 Bang 3.4.3.24 Dac ta chức năng xóa nhà cung cấpP - 5 tk n9 ng nh cư 65 Bảng 3.4.3.25 Đặc tả chức năng thống kê ¿c3 33223221 12131351 511 11111 67 Bảng 3.4.3.26 Đặc tả chức năng xem san Phaim ec eeeeeesseeeeeeeceeeeeeeeceeeeseeeceetaeeeesaeeets 68 Bảng 3.4.3.27 Đặc tả chức năng tìm kiếm theo tÊn - 5 5+2 1£ sresrereererss 69 Bảng 3.4.6.1 CSDL sản phẩm - <5 TH TH HT ng HH ng 72 Bảng 3.4.6.2 CSDL danh mục sản phẩm 5-51 91 9n nghiep 73 Bang 3.4.6.3 CSDL nhà cung cất - - 5 - 5t TH SH HH TH HH HH 74 Bảng 3.4.6.4 CSDL mã giảm giá - - G- 5À 5T HH HH ng nh 75 Bang 3.4.6.5 CSDL slider quảng CáO - - 5 + 3 vn HH TH nghe 75

; ¡5e 61.19.1900 00 e 76

; uc 5/9000 76 Bảng 3.4.6.8 CSDL, Đơn hàng - 5 «5 h9 91T HH HT kh 77

Bang 3.4.6.9 CSDL chi tiết đơn hàng - +5 5 1+3 E13 1n 78 Bảng 3.4.6 10 CSDL cấu hình 5 2 21111 11111111 1111113181111 11 1 H1 TH TH ng re 78 Bang 3.4.6.11 CSDL tỉnh thành phố - 5 5 E393 1123 910 1 SH HH ch 79 Bang 3.4.6.12 CSDL quận huyỆn 5 1S HH HH HH HH nh 79 Bảng 3.4.6 13 CSDL khách hàng - - - << 1+3 E1 93 911 91 HH HH HH 79 Bảng 3.4.6 14 CSDL nhân viÊn - - - - 5 + 3S HT HH TH HH ch 80 Bang 3.4.6.15 CSDL quy ôn nhân viên - - 5 + + vn HH HH HH ch 80 Bảng 4.4.1.1 Nghiệm thu kết quả cho kiểm thử Đăng nhập - 5+-c+< + s2 90 Bang 4.4.2.1 Kết quả test chức năng quản lý nhà cung cấtp «55s Sex 92 Bang 4.4.3.1 Kết quả kiểm thử chức năng giỏ hàng - 5-2 St stseresrrrrerersee 93 Bảng 4.4.4.1 Kết quả kiểm thử chức năng quản lý sản phẩim - 755 +-c+<s<<2 95 Bảng 4.4.5.1 Kết quả kiểm thử chức năng quản lý tỉn tỨc - -+ sec sssessereeerxee 97 Bang 4.4.6.1 Kết quả kiểm thử chức năng quản lý giao dịch - c+scc+<<s<sss«e 98 Bảng 4.4.7.1 Kết quả kiểm thử chức năng đăng ký, chỉnh sửa thông tin cá nhân 99 Bảng 4.4.8.1 Kết quả kiểm thử chức năng quản lý danh mục - -c+<x << s52 101 Bảng 4.4.9.1 Kết quả kiểm thử chức năng đặt hàng 5 + Series 102 Bảng 4.4.10.1 Kết quả kiểm thử chức năng tìm kiếim 5 257cc seiserrsrres 103 Bảng 4.4.11.1 Kết quả kiểm thử chức năng quản lý tài khoản 2< {+55 5+ 104 Bảng 4.4.12.1 Kiểm thử chức năng thống kê 6 0S 3221311 31121511 11551152 1xe+ 106 Bảng 4.4.13.1 Kiểm thử chức năng xem chỉ tiết sản phẩm cho người dùng 107

TOM TAT

Ngày nay, các ứng dụng công nghệ thông tin được áp dụng trong mọợi lĩnh vực nghiên cứu khoa học kỹ thuật cũng như đởi sống, máy tính trở thành công cụ trợ giúp đấc lực cho con người trong lưu trữ, phân tích và xử lý thông tin Ở nước ta, cùng với

sự phát triển chung của n`ầ kinh tế, tin học ngày càng được ứng dụng rộng rãi trong các công tác quản lý và từng bước khẳng định sức mạnh cũng như vị trí quan trọng của mình

Trong cuộc sống, nhu cầi làm đẹp cho bản thân của mọi người càng tăng cao dẫn đến sự phát triển vượt trội của các sàn thương mại điện tử lớn như: Lazada, Shopee, Tiki, bên cạnh những sàn thương mại điện tử lớn thì các sàn thương mại điện tử nhỏ cũng đang phát triển song song với nhu c3 thị yếu của người dùng Hơn thế nữa, sự ảnh hưởng không nhỏ của dịch bệnh COVID-19, việc giãn cách xã hội đã làm sôi động hoạt động mua bán hàng hóa, sản phẩm qua các trang thương mại điện tử, qua các trang bán hàng, website online hơn bao gio’ hét

Vi vay, qua thoi gian khảo sát thực tế và vận dụng những kiến thức đã được học, nên em quyết định chọn và thực hiện đề tài “Phân tích thiết kế và xây dựng website bán mỹ phẩm trực tuyến cho mỹ phẩm Miuxinh” là đ'ềtài báo cáo tốt nghiệp

LOT CAM ON

Trong thoi gian lam d Gan tốt nghiép, em da nhan duoc nhi& sw gitip do, dong gdp ý kiến và chỉ bảo nhiệt tình của th% cô, đặc biệt là cô PHẠM THI THUẬN Trước hết em xin chân thành cảm ơn cô giáo PHẠM THỊ THUẦN giảng viên Khoa Công nghệ Thông tin, Trường Đại học Công Nghệ Giao Thông Vận Tải, người

đã trực tiếp, hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện đ tài Xin chân thành cảm ơn ban giám hiệu nhà trưởng, các th 4 cô trong Khoa Công nghệ Thông tin và các phòng ban nhà trưởng đã tạo đi âi kiện tốt nhất cho em cũng như các bạn khác trong suốt thời gian học tập và làm đ ôán

Do thời gian thực hiện có hạn, kiến thức còn hạn chế, trình độ chuyên môn còn yếu, nên trong quá trình thực hiện đ 'ôán không tránh được những sai sót nhất định

Em rất mong quý công ty và các th% cô cùng các bạn sinh viên có thể góp ý để

em có thể hoàn thiện tốt hơn và làm đ`ềtài hoàn thiện hơn

Em xin chân thành cảm ơn !

CHUONG 1: GIOITHIEU TONG QUAN

1.1 Ly do chon d tai

Ngày nay, các ứng dụng công nghệ thông tin được áp dụng trong moi lĩnh vực nghiên cứu khoa học kỹ thuật cũng như đởi sống, máy tính trở thành công cụ trợ giúp đấc lực cho con người trong lưu trữ, phân tích và xử lý thông tin Ở nước ta, cùng với

sự phát triển chung của n`ầ kinh tế, tin học ngày càng được ứng dụng rộng rãi trong các công tác quản lý và từng bước kháng định sức mạnh cũng như vị trí quan trọng của mình

Hiện nay, nhu c`âi làm đẹp cho bản thân của mọi người càng tăng cao dẫn đến

sự phát triển vượt trội của các sàn thương mại điện tử lớn như: Lazada, Shopee, Tiki, bên cạnh những sàn thương mại điện tử lớn thì các sàn thương mại điện tử nhỏ cũng đang phát triển song song với nhu cầ thị yếu của người dùng Hơn thế nữa, sự ảnh hưởng không nhỏ của dịch bệnh COVID-19, việc giãn cách xã hội đã làm sôi động hoạt động mua bán hàng hóa, sản phẩm qua các trang thương mại điện tử, qua các trang bán hàng, website online hơn bao gio’ hét

Vì vậy, qua thời gian khảo sát thực tế và vận dụng những kiến thức đã được học, nên em quyết định chọn và thực hiện đề tài “Phân tích thiết kế và xây dựng website bán mỹ phẩm trực tuyến cho mỹ phẩm Miuxinh” là đ`ềtài tốt nghiệp dưới sự giám sát và hướng dẫn của giảng viên Phạm Thị Thuận — Khoa công nghệ thông tin — Trưởng đại học Công nghệ øiao thông vận tải

1.2 Mục tiêu

-_ Xây dựng một website bán mỹ phẩm Miuxinh bằng ngôn ngữ lập trình PHP, với sự hỗ trợ của các framework liên quan và hệ quản trị cơ sở dữ liệu MySQL -_ Triển khai cài đặt chương trình trên môi trưởng thực tế

1.3 Giới hạn và phạm vi thực hiện

-_ Khảo sát phần m`ần cụ thể, phân tích thiết kế hệ thống

-_ Tìm hiểu quy trình hoạt động của một website bán hàng

- Tim hiéu và xây dựng các chức năng cẦn thiết của một website bán hàng 1.4 Kết quả dự kiến

-_ Hiểu được quy trình, phương thức bán hàng cơ bản của website bán hàng -_ Nấm chắc được quy trình c3 và đủ để làm ra một website bán mỹ phẩm như những website bán hàng khác

-_ Xây dựng được một website bán mỹ phẩm trực tuyến với các chức năng tối thiểu mà website bán hàng phải có:

-_ Đối với khách hàng:

O Cho phép khách hàng tìm kiếm các sản phẩm.

O Cho phép khách hàng xem chi tiết v`ềsản phẩm

O Cho phép khách hàng phản hổ v'êchất lượng phục vụ

O Cho phép khách hàng tiến hành đặt hàng sau khi chọn hàng

1 Cho phép khách hàng lựa chọn một trong hai hình thức thanh toán tại nhà hoặc thanh toán tại cửa hàng

Đối với người quản trị:

Quản lý thêm, sửa, xóa sản phẩm và danh mục sản phẩm

Quan ly don dat hang và các phản hổ từ khách hàng

Quản lý thêm, xóa khách hàng

Quản lý các giao dịch

Quan ly nha cung cấp

Đáp ứng được nhu c3 người dùng

Giao diện thân thiện, trực quan với người dùng, sử dụng dễ dàng

Ưu tiên áp dụng những công nghệ mới nhất trong việc xây dựng

`^“

Hoàn thành và báo cáo đ `ôán tốt nghiệp đúng thời hạn quy định

CHUONG 2: KIEN THUC NEN TANG

Qua quá trình học trên ghế nhà trưởng cùng với thời gian nghiên cứu tài liệu tham khảo, thời gian làm việc và tự học em đã tóm tất được những kiến thức nã tảng chính được sử dụng trong thiết kế cơ sở dữ liệu và xây dựng chương trình như sau 2.1 Cơ sở lý thuyết

Để có thể xây dựng một website thì phân tích thiết kế, cơ sở dữ liệu và ngôn ngữ lập trình là 3 ph không thể thiếu, vì vậy em đã nghiên cứu và tóm tất những tài liệu và trọng điểm chính sau đây

2.1.1 Phân tích thiết kế hướng đối tượng

Định nghĩa: Phân tích thiết kế hướng đối tượng là giai đọan phát triển một mô hình chính xác và súc tích của vấn đ` có thành phần là các đối tượng và khái niệm đời thực, dễ hiểu đối với người sử dụng [3]

Ưu điểm: Một trong những ưu điểm quan trọng bậc nhất của phương pháp phân tích và thiết kế hướng đối tượng là tính tái sử dụng: Có thể tạo các thành phần (đối tượng) một lân và dùng chúng nhi âu l 3n sau đó

2.1.2 Cơ sở dữ liệu

Định nghĩa: Cơ sở dữ liệu là một hệ thống các thông tin có cấu trúc, được lưu trữ trên các thiết bị lưu trữ nhằm thỏa mãn yêu cầi khai thác thông tin đ ềng thời của nhi`âi người sử dụng hay nhi ầi chương trình ứng dụng chạy cùng một lúc với những mục đích khác nhau [ I]

Việc sử dụng hệ thống CSDL này sẽ khắc phục được những khuyết điểm của cách lưu trữ dưới dạng hệ thống tập tin đó là: Giảm trùng lặp thông tin ở mức thấp nhất, đảm bảo tính nhất quán và toàn vẹn dữ liệu, đảm bảo dữ liệu được truy xuất theo nhi âI cách khác nhau, từ nhi`âi người khác nhau và nhi`âi ứng dụng khác nhau, tăng khả năng chia sẽ thông tin

2.1.3 Ngôn ngữ thiết kế website HTML

Ngôn ngữ HTML là một trong các loại ngôn ngữ được sử dụng trong lập trình web HTML là ngồn ngữ lập trình web được đánh giá là đơn giản Mọi trang web, mọi trình duyệt web đ`âi có thể hiển thị tốt ngôn ngữ HTML Hiện nay, phiên bản mới nhất của HTML là HTML5 với nhi âi tính năng tốt và chất lượng hơn so với các phiên bản HTML cũ

2.1.4CSS

CSS (Cascading Style Sheets) la mét ngôn ngữ dùng để định dạng cho các ph3n

tử HTML, (Ví dụ: chỉnh kích cỡ chữ, chỉnh font chữ, màu chữ, màu nẦn, hình nền, đường vi ân, ) dựa trên các cặp thuộc tính : giá trị thuộc tính [5]

2.1.5 JAVASCRIPT và JQUERY

10

Javascript 14 mét ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa ra tạo ra các trang web có tính tương tác, javascript được sử dụng rộng rãi trong các ứng dụng Website Javascript được hỗ trợ h`âi như trên tất cả các trình duyệt như Firefox, Chrome, v.v thậm chí các trình duyệt trên thiết bị di động cũng có hỗ trợ [5]

JQucry là một thư viện kiểu mới của JavaScript, hệ thông lại các hàm của JavaScript để cho ngắn gọn, dễ nhớ, dễ dùng, được tạo bởi John Resig vào năm 2006 JQuery lam đơn giản hóa việc truy ân tải HTML, xử lý sự kiện và tương tác với Ajax, tích hợp nhi`âi module khác nhau từ module hiệu ứng cho đến module truy vấn selector [5]

2.1.6 PHP

PHP là viết tất của “Hypertext Preprocessor”, đây là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được sử dụng để phát triển các ứng dụng viết máy chủ (Lập trình web), mã ngu ni mở Hiện nay có rất nhi âi ngôn ngữ có thể viết máy chủ như: C#, Java, Python và PHP chính là một trong những ngồn ngữ của nhóm

Diagram (Biểu đ `9: Ð ồthi biểu diễn đ ôhọa v ềtập các ph3n tử trong mô hình và mối quan hệ của chúng Trong phiên bản mới nhất có 13 loại biểu đ`ôtrong đó có 9 loại biểu đ`ôchính được sử dụng

O Use Case Case Diagram (Biểu đ`ôca sử dụng): Mô tả sự tương tác giữa các tác nhân ngoài và hệ thống thông qua các ca sử dụng

1 Class Diagram (Biểu đ ôlớp): Mô tả cấu trúc tĩnh, mô hình khái niệm bao

g ầm các lớp đối tượng và các mối quan hệ của chúng trong hệ thống hướng đối tượng

O Object Diagram (Biểu đ ồ đối tượng): Là một phiên bản của biểu đ ô lớp và thưởng cũng sử dụng các ký hiệu như biểu đ ô6lớp

O Sequence diagram (Bieu d% trinh ty): The hién sự tương tác của các đối tượng với nhau

nhưng nhấn mạnh vào sự tương tác của các đối tượng trên cơ sở cộng tác với nhau bằng cách trao đổi các thông điệp để thực hiện các yêu cầi theo ngữ cảnh công việc

O State Diagram (Biéu dGtrang thai): Thé hién chu kỳ hoạt động của các đối tượng, của các hệ thống con và của cả hệ thống

L Activity Diagram (Biểu đồ hành động): Chỉ ra dòng hoạt động của hệ thống

2.2 Công cụ sử dụng

Để có thể thiết kế được website thì công cụ đơn giản và hữu dụng nhất là PHP

& MySQL, xây dựng chương trình này kiến trúc được sử dụng và phát triển là PHP framework Codeigniter 3.x va MySQL Navicat

2.2.1 Ph&n mn hé tro’ phan tich thiết kế StarUML

StarUML la mét m6 hinh n%& tang, la ph& mm hé tro UML (Unified Modeling Language) N6 hé tro các phương pháp tiép cin MDA (Model Driven Architecture) bằng cách hỗ trợ các khái niệm h`ôsơ UML Tức là StarUML hỗ trợ phân tích và thiết kế hệ thống một đi âi mà bất cứ dự án nào đầi cần có Ngoài ra dùng StarUML sẽ đảm bảo tối đa hóa năng suất và chất lượng của các dự án phần m`ần của bạn Vì nó cho phép mô hình hóa nên sẽ không phụ thuộc vào ngưởi code, ngôn ngữ code hay nền tảng sử dụng Do mô hình hóa nên rất dễ đọc và dễ hiểu Một đi êi thích nhất ở StarUML là khả năng tự sinh code từ những mô hình class

2.2.2 Framework Codeigniter

Codeigniter la mét web framework m4 ngu ni mở phát triển nhanh chóng, để sử dụng trong việc xây dựng các trang web động với PHP, là nền tảng ứng dụng web ngu mở được viết bằng ngôn ngữ PHP bởi Rick Ellis Phiên bản đầi tiên được phát hành vào ngày 28/02/2006 Hiện tại Codelgniter đang được phát triển bởi ExpressionEngine Development Team thuộc EllisLab, Inc

O Được thiết kế theo mô hình Model-View-Controller: Mô hình MVC giúp tách thành phẦn hiển thị giao diện và xử lý của một phần m`ần thành các ph độc lập, từ đó giúp cho việc thiết kế, xử lý và bảo trì mã ngu tn dễ dàng hơn

O Hệ thống thư viện đa dạng: Codelgniter cung cấp các thư viện phục vụ cho những tác vụ thưởng gặp nhất trong lập trình web, chăng hạn như truy cập cơ sở

dữ liệu, gửi email, kiểm tra dữ liệu, xử lí hình ảnh

O Tốc độ nhanh: Codelgniter được đánh giá là một PHP framework có tốc độ nhanh chóng Một server bình thưởng có thể đáp ứng được hàng triệu truy cập / ngày

12

O Miễn phí: Codelgniter được phát hành dưới giấy phép Apache/BSD mở rộng, cho phép người dùng tự do thay đổi, phát triển và phân phối mã ngu mở này theo sự sáng tạo của bản thân

1 Hỗ trợ SEO: Cấu trúc URL của Codelgniter rất thân thiện với các công cụ tìm kiếm Đi`êi này nghiễm nhiên giúp cho website của bạn tăng thứ hạng nhanh hơn mà không c®n phải đầu tư quá nhi âi phần m ân hay công cụ

1 Bảo mật hệ thống: Cơ chế kiểm tra dữ liệu chặt chế, ngăn ngửa XSS và SQL Injection của Codelgniter giúp giảm thiểu các nguy cơ xâm nhập, làm hại đến

Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn

Apache, PHP, MySQL, FIP Server, Mail Server và các công cụ như phpMyAdmin

Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép chủ động bật tất hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào

Xampp là một mã ngu mở máy chủ web đa nền được phát triển bởi Apache

Friends, bao ø ân chủ yếu là Apache HTTP Server, MariaDB database, và interpreters

dành cho những đối tượng sử dụng ngôn ngữ PHP va Perl Xampp là viết tất của Cross-Platform (da nf tang-X), Apache (A), MariaDB (M), PHP (P) va Perl (P) 2.2.6 Visual Studio Code (VS Code)

Visual Studio Code (VS Code hay VSC) 14 mét trong những trình soạn thao ma ngu ồ phổ biến nhất được sử dụng bởi các lập trình viên Nhanh, nhẹ, hỗ trợ đa n`n tảng, nhi `âi tính năng và là mã ngu n mở chính là những ưu điểm vượt trội khiến VS Code ngày càng được ứng dụng rộng rãi

CHUONG 3: PHAN TICH VA THIET KE HE THONG

Trong chương này em đã khảo sát hệ thống để từ đó biết được quy trình nghiệp

vụ của một shop mỹ phẩm để từ đó xây dựng và phát triển các chức năng c3 có, vẽ được biểu đ ôusecase tổng quát, phân rã, các bản đặc tả yêu ci chỉ tiết, biểu đ ô hoạt động, trình tự, trạng thái và biểu đ 6lớp

3.1 Khảo sát hệ thống

Để tìm hiểu và khảo sát cụ thể cho website, nhưng căn cứ dựa vào tình hình dịch bệnh và trong thời gian giãn cách em không thể phỏng vấn cũng như khảo sát tận nơi Chính vì thế, em đã quyết định khảo sát và thu thập thông tin online

3.1.1 Giới thiệu đơn vị khảo sát

Shop Mỹ phẩm Miu Xinh

Địa chỉ: 44 Trầì Quốc Hoàn, Dịch Vọng Hậu, Cầi Giấy, Hà Nội

Lĩnh vực kinh doanh: Mỹ phẩm Miu Xinh đơn vị chuyên phân phối sỉ và lẻ trên toàn quốc các sản phẩm chăm sóc sắc đẹp hàng đầi Việt Nam Phân phối mỹ phẩm chính hãng có xuất xứ và ngu Ân gốc rõ ràng: hàng nhập khẩu, hàng xách tay từ Nhật, Hàn

Hình thức kinh doanh: kết hợp vừa kinh doanh online vửa kinh doanh offline Quy mô: Hiện tại shop có

- Một cơ sở kinh doanh offline

- Một fanpage kinh doanh online trên facebook

- —_ Một trang web kinh doanh online

- Một gian hàng trên shopee : https://shopee.vn/miuxinh.vn

Phương thức thanh toán: Thanh toán bằng tỉ mặt hoặc chuyển khoản vào số tài khoản của shop

Quy mô nhân sự: Hiện shop có 1 quản lý chính tại cửa hàng offline, 4 nhân viên bán hàng, I quản lý kho, 2 nhân viên đóng hàng

3.1.2 Phỏng vấn

a Tìm hiểu v`êcách quản lý bán hàng và nhập hàng

- Người hỏi: Vũ Thị Hợp

- _ Người trả lời: Trần Thanh Tú - Chủ cửa hàng

- - Địa điểm: 44 Trần Quốc Hoàn, Dịch Vọng Hậu, C 3n Giấy, Hà Nội

Cửa hàng anh cung cấp những

mat hang thoi trang nao?

Cửa hàng chúng tôi chuyên phân phối sỉ và

lẻ trên toàn quốc các sản phẩm chăm sóc sắc đẹp hàng đầi Việt Nam Phân phối mỹ phẩm chính hãng có xuất xứ và ngu gốc

mới như thế nào? Chúng tôi có phiếu đặt hàng riêng, khi cần

nhập thêm hàng thì sẽ dùng phiếu đó để đặt hàng với nhà cung cấp Tuy nhiên chúng tôi cũng nhận thêm các đơn đặt hàng tử

Phương- Quản ly thu chi- kho

quá trình phân loại, quản lý hàng hóa Ngày phỏng vấn: 26/02/2021

1 Sau khi nhập hàng v`ề của hàng

chị quản lý hàng hóa như thế | cửa hàng chúng tôi phân loại hàng hóa

nào?

Sau khi nhận được hàng tử nhà cung cấp dựa vào chủng loại và đặt mã số cho từng mặt hàng để dễ quản lý

lượng hàng bán trong một ngày

không?

4 Chị thưởng quản lý doanh số

bán hàng hóa như thế nào?

ngày hôm đó Sau đó thì hàng tháng tôi thưởng tổng kết tất cả lại để có thể tính toán

doanh thu của cửa hàng như thế nào

c Tìm hiểu v`êhệ thống ph m`ần hiện tại và cách xử lý các sự cố

hiện nay của cửa hàng

4 Anh muốn thống kê theo hình | Tôi muốn thống kê theo hàng ngày, hàng thức nào? tu3n và hàng tháng

5 Anh có muốn lập báo cáo thống | Có Phải lập ra bảng biểu báo cáo chỉ tiết

kê doanh số bán hàng và tổng | và đ% đủ thông tin thu chi và thống kê kết thu chi không? doanh thu của cửa hàng vào hàng ngày ,

hàng tuần, hàng tháng và tổng doanh thu trong một năm để tôi biết tình hình kinh doanh của cửa hàng như thế nào

[1 Người trả lời phỏng vấn: Mai Thanh Hà

Ð `ômakeup Tĩnh chất dưỡng Dưỡng thể body Chăm sóc tóc Sản phẩm trị mụn

4 Sản phẩm bán chạy nhất ở cửa hàng

là sản phẩm nào?

Sản phẩm bán chạy nhất ở cửa hàng là sản phẩm chăm sóc da mặt, đ ômake up

5 Khách hàng thưởng thanh toán

bằng hình thức nào?

Khách hàng chủ yếu thanh toán bằng tiền mat-

6 Các ưu đãi của cửa hàng là như thế

nào? Khách hàng mua nhi âi có được

ưu đãi øì không? Các ưu đãi của khách hàng sẽ có vào những

ngày lễ, tết, các dịp kỉ niệm Các chương trình ưu đãi thưởng là giảm giá % sản phẩm, khách mua nhi ôi sẽ được tặng thêm mặt nạ, bông tẩy trang,

3.1.3 Mô tả hiện trạng hệ thống

Thời gian hoạt động ctia shop từ 8h đến 23h chi lâu từ thứ 2 tới chủ nhật

- Sau khi đã lựa chọn san phẩm phù hợp thì khách hang sé ra qu ‘4 thu ngân va tính tỉ sản phẩm sẽ nhận được hóa đơn thanh toán từ nhân viên

- Sau mỗi ca nhân viên tổng kết lại s& tin da ban dwerc va giao cho ca sau M6i

tu ân vào thứ 7 hoặc chủ nhật các nhân viên tổng kết lại các thông tin nhập xuất và đưa lại cho người quản lý kiểm tra

- Khi Shop hết hàng và c ân order hàng thì shop sẽ gửi đến nhà cung cấp đơn đặt hàng, nhà cung cấp order hàng kèm theo hóa đơn nhập hàng Shop nhập hàng vào thông qua biên lai nhập hàng

3.2 Yêu c ầi cho hệ thống

Phân tích làm rõ quy trình nghiệp vụ của ứng dụng website bán mỹ phẩm bao

ø ôn các chức năng :

- Quan ly tài khoản: Người dùng có thể Đăng nhập, Đăng xuất, Đổi mật khẩu, Đăng ký tài khoản (user), Sửa tài khoản, Xóa tài khoản, Thêm tài khoản và Phân quy Ân

- Quản lý giao dịch: bao ø ân xem danh sách giao dịch giao dịch, hủy giao dịch, xử lý giao dịch

- Quản lý danh mục: bao øg ăn xem danh sách danh mục, thêm danh mục, sửa danh mục, xóa danh mục

- Quản lý sản phẩm: bao gần xem danh sách sản phẩm, thêm sản phẩm, sửa sản phẩm, xóa sản phẩm

- Thống kê: bao ø n thống kê doanh thu, thống kê dữ liệu

- Quan ly nha cung cap: bao g%m xem danh sách nhà cung cấp, thêm

thành viên, sửa thành viên, xóa thành viên

- Quản lý tin tức: bao g Gn xem danh sach tin tức, thêm tin tức, sửa tin tức, xóa tin tức

- Quản lý nhà cung cấp: bao g ân xem danh sách nhà cung cấp, thêm nhà cung cấp, xóa nhà cung cấp, sửa thông tin nhà cung cấp

- Quản lý mã giảm giá: bao øg`ữn xem danh sách mã giảm giá, thêm mã giảm giá, sửa mã giảm giá

- Quản lý khách hàng: xem thông tin khách hàng

- Quản lý giỏ hàng: bao gân thêm sản phẩm vào giỏ hàng, xóa sản phẩm trong giỏ hàng

- Thanh toan

3.3 Mô tả bài toán

Quản trị sẽ quản lý tài khoản cho phép từng đối tượng sử dụng có thể truy câ>- vào trang website để thực hiên những mục đích khác nhau Đối với khách hàng viê— đăng kí/đăng nhâp- được diễn ra nhanh chóng Đối với người dùng đã đăng kí tài khoản trước đó, sau khi di email va password ngưởi dùng đã có thể dễ dàng vào trang web

18

để mua hàng hoăe-xem sản phẩm trên trang web Nếu người dùng chưa có tài khoản thì khách hàng có thể dễ dàng đăng ký tài khoản mới mô -t cách dễ dàng bằng viê đi ân đ® đủ họ tên, địa chỉ email cũng như thiết lâpmâtkhẩu, xong bước đăng kí tài khoản

và có thể đăng nhâp- được vào hê— thống bằng email và password đã tạo Trường hợp người mua không muốn đăng ký tài khoản, người mua vẫn có thể xem sản phẩm 1 cách bình thưởng, người mua chỉ cần nhập đ3% đủ thông tin nhận hàng là có thể đặt hàng Đơn hàng sau khi đặt sẽ được lưu trên hệ thống, khách hàng sẽ nhận được cuộc gọi tử người bán để xác nhận lại thông tin đặt hàng và đơn hàng sẽ được chuẩn bị và gửi cho khách hàng trong thời gian sớm nhất có thể Đối với đối tượng sử dụng là quản

lý cửa hàng sẽ được cấp mô -t tài khoản và nt&hẩu riêng sau khi đăng nhâp-vào được

hê -thống thì người quản lý sẽ thực hiê được chức năng thêm, sửa, xóa và chức năng phân quy Thêm, sửa, xóa những sản phẩm mới v`êhoă-đi`âi chỉnh số lượng cũng như xóa các măt-hàng t kho không bán được để dừng bán mặt hang này Chức nang phân quy n sẽ giúp cho quản lý cửa hàng phân chia ca làm viê&cho từng nhân viên để

dễ dàng theo dõi và cũng thực hiên được chức năng thêm, sửa, xóa khi đã được phân quy ân

Quản lý danh mục giúp cho khách hàng dễ dàng tìm kiếm sản phẩm mô-t cách

dễ dàng Sản phẩm sẽ được phân chia ra theo từng danh mục riêng khách hàng có thể tìm kiếm qua đặc điểm của sản phẩm, qua tên của sản phẩm Không chỉ có các mục v`ê sản phẩm mà còn có những mục như thông tin giới thiệu chỉ tiết sản phẩm, số lượng sản phẩm còn trong kho từ đó người dùng có thể thêm sản phẩm vào giỏ hàng dễ dàng hơn, biết được các đánh giá sản phẩm hoặc cũng có thể đánh giá sản phẩm vào mục bình luận để khách hàng khác có cái nhìn v sản phẩm cũng như quyết định có nên mua hay không Đối với admin quản lý danh mục giúp cho dễ dàng quản lý được lượng loại hàng đang được đăng bán, giúp cho việc thêm, sửa, xóa sản phẩm được thuận tiện và chóng

Quản lý sản phẩm cho phép nhân viên thêm, sửa, xóa thông tin của sản phẩm kèm hình ảnh đi kèm Cập nhật liên tục các chương trình khuyến mãi cho tửng sản phẩm, cũng như mức giá của sản phẩm đó Đối với người quản lý chức năng quản lý sản phẩm sẽ giúp cho viêe kiểm soát số lượng hàng hóa dễ dàng hơn Từ những con số thống kê được trên hê_— thống thì quản lý có thể nắm rõ được số lượng chính xác sản phẩm bán chạy sản phẩm tn kho để từ đó đưa ra những chiến lược kinh doanh để đẩy mạnh thu được doanh số cho cửa hàng

Nghiêp-vụ tìm kiếm sản phẩm sẽ giúp cho nhân viên và khách hàng dễ dàng tìm

mục tìm kiếm sẽ bộ lọc sản phẩm để khách hàng có thể chọn như tìm kiếm theo giá, theo tên sản phẩm có thể đúng hoặc øn đúng với tên sản phẩm muốn tìm từ đó có thể thu hẹp phạm vi và tìm được những sản phẩm mình quan tâm nhất Phía dưới có danh mục sản phẩm để khách hàng dễ dàng tìm kiếm phân loại sản phẩm mình để ý Bên phải là giỏ hàng để xem những sản phẩm mình đã lựa chọn trước đó Đối với nhân viên, sẽ có mục thêm, sửa, xóa thông tin cho bộ lọc sản phẩm cũng như danh mục sản phẩm

Nghiệp vụ Quản lý giao dịch: Khách hàng đặt hàng trên hệ thống, các sàn TMĐT, website, bằng việc thêm các sản phẩm c3 mua vào giỏ hàng sau đó đi đề% đủ thông tin nhận hàng (họ tên, sdt, địa chỉ, ) của khách hàng (người nhận) Ở mục này, khách hàng vẫn có quy ân thêm hoặc xóa các sản phẩm có nhu c`ầi mua thêm

và không có nhu cầI nữa từ giỏ hàng Sau khi hoàn tất các bước trên khách hàng sé nhấn vào mục xác nhận thông tin đặt hàng Thông tin đặt hàng này sẽ được gửi đến bên người bán (người quản lý hệ thống bán hàng) lúc này người bán sẽ nhận được thông tin đặt hàng do khách hàng cung cấp Nhiệm vụ của người bán là xử lý đơn hàng bằng việc xác nhận thông tin đặt hàng, đóng gói hàng hóa rồ giao cho bên vận chuyển Khi giao hàng đến nơi, bên vận chuyển thông báo cho cửa hàng thì nhân viên

sẽ kích hoạt lai don hang v €trang thái giao hàng thành công hoặc giao dịch đã hoàn thành

Nghiêp-vụ thống kê báo cáo chiếm mô -t ph Ân rất quan trọng trong quá trình kinh doanh Thống kế giúp của hàng có thể nắm bắt được các số liệu hàng đọng lại trong kho cũng như mặt hàng bán chạy của cửa hàng Từ đó, giúp các bộ phận khác triển khai kế hoạch cho các mặt bán chạy và giải quyết hàng tần trong cửa hàng Bên cạnh

đó viêe thống kê báo cáo theo từng ngày sẽ giúp cho cửa hàng nắm bắt được tổng doanh số bán hàng, doanh số theo ngày, theo tháng để từ đó đưa ra các chương trình khuyến mại nhằm kích c`âi khách hàng đem lại lợi nhuârcho cửa hàng

Chức năng tư vấn chăm sóc khách hàng (Quản lý nhà cung cấp), giải đáp thắc mắc của người dùng đến hệ thống, giải quyết các vấn đ`êv hoàn trả hàng, v`êcập nhật trạng thái giao hàng cho khách hàng Bộ phận chăm sóc khách hàng có sự ảnh hưởng đến sự thành công của cửa hàng Một công ty muốn tần tại vững chắc cần phải có lượng khách hàng trung thàng đối với sản phẩm được tung ra thị trưởng Bộ phận chăm sóc khách hàng giúp cho cửa hàng duy trì khách hàng hiện tại và tạo ra khách hàng ti ân năng Chăm sóc khách hàng bằng viêe-giải quyết những khiếu nại của khách hàng, trả lời giải đáp thắc mắc của khách hàng hỗ trợ đặt hàng, hủy đơn hàng, hoàn tin hoặc đổi hàng cho khách hàng Ngoài ra bô - phâ chăm sóc khách hàng sẽ tư vấn

20

các chương trình khuyến mãi, giảm giá dành cho khách hàng, thu thập va phân tích nhu cầi của khách hàng nhằm đ `êxuất chiến lược phát triển với nhà quản lý nhằm đem lại doanh số cho cửa hàng

Với chức năng quản lý tin tức, giúp cho người dung có thể cập nhật được xu hướng thời trang trong nước, thời trang thế giới bằng cách tìm đến mục tin tức nằm bên phải của trang web giúp cho thuận tiện người dùng vừa có thể mua hàng mà vẫn biết được xu hướng thời trang Đối với nhân viên, sẽ hàng ngày cập nhật tin tức (có thể thêm, sửa, xóa tin tức) liên quan đến thởi trang để có thể cập nhật xu hướng thoi trang kịp thời đến khách hàng

3.4 Phân tích thiết kế

3.4.1 Xác định các tác nhân (Actor) va chire nang (Usecase)

Bang 3.4.1.5 Bang Actor va Usecase

1 QUẢN TRỊ VIÊN - Quan ly don hang giao dich

+ Xem giao dich

+ Xử lý đơn hàng + Xóa giao dịch

- Quan ly san phẩm + Thém san pham + Xóa sản phẩm + Sửa sản phẩm

- _ Quản lý tin tức + Thêm tin tức + Xóa tin tức + Sửa tin tức

- Quan ly nha cung cấp + Thêm nhà cung cấp + Xóa nhà cung cấp + Sửa nhà cung cấp

- - Quản lý khách hàng + Xem thông tin khách hàng

- Quan lý tài khoản

+ Sửa tài khoản + Xóa tài khoản + Phân quy

- _ Quản lý nhân viên + Thêm nhân viên + Xóa nhân viên

- Quan ly danh mục + Thém danh muc + Sửa danh mục + Xóa danh mục

- _ Đăng nhập/Đăng xuất

- Thống kê + Thống kê doanh thu + Thống kê dữ liệu

- Quan ly danh mục + Thém danh muc + Xóa danh mục + Sửa danh mục

- Quan ly san phẩm + Thém san pham + Xóa sản phẩm + Sửa sản phẩm

- _ Quản lý tin tức + Thêm tin tức + Xóa tin tức + Sửa tin tức

- Quan lý tài khoản cá nhân

22

- Quan ly Slider + Thém Slider + Xóa Slider + Sửa slider

- Quan ly nha cung cấp + Thêm nhà cung cấp + Xóa nhà cung cấp +Sửa nhà cung cấp

- - Quản lý khách hàng + Xem thông tin khách hàng

- _ Quản lý mã giảm giá

KHÁCH HÀNG

- Quan ly gid hàng + Thém san pham + Xóa sản phẩm

- Tim kiém

- Dat hang

- Quan lý tài khoản cá nhân + Đổi mật khẩu

+ Thay đổi thông tin

- _ Đăng nhập/Đăng xuất

- Quan ly don hang

KHACH XEM Quan ly gid hang

- Tim kiém

- Xem trang cht

- Xem chi tiét san phẩm

- Xem tin tic

Hinh 3.4.1 Usecase tong quat

3.4.2.2 Usecase dành cho các tác nhân

3.4.2.2.1 Usecase dành cho tác nhân “Quantri

24

Cf Onan Wi nhanvidn

Hinh 3.4.2 Usecase danh cho tac nhan ‘Quantri’

3.4.2.3.2 Usecase danh cho tac nhan ‘Nhanvien’

Hinh 3.4.3 Usecase danh cho tac nhan ‘Nhanvien’

3.4.2.4.3 Usecase danh cho tác nhân “Khách hàng”

—-nn==—=—rrdre=nn===

cac Quản lý đơn hàng > K tt0uiiouoiobik2ZZ:>-25

=

Hình 3.4.4 Usecase dành cho tác nhân “Khách hàng'

3.4.2.4.4 Usecase dành cho tác nhân “Khách xem"

Hình 3.4.5 Usecase dành cho tác nhân “Khách xem'

3.4.2.3 Bi€u d Gusecase chỉ tiết

3.4.2.3.1 Biểu d Gchi tiét usecase ‘Dang nhập”

26

Hình 3.4.6 Biểu đ ôchi tiết usecase Đăng nhập của Quantri, Nhanvien, Khách hang 3.4.2.3.2 Biểu đ ôchi tiết usecase “Quản lý tài khoản”

Hình 3.4.7 Biểu d Gchi tiét usecase Quan lý tài khoản của Quantri 3.4.2.3.3 Biểu đ ôchi tiết usecase “Đặt hàng”

Hình 3.4.8 Biểu d Gchi tiét usecase ‘Dat hang’

3.4.2.3.4 Biểu đ ôchi tiết usecase “Quản lý giao dich don hang’

3.4.2.3.6 Biểu đ ôchi tiết usecase “Quản lý danh mục loại sản phẩm”

Hinh 3.4.14 Biéu đ ôchi tiết usecase Quản lý giỏ hàng của Khách xem, khách hàng 3.4.2.3.10 Biểu đ ôchi tiết usecase “Đăng kf”

Hình 3.4.15 Biểu đ ôchi tiết usecase Dang kí tài khoản của khách xem 3.4.2.3.11 Biểu đ `ôchi tiết usecase “ Quản lý tài khoản cá nhân”

Hình 3.4.16 Biểu đ ôchi tiết usecase Quản lý tài khoản của khách hang 3.4.2.3.12 Biểu đ ôchi tiết usecase “Quản lý liên hệ

Hình 3.4.17 Biểu đ ôchi tiết usecase Quan lý liên hệ của Quản trị, Nhân viên

^z 3%

3.4.2.3.13 Biểu đ ôchi tiết usecase chức năng “xem chỉ tiết sản phẩm” của người

30

dùng

Hình 3.4.18 Biểu đ ôchi tiết usecase xem chỉ tiết sản phẩm của người dùng 3.4.2.3.14 Biểu đ ôchi tiết chức năng tìm kiếm

Hình 3.4.19 Biểu đ `ôchi tiết usecase tìm kiếm

3.4.2.3.15 Biểu đ ôchi tiết Quản lý khách hàng

Hình 3.4.20 Biểu đ ôchi tiết usecase Quan lý khách hàng

3.4.2.3.16 Biểu đ`ôchi tiết Quản lý nhà cung cấp

Xem danh sách nhà cung cấp

mee ly

> in nha _ N “Tes «include» Sửa thô g tin hà 9

Admin

Hình 3.4.21 Biéu đ ôusecase chỉ tiết Quản lý nhà cung cấp

3.4.2.3.17 Biểu đ ôchi tiết Quản lý mã giảm giá

Hình 3.4.22 Biểu đ ôusecase chi tiết Quản lý mã giảm giá

3.4.3 Đặc tả từng ca sử dụng và các loại biểu đ`Ô(Usecase specification)

3.4.3.1 Usecase Đăng nhập

a Đặc tả chức năng

Bảng 3.4.3.6 Đặc tả chức năng ‘Dang nhập' Tén Usecase Dang nhap

Tác nhân Quản trị, Nhân viên, Khách hàng

Mục đích Cho phép ngươi dùng truy cập vào hệ thống Website Di'& kiện tiên quyết Người dùng đã có tài khoản

Mô tả chung Quản trị, nhân viên muốn thực hiện công việc hay chức

32

năng của mình, hoặc khách hàng muốn mua mua đ ồ thì phải đăng nhập vào hệ thống

Tất cả các trưởng trong màn hình bao gần Email, password (Đối với quản trị thay trưởng email thành username) đề là trưởng bất buộc Nếu bỏ trống, hệ thống

có thông báo “[field] không được để trống)

Lu ông sự kiện 1 Tại trang chủ chọn chức năng đăng nhập

2 Hiển thị form đăng nhập

3 Nhập thông tin đăng nhập (email, password) (voi admin nhập username thay cho password)

4 Gửi thông tin đăng nhập tới hệ thống

5 Kiểm tra thông tin đăng nhập, nếu đúng thì cho phép truy cập hệ thống, sai thì thông báo lỗi và yêu

c ầ¡ nhập lại

Ngoại lệ 3.1 fñelds không được để trống

5.1.Hệ thống thông báo đăng nhập thất bại

Các yêu c ầi đặc biệt

Nếu người dùng đã đăng nhập thành công những In vào hệ

thống tiếp theo, người dùng không phải đăng nhập lại mà tự động lưu cookie

Ngược lại, người dùng chưa đăng nhập hoặc đăng xuất thì:

Những lần đăng nhập tiếp theo phải đăng nhập lại

b Biểu đ`ô6hoạt động

Hình 3.4.24 Biểu đ ôtrình tự chức năng 'Đăng nhập'

Mở giao diện Đăng nhập

3.4.3.2 Usecase Quản lý tài khoản

a Chức năng thêm tài khoản

34

Mô tả chung Quản trị muốn thêm tài khoản trước tiên phải đăng nhập vào

hệ thống Tiếp theo điều đ% đủ thông tin v` nhân viên nhân viên đó sẽ được hiển thị lên danh sách tài khoản

Lu Ông sự

kiện

1 Chọn Quản lý tài khoản và chọn Thêm mới

2 Hiển thị màn hình thêm mới tài khoản

3 Nhập thông tin yêu ci và gửi tới hệ thống

4 Kiểm tra thông tin nếu hợp lệ thì hiển thị ra màn hình danh sách tài khoản và trang chủ website

Ngoại lệ 3.1 Hệ thống thông báo các trưởng không được để trống

4.1 Hệ thống thông báo Thêm thất bại

Các yêu c ân

đặc biệt Nếu quản trị chưa đăng nhập vào hệ thống thì sẽ không nhìn

thấy chức năng quản lý tài khoản và nút thêm mới

Hinh 3.4.26 Biểu đ ôtrình tự chức năng thêm tài khoản

b Chức năng sửa tài khoản

- - Đặc tả chức năng

Bảng 3.4.3.8 Đặc tả chức năng sửa tài khoản

Tén Usecase Sửa tài khoản

Tác nhân Quản trị

Mục đích Sửa tài khoản của nhân viên

Điầi kiện tiên quyết Người dùng đã đăng nhập vào hệ thống

Mô tả chung Quản trị muốn sửa tài khoản trước tiên phải đăng nhập

vào hệ thống và đã có tài khoản cần sửa Tiếp theo đi `ân đ% đủ các thông tin cần sửa, tài khoản đó sẽ được cập nhật lại và hiển thị danh sách tài khoản

Lu ông sự 1 Chọn Quản lý tài khoản ( có thể chọn Danh sách)

2 Hiến thị danh sách các tài khoản

3 Chọn tài khoản c3 sửa Kích sửa

4 Hiển thị màn hình sửa tài khoản 5 Nhập thông tin c3n sửa và gửi tới hệ thống

6 Kiểm tra thông tin nếu hợp lệ thì hiển thị ra màn hình danh sách tài khoản và trang chủ website, cập nhật lại CSDL

Ngoại lệ 5.1 Hệ thống thông báo các trưởng không được để trống

36

Nhập thông tin cân sửa, kích nút

Cập nhật T= T

Lưu hé thong) Dun

Hiến thi danh sách tai khoan moi cap nhat

Hình 3.4.28 Biểu đ ôtrình tự chức năng sửa tài khoản

c Xóa tài khoản

- - Đặc tả chức năng

Bảng 3.4.3.9 Đặc tả chức năng xóa tài khoản Tên Usecase Xóa tài khoản

37