Báo cáo công nghệ phần mềm Đề tài xây dựng website chuyển Đổi số photocopy và văn phòng phẩm

Câu 17: Bạn muốn hiển thị thông tin chi tiết đơn hàng như thế nào trêngiao diện quản trị viên?- Khi xem chi tiết đơn hàng trên giao diện quản trị viên, tôi muốn có một bảng tóm tắt đơn h

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN

KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO CÔNG NGHỆ PHẦN MỀM

ĐỀ TÀI: XÂY DỰNG WEBSITE CHUYỂN ĐỔI SỐ PHOTOCOPY VÀ VĂN PHÒNG PHẨM

Sinh viên thực hiện: NGUYỄN THỊ BẢO LINH Lớp: 21SE1

Giảng viên hướng dẫn: THS VÕ VĂN LƯỜNG

Đà Nẵng, tháng 11 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT – HÀNKHOA KHOA HỌC MÁY TÍNH

BÁO CÁO CÔNG NGHỆ PHẦN MỀM

ĐỀ TÀI: XÂY DỰNG WEBSITE CHUYỂN ĐỔI SỐ PHOTOCOPY VÀ VĂN PHÒNG PHẨM

Sinh viên thực hiện : NGUYỄN THỊ BẢO LINH Mã: 21IT286 NGUYỄN NGỌC SƠN Mã: 21IT646 NGUYỄN PHƯỚC LONG Mã: 21IT559

LÊ MINH SANG Mã: 21IT645

Giảng viên hướng dẫn : THS VÕ VĂN LƯỜNG

Đà Nẵng, tháng 11 năm 2023

MỞ ĐẦU

1 Lý do chọn đề tài

Ngày nay, các ứng dụng công nghệ thông tin đã được áp dụng trong mọi lĩnhvực nghiên cứu khoa học kĩ thuật cũng như trong đời sống, máy tính trở thành công cụtrợ giúp đắc lực cho con người trong lưu trữ, phân tích và xử lý thông tin Ở nước ta,cùng với sự phát triển chung của nền kinh tế, tin học đang ngày được ứng dụng rộngrãi trong công tác quản lý và từng bước khẳng định sức mạnh cũng như vị trí quantrọng của mình

Nhận thức được nhu cầu sử dụng Internet với những thao tác đơn giản trên máy

có nối mạng internet bạn sẽ có trong tầm tay những gì mà mình cần mà không phảimất nhiều thời gian Bạn chỉ cần vào các trang dịch vụ thương mại điện tử, làm theohướng dẫn và click vào những gì bạn cần Các nhà dịch vụ sẽ mang lại những trảinghiệm tốt nhất và cần thiết nhất cho bạn

Với mục đích xây dựng một cửa hàng photocopy và văn phòng phẩm trựctuyến, nhóm em chọn mô hình thiết kế web-based để xây dựng 1 trang web giúp kháchhàng có nhu cầu về dịch vụ photocopy và mua các món đồ văn phòng phẩm thông quamạng Internet Chính vì thế chúng em đã tìm hiểu và cho ra đời đề tài “Xây dựngwebsite chuyển đổi số photocopy và văn phòng phẩm"

2 Mục tiêu

Xây dựng website chuyển đổi số photocopy và văn phòng phẩm

Xây dựng được hệ thống quản lý bán hàng và photocopy đảm bảo thực hiệnđược đầy đủ các chức năng cơ bản của một website photocopy và bán hàng

Giải quyết tối ưu hóa quá trình mua bán qua mạng phù hợp với thực tiễn

3 Nội dung nghiên cứu

Trên cơ sở mục tiêu nghiên cứu, tác giả đã triển khai các nội dung nghiên cứu

cụ thể như sau:

- Nghiên cứu lý thuyết về cách tạo một trang web photocopy và văn phòngphẩm online

- Nghiên cứu về hệ thống quản lý bán hàng online

- Thiết kế trang web (website), tạo giao diện cho trang web

- Phân tích thiết kế hệ thống website photocopy và văn phòng phẩm

- Triển khai thực nghiệm

- Đánh giá mô hình thực nghiệm đã triển khai

- Tổng hợp và báo cáo kết quả thực hiện

4 Phương pháp nghiên cứu

- Phương pháp nghiên cứu lý thuyết:

● Tham khảo các trang web tương tự có sẵn trên thị trường

● Tìm hiểu và nghiên cứu cách vận hành trang web

● Tìm hiểu và vận dụng các kiến thức đã học để phân tích thiết kế hệ thống

và xây dựng website chuyển đổi số photocopy và văn phòng phẩm

● Tham khảo, lấy ý kiến góp ý của giảng viên nhằm hoàn thiện và nâng caohiệu quả của trang web

- Phương pháp nghiên cứu thực nghiệm:

● Dựa vào các phương pháp nghiên cứu lý thuyết để xây dựng webphotocopy và văn phòng phẩm, đánh giá và chỉnh sửa

● Triển khai thực nghiệm hệ thống để kiểm chứng mô hình lý thuyết đãnghiên cứu

5 Ý nghĩa khoa học của đề tài

Với sự phát triển mạnh mẽ và ngày càng phổ biến của Internet cũng như côngnghệ thông tin “website chuyển đổi số photocopy và văn phòng phẩm” sẽ là một giảipháp giúp người mua tiết kiệm thời gian cũng như chi phí đi lại

LỜI CẢM ƠN

Đầu tiên, chúng em xin bày tỏ lòng biết ơn sâu sắc đến Ban giám hiệu TrườngĐại học Công nghệ thông tin và Truyền thông – Việt Hàn, các thầy cô thuộc khoaKhoa học máy tính đã tận tình giúp đỡ chúng em suốt thời gian học tập và thực hiệnbáo cáo này

Đặc biệt, chúng em xin gửi lời cảm ơn chân thành nhất đến thầy Võ Văn Lườngphụ trách bộ môn “Công nghệ phần mềm (6)” Trong quá trình nghiên cứu và thựchiện bài báo cáo, chúng em đã nhận được sự quan tâm giúp đỡ, hướng dẫn chu đáo,tâm huyết của thầy Thầy đã giúp chúng em tích lũy thêm nhiều kiến thức để có thể cáinhìn sâu sắc và chuyên môn hơn Đây là hành trang quý báu, là kinh nghiệm để giúpchúng em đi tiếp trên con đường sự nghiệp của mình

Có lẽ kiến thức là vô hạn mà sự tiếp nhận kiến thức của bản thân mỗi ngườiluôn tồn tại những hạn chế nhất định Do đó, trong quá trình hoàn thành báo cáo, chắcchắn không tránh khỏi những thiếu sót Bản thân chúng em rất mong nhận được nhữnggóp ý đến từ thầy để báo cáo được hoàn thiện hơn

Kính chúc thầy sức khỏe, hạnh phúc và thành công trên con đường sự nghiệpgiảng dạy

NHẬN XÉT (Của giảng viên hướng dẫn)

Đà Nẵng, tháng năm 2023

Giảng viên hướng dẫn

ThS Võ Văn Lường

MỤC LỤC

CHƯƠNG 1 THU THẬP YÊU CẦU 1

1.1 Đ Ề TÀI 1

1.1.1 Tên đề tài 1

1.1.2 Phạm vi 1

1.1.3 Chi phí 1

1.2 PHIẾU PHỎNG VẤN 1

1.2.1 Phỏng vấn khách hàng 1

1.2.2 Phỏng vấn quản trị viên 3

1.3 PHIẾU CÂU HỎI KHẢO SÁT 6

1.3.1 Phiếu khảo sát dành cho khách hàng 6

1.3.2 Phiếu khảo sát dành cho quản trị viên 9

1.4 T ÀI LIỆU LIÊN QUAN 14

1.5 ĐẶC TẢ HỆ THỐNG(SRS) 14

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 21

2.1 ACTOR 21

2.2 U SE CASE 21

2.3 ĐẶC TẢ USE CASE 22

2.3.1 Đăng ký 22

2.3.2 Đăng nhập 22

2.3.3 Đổi thông tin cá nhân 23

2.3.4 Đổi ảnh đại diện 23

2.3.5 Hiển thị lịch sử đơn hàng 24

2.3.6 Thêm sản phẩm vào giỏ hàng 24

2.3.7 Sửa số lượng sản phẩm trong giỏ hàng 25

2.3.8 Xóa sản phẩm khỏi giỏ hàng 25

2.3.9 Hiển thị slide 26

2.3.10 Thêm slide 26

2.3.11 Sửa slide 27

2.3.12 Xóa slide 27

2.3.13 Sửa email trong cài đặt 28

2.3.14 Thêm ngân hàng 28

2.3.15 Sửa ngân hàng 29

2.3.16 Xóa ngân hàng 29

2.3.17 Sửa thông tin về chúng tôi 30

2.3.18 Thêm sản phẩm 31

2.3.19 Sửa sản phẩm 31

2.3.20 Xoá sản phẩm 32

2.3.21 Hiển thị sản phẩm 32

2.3.22 Thêm chi tiết sản phẩm 33

2.3.23 Sửa chi tiết sản phẩm 33

2.3.24 Xoá chi tiết sản phẩm 34

2.3.25 Hiển thị chi tiết sản phẩm 34

2.3.26 Thay đổi trạng thái đơn hàng photocopy 34

2.3.27 Xem chi tiết thông tin đơn hàng photocopy 35

2.3.28 Đặt đơn hàng photocopy 36

2.3.29 Thay đổi trạng thái đơn hàng sản phẩm được mua 37

2.3.30 Đặt mua sản phẩm 38

2.3.31 Xem chi tiết đơn hàng sản phẩm được mua 39

2.3.32 Thêm danh mục sản phẩm 39

2.3.33 Xóa danh mục sản phẩm 40

2.3.34 Hiển thị danh mục sản phẩm 41

2.4 USE CASE DIAGRAM 42

2.4.1 Diagram tổng quát 42

2.4.2 Diagram chi tiết 42

2.5 ACTIVITY DIAGRAM 45

2.5.1 Đăng ký 45

2.5.2 Đăng nhập 46

2.5.3 Đổi thông tin 47

2.5.4 Đổi ảnh đại diện 47

2.5.5 Hiển thị lịch sử đơn hàng 48

2.5.6 Thêm sản phẩm vào giỏ hàng 48

2.5.7 Sửa sản phẩm trong giỏ hàng 49

2.5.8 Xóa sản phẩm khỏi giỏ hàng 49

2.5.9 Xem slide 50

2.5.10 Thêm slide 50

2.5.11 Sửa slide 51

2.5.12 Xóa slide 51

2.5.13 Sửa email quản trị viên 52

2.5.14 Thêm ngân hàng 53

2.5.15 Sửa ngân hàng 54

2.5.16 Xóa ngân hàng 54

2.5.17 Sửa thông tin về chúng tôi 55

2.5.18 Thêm sản phẩm 56

2.5.19 Sửa sản phẩm 57

2.5.20 Xoá sản phẩm 58

2.5.21 Hiển thị sản phẩm 59

2.5.22 Thêm chi tiết sản phẩm 60

2.5.23 Sửa chi tiết sản phẩm 61

2.5.24 Xoá chi tiết sản phẩm 62

2.5.25 Hiển thị chi tiết sản phẩm 63

2.5.26 Đặt đơn photocopy 64

2.5.27 Đặt hàng sản phẩm 65

2.5.28 Hiển thị danh mục 66

2.5.30 Xem chi tiết đơn hàng sản phẩm 67

2.5.31 Đổi trạng thái đơn hàng photocopy 68

2.5.32 Đổi trạng thái đơn hàng sản phẩm 69

2.5.33 Thêm danh mục 70

2.5.34 Xóa danh mục 71

2.6 THIẾT KẾ GIAO DIỆN 72

2.7 THIẾT KẾ CƠ SỞ DỮ LIỆU 83

CHƯƠNG 3 PHÁT TRIỂN 87

3.1 CƠ SỞ DỮ LIỆU 87

3.2 GIAO DIỆN WEBSITE 88

3.2.1 Trang chủ 88

3.2.2 Trang photocopy 88

3.2.3 Trang sản phẩm 89

3.2.4 Trang chi tiết sản phẩm 89

3.2.5 Trang về chúng tôi 90

3.2.6 Trang giỏ hàng 90

3.2.7 Trang thanh toán 91

3.2.8 Trang thông tin cá nhân 91

3.2.9 Trang lịch sử đơn hàng 92

3.2.10 Trang đăng ký 92

3.2.11 Trang chủ quản lý 93

3.2.12 Trang quản lý slide 93

3.2.13 Trang thêm slide 94

3.2.14 Trang sửa slide 94

3.2.15 Trang cài đặt 95

3.2.16 Trang thêm ngân hàng 95

3.2.17 Trang sửa ngân hàng 96

3.2.18 Trang quản lý sản phẩm 96

3.2.19 Trang thêm sản phẩm 97

3.2.20 Trang sửa sản phẩm 97

3.2.21 Trang thêm chi tiết sản phẩm 98

3.2.22 Trang sửa chi tiết sản phẩm 98

3.2.23 Trang quản lý danh mục 99

3.2.24 Trang quản lý đơn photo 99

3.2.25 Trang quản lý đơn sản phẩm 100

3.2.26 Trang chi tiết đơn photo 100

CHƯƠNG 4 KIỂM THỬ 101

CHƯƠNG 5 TRIỂN KHAI 103

CHƯƠNG 6 BẢO TRÌ VÀ HỖ TRỢ 106

6.1 THEO DÕI HIỆU SUẤT 106

6.2 SỬA LỖI VÀ CẬP NHẬT 106

6.3 BẢO MẬT VÀ NÂNG CẤP 107

6.4 HỖ TRỢ NGƯỜI DÙNG 107 6.5 CẬP NHẬT NỘI DUNG VÀ SẢN PHẨM 108 6.6 ĐÁNH GIÁ ĐỘ ỔN ĐỊNH VÀ HIỆU SUẤT 108

DANH MỤC CÁC BẢNG

Bảng 1 Kịch bản đăng ký 22

Bảng 2 Kịch bản đăng nhập 23

Bảng 3 Kịch bản đổi thông tin cá nhân 23

Bảng 4 Kịch bản đổi ảnh đại diện 24

Bảng 5 Kịch bản hiển thị lịch sử đơn hàng 24

Bảng 6 Kịch bản thêm sản phẩm vào giỏ hàng 25

Bảng 7 Kịch bản sửa số lượng sản phẩm trong giỏ hàng 25

Bảng 8 Kịch bản xóa sản phẩm khỏi giỏ hàng 26

Bảng 9.Kịch bản hiển thị slide 26

Bảng 10 Kịch bản thêm slide 27

Bảng 11 Kịch bản sửa slide 27

Bảng 12 Kịch bản xóa slide 28

Bảng 13 Kịch bản sửa email trong cài đặt 28

Bảng 14 Kịch bản thêm ngân hàng 29

Bảng 15 Kịch bản sửa ngân hàng 29

Bảng 16 Kịch bản xóa ngân hàng 30

Bảng 17 Kịch bản sửa thông tin về chúng tôi 31

Bảng 18 Kịch bản thêm sản phẩm 31

Bảng 19 Kịch bản sửa sản phẩm 32

Bảng 20 Kịch bản xoá sản phẩm 32

Bảng 21 Kịch bản hiển thị sản phẩm 32

Bảng 22 Kịch bản thêm chi tiết sản phẩm 33

Bảng 23 Kịch bản sửa chi tiết sản phẩm 33

Bảng 24 Kịch bản xoá chi tiết sản phẩm 34

Bảng 25 Kịch bản hiển thị chi tiết sản phẩm 34

Bảng 26 Kịch bản thay đổi trạng thái đơn hàng photocopy 35

Bảng 27 Kịch bản xem chi tiết thông tin đơn hàng photocopy 36

Bảng 28 Kịch bản đặt đơn hàng photocopy 37

Bảng 29 Kịch bản thay đổi trạng thái đơn hàng sản phẩm được mua 38

Bảng 30 Kịch bản đặt mua sản phẩm 38

Bảng 31 Kịch bản xem chi tiết đơn hàng sản phẩm được mua 39

Bảng 32 Kịch bản thêm danh mục sản phẩm 40

Bảng 33 Kịch bản xóa danh mục sản phẩm 41

Bảng 34 Kịch bản hiển thị danh mục sản phẩm 41

Bảng 35 Bảng Users 83

Bảng 36 Bảng Categories 84

Bảng 37 Bảng Abouts 84

Bảng 38 Bảng Configs 84

Bảng 39 Bảng Slides 84

Bảng 40 Bảng Products 84

Bảng 41 Bảng orders 85

Bảng 42 Bảng order_photo 85

Bảng 43 Bảng order_product 85

Bảng 44 Bảng products 86

Bảng 45 Bảng sub_product 86

Bảng 46 Bảng Photos 86

DANH MỤC HÌNH

Hình 1 Mẫu hóa đơn bán hàng 14

Hình 2 Usecase diagram tổng quát 42

Hình 3 Usecase diagram chung giữa các actor 42

Hình 4 Usecase diagram riêng của actor khách hàng 43

Hình 5 Usecase diagram riêng của actor quản trị viên 44

Hình 6 Activity diagram đăng ký 45

Hình 7 Activity diagram đăng nhập 46

Hình 8 Activity diagram đổi thông tin 47

Hình 9 Activity diagram đổi ảnh đại diện 47

Hình 10 Activity diagram hiển thị lịch sử đơn hàng 48

Hình 11 Activity diagram thêm sản phẩm vào giỏ hàng 48

Hình 12 Activity diagram sửa sản phẩm trong giỏ hàng 49

Hình 13 Activity diagram xóa sản phẩm khỏi giỏ hàng 49

Hình 14 Activity diagram xem slide 50

Hình 15 Activity diagram thêm slide 50

Hình 16 Activity diagram sửa slide 51

Hình 17 Activity diagram xóa slide 51

Hình 18 Activity diagram sửa email quản trị viên 52

Hình 19 Activity diagram thêm ngân hàng 53

Hình 20 Activity diagram sửa ngân hàng 54

Hình 21 Activity diagram xóa ngân hàng 54

Hình 22 Activity diagram sửa thông tin về chúng tôi 55

Hình 23 Activity diagram thêm sản phẩm 56

Hình 24 Activity diagram sửa sản phẩm 57

Hình 25 Activity diagram xoá sản phẩm 58

Hình 26 Activity diagram hiển thị sản phẩm 59

Hình 27 Activity diagram thêm chi tiết sản phẩm 60

Hình 28 Activity diagram sửa chi tiết sản phẩm 61

Hình 29 Activity diagram xoá chi tiết sản phẩm 62

Hình 30 Activity diagram hiển thị chi tiết sản phẩm 63

Hình 31 Activity diagram đặt đơn photocopy 64

Hình 32 Activity diagram đặt hàng sản phẩm 65

Hình 33 Activity diagram hiển thị danh mục 66

Hình 34 Activity diagram xem chi tiết đơn hàng photo 66

Hình 35 Activity diagram xem chi tiết đơn hàng sản phẩm 67

Hình 36 Activity diagram đổi trạng thái đơn hàng photocopy 68

Hình 37 Activity diagram đổi trạng thái đơn hàng sản phẩm 69

Hình 38 Activity diagram thêm danh mục 70

Hình 39 Activity diagram xóa danh mục 71

Hình 40 Giao diện trang chủ 72

Hình 41 Giao diện trang đăng nhập 73

Hình 42 Giao diện trang đăng ký 73

Hình 43 Giao diện trang thông tin cá nhân 73

Hình 44 Giao diện trang lịch sử đơn hàng 74

Hình 45 Giao diện trang giỏ hàng 74

Hình 46 Giao diện trang sản phẩm 75

Hình 47 Giao diện trang chi tiết sản phẩm 75

Hình 48 Giao diện trang đặt đơn photocopy 76

Hình 49 Giao diện trang đặt sản phẩm 76

Hình 50 Giao diện trang hiển thị danh mục 76

Hình 51 Giao diện trang slide 77

Hình 52 Giao diện trang thêm slide 77

Hình 53 Giao diện trang cài đặt 78

Hình 54 Giao diện trang thêm ngân hàng 78

Hình 55 Giao diện trang sản phẩm 79

Hình 56 Giao diện trang thêm sản phẩm 79

Hình 57 Giao diện trang sửa sản phẩm 80

Hình 58 Giao diện trang xóa sản phẩm 80

Hình 59 Giao diện trang thêm sản phẩm chi tiết 81

Hình 60 Giao diện trang chi tiết hóa đơn photocopy 81

Hình 61 Giao diện trang chi tiết hóa đơn sản phẩm 82

Hình 62 Giao diện trang đổi trạng thái đơn photo 82

Hình 63 Giao diện trang đổi trạng thái đơn sản phẩm 82

Hình 64 Giao diện trang thêm danh mục 83

Hình 65 Giao diện trang xóa danh mục 83

Hình 66 Sơ đồ quan hệ cơ sở dữ liệu 87

Hình 67 Giao diện trang chủ khách hàng 88

Hình 68 Giao diện trang photocopy 88

Hình 69 Giao diện trang sản phẩm 89

Hình 70 Giao diện trang chi tiết sản phẩm 89

Hình 71 Giao diện trang về chúng tôi 90

Hình 72 Giao diện trang giỏ hàng 90

Hình 73 Giao diện trang thanh toán 91

Hình 74 Giao diện trang thông tin cá nhân 91

Hình 75 Giao diện trang lịch sử đơn hàng 92

Hình 76 Giao diện trang đăng ký 92

Hình 77 Giao diện trang chủ quản lý 93

Hình 78 Giao diện trang quản lý slide 93

Hình 79 Giao diện trang thêm slide 94

Hình 80 Giao diện trang sửa slide 94

Hình 81 Giao diện trang cài đặt 95

Hình 82 Giao diện trang thêm ngân hàng 95

Hình 83 Giao diện trang sửa ngân hàng 96

Hình 84 Giao diện trang quản lý sản phẩm 96

Hình 85 Giao diện trang thêm sản phẩm 97

Hình 86 Giao diện trang sửa sản phẩm 97

Hình 87 Giao diện trang thêm chi tiết sản phẩm 98

Hình 88 Giao diện trang sửa chi tiết sản phẩm 98

Hình 89 Giao diện trang quản lý danh mục 99

Hình 90 Giao diện trang quản lý đơn photo 99

Hình 91 Giao diện trang quản lý đơn sản phẩm 100

Hình 92 Giao diện trang chi tiết đơn photo 100

Hình 93 Docker-compose up -d 104

Hình 94 Docker container ls 104

Hình 95 Docker logs –follow fast_pho-php-1 105

Hình 96 Demo 105

Chương 1 THU THẬP YÊU CẦU

Người được hỏi: Trần Đăng Tín

Người hỏi: Nguyễn Thị Bảo Linh

Địa điểm: Trường Đại học CNTT và TT Việt Hàn

Thời gian:07/11/2023

Thời gian bắt đầu phỏng vấn: 9h

Thời gian kết thúc phỏng vấn:9h30

Đối tượng được hỏi: Khách hàng

Các yêu cầu: Vai trò, vị trí, trình độ, kinh nghiệm người phỏng vấn

Phiếu câu hỏi:

Câu 1: Khi đăng ký tài khoản, bạn mong muốn cần cung cấp nhữngthông tin gì? Ví dụ: tên, địa chỉ email, số điện thoại, v.v

- Tôi mong muốn cung cấp tên, địa chỉ email và mật khẩu để đăng

- Tôi mong muốn nhận được một email xác nhận để khôi phục mậtkhẩu của tôi

1

Câu 4: Bạn có mong muốn thay đổi thông tin cá nhân của mình? Nếu

có, thông tin nào bạn muốn thay đổi và quy trình nào bạn muốn sử dụng

để thực hiện việc này?

- Tôi muốn có khả năng thay đổi thông tin cá nhân như địa chỉ giaohàng và số điện thoại Tôi mong muốn có một trang cài đặt cánhân để tôi có thể thay đổi thông tin này một cách dễ dàng.Câu 5: Bạn muốn xem thông tin gì trong lịch sử đơn hàng của mình?

- Tôi muốn có thể xem danh sách các đơn hàng đã đặt, thông tin chitiết và trạng thái đơn hàng

Câu 6: Bạn muốn thêm sản phẩm vào giỏ hàng như thế nào? Ví dụ:bằng cách tìm kiếm sản phẩm, nhấn vào nút "Thêm vào giỏ hàng" từtrang sản phẩm, v.v

- Tôi muốn có khả năng thêm sản phẩm vào giỏ hàng bằng cáchnhấn vào nút "Thêm vào giỏ hàng" từ trang sản phẩm

Câu 7: Khi muốn chỉnh sửa giỏ hàng, bạn muốn làm như thế nào? Vídụ: thay đổi số lượng sản phẩm, xóa sản phẩm, v.v

- Tôi muốn có khả năng thay đổi số lượng sản phẩm trong giỏ hàng

và xóa sản phẩm khỏi giỏ hàng nếu cần thiết

Câu 8: Bạn muốn có tính năng nào liên quan đến tính toán tổng giá trịgiỏ hàng? Ví dụ: hiển thị tổng giá trị, giảm giá, v.v

- Tôi muốn có tính năng hiển thị giá trị của mỗi đơn hàng, tính toángiá sau khi giảm nếu có, và hiển thị tổng số tiền phải thanh toán.Câu 9: Khi bạn xem slide, có những thông tin nào bạn muốn thấy trênmàn hình?

- Tôi muốn dễ dàng xem các slide một cách rõ ràng, có các thôngtin về sale và các sản phẩm nổi bật

Câu 10: Khi bạn muốn xem sản phẩm? bạn muốn thấy những gì trênmàn hình đó?

- Tôi muốn dễ dàng xem các hình ảnh sản phẩm một cách rõ ràng,ghi chú tên sản phẩm và giá cả

Câu 11: Khi bạn muốn xem thông tin chi tiết sản phẩm để đặt hàng, bạnmuốn xem những thông tin gì trên đó?

- Tôi muốn xem giá cả, số lượng, màu sắc, hình ảnh trên đó.Câu 12: Bạn muốn có tính năng gì liên quan đến trạng thái đơn hàngphotocopy?

- Tôi mong muốn có các trạng thái như: khi chưa giao hàng ("Chờxác nhận," "Đang giao hàng,"), khi nhận được hàng ("Đã giaohàng.") và khi hủy đơn hàng (“Đã hủy hàng”)

2

Câu 13: Khi đặt đơn hàng photocopy bạn mong muốn có những tùychọn nào?

- Tôi mong muốn có tùy chọn khi đặt đơn photocopy như: Nhậpthông tin cá nhân người đặt hàng ( họ và tên, số điện thoại, địachỉ, thời gian nhận hàng), thông tin mặt hàng (kiểu giấy, số lượng,bìa, kiểu in, ghi chú), phương thức thanh toán, tải tệp tin cầnphotocopy và nút đặt đơn

Câu 14: Bạn muốn có tính năng gì liên quan đến đổi trạng thái đơnhàng sản phẩm?

- Giống như bên photocopy tôi mong muốn có các trạng thái nhưkhi nhận được hàng giao hàng ("Chờ xác nhận," "Đang giaohàng,"), khi nhận được hàng ( "Đã giao hàng.") và khi hủy đơnhàng “Đã hủy hàng”

Câu 15: Bạn mong muốn có những tùy chọn nào khi đặt hàng sảnphẩm?

- Tôi mong muốn có tùy chọn để đặt sản phẩm như: nhập số lượng

và nút thêm vào giỏ hàng Khi vào nhấn vào nút giỏ hàng thì cóthể xem chi tiết giỏ hàng hoặc thanh toán Khi nhấn vào thanhtoán tôi muốn có tùy chọn như: Nhập họ và tên, số điện thoại, địachỉ, giá tiền sản phẩm và nút tiếp tục đến phương thức thanh toán.Khi thanh toán thì có thể thanh toán bằng nhiều hình thức.Câu 16: Khi sử dụng chức năng hiển thị danh mục, bạn mong đợi gì từgiao diện và cách thông tin được trình bày để bạn có trải nghiệm tốtnhất?

- Tôi mong muốn giao diện thân thiện và dễ sử dụng Thông tin cầnphải được sắp xếp một cách logic và dễ dàng tìm kiếm Muốn cótùy chọn lọc và sắp xếp linh hoạt để tôi có thể hiển thị thông tintheo yêu cầu của mình

Câu 17: Bạn muốn sử dụng chức năng hiển thị danh mục thế nào?

- Khi tôi nhấp vào một danh mục thì danh mục đó sẽ hiển thị ra cácdanh mục con khác từ đó tôi có thể dễ dàng tìm được sản phẩmmình muốn

1.2.2 Phỏng vấn quản trị viên

Người được hỏi: Nguyễn Danh Huy

Người hỏi: Nguyễn Ngọc Sơn

Địa điểm: Trường Đại học CNTT và TT Việt Hàn

Các yêu cầu: Vai trò, vị trí, trình độ, kinh nghiệm người phỏng vấn

Phiếu câu hỏi:

Câu 1: Khi người dùng đăng ký tài khoản, bạn muốn thu thập nhữngthông tin nào từ họ? Ví dụ: tên, địa chỉ email, số điện thoại, v.v

- Chúng tôi muốn thu thập tên, địa chỉ email, số điện thoại và giớitính từ người dùng khi đăng ký tài khoản

Câu 2: Bạn mong muốn có cơ chế đăng nhập chung với người dùng hayđăng nhập riêng để đảm bảo người dùng không thể truy cập vào trangquản trị?

- Chúng tôi mong muốn có một cơ chế đăng nhập an toàn, bao gồmhai trang đăng nhập khác nhau để tránh bị lỗi không mong muốn

để người dùng vào được trang quản trị

Câu 3: Khi người dùng yêu cầu thay đổi mật khẩu, bạn muốn có quytrình nào để xác minh và thực hiện việc này?

- Chúng tôi muốn cung cấp một quy trình xác minh bằng email vàtoken để người dùng có thể thay đổi mật khẩu của mình một cách

- Tôi muốn có khả năng chỉnh sửa tất cả các thành phần của slide,bao gồm ảnh, liên kết, thứ tự hiển thị slide và trạng thái

Câu 7: Khi bạn muốn xóa một slide khỏi danh sách, bạn muốn quy trìnhnhư thế nào? Có những xác nhận nào bạn muốn thực hiện trước khixóa?

- Tôi muốn có một tùy chọn xóa slide từ danh sách một cách dễdàng Đồng thời, cần có một xác nhận trước khi xóa để tránh xóanhầm

Câu 8: Khi bạn muốn sửa đổi địa chỉ email trong cài đặt, bạn muốn quytrình như thế nào? Có những thông tin nào bạn muốn cập nhật hoặc xácnhận?

- Tôi muốn có một trang cài đặt dễ tìm và dễ sử dụng để thay đổiđịa chỉ email

4

Câu 9: Khi bạn muốn thêm một ngân hàng mới, bạn muốn quy trình nhưthế nào? Có những thông tin cụ thể nào bạn muốn nhập để đăng ký ngânhàng?

- Tôi muốn một giao diện đơn giản để thêm ngân hàng mới Cần cócác trường để nhập ảnh, nhập các thông tin như tên ngân hàng, sốtài khoản và thông tin liên lạc liên quan

Câu 10: Khi bạn cần chỉnh sửa thông tin về một ngân hàng đã đăng ký,bạn muốn thực hiện những thay đổi gì? Có những trường thông tin cụthể nào bạn muốn điều chỉnh?

- Tôi muốn có khả năng sửa đổi mọi thông tin liên quan đến ngânhàng, bao gồm tên ngân hàng, số tài khoản và thông tin liên hệ vàảnh mã qr

Câu 11: Khi bạn muốn xóa một ngân hàng từ danh sách, bạn muốn quytrình như thế nào? Có những xác nhận nào bạn muốn thực hiện trướckhi xóa?

- Tôi muốn có một tùy chọn dễ tìm để xóa ngân hàng Đồng thời,cần có một xác nhận trước khi xóa để tránh lỡ tay

Câu 12: Khi bạn muốn sửa đổi thông tin trong phần "Về Chúng Tôi",bạn muốn thực hiện những thay đổi gì? Có những nội dung cụ thể nàobạn muốn thêm hoặc sửa đổi?

- Tôi muốn có khả năng chỉnh sửa mọi thông tin về chúng tôi, baogồm văn bản mô tả, hình ảnh Mong muốn có một giao diện dễ sửdụng để thực hiện các thay đổi này

Câu 13: Khi bạn muốn thêm một sản phẩm mới, bạn muốn quy trình nhưthế nào? Có những thông tin gì bạn muốn nhập vào để mô tả sản phẩm?

- Trả lời:Tôi có một giao diện đơn giản để thêm sản phẩm mới Cần

có các trường để nhập gồm loại sản phẩm, số lượng và hình ảnhsản phẩm

Câu 14: Khi bạn cần sửa đổi một sản phẩm đã tồn tại, bạn muốn thựchiện những thay đổi gì? Có những trường thông tin cụ thể nào bạn muốnchỉnh sửa?

- Tôi có khả năng chỉnh sửa tất cả các thành phần bên trong sảnphẩm, bao gồm tên sản phẩm, hình ảnh, giá thành, danh mục sảnphẩm Mô tả chung bên trong sản phẩm để để tạo nên một sảnphẩm hoàn thiện

Câu 15: Khi bạn muốn xoá một sản phẩm trong danh mục , bạn sẽ làmnhư thế nào?

- Tôi có thể xóa sản phẩm cần xóa bằng một nút kích chuột, đồngthời cần có một xác nhận trước khi xóa để tránh trường hợp xóanhầm

Câu 16: Bạn muốn quá trình đổi trạng thái đơn hàng photocopy diễn ranhư thế nào trong hệ thống? Có yêu cầu gì về quyền hạn?

- Tôi muốn quy trình hoạt động thay đổi trạng thái của đơn hànghoạt động như sau: Sau khi khách hàng nhận được hàng thì tôithay đổi từ trạng thái "Chờ xác nhận "sang "Đang giao hàng," và

5

"Đã giao hàng." ngoài ra còn có trạng thái” Đã hủy” dành chotrường hợp hủy đơn hàng Tôi muốn chỉ những quản trị viên cóquyền hạn đặc biệt mới có thể thực hiện được thao tác này Câu 17: Bạn muốn hiển thị thông tin chi tiết đơn hàng như thế nào trêngiao diện quản trị viên?

- Khi xem chi tiết đơn hàng trên giao diện quản trị viên, tôi muốn

có một bảng tóm tắt đơn hàng ( địa chỉ giao hàng và thông tin liên

hệ của khách hàng, thời gian, số lượng, hình thức thanh toán,ngày tạo, tình trạng sản phẩm) và khi nhấp vào bảng đó thì nóhiện lên chi tiết đơn hàng ( thông tin sản phẩm, địa chỉ giao hàng

và thông tin liên hệ của khách hàng, số lượng, ghi chú, số tiềnthanh toán)

Câu 18: Trong hệ thống này, bạn muốn quy trình đổi trạng thái sảnphẩm hoạt động như thế nào ? Có yêu cầu về quyền hạn thay đổi trạngthái đó không?

- Như bên phần photocopy thì tôi muốn quy trình hoạt động thayđổi trạng thái của đơn hàng hoạt động như sau: Sau khi kháchhàng nhận được hàng thì tôi thay đổi từ trạng thái "Chờ xác nhận

"sang "Đang giao hàng," và "Đã giao hàng." ngoài ra còn có trạngthái” Đã hủy” dành cho trường hợp hủy đơn hàng Tôi muốn chỉnhững quản trị viên có quyền hạn đặc biệt mới có thể thực hiệnđược thao tác này

Câu 19: Trình bày thông tin chi tiết đơn hàng trong giao diện quản trịviên theo cách nào?

- Khi xem chi tiết đơn hàng trên giao diện quản trị viên, tôi muốn

có một bảng tóm tắt đơn hàng ( địa chỉ giao hàng và thông tin liên

hệ của khách hàng, thời gian, số lượng, hình thức thanh toán,ngày tạo, tình trạng sản phẩm) và khi nhấp vào bảng đó thì nóhiện lên chi tiết đơn hàng ( thông tin sản phẩm, địa chỉ giao hàng

và thông tin liên hệ của khách hàng, giảm giá, số lượng, số tiềnthanh toán)

Câu 20: Khi bạn thêm một mục mới vào danh mục, bạn muốn nhậpthông tin gì cho mục đó?

- Khi thêm mục mới vào danh mục thì tôi muốn nhập tên của mục

đó Ngoài ra tôi muốn nhập thêm các mục con của mục mới nhậpCâu 21: Khi bạn xóa một mục khỏi danh mục, bạn muốn có khả năngxác nhận việc xóa? Bạn muốn hệ thống yêu cầu xác nhận trước khi xóamục hay không?

- Khi xóa một mục khỏi danh mục, tôi muốn hệ thống yêu cầu xácnhận trước khi tiến hành xóa Điều này giúp tránh xóa nhầm cácmục quan trọng và đảm bảo tính chính xác của dữ liệu

6

1.3 Phiếu câu hỏi khảo sát

1.3.1 Phiếu khảo sát dành cho khách hàng

Câu 1: Bạn muốn sử dụng phương thức nào để đăng ký tài khoản(chọn1)?

🔘 Nhập mật khẩu hiện tại và nhập mật khẩu mới

🔘 Xác nhận thông qua email hoặc số điện thoại

🔘 Các quy trình khác (vui lòng cung cấp thông tin chi tiết): Câu 6: Bạn thường xuyên xem slide không?

🔲 Các thông tin khác (vui lòng cung cấp thông tin chi tiết): Câu 9: Khi thêm sản phẩm vào giỏ hàng, bạn muốn thực hiện thao tácnào?

🔘 Nhấn vào nút "Thêm vào giỏ hàng"

🔘 Chọn số lượng sản phẩm và nhấn vào nút "Thêm vào giỏ hàng"

🔘 Cách khác (vui lòng cung cấp thông tin chi tiết): _Câu 10: Khi sửa sản phẩm trong giỏ hàng, bạn muốn thực hiện thao tácnào?

🔘 Thay đổi số lượng sản phẩm

🔘 Xóa sản phẩm khỏi giỏ hàng

🔘 Cập nhật thông tin khác của sản phẩm (vui lòng cung cấp thông tinchi tiết):

Câu 11: Khi xóa sản phẩm khỏi giỏ hàng, bạn muốn thực hiện thao tácnào?

🔘 Chọn sản phẩm và nhấn vào nút "Xóa"

🔘 Thực hiện thao tác vuốt qua sản phẩm để xóa

🔘 Cách khác (vui lòng cung cấp thông tin chi tiết): _Câu 12: Theo bạn, giao diện mua sản phẩm có dễ dàng sử dụng haykhông?

🔘 Dịch vụ chất lượng đi kèm với sản phẩm

🔘 Cách khác (vui lòng cung cấp thông tin chi tiết): _Câu 14: Bạn thấy chức năng xem chi tiết trên sản phẩm có dài dòngkhông?

🔘 Số lượng bản sao cần photocopy

8

🔘 Kích thước và loại giấy sử dụng.

🔘 Phương thức thanh toán và cung cấp thông tin liên lạc

🔘 Bổ sung (vui lòng cung cấp thông tin chi tiết): _

Câu 17:Bạn muốn đặt mua sản phẩm bằng phương thức nào? (chỉ đượcchọn 1)

🔘 Trực tuyến qua trang web của công ty

🔘 Sử dụng ứng dụng di động của công ty

🔘 Gọi điện thoại đến dịch vụ khách hàng

Câu 18:Bạn thấy chức năng đặt đơn photocopy có khó dùng không?

🔘 Tất cả

🔘 Mới

🔘 Giảm giá

🔘 Bổ sung (vui lòng cung cấp thông tin chi tiết): _

Câu 22: Bạn muốn có khả năng tìm kiếm hoặc lọc danh sách mục theotiêu chí nào ?

🔘 Tất cả

🔘 Mới

🔘 Giảm giá

🔘 Bổ sung (vui lòng cung cấp thông tin chi tiết): _

1.3.2 Phiếu khảo sát dành cho quản trị viên

Câu 1: Bạn mong muốn nhận thông báo thông qua phương tiện nào?

🔘 Email

🔘 Tin nhắn SMS

🔘 Thông báo push trên hệ thống

🔘 Tất cả các phương tiện trên (vui lòng cung cấp thông tin chi tiết): _

Câu 2: Bạn đã sử dụng chức năng thêm slide chưa?

9

🔘Không thuận tiện

🔘Rất không thuận tiện

Câu 6: Bạn đã từng xóa một slide trước đó chưa?

10

Câu 14: Bạn thấy thế nào về khả năng sửa thông tin của ngân hàng, có

đủ linh hoạt không?

🔘 Hoàn toàn hài lòng

🔘 Cách khác (vui lòng cung cấp thông tin chi tiết): _Câu 24: Bạn đã sửa đổi thông tin sản phẩm nào trong hệ thống gần đâykhông?

Câu 27: Khi sử dụng chức năng đổi trạng thái theo dõi trạng thái củađơn hàng photocopy, bạn mong muốn theo dõi thế nào? (Chỉ được chọn1)

🔘 Tự mình đổi trạng thái đơn hàng

🔘 Để hệ thống tự cập nhật trạng thái mới cho đơn hàng

Câu 28: Bạn đã sử dụng chức năng thêm danh mục chưa?

12

🔘 Hơi linh hoạt

🔘 Không đủ linh hoạt

Câu 31: Bạn đã sử dụng chức năng xóa danh mục chưa?

1.4 Tài liệu liên quan

Hình 1 Mẫu hóa đơn bán hàng

1.5 Đặc tả hệ thống(SRS)

Khi khách hàng truy cập trang web, trang đầu tiên xuất hiện trên màn hình sẽ làtrang slide, tại đây họ có thể xem và tương tác với các slide bằng cách nhấn vào cácslide có gắn liên kết

Trên thanh header, khách hàng có thể thấy các tùy chọn như: Trang chủ,photocopy, sản phẩm, về chúng tôi Khách hàng chọn trang sản phẩm trên phần tùychọn Sau khi khách hàng chọn Trang sản phẩm thì hệ thống sẽ hiển thị trang với danhsách các danh mục sản phẩm để khách hàng có thể dễ dàng chọn sản phẩm

Khi người dùng ấn vào nút về chúng tôi trên thanh header, hệ thống sẽ chuyểnhướng người dùng đến trang về chúng tôi Tại trang này, hệ thống sẽ hiển thị các thôngtin về công ty để người dùng có cái nhìn khách quan về hệ thống

Khi khách hàng chọn mục “Photocopy” trên header thì hệ thống sẽ chuyển sangtrang photocopy Tại đây để đặt được đơn thì hệ thống yêu cầu người dùng nhập đầy

đủ thông tin cá nhân và sản phẩm cần photocopy Người dùng nhập thông tin cá nhânnhư: họ và tên, số điện thoại, địa chỉ và thông tin sản phẩm như :kiểu giấy, số lượng,

14

bìa, kiểu in, tải file lên rồi chọn phương thức thanh toán Sau khi nhập đầy đủ thôngtin, người dùng nhấn nút "Đặt đơn" để gửi thông tin đặt hàng Hệ thống kiểm tra thôngtin đăng ký và xác nhận Nếu tất cả thông tin đã được nhập đầy đủ, đơn đặt hàng sẽđược gửi thành công và người dùng sẽ nhận được thông báo xác nhận đặt hàng thànhcông Nếu có thông tin còn thiếu hoặc không hợp lệ, hệ thống sẽ hiển thị thông báocho người dùng, yêu cầu người dùng nhập đầy đủ thông tin cá nhân và thông tin sảnphẩm cần photocopy

Khách hàng nhập URL hoặc nhấp vào một liên kết để truy cập vào trang web.Sau khi vào trang web hệ thống sẽ hiển thị trang chủ Trên header của trang web,khách hàng có thể thấy các trang như: Trang chủ, photocopy, sản phẩm, về chúng tôi.Khách hàng chọn trang sản phẩm trên phần tùy chọn.Sau khi khách hàng chọn Trangsản phẩm thì hệ thống sẽ hiển thị trang với danh sách các danh mục sản phẩm đểkhách hàng có thể dễ dàng chọn sản phẩm

Khi khách hàng chọn trang “Sản phẩm” trên header thì hệ thống sẽ chuyểnhướng họ đến trang sản phẩm Trang này sẽ hiển thị tất cả sản phẩm đang bán Mỗi sảnphẩm sẽ được hiển thị với các thông tin như hình ảnh sản phẩm, tên sản phẩm, giá saukhi giảm, giá trước khi giảm, số lượng và tổng tiền cho mỗi sản phẩm Để dễ tiếp cậnvới sản phẩm thì bên Sidebar hiển thị có thông tin như tất cả sản phẩm, đồ dùng họcsinh, dụng cụ thể thao để cho việc tìm kiếm và sản phẩm theo nhu cầu của mình Bêncạnh đó còn có nút tìm kiếm để tìm được sản phẩm mình mong muốn

Nếu người dùng ấn vào sản phẩm mình muốn mua thì hệ thống sẽ chuyểnhướng họ đến trang chi tiết sản phẩm, nơi này chứa các chi tiết của sản phẩm muốnmua bao gồm hình ảnh, giá tiền, màu sắc, số lượng, mô tả chung để mình thêm vào giỏhàng

Sau khi khách hàng đã chọn sản phẩm mà họ muốn mua, họ cần chọn loại sảnphẩm và số lượng (có thể bỏ qua) và nhấp vào nút "Thêm vào giỏ hàng" Khi đó, đơnhàng sẽ được thêm vào giỏ hàng và một box giỏ hàng sẽ hiển thị, cho phép khách hàngxem giỏ hàng hoặc tiến hành thanh toán

Nếu người dùng nhấp vào nút "Xem giỏ hàng", hệ thống sẽ chuyển hướng họđến trang xem giỏ hàng Trang này sẽ hiển thị các sản phẩm trong giỏ hàng theo từnghàng Mỗi sản phẩm sẽ được hiển thị với các thông tin như hình ảnh sản phẩm, tên sảnphẩm, giá sau khi giảm, giá trước khi giảm, đặc điểm của sản phẩm, số lượng và tổngtiền cho mỗi sản phẩm

Trên trang xem giỏ hàng, khách hàng có thể thực hiện các hành động như thêmhoặc giảm số lượng sản phẩm bằng cách nhấp vào nút "+" hoặc "-" bên cạnh ô sốlượng sản phẩm Họ cũng có thể nhấp vào nút "X" để xóa sản phẩm khỏi giỏ hàng Khikhách hàng thực hiện các thay đổi này, hệ thống sẽ xử lý hành động và cập nhật giỏhàng của họ

Bên phải danh sách sản phẩm trong giỏ hàng, sẽ có một ô hiển thị tổng tiền vàmột nút "Thanh toán" Khách hàng có thể xem tổng số tiền của giỏ hàng và nhấp vàonút "Thanh toán" để tiến hành quá trình thanh toán

15

Từ trang xem giỏ hàng, khách hàng có thể quản lý các sản phẩm trong giỏ hàngcủa mình, điều chỉnh số lượng sản phẩm và xóa sản phẩm không cần thiết Hệ thống sẽ

xử lý các hành động này và cập nhật giỏ hàng theo ý muốn của khách hàng

Khi khách hàng truy cập vào trang sản phẩm trên header, hệ thống sẽ hiển thịtrang sản phẩm Tại đây người dùng có thể chọn loại sản phẩm mà họ muốn mua, nhập

số lượng sản phẩm cần mua, và sau đó nhấn vào nút "Thêm vào giỏ hàng" Hệ thống

sẽ hiển thị chức năng xem giỏ hàng, cho phép khách hàng xem sản phẩm đã đượcchọn, giá tiền của từng sản phẩm và tổng giá tiền của toàn bộ đơn hàng Sau khi xemgiỏ hàng, khách hàng chọn "Thanh toán" để tiếp tục quá trình thanh toán Hệ thống sẽhiển thị giao diện để khách hàng nhập thông tin cần thiết để thanh toán đơn hàng, baogồm địa chỉ giao hàng, họ và tên, số điện thoại và phương thức thanh toán Kháchhàng cung cấp thông tin đầy đủ và sau đó xác nhận thông tin đặt hàng Hệ thống sẽ gửiđơn hàng đi để hoàn tất quá trình đặt hàng.Nếu khách hàng không nhập đầy đủ thôngtin thì hệ thống sẽ báo lỗi và yêu cầu người dùng nhập thông tin còn thiếu

Khi người dùng nhấp vào "Lịch sử đơn hàng", hệ thống sẽ chuyển hướng ngườidùng đến trang lịch sử đơn hàng Trang này sẽ hiển thị hai bảng gồm "Lịch sửphotocopy" và "Lịch sử mua hàng"

Trong bảng "Lịch sử photocopy", sẽ có các thông tin về số lượng, hình thứcthanh toán, ngày tạo đơn hàng và tình trạng của đơn hàng Người dùng có thể xemtổng quan về các đơn hàng photocopy đã đặt từ trước

Tương tự, trong bảng "Lịch sử mua hàng", sẽ hiển thị các thông tin tương tựnhư số lượng, hình thức thanh toán, ngày tạo đơn hàng và tình trạng của đơn hàng muahàng Đây là nơi người dùng có thể xem tổng quan về các đơn hàng mua hàng đã đượcđặt trong quá khứ

Khi người dùng nhấp vào biểu tượng con mắt, hệ thống sẽ hiển thị chi tiết củađơn hàng đó Thông tin chi tiết bao gồm các thông tin như các sản phẩm đã được đặt,

số lượng, giá cả và thông tin liên quan khác

Từ trang lịch sử đơn hàng, người dùng có thể xem thông tin tổng quan về cácđơn hàng đã đặt và xem chi tiết của từng đơn hàng Điều này cho phép họ theo dõi quátrình mua sắm và quản lý các đơn hàng của mình

Khi khách hàng truy cập vào trang web, nếu chưa đăng nhập thì họ sẽ thấy biểutượng người dùng trên header của trang, và khi nhấp vào biểu tượng đó, một hộp thoạiđăng nhập sẽ xuất hiện Hộp thoại đăng nhập bao gồm hai trường dữ liệu: "Email" và

"Mật khẩu" Dưới hộp thoại đăng nhập, có các lựa chọn "Tạo tài khoản" và "Quên mậtkhẩu"

Nếu khách hàng muốn đăng ký, họ sẽ nhấp vào lựa chọn "Tạo tài khoản" vàđược chuyển hướng đến trang đăng ký Trên trang đăng ký, khách hàng sẽ cần nhậpthông tin đăng ký như "Họ và tên", "Email", "Mật khẩu", và "Xác nhận mật khẩu" Saukhi nhập đầy đủ thông tin, khách hàng sẽ nhấp vào nút "Đăng ký" để hoàn tất quá trìnhđăng ký

16

Tại đây, hệ thống sẽ xử lý thông tin đăng ký Đầu tiên, hệ thống sẽ kiểm traxem email đã tồn tại trong hệ thống hay chưa Nếu email đã được sử dụng, hệ thống sẽtrả về thông báo lỗi "Email đã được sử dụng" Tiếp theo, hệ thống sẽ kiểm tra tính hợp

lệ của định dạng email và mật khẩu Nếu thông tin không hợp lệ, hệ thống sẽ hiển thịthông báo lỗi tương ứng, ví dụ như "Email hoặc mật khẩu không hợp lệ" Hệ thốngcũng sẽ kiểm tra tính khớp của mật khẩu và xác nhận mật khẩu Nếu mật khẩu khôngkhớp, hệ thống sẽ trả về thông báo lỗi "Mật khẩu và xác nhận mật khẩu không khớp".Nếu tất cả thông tin hợp lệ, hệ thống sẽ lưu thông tin tài khoản mới vào cơ sở

dữ liệu và chuyển hướng khách hàng đến trang chủ Trên trang chủ, họ sẽ nhận đượcthông báo thành công "Đăng ký tài khoản thành công"

Trong trường hợp đăng nhập, sau khi nhập thông tin đăng nhập vào các trường

"Email" và "Mật khẩu", hệ thống sẽ xử lý thông tin đăng nhập Đầu tiên, hệ thống sẽkiểm tra xem email và mật khẩu nhập vào có tồn tại trong cơ sở dữ liệu hay không.Nếu thông tin không chính xác, hệ thống sẽ trả về thông báo lỗi "Email hoặc mật khẩukhông chính xác" Ngược lại, nếu thông tin đăng nhập chính xác, hệ thống sẽ đăngnhập khách hàng và chuyển hướng họ đến trang chủ

Sau khi người dùng đã đăng nhập thành công, trên header sẽ hiển thị hình ảnhđại diện của người dùng Nếu người dùng nhấp vào hình ảnh đại diện, một hộp thoại sẽxuất hiện hiển thị các tùy chọn, bao gồm "Lịch sử đơn hàng", "Tài khoản của tôi" và

"Đăng xuất"

Khi người dùng nhấp vào "Tài khoản của tôi", họ sẽ được chuyển hướng đếntrang thông tin cá nhân (trang profile) Trang này sẽ hiển thị các thông tin cá nhân đãđăng ký như "Họ và tên", "Email", “giới tính”, "Số điện thoại" và "Địa chỉ" Ngườidùng có thể nhập hoặc sửa các thông tin này theo ý muốn

Bên trái của trang thông tin cá nhân, sẽ có một hộp chứa hình ảnh đại diện hiệntại và một nút "Đổi ảnh" Nếu người dùng nhấp vào nút này, hệ thống sẽ hiển thị mộthộp thoại cho phép người dùng chọn một file ảnh từ máy tính của họ Sau khi ngườidùng đã chọn file ảnh và nhấp vào nút "Upload", hệ thống sẽ xử lý quá trình tải lên vàlưu ảnh mới vào cơ sở dữ liệu Hệ thống cũng sẽ thông báo cho người dùng biết liệuquá trình đổi ảnh đại diện đã thành công hay thất bại

Khi người dùng thay đổi thông tin cá nhân hoặc đổi ảnh đại diện, hệ thống sẽkiểm tra tính hợp lệ của thông tin, bao gồm kiểm tra xem email đã tồn tại trong hệthống hay chưa Sau đó, hệ thống sẽ thông báo cho người dùng biết kết quả của cáchoạt động này, bao gồm thông báo thành công hoặc thất bại

Khi quản trị viên truy cập trang quản lý, có một menu danh sách chứa các lựachọn như Trang chủ, Slide, Cài đặt, Sản phẩm, và Đơn hàng để dễ dàng quản lý trangweb

Khi nhấn vào tùy chọn "Slide", hệ thống tự động chuyển hướng đến trang hiểnthị thông tin về slide Trang này bao gồm các chi tiết như ảnh, liên kết, thứ tự hiển thị,trạng thái, cũng như các nút Thêm, Sửa, Xóa slide

17

Khi quản trị viên nhấn vào nút "Thêm", hệ thống chuyển hướng đến trang thêmslide Tại đây, quản trị viên có thể nhập thông tin mới cho slide bao gồm ảnh, liên kết,trạng thái, và thứ tự hiển thị Sau khi nhập thông tin, quản trị viên nhấn nút "Xác nhận"

để lưu slide vào hệ thống

Khi quản trị viên chọn nút "Sửa", hệ thống chuyển hướng đến trang sửa slide.Tại đây, quản trị viên có thể chỉnh sửa thông tin như ảnh, liên kết, trạng thái, và thứ tựhiển thị Sau khi sửa xong, quản trị viên nhấn nút "Xác nhận" để lưu thông tin đã chỉnhsửa vào hệ thống

Nếu quản trị viên chọn nút "Xóa", hệ thống sẽ hiển thị thông báo "Bạn có chắcchắn muốn xóa slide này?" Quản trị viên có thể xác nhận xóa bằng cách nhấn nút

"Ok", hoặc hủy bằng cách nhấn nút "Hủy" để giữ nguyên thông tin slide

Khi nhấn vào tùy chọn "Cài đặt", hệ thống chuyển hướng đến trang cài đặt.Trang này hiển thị thông tin về email quản trị viên, danh sách ngân hàng, thông tin vềchúng tôi, và các nút để đổi email quản trị viên, thêm, sửa, xóa ngân hàng, cũng nhưsửa thông tin về chúng tôi

Để thay đổi email quản trị viên, quản trị viên nhập email mới vào ô email quảntrị viên và nhấn nút "Đổi" để lưu email mới vào hệ thống

Khi quản trị viên chọn nút "Thêm ngân hàng", hệ thống chuyển hướng đếntrang thêm ngân hàng Tại đây, quản trị viên có thể tải lên ảnh mã QR và nhập thôngtin như tên tài khoản, số tài khoản, và tên ngân hàng Sau khi nhập thông tin, quản trịviên nhấn nút "Xác nhận" để lưu ngân hàng mới vào hệ thống

Khi quản trị viên chọn nút "Sửa", hệ thống chuyển hướng đến trang sửa ngânhàng Tại đây, quản trị viên có thể chỉnh sửa thông tin như ảnh mã QR, tên tài khoản,

số tài khoản, và tên ngân hàng Sau khi sửa xong, quản trị viên nhấn nút "Xác nhận" đểlưu thông tin đã chỉnh sửa vào hệ thống

Nếu quản trị viên chọn nút "Xóa", hệ thống sẽ hiển thị thông báo "Bạn có muốnxóa không?" Quản trị viên có thể xác nhận xóa bằng cách nhấn nút "Ok", hoặc hủybằng cách nhấn nút "Hủy" để giữ nguyên thông tin ngân hàng

Khi quản trị viên muốn thay đổi thông tin về chúng tôi, quản trị viên nhậpthông tin mới vào ô chứa nội dung về chúng tôi và nhấn nút "Sửa thông tin về chúngtôi" để lưu thông tin mới vào hệ thống

Khi quản trị viên truy cập trang quản lý, có một menu danh sách chứa các lựachọn như Trang chủ, Slide, Cài đặt, Sản phẩm, và Đơn hàng để dễ dàng quản lý trangweb Khi nhấn vào tùy chọn "Sản phẩm", hệ thống tự động chuyển hướng đến tranghiển thị thông tin về sản phẩm Trang này bao gồm các chi tiết như ảnh, thông tin ,giáthành ,ngày tạo cũng như các nút Thêm, Sửa, Xóa , thêm chi tiết sản phẩm Khi bấmvào sản phẩm đã tạo thì có chi tiết sản phẩm trong đó có các chi tiết như màu sắc , sốlượng, hình ảnh và các nút sửa, xoá sản phẩm

18

Khi quản trị viên nhấn vào nút "Thêm", hệ thống chuyển hướng đến trang thêmsản phẩm Tại đây, quản trị viên có thể nhập thông tin mới cho sản phẩm bao gồm tênsản phẩm, danh mục, hình ảnh, giá cả, mô tả chi tiết Sau khi nhập thông tin, quản trịviên nhấn nút "Xác nhận" để lưu sản vào hệ thống.

Khi quản trị viên chọn nút "Sửa", hệ thống chuyển hướng đến trang sửa sảnphẩm Tại đây, quản trị viên có thể chỉnh sửa thông tin như tên sản phẩm, hình ảnh,danh mục, giá thành, mô tả chi tiết Sau khi sửa xong, quản trị viên nhấn nút "Xácnhận" để lưu thông tin đã chỉnh sửa vào hệ thống

Nếu quản trị viên chọn nút "Xóa", hệ thống sẽ hiển thị thông báo "Bạn có chắcchắn muốn xóa slide này?" Quản trị viên có thể xác nhận xóa bằng cách nhấn nút

"Ok", hoặc hủy bằng cách nhấn nút "Hủy" để giữ nguyên thông tin sản phẩm Khi quản trị viên nhấn vào nút "Thêm chi tiết", hệ thống chuyển hướng đếntrang thêm chi tiết sản phẩm Tại đây, quản trị viên có thể nhập thông tin mới để thêmbao gồm màu sắc và số lượng và hình ảnh Sau khi nhập thông tin, quản trị viên nhấnnút "Xác nhận" để lưu sản vào hệ thống

Khi quản trị viên nhấn vào nút "sửa chi tiết", hệ thống chuyển hướng đến trangthêm chi tiết sản phẩm Tại đây, quản trị viên có thể nhập thông tin mới để thêm baogồm màu sắc và số lượng và hình ảnh Sau khi nhập thông tin, quản trị viên nhấn nút

"Xác nhận" để lưu sản vào hệ thống

Nếu quản trị viên chọn nút "Xóa chi tiết", hệ thống sẽ hiển thị thông báo "Bạn

có chắc chắn muốn xóa slide này?" Quản trị viên có thể xác nhận xóa bằng cách nhấnnút "Ok", hoặc hủy bằng cách nhấn nút "Hủy" để giữ nguyên thông tin sản phẩm.Khi truy cập vào trang quản lý, quản trị viên chọn mục "Đơn hàng" (hoặc tươngtự) từ menu hoặc giao diện người dùng.Hệ thống hiển thị hai mục là "Photocopy" và

"Sản phẩm"

Khi quản trị viên nhấn vào mục photocopy thì hệ thống sẽ hiện ra một danhsách đơn photocopy gồm các thông tin như:số thứ tự, người mua, thời gian, số photo,thanh toán, ngày tạo và tình trạng và nút hình con mắt có chức năng xem chi tiết.Khiquản trị viên nhấn vào ô dưới dòng tình trạng thì hệ thống sẽ hiển thị một bảng gồmbốn mục: Chờ xác nhận, đang giao hàng, đã giao hàng, đã hủy Quản trị viên nhấnchọn một trong bốn trạng thái đó thì hệ thống xuất hiện thông báo thay đổi thành công

và thay đổi tình trạng

Nếu nhấn vào biểu tượng hình con mắt của đơn trong danh sách đơn photocopythì hệ thống sẽ hiển thị chi tiết đơn đó từ: họ và tên người nhận, địa chỉ, số điện thoại,hình thức thanh toán, thông tin sản phẩm như: số thứ tự, tên photo,hình thức, loại giấy,

số mặt, bìa, số lượng, ghi chú, giá, tổng số tiền

Còn khi quản trị viên nhấn vào mục sản phẩm thì hệ thống sẽ hiện ra một danhsách đơn sản phẩm gồm các thông tin như:số thứ tự, người mua, thời gian, số sảnphẩm, thanh toán, ngày tạo và tình trạng và nút hình con mắt có chức năng xem chitiết.Tương tự như bên danh sách photo Khi quản trị viên nhấn vào ô dưới dòng tình

19

trạng thì hệ thống sẽ hiển thị một bảng gồm bốn mục: Chờ xác nhận, đang giao hàng,

đã giao hàng, đã hủy Quản trị viên nhấn chọn một trong bốn trạng thái đó thì hệ thốngxuất hiện thông báo thay đổi thành công và thay đổi tình trạng

Tương tự như bên mục photocopy nếu nhấn vào biểu tượng hình con mắt củađơn trong danh sách đơn sản phẩm thì hệ thống sẽ hiển thị chi tiết đơn đó từ: họ và tênngười nhận, địa chỉ, số điện thoại, hình thức thanh toán, thông tin sản phẩm như: sốthứ tự, tên sản phẩm, loại, đơn giá giảm giá, số lượng, thành tiền, tổng số tiềnKhi quản trị viên truy cập vào trang quản trị viên của hệ thống.Hệ thống hiểnthị trang quản trị Sau đó quản trị viên chọn mục “Sản phẩm” Hệ thống hiển thị danhsách các sản phẩm hiện có để quản trị viên xem Quản trị viên chọn mục "Thêm" đểtruy cập vô chức năng thêm một danh mục sản phẩm mới Hệ thống sẽ hiển thị giaodiện chức năng thêm sản phẩm, cho phép quản trị viên nhập thêm sản phẩm mới Quảntrị viên chọn mục "Thêm mới" ,hệ thống hiển thị giao diện thêm mới danh mục vàdanh sách các danh mục Quản trị viên nhập tên danh mục mới vào ô nhập Sau đó,quản trị viên nhập tên và nhấn nút "Thêm" để tạo các danh mục lớn Ngoài ra để tạocác danh mục con thì chỉ cần nhấn dấu + ở phía bên phải mỗi danh mục rồi nhập têncác danh mục con ở trên ô nhập rồi nhấn nút “Thêm” Hệ thống sẽ kiểm tra xem quảntrị viên đã nhập tên danh mục hay chưa Nếu ô nhập có chữ, tức là quản trị viên đãnhập tên danh mục mới, hệ thống sẽ thêm danh mục mới vào danh sách Tuy nhiên,nếu không có chữ trong ô nhập, hệ thống sẽ thông báo lỗi và yêu cầu quản trị viênnhập tên danh mục mới

Bên cạnh nút “+” còn có nút “X” nút này có tác dụng để xóa danh mục Nếuquản trị viên nhấn nút “X” thì hệ thống sẽ hiện lên thông báo hỏi quản trị viên cómuốn xóa danh mục không ? Quản trị viên có thể xác nhận xóa bằng cách nhấn nút

"Ok", hoặc hủy bằng cách nhấn nút "Hủy" để giữ nguyên thông tin danh mục

20

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG2.1 Actor

- Khách hàng: là người sử dụng trang web để tìm kiếm, đặt hàng sản phẩm,photocopy, xem lịch sử mua hàng

- Quản trị viên: là người dùng trang web để quản lý người dùng, slide, sảnphẩm, đơn hàng, photocopy

- Xem chi tiết đơn hàng photo

- Xem chi tiết đơn hàng sản phẩm

- Đăng ký

- Đăng nhập

- Đổi thông tin cá nhân

- Đổi ảnh đại diện

- Hiển thị lịch sử đơn hàng

- Thêm sản phẩm vào giỏ hàng

- Sửa số lượng sản phẩm trong giỏ hàng

- Xóa sản phẩm khỏi giỏ hàng

- Sửa sản phẩm

- Thêm sản phẩm

- Xoá sản phẩm

- Hiển thị sản phẩm

- Sửa chi tiết sản phẩm

- Thêm chi tiết sản phẩm

- Xoá chi tiết sản phẩm

21

- Hiển thị chi tiết sản phẩm

- Đặt hàng sản phẩm

- Đặt đơn photocopy

- Đổi trạng thái đơn hàng sản phẩm

- Đổi trạng thái đơn hàng photocopy

Mục đích: Tạo tài khoản để truy cập vào hệ thống

Điều kiện tiên quyết: Khách hàng chưa có tài khoản trong hệ thống

Điều kiện sau: Tài khoản khách hàng được tạo thành công

Kịch bản:

1 Khách hàng truy cập vào trang

đăng ký trong hệ thống

2 Hệ thống hiển thị giao diện đăng ký tàikhoản

3 Khách hàng nhập các thông tin cần

thiết như tên, địa chỉ email, mật khẩu,

và các thông tin khác (nếu có)

4 Hệ thống kiểm tra tính hợp lệ của thôngtin đăng ký

Nếu thông tin không hợp lệ, hệ thốnghiển thị thông báo lỗi và yêu cầu kháchhàng nhập lại thông tin

Nếu thông tin hợp lệ, chuyển đếntrang đăng nhập và thông báo thànhcông

Bảng 1 Kịch bản đăng ký

2.3.2 Đăng nhập

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

Mục đích: Truy cập vào hệ thống với tài khoản đã đăng ký

Điều kiện tiên quyết: Khách hàng đã có tài khoản trong hệ thống

Điều kiện sau: Khách hàng đăng nhập thành công và truy cập vào hệ thống.Kịch bản:

1 Khách hàng ấn vào biểu tượng

người dùng trên thanh header 2 Hệ thống hiển thị giao diện đăng nhập.

22

3 khách hàng nhập địa chỉ email và

mật khẩu của tài khoản đã đăng ký

4 Hệ thống kiểm tra tính hợp lệ của thôngtin đăng nhập

Nếu thông tin không hợp lệ, hệ thốnghiển thị thông báo lỗi và yêu cầu kháchhàng nhập lại thông tin

Nếu thông tin hợp lệ, chuyển đếntrang chủ và thông báo đăng nhập thànhcông

Bảng 2 Kịch bản đăng nhập

2.3.3 Đổi thông tin cá nhân

Tác nhân: Khách hàng

Mục đích: Cập nhật thông tin cá nhân trong tài khoản

Điều kiện tiên quyết: Khách hàng đã đăng nhập vào tài khoản

Điều kiện sau: Thông tin cá nhân của khách hàng được cập nhật thành công.Kịch bản:

1 Khách hàng truy cập vào trang tài

khoản của tôi

2 Hệ thống hiển thị giao diện trang thôngtin cá nhân gồm các trường để hiển thịthông tin và có thể nhập vào

3 Khách hàng thay đổi các trường

thông tin theo nhu cầu (ví dụ: tên, địa

Nếu thông tin hợp lệ, thông báo đổithông tin thành công

Bảng 3 Kịch bản đổi thông tin cá nhân

2.3.4 Đổi ảnh đại diện

Tác nhân: Khách hàng

Mục đích: Cập nhật ảnh đại diện trong tài khoản

Điều kiện tiên quyết: Khách hàng đã đăng nhập vào tài khoản

Điều kiện sau: Ảnh đại diện của khách hàng được cập nhật thành công.Kịch bản:

1 Khách hàng truy cập vào trang tài

khoản của tôi

2 Hệ thống hiển thị giao diện trang thôngtin cá nhân

23