Đồ án tốt nghiệp đại học1.3, Hoạt động nghiệp vụ của các chức năng Nhân viên quản lý thông tin khách hàng: xem, tìm kiếm, xóa thông tin khách hàngNhân viên quản lý thông tin sản phẩm: xe
Trang 1BO THONG TIN VÀ TRUYEN THONG
HỌC VIEN CONG NGHỆ BUU CHÍNH VIỄN THONG
-==#xe& LL eG
-byt
Dé tai:
Xây dựng website bán đồ nội that và gia dụng
Giảng viên hướng dẫn: TS NGUYÊN QUANG HƯNG
Sinh viên thực hiện: BÙI BÍCH PHƯƠNG
Trang 2BO THONG TIN VÀ TRUYEN THONG
HỌC VIEN CONG NGHỆ BUU CHÍNH VIỄN THONG
-==#xe& LL eG
-oe
Dé tai:
Xây dựng website bán đồ nội that và gia dụng
Giảng viên hướng dẫn: TS NGUYÊN QUANG HƯNG
Sinh viên thực hiện: BÙI BÍCH PHƯƠNG
Trang 3Đồ án tốt nghiệp đại học
LỜI CẢM ƠN
Dé có thé hoàn thành đồ án tốt nghiệp, bên cạnh sự nỗ lực cố gắng của bản thân còn
có sự hướng dẫn nhiệt tình của quý thầy cô, cũng như sự động viên ủng hộ của gia đình
và bạn bè trong suốt thời gian học tập và nghiên cứu
Đồ án tốt nghiệp được hoàn thành dưới sự hướng dẫn tận tình của TS Nguyễn QuangHưng Nhân dip này, em xin đặc biệt gửi lời cảm ơn trân trọng nhất tới thay NguyễnQuang Hưng đã tận tâm hướng dẫn em trong suốt quá trình làm đồ án tốt nghiệp
Em xin chân thành gửi lời cảm ơn sâu sắc tới thầy cô giáo trong Học Viện Công NghệBưu Chính Viễn Thông nói chung và trong khoa CNTT 1 nói riêng đã luôn nhiệt huyết,tận tình giúp đỡ em trong suốt thời gian học tập tại trường
Cuối cùng, đồ án tốt nghiệp chắc chắn sẽ không tránh khỏi những khiếm khuyết Vìvậy, em kính mong nhận được sự đóng góp ý kiến của các thầy cô và các bạn sinh viên
dé đồ án này được hoàn chỉnh hơn
Em xin chân thành cam ơn!
Hà Nội, tháng 1 năm 2022
Sinh viên thực hiện
Bùi Bích Phương
ii
Trang 4Đồ án tốt nghiệp đại học
NHẬN XÉT, ĐÁNH GIA, CHO DIEM
(Của giảng viên hướng dẫn)
¬ Í ÁỐ.ố.ỐỐỐ.Ố.s
¬ Í ÔÔÓÔÔÔÓÔÔÔÓÓÔÓÔÓÔÔ Ó Ó.Ó
ÔÔÔÔÔÔÔÔÔÓÔÔÔÓÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÓÔÔÓÔ er eee eee cree cree cere reece ere rr er ere creer er err e reer err er errr) ee eee eee eee eee CEU EU CUCU Cree eee errr ece er ere ere cere ec ec eer er ere creer creer er ere creer ere creer erry) ÔÔÔÔÔÔÓÔÔÔÓÔÔÔÓÔÔÓÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔ er ece eee cree eer ec eer eee creer err er ere creer er err ere er errererrrey ÔÔÔÔÔÔÔÔÔÓÔÔÔÓÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔ er eee eee cree eer er cere reer err e reer ere crc er creer er rere errr errs) Í Ố
( ÔÖỂÔÖÔÖỖÖŠÖÔÖÔÖÔÖÓÖÓÖÓÖÓ1'31'⁄
Í.Ô ÔÔÔÓÔÖÔởÔÖÔÖÔÖÔÖÔÖÔÖÔÖÔÖÔÖÒÐÒÖÔÖÔÓÔÖÔÖÓÔÖÔÖÔÖÓÖÓÖÔÖÓÖÔÓÔÖÓÖÓÖÔÖÔÖÓÖÓÔÖÔÖÔÖ5ÖÖÓÖÓÖÓ`'L
ÍÔÔÔÓÔÓÔÔÖÔÓÔÖÔÓÔÖÔÖÔÖÔÓÔÖÓÔÖÔÖÔÖÓÖÔÖÓÖÓÖÓÖÓÖÔÓÔÖÓÖÓ,Ö33'Ó
ÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔ ere seer ere er eer er eer err e rere eer erere ere er er err ereererrererrrey eee eee eee e URE eee CEP er eee reer eer eer eee erec rere reer eer er cere reer ere errerere creer ere 6 6 6 6
Đồng y/ Không đồng ý cho sinh viên bao vệ trước hội đồng cham tốt nghiệp
¬ ,ngay thang năm 2022
CÁN BỘ - GIẢNG VIÊN HƯỚNG DẪN
iii
Trang 5Đồ án tốt nghiệp đại học
NHAN XÉT, ĐÁNH GIÁ, CHO DIEM
(Của giảng viên phản biện)
¬ Á( ốố.ốỐỐỐ.Ố.s
¬ ( ÔÔÔÔÓÔÔÔÓÓÔÓÔÓÔÓÔ Ó Ó
eee ee eee URE e UEP EP ECU Ce CECE eee erreur ese eee creer cree cere reer eee eer er ere creer er err ere creer creer) Pee ee eee RU RUE UCU EPEC UCC UCU CeCe eer rere secre creer er ere creer eee creer creer creer er err ereererr ere eriey Oe eee eee RU REECE CEP ECU CeCe U CeCe eer eee rece eee cree eer er eer eee e rere err er ere creer er err ere ererr er errr) Oe eee eee RU REECE EP ECU Ce UCU Ce er eer eee rece ee eer ere ec er cere reer err err er er eer c creer err ere er err er errr) Í Ố
(( ÔÔÔÔởÖÒÔÖÔÖÔÖÔÖÔÖÔÖÔÖÔÖÐÔÖÔÖÔÖÔÖÓÖÔÖÔÖÔÖÔÖÔÖÓÖÓÖÓÖÓÖÓÖ$ÖÓ,Ó3'1
Í ÔÔÓÔởÔÖÔÔÖÔÖÔÓÔÖÔÓÔÖÔÖÔÓÔÖÓÖÔÖÔÖÖÔÖÔÖÓÖÔÖÓÖÓÖÓÖÓÖÓÖÔÖ3ÖÓÖ5Ö,Ó1'
¬" Ô.ÔÔẳÒÔÒẳÒằÔÒÔỒÔỒÔỒÒÔÒÔÔÔÔÖÔÖÔÒÖÓÓÔÒÖÔÔÔÔÔÓÔÒÔÓÔỞÒÔÒÔÖÒÔÖÔÓÖÓÖÔÓÔÖÓÔÖÓÔÖÔÖÓÖÓÖÓÖÓÖ5ÖÖÓ1'Ó'` ÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔÔ ere seer ere ere er er eer ere e rere Ôi 6 6 1 .L eee eee eee PREECE EP eP ee ere eer ere ere reer ese eee reer eer er eer ere e rere eer erere creer ere rr 6 6 6 1 .L
Đồng y/ Không đồng ý cho sinh viên bao vệ trước hội đồng cham tốt nghiệp
¬ ,ngay thang năm 2022
CAN BỘ - GIẢNG VIÊN PHAN BIEN
iv
Trang 6CHUONG 1: KHAO SÁT HIỆN TRANG VA THU THẬP YÊU CÀU -5- 5552 4
I9 1 0a 0v 0S G ( - 4
2, Thu thap yeu CaU ẻ 4 CHƯƠNG 2: PHAN TÍCH HE THONG 2-2 5 S+S+S£StSESESE2E2E+E+EeEeEeErxerrererxrrrxsee 6
1 Mô tả hệ thống bằng ngôn ngữ tự nhiên 22 S2 S2 SE #x+EzEcErrserrrrrrrrsrrerre 6
2 Mô tả hệ thống bằng ngôn ngữ UML 2-22 S252 ++E+E+E+E+E+EeEEexerexeresrerererecee 7 2.1, Biểu đồ Usecase tổng quan toàn hệ thống
2.2, Biểu đồ Use Case chỉ tiết cho từng mOdule 2-2-5: 2+SE£2EE£EE2EEEEEEEEEEEEEEerEkerkrrrkrres 9
2.2.1, Quan lý thông tin khách hàng - - <6 + E251 11 91191 911 1191 1H ng nh ri 9
2.2.2, Quản lý thông tin sản phẩm -2-©2¿©22+2SE2EE221127117112712211 712 T1 111.1 xe 9
2.2.3, Quản ly đơn đặt hàng - - - + tk TH TH TT TT HH TT TT HH HH TH Hư 10
2.2.4, Thống kê tổng số lượng sản phâm bán ra hàng thang ¿- 2-2 s+£sz+zxe+xevrxcee 11
2.2.5, Thống kê tổng số lượng bán ra của mỗi sản PhAM eeccecceecseessessesseesseesesssessesssesseessesssesses 11
2.2.6, Quan LY Cate QOL 12
2.2.7, Quản lý mã khuyến mãi, VOUCHEL cecccsseessesssesssessecssessesssessssssessssesessssssesssessesssessesssecsusesees 12 2.2.8, Xem sản Pham ccecccecsessssssesssecssssesssessecssessesssssssessecsssssecsuessesssesssessesssessecssessesssessesssessseesecs 13 2.2.9, Dat hang sam pam 0N nh 14 2.2.10, Chỉnh sửa thông tin cá nam oo cece eceeeescesececeeseceseesececeesecaeeseceseeseeesecseeeaeeeeeaeeeenseenss 15 2.2.11, Xem danh sách đặt hang sản phame cccccccccccccssesssessssssssesssesssessssesssesssesssesssssessesssessseeeseees 15
2.2.12, Th6m gid Wang 1n 16
3 _Kich ban chun va ngoai lé h6 6 4dNAQHẬệộ) 16
3.1, Quan lý thông tin khách hang eee eeceesessecseesseesceesececsseeeeeseceesseceeeeaeesaesaeeaeeseeseeeaees 16
3.2, Quản lý thông tin sản phẩm - 22 5£ ©2<+SE9EEEEEE9E1211271211712211711211211 1121 11T rxe 17
3.3, Quan ly don dat hang eee 44 20
3.4, Thống kê số lượng sản phẩm bán ra hàng thang c.cccccsccssscsssessssssssesssesssessssessseessesssesssseeseess 23 3.5, Thống kê tông số lượng bán ra của mỗi sản phẩm 2-22 2£ +£+++£E£+£E£+Ee+rxtzrerrxee 23
3.6, Quản lý Cat€ØOTV sọ ng HT TH nh ưy 24
3.7, Quan lý mã khuyến mãi, VOuiCher 2-22 5292 2EEtSEE+9E1E2211221271127112711711211 211 26 3.8, Xem San PHAM 0 SỎÔỎ 29 3.9, Dat hang sn Pham 8n a 30
Trang 7Đồ án tốt nghiệp đại học
3.10, Chỉnh sửa thông tin cá nhân - 6 12x11 1193 E111 912v HH TT ng rệp 31
3.11, Xem danh sách đặt hàng sản phẩm - 2-2-2 +E9EE+EE£EEEEEE2E19711211711211211 11.11 ExeeU 32
3.12, Thêm gid hàng + + St 12v 9121 1v TH TT TH TT TT TH HT TH Thư 33
4 Trích lớp thực thể liên quan 2-2-2 +22 ++E+++E+E+E+E+EEEEEEexexexexrxrerkrrrrrrrsrrrrcee 34 4.1, Trích các danh từ xuất hiện trong đoạn VĂT - -G cv 9H ng HH ng ng 34 4.2, Đánh giá và lựa chọn các danh từ làm lớp thực thé hoặc thuộc tính - cx+cscxsrs 34 4.3, Xác định quan hệ số lượng giữa các thực THỂ St 3S 2E 1811211 11E11211111112111111121E11 51121 cEeE 34 4.4, Xác định quan hệ đối tượng giữa các thực thỂ 2 5¿++k2EE+EE2EEEEEEEEEEEEEEEerrkerkeee 35 CHUONG 3: THIET KE HE THÓNG 2 S2 S5 S3232E2EEEEEEEEEeEeEekrkrerrrrrrrrrrrrcee 36
1 Thiết kế lớp thực thé liên quan
PM) k6
n.nễẽồẽồồ Ả -KH 1i 6i n6 ccc dAjẬHÄậHẬ 42 3.1, Biểu đỗ tuần tự cho chức năng đăng nhậpp - + + t9 9 ng HH ng rệt 42 3.2, Biểu đồ tuần tự cho chức năng đăng Xuất - 2-2: ©22+SScSE*SEE2EEEE12221711271212 21.21 43 3.3, Biểu đồ tuần tự cho chức năng đăng ký tài khoản người dùng -. -2-c-c sec 43 3.4, Biểu dé tuần tự cho chức năng đổi mật khẩu ¿- + se EEEEEEEEEEEEEEEEEESErrrrrvee 44 3.5, Biểu đồ tuần tự cho chức năng quản lý thông tin khách hàng -2- 2-2 52+: 45 3.6, Biéu đồ tuần tự cho chức năng quản lý thông tin sản phẩm -2- 5+ 52252252 47 3.7, Biéu đồ tuần tự cho chức năng quản lý đơn đặt hàng 2- 2¿©s++z+£x+£Eerxerrerrxeee 48 3.8, Biểu đồ tuần tự cho chức năng thống kê tổng số lượng bán ra của mỗi sản phâm 50 3.9, Biểu đồ tuần tự cho chức năng thống kê tổng số lượng sản phẩm bán ra hàng tháng 50 3.10, Biểu đồ tuần tự cho chức năng quản lý cat€8OFY 2-2-2252 ©£+EE£2EE+EEEEEEtEEerkerrerrkeee 52 3.11, Biéu đồ tuần tự cho chức năng chỉnh sửa thông tin cá nhân -¿¿©c5z+c5cz+: 53 3.12, Biểu dé tuần tự cho chức năng quản lý mã khuyến mãi, voucher - 2 2 5z: 33 3.13, Biểu đồ tuần tự cho chức năng xem sản phâm - 2 2£ 2 +£+££+EE£EEtEEzvrxerreerxeee 5 3.14, Biéu đồ tuần tự cho chức năng chỉnh sửa thông tin cá nhân -¿¿5c5¿+c5z+: 56 3.15, Biểu dé tuần tự cho chức năng xem danh sách đặt hàng sản phẩm . 56 3.16, Biéu đồ tuần tự cho chức năng thêm giỏ hàng 2 5£ 2© £+EE£EEE2EEeEEEerkerrkerkeee 57 3.17, Biểu đồ tuần tự cho chức năng quản lý kho - 2-5 25S£2+£+E£+EE+EE2EEtrEeerxerrerrxeee 58 CHƯƠNG 4: CAI DAT VA KIEM THU HE THONG c.ccccccccscscscsceceseesessscsescscscecesenees 60
1 Môi trường cài đặt hệ thống và các công cụ sử dụng - 555cc cccccceeeeeeererees 60
2 Giao diện chạy thứ một số chức năng hệ thống ¿2-2 25 5++s+x+E+e£exeeexexexexsxe 63 (0:0/9)1e€E18.-4 0000001757 ÄA ôÔỎ 72
1 Kết quả thu được : - 2c S3 xxx TT nh Tnhh TH HT TH HT TH HT HT He 72
2 Kt qua chwa dat Guge cccccccccccssssssssescscscsesssesessvevececscscsesesesssssssacacassesesensseecasscseeees 73
3 Định hướng phát triển trong tương lai ccccceccscssesescscescsescescscseeseacsecatscscatseenees 73
Trang 8Đồ án tốt nghiệp đại học
BANG VIET TAT VÀ THUẬT NGỮ
Tên viết tắt/Thuật ngữ Ý nghĩa
UC Use case
KH Khách hàng
NVQL Nhân viên quản ly
Actor Tac nhân
Category Danh muc san pham
Customer Khach hang
Admin Nhân viên quan ly, quản trị hệ thống
Place order
Precondition
Đặt hàng Tiên điêu kiện Post-condition
Main events
Hậu điêu kiện
Sự kiện chính CSDL Cơ sở dit liệu
Left menu thanh chức năng bên trái
Manage order Quản lý đơn đặt hàng
Add new Thêm mới
Manage category Quản lý danh mục sản pham
Trang 9Navbar Thanh chức năng
Sidebar Thanh chức nang
Cancel Hủy
My order Đơn đặt hàng của tôi
viii
Trang 10Đồ án tốt nghiệp đại học
DANH SÁCH HÌNH ẢNH
Hình 1, Biéu đồ Use Case tổng quan toàn hệ thống -. -2- 2 5¿©5£22E2x£2£+££xtzE+zzxerxezrs Hình 2, Biêu đồ UC chi tiết cho module quản lý thông tin khách hàng - Hình 3, Biểu đồ UC chỉ tiết cho module quản lý thông tin sản phẩm -2:- 5: Hình 4, Biéu đồ UC chi tiết cho module quản lý thông tin đơn đặt hàng . Hình 5, Biểu đồ UC chỉ tiết cho module xem thống kê tổng số lượng bán ra hàng tháng Hình 6, Biểu đồ UC chỉ tiết cho module xem thống kê tổng số lượng bán ra của mỗi sản
07 ::‹:1II Hình 7, Biểu đồ UC chỉ tiết cho module quản lý thông tin danh mục sản phâm (Category)
8, Biểu đồ UC chi tiết cho module quan lý thông tin mã khuyến mãi, voucher .
9, Biểu đồ UC chi tiết cho module xem sản phẩm - 2-52 525£2£££E£2£++£+z£Se2
0, Biéu đồ UC chỉ tiết cho module đặt hàng sản phẩm -2- 22 522552252
11, Biéu đồ UC chỉ tiết cho module chỉnh sửa thông tin cá
nhân -2, Biéu đồ UC chỉ tiết cho module xem danh sách đặt hàng sản phẩm
13, Biểu đồ UC chỉ tiết cho module thêm giỏ hàng 5° 55s 52 £+£+2£+2£+2£s2
14, Biểu đồ lớp thực thỂ - ¿+ 25++Sx‡EEt2EE2EEE211221211211221711211 712111121 cxe.
5, Biêu d6 lớp thực thể liên quan -2¿- 22 5¿2+22EE22EEt2EEtEEEEEEtEEEerkrerkrrrxecrer
16, Lược đồ cơ sở dữ liệu của hệ thống ¬—
7, Biéu đồ tuần tự chức năng đăng nhập - 2-2 ©++2E++EE+vEEEtEExerxrrrrrrrrecree
18, Biéu đồ tuần tự chức năng đăng XuẤt -2- 22 2+22++2Ex+2EE2EErSExrsrxrrrxrrrrres
9, Biểu đồ tuần tự chức năng đăng ký tài khoản người dùng -¿- 5-5 5+:
20, Biểu đồ tuần tự chức năng đồi mật khâu - cesses essessessessessessessessessesneaee
21, Biểu đồ tuần tự quản lý thông tin khách hàng 2-2 5¿25£22+£xz+z+zzxzse2
22, Biểu đồ tuần tự chức năng quản lý thông tin sản phẩm 2:52 2552252 Hình 23, Biểu đồ tuần tự chức năng quản lý đơn đặt hàng 2¿©sz2x2zxzczeeee
Hìn n 24, Biéu đồ tuần tự thống kê tổng số lượng bán ra của mỗi sản phẩm Hình 25, Biểu đồ tuần tự thống kê tổng số lượng sản phẩm bán ra hàng tháng
Hình 26, Biéu đồ tuần tự quản lý cat€8Ory ¿22 2¿22222++2E+2EESEESEEEEErSExrrrxrrrrrrrrres Hìn n 27, Biểu đồ tuần tự chỉnh sửa thông tin cá MAN wo ees eeseessessesssessessesssessesseessesseeaee Hình 28, Biéu đồ tuần tự quản lý mã khuyến mãi -2- 22 5¿2+22x+2Ex2zx2zxzzxrzrxeee Hìn n 29, Hinh biéu dé tuan tự chức năng xem san phẩm ¬ =
Hình 30, Biéu đồ tuần tự chỉnh sửa thông tin cá nhân - 2: 2£ 2+£+++£+£++£xerEzzrxerxezex Hình 31, Biéu đồ tuần tự xem danh sách đặt hàng sản phâm 2: ¿©2252
Hìn n 32, Biểu đồ tuần tự thêm gid MANY wo eccccsccssessssssecsesssessesssessesssssseesessssssessessssssesseaseeseess Hình 33, Biểu đồ tuần tự quản lý kho 2¿-©2¿22+22++2E++2E++2EE+2Ex+SEEEEErErkrrrxerrrrrrrres
Hình 38, Giao điện xem sản phâm - +: ¿+ £+SE+EE2EE£EE£EEEEEEEEEEEEEEEEEEE22121711211 21c.
Hình 39, Giao diện trang ChủỦ - -G G1111 TH TH nh cờ Hìn
40, Giao diện xem sản phẩm chỉ tiét cc.cceccecccsscessessessessesssessesssessesssessessesssessessecssesseeaee
41, Giao diện xem lich sử đơn đặt hàng - - 5 22 S2 E + E*E+E+sErererererrrrrrree
Trang 11Đồ án tốt nghiệp đại học
Hinh 43, Giao dién checkout dat hang 0T 67 Hình 44, Giao diện chatbot ccccccccccccscsccssssscccssssseccesscsecssssseecessessseceessesesesssseceessseeeseeses 68 Hình 45, Giao diện quan lý tai khoản khách hang - 5 5 + 1123 + SE seeseeeereeree 68
Hình 46, Giao diện quản lý sản phâẩm 2- 22 2¿+++2E++2E++2EE+2EE+2EEEEErEExrtrxrrrrrrrreee 69
Hình 47, Giao diện quan lý đơn đặt hàng - - c1 92118911191 1911 1911 91191 1v ng nh rưy 69
Hình 48, Giao diện thống kê tổng số lượng sản phẩm bán ra trong mỗi tháng 70
Hình 49, Giao diện quản lý mã khuyến mãi, VOUCH€T << 2 S S322 eeee 70
Hình 50, Giao điện quản lý danh mục sản phẩm 2-2: 2 2£ E£2E£+EE+£E£2EE£EEEEErExerxeres 71
Hình 51, Giao diện quản lý Ko - <1 19011 11 91011911 gu tư 71
DANH SACH BANG BIEU
Bang 1, Kịch ban chuẩn cho chức năng thêm khách hang ccscecccescsscesseessessesseessessesseessessens 17 Bang 2, Kịch bản chuẩn cho chức năng thêm sản phẩm 2-2 2£ 5£ ££E££E£2£+2£Eezzz 18 Bảng 3, Kịch bản chuẩn cho chức năng sửa sản phẩm -2¿ 2 2©5£2S£+£xt£x+zzerxrzxs 19 Bang 4, Kịch bản chuẩn cho chức năng xóa sản phẩm 2-22 2 2©£2££££Ee£E£zEerxezzz 20 Bang 5, Kịch bản chuan cho chức năng thêm đơn đặt hàng -.2- 2 5z ©5z+ss+cxczsz 21
Bang 6, Kịch ban chuan cho chức nang sửa don đặt hàng
Bang 7, Kịch bản chuẩn cho chức năng xóa đơn đặt hàng
Bang 8, Kịch bản chuẩn cho chức năng xem thống kê số lượng sản pham bán ra hàng tháng23
Bang 9, Kịch bản chuan cho chức năng xem thống kê tổng số lượng bán ra của mỗi sản phẩm
bản chuan cho chức năng thêm danh mục sản phẩm -. -5:+ 25
bản chuan cho chức năng sửa danh mục sản phẩm -2- 2 52522 26
bản chuan cho chức năng xóa danh mục sản phẩm - 2-52 26
bản chuẩn cho chức năng thêm mã khuyến mãi, voucher : 27 bản chuan cho chức năng sửa mã khuyến mãi, voucher - + 28
bản chuẩn cho chức năng xóa mã khuyến mãi, voucher - 5:5: 29
bản chuan cho chức năng xem sản phẩm - 2-2 ¿2 22 E+£+££++£xzse2 30
bản chuan cho chức năng đặt hang sản phâm - 2 5 5225s+£+z25+2 31 bản chuan cho chức năng chỉnh sửa thông tin cá nhân -:+ 32 bản chuan cho chức năng xem danh sách đặt hàng sản phẩm - 33 bản chuan cho chức năng thêm giỏ hàng 2-2-5552 s+2x+z++zxecsez 34
Trang 12Đồ án tốt nghiệp đại học
MỞ ĐẦU
Với sự phát triển mạnh mẽ của Internet đã đưa cuộc sống của con người chúng ta có
nhiều thay đổi mới Trước khi internet trở lên phố biến thì những hoạt động mua bán,
trao đổi hàng hóa đều diễn ra rất thủ công, người gặp người, trao đôi hàng hóa, tiền bạctrực tiếp Thì ngày nay chỉ với một vài thao tác trên chiến smartphone, máy tính bảng,máy tính xách tay thì bạn có thé dé dang tìm kiếm các sản phẩm hàng hóa mình muốn
mua, so sánh giá cả, nhà cung cấp, công ty sản xuất dé có thé dua ra được lựa chọn
phù hợp nhất cho bản thân
Thương mại điện tử ra đời đã đánh dau một thay đổi to lớn trong hành vi mua sắm
tiêu dùng, mở ra một lĩnh vực kinh doanh cạnh tranh của các nhà bán lẻ trong việc thu
hút khách hàng Các sàn thương mại, các trang web mua săm ra đời đem lại tiện ích cho
cả người mua và người bán Chỉ cần ngồi một chỗ, một cú click là bạn sẽ có cả thế giớitrong tầm tay Không cần phải chỉ tiền cho những địa điểm đặt làm cửa hàng, số lượngnhân viên tại cửa hàng có thể được giảm thiểu, mà chỉ cần đầu tư, chăm chút kỹ lưỡng
cho một trang web thương mại điện tử với đầy đủ thông tin về doanh nghiệp của bạn
cũng như các tính năng hỗ trợ tìm kiếm mua hàng, đưa hình ảnh, thông tin về sản phẩm
Nhận thức được làn sóng thương mại điện tử và thói quen tiêu dùng của khách hàng
dang dan chuyền dich sang mua sắm trực tuyến Các doanh nghiệp, các cơ sở sản xuất cũng đang chuyên mình dau tư cho nền tảng thương mai này bang việc đăng ký mở shoptrên các sàn thương mại điện tử, tạo ra những website để quảng bá sản phẩm của mình
thu hút người mua.
Bên cạnh đó đứng trên cái nhìn của một người con trong gia đình có cơ sở kinh doanh
chế tác đồ nội thất, đồ gia dụng thị trường cạnh tranh là rat khốc liệt, em muốn giới thiệusản phẩm mà cơ sở sản xuất gia đình minh làm ra đến với người tiêu dùng, thay vì mởmột cửa hàng thì sẽ mở một website từ đó nhiều người có thể tiếp cận đến với sản phẩm,giảm giá thành sản phâm do không phải mua qua các bên trung gian
Em hướng tới xây dựng một hệ thống website bán đồ nội thất và gia dụng phù hợpvới phạm vi quy mô kinh doanh nhỏ như hộ kinh doanh gia đình, các cơ sở sản xuất ,kinh doanh nhỏ Trên cơ sở đó, đồ án tốt nghiệp của em thực hiện đề tài: “Xây dựng hệthống website bán đồ nội thất và gia dụng” nhằm giải quyết các vấn đề liên quan đếnquảng bá giới thiệu các sản phẩm, đặt hàng, lưu giữ được thông tin danh sách các nhóm
khách hàng tiềm năng, dễ dàng quản lý các mặt hàng sản phẩm, thông tin đặt hàng.
Mục tiêu cần đạt được
Yêu cau chức năng:
- Dam bảo hệ thông có đây đủ chức năng cân có của website bán hàng.
Bùi Bích Phương — B17DCCN493 1
Trang 13Đồ án tốt nghiệp đại học
- _ Khách hàng có thé tao tài khoản, đăng nhập, tìm kiếm, thêm sản phâm vào
giỏ hàng, mua hang , xem lịch sử đặt hàng và thanh toán, tương tac với chatbot
- Nguoi quản trị Admin có thé quản lý tất cả người dùng trong hệ thống, quan
lý sản phẩm, quản lý đơn đặt hàng, quản lý kho hàng, thống kê doanh số bán
hàng
Yêu câu phi chức năng:
- _ Giao diện thân thiện, bắt mắt, dé sử dụng, phù hợp với thị hiếu và nhu cầu
của người dùng.
- Khong nên có quá nhiều hiệu ứng, chi tiết không cần thiết
- C6 danh sách những sản phẩm bán chạy- Hệ thống có trang giới thiệu dé khách hàng có thé tìm được thông tin vào tạo
sự tin tưởng cho khách hàng.
Yêu câu về hiệu năng:
- Hệ thống phải chạy 6n định các chức năng cơ bản
- Hé thống phải có hiệu năng xử lý yêu cầu của khách hàng nhanh nhất có thé,
ngay lập tức phản hồi lại khi người dùng click vào một chức năng cụ thể
- _ Phải xử lí chính xác yêu cầu của khách hàngPhạm vi đề tài:
Đề tài thực hiện xây dựng hệ thống website bán đô nội thất và gia dụng với lượng dữ
liệu nhỏ, có đầy đủ chức năng cơ bản của một website bán hàng Website chạy thử trên
máy cục bộ.
Giải pháp công nghệ được chọn:
Đề xây dựng website bán đồ nội thất và gia dụng, đề tài chọn sử dụng các công cụ hỗtrợ thư viện REACTJS dựa trên nền tảng ngôn ngữ Javascript, Platform NodeJS,
framework ExpressJS với những lý do sau:
- Thời gian phát triên nhanh phù hợp với khuôn khổ dự án vì đây là những thư
viện, framework phát trién web phô biến, nổi tiếng, có cộng đồng lớn người dùng
Trang 14Đồ án tốt nghiệp đại học
Bước 4: Xây dựng, triển khai hệ thống và đánh giá
Bồ cục đề tài bao gồm 5 chương
Chương 1: Khảo sát hiện trạng và thu thập yêu cầu
Khảo sát nghiệp vụ, thu thập các tài liệu, yêu cầu chức năng, phi chức năng từthực tế dựa trên các trải nghiệm cá nhân khi mua sam trên các website, các sàn
thương mại điện tử như: IKEA, Shopee, Lazada, Amazon
Chương 4: Cài đặt và kiểm thử hệ thống
Lua chọn công nghệ, tiễn hành cài đặt, lập trình hệ thốngChương 5: Kết luận
Tổng kết đề tài và đưa ra đánh giá
Bùi Bích Phương — B17DCCN493 3
Trang 15+ Chi phí dành cho xây dựng dự án ở mức thấp nhưng vẫn phải có day đủ
các chức năng cơ bản của một website bán hàng
+ Hệ thống cần có giao diện bắt mắt và dễ sử dụng với người dùng
+ Khảo sát thị hiếu người tiêu dùng về các mặt hàng sản phâm đồ nội thất
và gia dụng được ưa chuộng, bán chạy trên thị trường hiện nay từ đó đưa
ra những hướng thiết kế giao điện website
- Khao sát chỉ tiết
+ Dựa trên nhu cầu, mong muốn của phía người dùng đưa ra các danh sách
chức năng xử lý, thông tin được phép nhập xuất khỏi hệ thống, giao diện
cơ bản
+ Khảo sát trên các website lớn, các san thương mại điện tử dé tham khảo,
đưa ra những cái nhìn tông thê về các chức năng của hệ thống
2, Thu thập yêu cầu
- Thong tin sản phẩm, người dùng khách hang đưa vào
+ Thông tin sản pham: là đồ nội thất, đồ gia dụng, có những nhóm sản phẩm
như là nội thất phòng khách, nội thất phòng ngủ, nội that nhà bếp, Nhómsản phẩm đồ gia dụng: gia dụng nhà bếp, gia dụng phòng tam, gia dụng
thông minh
+ Thông tin khách hàng: cần có những thông tin của khách hàng như tên,
tuổi, địa chỉ, số điện thoại, tài khoản, mật khẩu dé xây dựng lên danh sách
khách hàng thân thiết trong tương lai+ Thông tin về kho hàng: sản phẩm xuất kho, tồn kho
- Rang buộc giữa những đối tượng trong hệ thống
+ Liệt kê được những đối tượng chính có trong hệ thong
Hệ thống gồm có các đối tượng: khách hàng, nhân viên quản trị hệ thông,
sản phẩm, kho hàng, giỏ hàng, đơn đặt hàng+ Quan hệ giữa các đối tượng chính trong hệ thống
Khách hang được mua nhiều sản phẩm Mỗi khách hàng có một giỏ hàng,khách hang có thé thêm nhiều sản phẩm vào trong một giỏ hàng Khách
hàng có thể đặt nhiều đơn đặt hàng khác nhau Nhân viên quản trị hệ thống
có thê quản lý nhiều tài khoản khách hàng, quản lý sản phẩm, quản lý đơn
đặt hàng và quản lý kho hàng.
Bùi Bích Phương — B17DCCN493 4
Trang 16Đồ án tốt nghiệp đại học
- _ Chức năng hệ thống phải đảm bảo những yêu cầu
+ Có đầy đủ các chức năng của một website bán hàng cơ bản:
Khách hàng: đăng ký, đăng xuất, đăng nhập, thêm giỏ hàng, đặt hàng,
Trang 17thống kê tổng số lượng bán ra của mỗi sản phẩm, thống kê tông số lượng sản pham
bán ra hàng tháng, quản lý danh mục sản phẩm (category), quản lý mã khuyến mãi,
voucher, quản lý kho hàng Khách hàng được phép xem sản phẩm, đặt hàng sản phẩm,chỉnh sửa thông tin cá nhân profile, xem danh sách đơn đặt hàng sản phẩm, thêm giỏhàng, xem top sản phẩm bán chạy
Nhân viên quản lý
Quản lý thông tin khách hàng
Quan lý thông tin sản phẩm
Trang 18Đồ án tốt nghiệp đại học
1.3, Hoạt động nghiệp vụ của các chức năng
Nhân viên quản lý thông tin khách hàng: xem, tìm kiếm, xóa thông tin khách hàngNhân viên quản lý thông tin sản phẩm: xem, tìm kiếm, thêm, sửa, xóa sản phẩmNhân viên quản lý đơn đặt hàng: xem, tìm kiém, thêm, sửa, xóa đơn đặt hàng
Nhân viên quản lý xem thống kê số lượng sản phẩm bán ra hàng tháng: xem
bảng thống kê số lượng sản phâm bán ra hàng tháng
Khách hàng xem sản phẩm: xem danh sách các sản phẩm trong category sản phẩmKhách hàng tìm kiém sản phẩm: khách hàng tìm kiếm theo tên sản phẩm
Khách hàng xem thông tin hồ sơ khách hàng: khách hàng được xem profile - hồ
Đăng nhập: người dùng được phép đăng nhập vào hệ thống đề thực hiện các chức
năng tương ứng
Đăng xuất: người dùng đăng xuất, thoát khỏi hệ thống
Khách hàng nhắn tin với chatbot: người dùng có thé chat trực tiếp với chatbot délay những thông tin liên quan đến đặt hàng, sản phẩm
Mô tả hệ thống bằng ngôn ngữ UML
2.1, Biểu đồ Usecase tổng quan toàn hệ thống
Actor cụ thể: Khách hàng (Customer), Nhân viên quản lý (Admin)
Mô tả các use case:
+ Quản lý thông tin khách hang: UC này cho phép nhân viên quản lý xem, thêm,
sửa, xóa thông tin khách hàng.
+ Quản lý thông tin sản phẩm: UC này cho phép NVQL xem, thêm, sửa, xóa san
phẩm
+ Quản lý đơn đặt hàng: UC này cho phép NVQL đặt hàng sản phẩm
+ Xem thống kê tổng số lượng bán ra của mỗi sản phẩm: UC này cho phép NVQL
xem được bảng thống kê tông số lượng bán ra của mỗi sản phẩm trong một khoảng
thời gian
+ Xem thống kê tong số lượng sản phẩm bán ra hàng tháng: UC này cho phép NVQL
xem được bang thống kê tổng số lượng sản phâm bán ra trong một tháng
Bùi Bích Phương — B17DCCN493 H
Trang 19mã khuyến mãi, mã voucherXem sản phẩm: UC nay cho phép KH xem được các sản phẩm
Đặt hàng sản phẩm : UC này cho phép KH đặt hàng sản phẩmChỉnh sửa thông tin cá nhân: UC này cho phép KH có thê chỉnh sửa lại thông tin
Ty ly Powered By=Visual Paradigm Community Edition
Hình 1, Biểu đồ Use Case tổng quan toàn hệ thống
Trang 20Đồ án tốt nghiệp đại học
2.2, Biểu đồ Use Case chỉ tiết cho từng module
2.2.1, Quan lý thông tin khách hàng
<<Include>>
<< Include>> I
yoVisual Paradigm Community Edition §*
Hình 2, Biểu do UC chỉ tiết cho module quản lý thông tin khách hang
Trong đó các UC được mô tả như sau:
+ Thêm User: UC này cho phép NVQL thêm mới một User
+ Sửa User: UC này cho phép NVQL sửa các thông tin liên quan đến User
+ Tìm User: UC này cho phép NVQL tim user theo từ khóa tìm kiếm mà NVQL
nhập vào
+ Xóa User: UC này cho phép NVQL xóa thông tin User
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem trang Dashboard Admin: UC này cho phép NVQL xem giao diện Dashboard admin
2.2.2, Quản lý thông tin sản phẩm
Hình 3, Biéu đô UC chỉ tiết cho module quan lý thông tin sản phẩm
Bùi Bích Phương — B17DCCN493 9
Trang 21Đồ án tốt nghiệp đại học
Trong đó các UC được mô tả như sau:
+ Thêm sản phẩm: UC này cho phép NVQL thêm mới một sản phẩm
+ Sửa sản phẩm: UC này cho phép NVQL sửa các thông tin liên quan đến sản phẩm+ Tìm sản pham: UC này cho phép NVQL tìm sản phẩm theo từ khóa tìm kiếm ma
NVQL nhập vào
+ Xóa sản phẩm: UC này cho phép NVQL xóa thông tin sản pham
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem trang Dashboard Admin: UC nay cho phép NVQL xem giao diện Dashboard admin
` 1
` Ụ
SS Powered BylVisual Paradigm Community Edition Ế*
Hình 4, Biểu đô UC chỉ tiết cho module quản lý thông tin don đặt hang
i) i) i)
<<Extend>>
Nhan vien quan ly
‡
'
Trong đó các UC được mô tả như sau:
+ Thêm đơn đặt hang: UC này cho phép NVQL thêm mới một đơn đặt hàng
+ Sửa đơn đặt hàng: UC này cho phép NVQL sửa các thông tin liên quan đến don
đặt hàng
+ Tìm đơn đặt hàng: UC này cho phép NVQL tìm đơn đặt hàng theo từ khóa tìm
kiếm mà NVQL nhập vào
+ Xóa đơn đặt hang: UC này cho phép NVQL xóa thông tin đơn đặt hàng
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem trang Dashboard Admin: UC này cho phép NVQL xem giao diện Dashboard admin
Bùi Bích Phương — B17DCCN493 10
Trang 22Đồ án tốt nghiệp đại học
2.2.4, Thống kê tổng số lượng sản phẩm bán ra hàng tháng
ao
ThanhVien <<Include>>
k Powered By Visual Paradigm Community Editio
NhanVienQuanLy Powered By" Visu a g vã unity Edition ©
Hình 5, Biểu đô UC chỉ tiết cho module xem thống kê tổng số lượng bán ra hàng
tháng.
Trong đó các UC được mô tả như sau:
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem thống kê tổng số lượng sản phẩm bán ra hang tháng: UC nay cho phép
NVQL xem thống kê tổng số lượng sản phẩm bán ra hàng tháng
+ Lọc theo tháng: UC này cho phép NVQL lọc bảng thống kê tổng số lượng sản
Trong đó các UC được mô tả như sau:
+ NVQL đăng nhập: UC nay cho phép NVQL đăng nhập vào hệ thông
+ Xem thống kê tổng số lượng bán ra của mỗi sản phâm: UC này cho phép NVQL
xem thống kê tông số lượng bán ra của mỗi sản phẩm+ Lọc theo tháng: UC nay cho phép NVQL lọc bảng thống kê tổng số lượng bán ra
của mỗi sản phẩm theo tháng tương ứng
Bùi Bích Phương — B17DCCN493 11
Trang 23Đồ án tốt nghiệp đại học
2.2.6, Quan ly category
+ «.w-x qœ
Thanh ien
Nhan vien quan ly
sual Paradigm Community Edition @*
Hình 7, Biểu đô UC chi tiết cho module quản lý thông tin danh mục sản phẩm
(Category)
Trong đó các UC được mô tả nhw sau:
+ Thêm danh mục sản phẩm (Category): UC này cho phép NVQL thêm mới một
danh mục sản phẩm (Category)
+ Sửa danh mục sản phẩm (Category): UC này cho phép NVQL sửa các thông tin
liên quan đến danh mục sản phẩm (Category)
+ Tìm danh mục sản phẩm (Category): UC này cho phép NVQL tìm danh mục sảnphẩm (Category) theo từ khóa tìm kiếm mà NVQL nhập vào
+ Xóa danh mục sản phẩm (Category): UC này cho phép NVQL xóa thông tin danhmục sản phẩm (Category)
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem trang Dashboard Admin: UC này cho phép NVQL xem giao diện Dashboard admin
2.2.7, Quản lý mã khuyến mãi, voucher
Trong đó các UC được mô tả như sau:
+ Thêm mã khuyến mãi: UC này cho phép NVQL thêm mới một mã khuyến mãi
+ Sửa mã khuyến mãi: UC này cho phép NVQL sửa các thông tin liên quan đến
mã khuyến mãi
+ Tìm mã khuyến mãi: UC này cho phép NVQL tìm mã khuyến mãi theo từ khóatìm kiếm mà NVQL nhập vào
+ Xóa mã khuyến mãi: UC này cho phép NVQL xóa thông tin mã khuyến mãi
+ NVQL đăng nhập: UC nay cho phép NVQL đăng nhập vào hệ thống
+ Xem trang Dashboard Admin: UC này cho phép NVQL xem giao diện Dashboard admin
Bùi Bích Phương — B17DCCN493 12
Trang 24Nhan vien quan ly !
<<include>> _—
i,
> ByiVisual Paradigm Community Edition SẾ%
Hình 8, Biểu đô UC chi tiết cho module quản lý thông tin mã khuyến mãi, voucher.2.2.8, Xem sản phẩm
bì nhVien
Khach hang
<<Include>>
đu Powered By=—Visual Paradigm Community Edition SẾ
Hình 9, Biểu đồ UC chi tiết cho module xem sản phẩm
Trong đó các UC được mô tả như sau:
NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
Xem trang chủ Home: UC này cho phép NVQL xem giao diện trang chủ Home
Chọn chức năng PRODUCTS: UC này cho phép khách hàng xem danh mục sản phẩm
Chọn một danh mục sản pham => UC này cho phép khách hàng xem danh sách các
sản phâm thuộc danh mục này
+ + + +
+ Click chọn xem chỉ tiết một sản phẩm => UC này cho phép khách hàng xem chỉ tiết
một sản phâm
Bùi Bích Phương — B17DCCN493 13
Trang 25Đồ án tốt nghiệp đại học
2.2.9, Đặt hàng sản phẩm
oe 10, Biéu đồ UC chi tiết cho module đặt hang sản phẩm.
Trong đó các UC được mô tả nh sau:
+ NVQL đăng nhập: UC này cho phép NVQL đăng nhập vào hệ thống
+ Xem trang chủ Home: UC này cho phép NVQL xem giao diện trang chủ Home
+ Click chọn một sản phẩm: UC này cho phép KH chọn một sản phẩm dé xem chitiết thông tin sản pham đó
+ Click chọn nút mua hang (BUY NOW): UC này cho phép KH chọn mua hàng
và điều hướng KH đến giỏ hàng
+ Click chọn nút CHECKOUT: UC này cho phép KH chọn nút CHECKOUT và
điều hướng KH đến trang kiểm tra thông tin trước khi đặt hàng
+ Nhập thông tin cá nhân giao hang: UC này cho phép KH nhập thông tin cá nhân giao hàng
+ Nhập thông tin thanh toán: UC này cho phép KH nhập thông tin thanh toán
+ Click chon nút đặt hang (PLACE ORDER): UC này cho phép KH đặt hàng
Bùi Bích Phương — B17DCCN493 14
Trang 26Hình 11, Biéu đồ UC chỉ tiết cho module chỉnh sửa thông tin cá nhân.
Trong đó các UC được mô tả như sau:
+ KH đăng nhập: UC này cho phép KH đăng nhập vào hệ thống
+ Xem trang chủ Home: UC này cho phép KH xem giao diện trang chủ Home
+ Click chọn chức năng quản lý thông tin user (icon user): UC này cho phép KH
xem menu các chức năng KH hàng có thê thao tác: quản lý profile, xem danh sách đơnđặt hàng, đăng xuất
+ Click chọn chức năng quản lý profile (My profile): UC này cho phép KH xem,
chỉnh sửa các thông tin cá nhân KH: tên, số điện thoại, địa chỉ, ảnh đại diện
+ Nhập thông tin cá nhân cần chỉnh sửa: UC này cho phép KH nhập các thông tin
cá nhân cần chỉnh sửa
+ Click chọn nút lưu: UC này cho phép KH chọn nút lưu để lưu lại các tùy chỉnh
thông tin cá nhân
Trang 27Đồ án tốt nghiệp đại học
Trong đó các UC được mô tả như sau:
+ KH đăng nhập: UC này cho phép KH đăng nhập vào hệ thống
+ Xem trang chủ Home: UC này cho phép KH xem giao diện trang chủ Home
+ Click chọn chức năng quản lý thông tin user (icon user): UC này cho phép KH
xem menu các chức năng KH hàng có thé thao tác: quản lý profile, xem danh sách donđặt hàng, đăng xuất
+ Click chon chức năng quản lý đơn đặt hàng (My order): UC nay cho phép KH
xem, hủy đơn đặt hang ở trạng thái chờ quản tri viên xác nhận
+ Hủy đơn đặt hang: UC này cho phép KH hủy đơn đặt hàng ở trạng thái chờ shop
Hình 13, Biểu đồ UC chỉ tiết cho module thêm giỏ hàng
Trong đó các UC được mô tả như sau:
+ KH đăng nhập: UC này cho phép KH đăng nhập vào hệ thống
+ Xem trang chủ Home: UC này cho phép KH xem giao diện trang chủ Home
+ Click chọn một sản pham: UC này cho phép KH chọn một sản pham dé xem chitiết thông tin sản phẩm đó
+ Click chọn nút thêm giỏ hàng: UC này cho phép KH thêm một sản phẩm vào
danh sách các sản phẩm trong giỏ hàng
3 Kịch bản chuẩn và ngoại lệ
3.1, Quan lý thông tin khách hàng
- _ Thêm khách hang
Thêm khách hàng
Trang 28Đồ án tốt nghiệp đại học
Precondition | Nhân viên quan lý đã có tài khoản
Post- Thông tin khách hàng được thêm thành công vào CSDL
condition
Main events | 1, NVQL vào hệ thống dé thêm khách hang
2, GD dang nhập: 6 nhập email, 6 nhập mật khau, nut dang nhap
3, NVQL nhập email, mật khẩu va click nút dang nhap
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quan lý user (Manage User)
6, GD quản lý user hiện ra với một bảng gồm danh sách các tài khoảnuser, thanh tìm kiếm và nút thêm mới (Add new)
7, NVQL click chọn nút Add new
8, GD thêm mới khách hàng hiện ra với các 6 input nhập thông tin, nút Cancel, nút Submit
9, NVQL nhập thông tin khách hàng và click nút Submit
10, GD quay trở lai man hình trước, giao diện list khách hàng và hiện
thông báo thêm khách hàng thành công
Exception 8, GD thêm mới khách hàng hiện ra với các 6 input nhập thông tin,
nút Cancel, nút SubmIt 8.1, NVQL click nút Submit 8.2,GD quay trở lại màn hình trước, giao diện list khách hàng
9, NVQL nhập thông tin khách hàng và click nút Submit
9.1, Khách hàng đã ton tại trong hệ thống, Hệ thống quay trở lại giao
diện list khách hàng và hiện thông báo cập nhật khách hàng thành
công
Bảng 1, Kịch bản chuẩn cho chức năng thêm khách hàng
3.2, Quan lý thông tin sản phẩm
- _ Thêm sản phẩm
Usecase Thêm sản phâm
Bùi Bích Phương — B17DCCN493 17
Trang 29Đồ án tốt nghiệp đại học
Post-condition
Thông tin san pham được thêm thành công vào CSDL
Main events 1, NVQL vào hệ thống dé thêm khách hang
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý user Manage Products
6, GD quản lý sản phâm hiện ra với một bảng gồm danh sách các sảnphẩm, thanh tìm kiếm và nút thêm mới Add new
7, NVQL click chọn nút Add new
8, GD thêm mới sản phẩm hiện ra với các 6 input nhập thông tin, nút
Cancel, nút Submit
9, NVQL nhập thông tin sản phẩm và click nút Submit
10, GD quay trở lại màn hình trước, giao diện danh sách sản phẩm và
hiện thông báo thêm sản phẩm thành công
Exception 8, GD thêm mới san phẩm hiện ra với các 6 input nhập thông tin, nút
Cancel, nút SubmIt 8.1, NVQL click nút Cancel
8.2,GD quay trở lại màn hình trước, giao diện list san pham
9, NVQL nhập thông tin sản phẩm và click nút Submit9.1, Sản phẩm đã tồn tại trong hệ thống, Hệ thống quay trở lại giaodiện list sản phâm và hiện thông báo cập nhật sản phẩm thành công
Bảng 2, Kịch bản chuẩn cho chức năng thêm sản phẩm
- Sửa sản phâm
Usecase Sửa sản pham
Actor Nhân viên quản lý
Precondition | Nhân viên quan lý đã có tài khoản
Post- Thông tin sản phâm được sửa thành công vào CSDL
condition
Main events | 1, NVQL vào hệ thống dé sửa sản phẩm
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
Bùi Bích Phương — B17DCCN493 18
Trang 30Đồ án tốt nghiệp đại học
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý sản phâm Manage Products
6, GD quản lý sản phâm hiện ra với một bảng gồm danh sách các sảnphẩm, thanh tìm kiếm và nút thêm mới Add new, nút edit và deletetrên mỗi dòng của bảng sản phâm
7, NVQL click chọn nút Edit trên một dòng của bảng danh sách sản
phẩm
8, GD sửa sản phẩm hiện ra với các 6 input nhập thông tin, nút Cancel,
nút Submit
9, NVQL nhập thông tin sản phẩm và click nút Submit
10, GD quay trở lại màn hình trước, giao diện list sản phâm và hiệnthông báo update sản phẩm thành công
Exception 8, GD thêm mới sản phẩm hiện ra với các 6 input nhập thông tin, nút
Cancel, nút Submit 8.1, NVQL click nút Cancel
8.2,GD quay trở lại màn hình trước, giao diện list san phẩm
Bảng 3, Kịch bản chuẩn cho chức năng sửa sản phẩm
- _ Xóa sửn pham
Main events
Usecase Xóa sản phẩm
Actor Nhân viên quản lý
Precondition | Nhân viên quản ly đã có tài khoản
Post- Thông tin sản pham được xóa thành công khỏi CSDL
condition
1, NVQL vào hệ thống dé xóa sản phẩm
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quan lý sản pham Manage Products
6, GD quản lý sản phâm hiện ra với một bảng gồm danh sách các sảnphẩm, thanh tìm kiếm và nút thêm mới Add new, nút edit và delete
Bùi Bích Phương — B17DCCN493 19
Trang 31Đồ án tốt nghiệp đại học
trên mỗi dòng của bảng sản phâm
7, NVQL click chọn nút Delete trên một dòng của bảng danh sách sản
phẩm
8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa sản phẩm,
nút Delete, nút Close
9, NVQL click nút Delete
10, GD quay trở lại màn hình trước, giao diện list sản pham và hiện
thông báo xóa sản phẩm thành công
Exception 8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa sản phẩm,
nút Delete, nút Close 8.1, NVQL click nút Close
8.2,GD quay trở lại màn hình trước, giao diện list sản phẩm
Bảng 4, Kịch bản chuẩn cho chức năng xóa sản phẩm
3.3, Quản lý đơn đặt hàng
- _ Thêm đơn dat hang
Usecase Thêm đơn đặt hàng
Actor Nhân viên quản lý
Precondiion | Nhân viên quản lý đã có tài khoản
Post- Thông tin đơn đặt hang được thêm thành công vào CSDL
condition
Main events | 1, NVQL vào hệ thống dé thêm khách hang
2, GD dang nhập: 6 nhập email, 6 nhập mật khau, nut dang nhap
3, NVQL nhap email, mat khau va click nut dang nhap
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý đơn đặt hàng (Manage Orders)
6, GD quản lý đơn đặt hàng hiện ra với một bảng gồm danh sách cácđơn đặt hàng, thanh tìm kiếm và nút thêm mới (Add new)
7, NVQL click chọn nút Add new
8, GD thêm mới đơn đặt hàng hiện ra với các 6 input nhập thông tin, nút Cancel, nút Submit
9, NVQL nhập thông tin đơn hàng và click nút Submit
Bùi Bích Phương — B17DCCN493 20
Trang 3210, GD quay trở lại màn hình trước, giao diện list đơn hàng và hiện
thông báo thêm đơn hàng thành công
Exception 8, GD thêm mới đơn hàng hiện ra với các 6 input nhập thông tin, nut
Cancel, nút Submit 8.1, NVQL click nut Submit 8.2,GD quay trở lại man hình trước, giao diện list đơn hang
9, NVQL nhập thông tin đơn hang và click nút Submit
9.1, Don hàng đã tồn tại trong hệ thống, Hệ thống quay trở lại giao
diện list đơn hang và hiện thông báo cập nhật đơn hàng thành công
Bảng 5, Kịch bản chuẩn cho chức năng thêm đơn đặt hàng
- Sita đơn đặt hàng
Usecase Sửa đơn đặt hàng
Actor Nhân viên quản lý
Precondition | Nhân viên quản ly đã có tài khoản
Post- Thông tin đơn đặt hàng được sửa thành công vào CSDL
condition
Main events 1, NVQL vao hé thống dé sửa don đặt hàng
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý đơn đặt hàng (Manage Orders)
6, GD quản lý đơn đặt hàng hiện ra với một bảng gồm danh sách cácđơn đặt hàng , thanh tìm kiếm và nút thêm mới Add new, nút edit và
delete trên mỗi dòng của bảng đơn đặt hàng
7, NVQL click chọn nút Edit trên một dòng của bảng danh sách đơn đặt hàng
8, GD sửa đơn đặt hàng hiện ra với các 6 input nhập thông tin, nút
Cancel, nút Submit
9, NVQL nhập thông tin cần sửa va click nút Submit
10, GD quay trở lại màn hình trước, giao diện list đơn đặt hàng và hiện thông báo edit thành công
Bùi Bích Phương — B17DCCN493 21
Trang 33Đồ án tốt nghiệp đại học
Exception 8, GD sửa đơn đặt hàng hiện ra với các 6 input nhập thông tin, nút
Cancel, nút Submit 8.1, NVQL click nút Cancel
Bảng 6, Kịch bản chuẩn cho chức năng sửa đơn đặt hang
- _ Xóa đơn dat hàng
Usecase Xóa đơn đặt hàng
Actor Nhân viên quản lý
Precondition | Nhân viên quan lý đã có tai khoản
Post- Thông tin đơn đặt hàng được xóa thành công khỏi CSDL
condition
Main events | 1, NVQL vào hệ thống dé xóa đơn đặt hàng
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quan ly đơn đặt hàng Manage Orders
6, GD quản lý đơn đặt hàng hiện ra với một bảng gồm danh sách cácđơn đặt hàng, thanh tìm kiếm và nút thêm mới Add new, nút edit và
delete trên mỗi dòng của bảng đơn đặt hàng
7, NVQL click chọn nút Delete trên một dòng của bảng danh sách đơn
đặt hàng
8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa sản phẩm,
nút Delete, nút Close 9,NVQL click nút Delete
10, GD quay trở lại màn hình trước, giao diện list đơn đặt hàng và hiện thông báo xóa đơn đặt hàng thành công
Bảng 7, Kịch bản chuẩn cho chức năng xóa đơn đặt hàng
Bùi Bích Phương — B17DCCN493 22
Trang 34Đồ án tốt nghiệp đại học
3.4, Thống kê số lượng sản phẩm bán ra hàng tháng
Actor Nhân viên quản lý
Precondition | Nhân viên quản lý đã có tài khoản
Post- Xem được bảng thống kê số lượng sản phẩm bán ra hàng tháng
condition
Main events 1, NVQL vào hệ thống dé xóa don đặt hang
2, GD dang nhập: 6 nhập email, 6 nhập mật khau, nut dang nhap
3, NVQL nhap email, mat khau va click nut dang nhap
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng xem thống kê số lượng sản phẩm bán ra
hàng tháng
6, GD thống kê hiện ra
7, NVQL click chọn search theo thời gian
8, GD hiện ra bang thống kê sản phẩm tương ứng trong thời gian vừa
Actor Nhân viên quản lý
Precondition | Nhân viên quan ly đã có tài khoản
Post- Xem được bảng thống kê tổng số lượng bán ra của mỗi sản phẩm
condition
1, NVQL vào hệ thống dé xóa đơn đặt hàng
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng xem thống kê tổng số lượng bán ra của mỗisản pham
Bùi Bích Phương — B17DCCN493 23
Trang 35Đồ án tốt nghiệp đại học
8, GD hiện ra bảng thống kê tổng số lượng bán ra của mỗi sản phẩm
tương ứng trong thời gian vừa chọn
Bảng 9, Kịch bản chuẩn cho chức năng xem thống kê tổng số lượng bán ra của mỗi
Actor Nhân viên quản lý
Precondition | Nhân viên quản lý đã có tài khoản
Post- Thông tin danh mục sản phâm category được thêm thành công vào
condition CSDL
1, NVQL vào hệ thống dé thêm category
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý danh mục sản phẩm Manage
category
6, GD quan ly category hiện ra với một bảng gồm danh sách các danh
mục sản phẩm, thanh tìm kiếm và nút thêm mới Add new
7, NVQL click chọn nút Add new
8, GD thêm mới danh mục sản phẩm category hiện ra với các 6 input
nhập thông tin, nút Cancel, nút Submit
9, NVQL nhập thông tin category và click nút Submit
10, GD quay trở lại màn hình trước, giao diện list danh mục sản phẩm
và hiện thông báo thêm danh mục sản phẩm category thành công
8, GD thêm mới category hiện ra với các 6 input nhập thông tin, nút Cancel, nút Submit
8.1, NVQL click nut Submit 8.2,GD quay trở lại man hình trước, giao diện list category
Bui Bich Phuong — B17DCCN493 24
Trang 36Đồ án tốt nghiệp đại học
9, NVQL nhập thông tin category và click nút Submit
lại giao diện list category và hiện thông báo cập nhật category thành công
Bảng 10, Kịch bản chuẩn cho chức năng thêm danh mục sản phẩm
- SA category
Usecase Sửa đơn dat hang
Actor Nhân viên quan lý
Precondition | Nhân viên quan ly đã có tài khoản
Post- Thông tin category được sửa thành công vào CSDL
condition
Main events | 1, NVQL vào hệ thống dé sửa đơn đặt hang
2, GD đăng nhập: 6 nhập email, 6 nhập mat khau, nut dang nhap
3, NVQL nhap email, mat khẩu va click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý danh mục sản phẩm Manage
category
6, GD quan ly category hiện ra với một bảng gồm danh sách các danh
mục sản phẩm, thanh tìm kiếm và nút thêm mới Add new, nút edit và
delete trên mỗi dòng của bảng category
7, NVQL click chọn nút Edit trên một dòng của bảng danh sách
category
8, GD sua category hiện ra với các 6 input nhập thông tin, nút Cancel, nút Submit
9, NVQL nhập thông tin cần sửa va click nút Submit
10, GD quay trở lại màn hình trước, giao diện list category và hiện thông báo edit thành công
Bui Bich Phuong — B17DCCN493 25
Trang 37Đồ án tốt nghiệp đại học
Bảng 11, Kịch bản chuẩn cho chức năng sửa danh mục sản phẩm
- _ Xóa category
Main events
Usecase Xóa danh mục sản phẩm category
Actor Nhân viên quản lý
Precondiion | Nhân viên quản lý đã có tài khoản
Post- Thông tin category được xóa thành công khỏi CSDL
condition
1, NVQL vào hệ thống để xóa danh mục sản phẩm category
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức nang quan lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý danh mục sản phẩm (Manage
category)
6, GD quan lý danh mục san phẩm hiện ra với một bảng gồm danhsách các danh mục sản phẩm, thanh tìm kiếm va nút thêm mới Addnew, nút edit và delete trên mỗi dòng của bảng danh mục sản phẩm
7, NVQL click chọn nút Delete trên một dòng của bảng danh sách
danh mục sản phẩm
8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa danh mụcsản phẩm category, nút Delete, nút Close
9, NVQL click nút Delete
10, GD quay trở lai man hình trước, giao diện danh sách danh mục
sản phẩm và hiện thông báo xóa category thành công
Exception 8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa category,
nút Delete, nút Close 8.1, NVQL click nút Close 8.2,GD quay trở lại màn hình trước, giao diện danh sách danh mục
sản pham
Bảng 12, Kịch bản chuẩn cho chức năng xóa danh mục sản phẩm
3.7, Quản lý mã khuyến mãi, voucher
- Thém mã khuyên mất, voucher
Bùi Bích Phương — B17DCCN493 26
Trang 38Đồ án tốt nghiệp đại học
Main events
Exception
Usecase Thêm mã khuyến mãi, voucher
Actor Nhân viên quản lý
Precondition | Nhân viên quan ly đã có tài khoản
Post- Thông tin mã khuyến mãi, voucher được thêm thành công vào CSDL
condition
1, NVQL vào hệ thống dé thêm mã khuyến mãi, voucher
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý mã khuyến mãi, voucher( Manage
voucher )
6, GD quản lý mã khuyến mãi, voucher hiện ra với một bảng gồm
danh sách các mã khuyến mãi, voucher, thanh tìm kiếm và nút thêm
mới Add new
7, NVQL click chọn nút Add new
8, GD thêm mới mã khuyến mãi, voucher hiện ra với các ô input nhập
thông tin, nút Cancel, nút Submit
9, NVQL nhập thông tin mã khuyến mãi, voucher và click nút Submit
10, GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
voucher và hiện thông báo thêm mã khuyến mãi, voucher thành công
8, GD thêm mới mã khuyến mãi, voucher hiện ra với các 6 input nhập
thông tin, nút Cancel, nút Submit 8.1, NVQL click nút Submit
8.2,GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
voucher
9, NVQL nhập thông tin mã khuyến mãi, voucher và click nút Submit9.1, Mã khuyến mãi, voucher đã tồn tại trong hệ thống, Hệ thống quaytrở lại giao diện list mã khuyến mãi, voucher và hiện thông báo cậpnhật mã khuyến mãi, voucher thành công
Bảng 13, Kịch bản chuẩn cho chức năng thêm mã khuyến mãi, voucher
- _ Sửa mã khuyên mãi, voucher
Bùi Bích Phương — B17DCCN493 27
Trang 39Đồ án tốt nghiệp đại học
Usecase Sửa mã khuyên mãi, voucher
Actor Nhân viên quản lý
Precondition | Nhân viên quan lý đã có tài khoản
Post- Thông tin mã khuyến mãi, voucher được sửa thành công vào CSDL
condition
Main events | 1, NVQL vào hệ thống để sửa mã khuyến mãi, voucher
2, GD đăng nhập: ô nhập email, 6 nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý mã khuyến mãi, voucher (Manage
voucher)
6, GD quản lý mã khuyến mãi, voucher hiện ra với một bảng gồm
danh sách các mã khuyến mãi, voucher, thanh tìm kiếm và nút thêmmới Add new, nút edit và delete trên mỗi dòng của bảng mã khuyến
mãi, voucher
7, NVQL click chọn nút Edit trên một dòng của bảng danh sách mã
khuyến mãi, voucher
8, GD sửa mã khuyến mãi, voucher hiện ra với các 6 input nhập thông
tin, nút Cancel, nút Submit
9, NVQL nhập thông tin cần sửa và click nút Submit
10, GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
voucher và hiện thông báo edit voucher thành công
Exception 8, GD sửa mã khuyến mãi, voucher hiện ra với các ô input nhập thông
tin, nut Cancel, nút Submit 8.1, NVQL click nut Cancel
8.2,GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
voucher
Bảng 14, Kịch bản chuẩn cho chức năng sửa mã khuyến mãi, voucher
- _ Xóa mã khuyên mãi, voucher
Usecase Xóa mã khuyên mãi, voucher
Trang 40Đồ án tốt nghiệp đại học
Precondition | Nhân viên quan lý đã có tài khoản
Post- Thông tin mã khuyến mãi, voucher được xóa thành công khỏi CSDL
condition
Main events | 1, NVQL vào hệ thống dé xóa mã khuyến mãi, voucher
2, GD đăng nhập: ô nhập email, ô nhập mật khẩu, nút đăng nhập
3, NVQL nhập email, mật khẩu và click nút đăng nhập
4, GD Dashboard Admin hiện ra với thanh leftmenu có các chức năng quản lý khác nhau cho Admin thao tác
5, NVQL chọn chức năng quản lý mã khuyến mãi, voucher (Manage
8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa voucher này
không, nút Delete, nút Close
9, NVQL click nút Delete
10, GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
voucher và hiện thông báo xóa thành công
Exception 8, GD hệ thống hiện ra popup xác nhận bạn có muốn xóa voucher này
không, nút Delete, nút Close 8.1, NVQL click nút Close
8.2,GD quay trở lại màn hình trước, giao diện list mã khuyến mãi,
Precondition | Khách hàng vào hệ thống thành công
Post- Xem được các sản phẩm có trong hệ thống
Bùi Bích Phương — B17DCCN493 29