1. Trang chủ
  2. » Luận Văn - Báo Cáo

Xây dựng website bán đồ nội thất và gia dụng

85 1 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây dựng website bán đồ nội thất và gia dụng
Tác giả Bùi Bích Phương
Người hướng dẫn TS. Nguyễn Quang Hưng
Trường học Học viện Công nghệ Bưu chính Viễn thông
Thể loại Đồ án tốt nghiệp đại học
Năm xuất bản 2022
Thành phố Hà Nội
Định dạng
Số trang 85
Dung lượng 20,06 MB

Nội dung

Đồ á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 1

BO 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 2

BO 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 6

CHUONG 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 9

Navbar 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 17

thố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 19

mã 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 24

Nhan 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 26

Hì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 32

10, 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

Ngày đăng: 08/03/2024, 16:50

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w