bài tập nhóm trang web quản lý cửa hàng đồ ăn nhanh trực tuyến

LỜI CẢM ƠNEm xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của Trường Đại học Kinh tế ký thuật công nghiệp và đặc biệt là các thầy cô khoa Công nghệ thông tin củ

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC KINH TẾ - KỸ THUẬT CÔNG NGHIỆP

BÀI TẬP NHÓM

Trang web quản lý cửa hàng

đồ ăn nhanh trực tuyến

Hà Nội, tháng 11 năm 2023

1

LỜI CẢM ƠN

Em xin gửi lời cảm ơn chân thành và sự tri ân sâu sắc đối với các thầy cô của Trường Đại học Kinh tế ký thuật công nghiệp và đặc biệt là các thầy cô khoa Công nghệ thông tin của trường đã tạo điều kiện cho em hoàn thành đồ án tốt nghiệp này

Em cũng xin chân thành cảm ơn Cô Điền Thị Hồng Hà đã nhiệt tình hướng dẫn chỉ bảo em những kiến thức bài học, cũng như những kiến thức thực tế trong suốt quá trình thực hiện đề tài

Mặc dù đã cố gắng hoàn thành đồ án trong phạm vi và khả năng cho phép nhưng chắc chắn sẽ không tránh khỏi những thiếu sót Em rất mong nhận được sự thông cảm, góp ý và tận tình chỉ bảo của quý thầy cô và các bạn

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

MỤC LỤC

LỜI MỞ ĐẦU 13

CHƯƠNG 1: TỔNG QUAN 14

1.1 LÝ DO CHỌN ĐỀ TÀI 14

1.2 MỤC TIÊU CỦA ĐỀ TÀI 14

1.3 GIỚI HẠN VÀ PHẠM VI CỦA ĐỀ TÀI 14

1.4 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC 15

2.1 CƠ SỞ LÝ THUYẾT 16

2.1.1 Cơ sở lý thuyết thiết kế hệ thống thông tin 16

2.1.2 Cơ sở lý thuyết về cơ sở dữ liệu 17

2.2 CÔNG CỤ SỬ DỤNG 19

2.2.1 Ngôn ngữ lập trình PHP 19

2.2.2 Công cụ Xampp 22

2.2.3 Vai trò của HTML trong lập trình web 26

CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 30

3.1 KHẢO SÁT HỆ THỐNG 30

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

3.1.2 Phỏng vấn 31

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

3.2 MÔ TẢ BÀI TOÁN 38

3.3 YÊU CẦU CHO HỆ THỐNG 39

3.3.1 Yêu cầu chức năng 39

3.3.2 Yêu cầu phi chức năng 40

3.4 PHÂN TÍCH THIẾT KẾ 40

3.4.1 Phân tích hệ thống về chức năng 40

3.4.2 Phân tích hệ thống về hành vi 62

3.4.3 Phân tích hệ thống về dữ liệu 92

3.4.4 Thiết kế giao diện 102

CHƯƠNG 4: XÂY DỰNG – CÀI ĐẶT – KIỂM THỬ PHẦN MỀM 129

4.1 XÂY DỰNG 129

4.2 CÀI ĐẶT 130

4.2.1 Hướng dẫn cài đặt 130

4.3 KIỂM THỬ PHẦN MỀM 130

4.3.1 Công cụ sử dụng 130

4.3.2 Kiểm thử các chức năng đã thực hiện 132

4.3.3 Kiểm thử yêu cầu phi chức năng 139

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 140

TÀI LIỆU THAM KHẢO 141

3

DANH MỤC HÌNH ẢNH

Hình 2 1: Ngôn ngữ lập trình 20

Hình 2 2: Công cụ Xampp 22

Hình 2 3:Giao diện của XAMPP 25

Hình 2 4:HTML trong lập trình web 26

Hình 3 9: Usecase tổng quát 23

Hình 3 11: Usecase chi tiết Quản lý tài khoản 24

Hình 3 12: Usecase chi tiết Xem 26

Hình 3 13: Usecase chi tiết Tìm kiếm 27

Hình 3 14: Usecase chi tiết Quản lý giỏ hàng 28

Hình 3 15: Usecase chi tiết Đặt hàng 29

Hình 3 16: Usecase chi tiết Lịch sử mua hàng 31

Hình 3 17: Usecase chi tiết Quản lý danh mục 32

Hình 3 20:Usecase chi tiết Quản lý đơn hàng 34

Hình 3 22: Usecase chi tiết Quản lý khách hàng 36

Hình 3 26: Biểu đồ trình tự Xem 37

Hình 3 27: Biểu đồ trình tự Tìm kiếm 38

Hình 3 28: Biểu đồ trình tự Quản lý giỏ hàng 38

Hình 3 29: Biểu đồ trình tự Đặt hàng 39

Hình 3 30: Biểu đồ trình tự Lịch sử mua hàng 40

Hình 3 31: Biểu đồ trình tự Quản lý danh mục 41

Hình 3 32: Biểu đồ trình tự Thêm sản phẩm 42

Hình 3 33: Biểu đồ trình tự Sửa thông tin sản phẩm 42

Hình 3 34: Biểu đồ trình tự Cập nhật trạng thái sản phẩm 43

Hình 3 35: Biểu đồ trình tự Xóa sản phẩm 43

Hình 3 36: Biểu đồ trình tự Quản lý đơn hàng 44

Hình 3 38: Biểu đồ trình tự Quản lý khách hàng 45

Hình 3 39: Biểu đồ trình tự Báo cáo – Thống kê 46

Hình 3 40: Biểu đồ hoạt động Đăng ký 47

Hình 3 41: Biểu đồ hoạt động Quản lý tài khoản 48

Hình 3 42: Biểu đồ hoạt động Xem 49

Hình 3 43: Biểu đồ hoạt động Tìm kiếm 50

Hình 3 44: Biểu đồ hoạt động Quản lý giỏ hàng 51

Hình 3 45: Biểu đồ hoạt động Đặt hàng 52

Hình 3 46: Biểu đồ hoạt động Lịch sử mua hàng 53

Hình 3 47: Biểu đồ hoạt động Quản lý danh mục 54

Hình 3 48: Biểu đồ hoạt động Thêm sản phẩm 55

Hình 3 50: Biểu đồ hoạt động Xóa sản phẩm 56

Hình 3 51: Biểu đồ hoạt động Cập nhật trạng thái sản phẩm 57

Hình 3 52: Biểu đồ hoạt động Quản lý đơn hàng 58

Hình 3 54: Biểu đồ hoạt động Quản lý khách hàng 59

Hình 3 55: Biểu đồ hoạt động Báo cáo – Thống kê 60

Hình 3 56: Biểu đồ trạng thái đơn hàng 61

Hình 3 57:Biểu đồ thành phần ứng dụng khách hàng 61

Hình 3 58: Biểu đồ thành phần ứng dụng nhà cung cấp 62

Hình 3 59: Biểu đồ thành phần ứng dụng quản lý 62

Hình 3 60: Biểu đồ triển khai của hệ thống 63

Hình 3 63: Trang chủ của hệ thống 71

Hình 3 64:Trang đăng nhập của khách hàng 71

Hình 3 65: Trang đăng kí của khách hàng 72

Hình 3 66: Trang khám phá sản phẩm của hệ thống 72

Hình 3 69: Trang chi tiết sản phẩm 73

Hình 3 72: Trang lịch sử đơn hàng 74

Hình 3 68: Trang giới thiệu hệ thống 74

Hình 3 70: Trang danh sách giỏ hàng 74

Hình 3 71: Trang thanh toán 75

Hình 3 73: Trang cập nhật tài khoản khách hàng 75

Hình 3 75: Trang đăng kí của nhà cung cấp 75

Hình 3 76: Trang chủ nhà cung cấp 75

Hình 3 77: Trang danh sách sản phẩm 75

Hình 3 78: Trang thêm mới sản phẩm 75

Hình 3 79: Trang xem chi tiết sản phẩm 75

Hình 3 80: Trang cập nhật sản phẩm 76

Hình 3 81: Trang xóa sản phẩm 76

Hình 3 82: Trang danh sách đơn hàng 76

Hình 3 83: Trang xem chi tiết đơn hàng 76

Hình 3 84: Trang cập nhật trạng thái đơn hàng 77

Hình 3 85: Trang báo cáo đơn hàng hàng tháng 77

Hình 3 86: Trang in báo cáo đơn hàng 78

Hình 3 87: Trang cập nhật tài khoản nhà cung cấp 79

Hình 3 88: Trang đăng nhập của Admin 80

Hình 3 89: Trang chủ của Admin 80

Hình 3 90: Trang danh sách danh mục 81

Hình 3 91: Trang thêm mới danh mục 81

Hình 3 92: Trang xem chi tiết danh mục 82

Hình 3 93: Trang cập nhật danh mục 82

Hình 3 94: Trang xóa danh mục 83

Hình 3 95: Trang danh sách sản phẩm 83

6

Hình 3 96: Trang xem chi tiết sản phẩm 84

Hình 3 97: Trang cập nhật trạng thái sản phẩm 84

Hình 3 98: Trang danh sách đơn hàng 85

Hình 3 99: Trang xem chi tiết đơn hàng 86

Hình 3 100: Trang danh sách nhà cung cấp 86

Hình 3 101: Trang xóa nhà cung cấp 87

Hình 3 102: Trang danh sách khách hàng 87

Hình 3 103: Trang xóa khách hàng 87

Hình 3 104: Trang báo cáo hàng tháng 88

Hình 3 105: Trang in báo cáo đơn hàng hàng tháng 88

Hình 3 106: Trang danh mục cửa hàng 89

Hình 3 107: Trang thêm mới danh mục cửa hàng 89

Hình 3 108: Trang cập nhật danh mục cửa hàng 90

Hình 3 109: Trang xóa danh mục cửa hàng 90

Hình 3 110: Trang người dùng hệ thống 91

Hình 3 111: Trang thêm mới người dùng hệ thống 91

Hình 3 112: Trang xóa thông tin người dùng hệ thống 91

Hình 3 113: Trang cài đặt thông tin hệ thống 92

Hình 3 114: Trang cập nhật thông tin người dùng hệ thống 93

Hình 3 115: Trang cài đặt logo - ảnh bìa của hệ thống 93

DANH MỤC BẢNG Bảng 3 1: Câu hỏi khảo sát quản lý 31

Bảng 3 2: Câu hỏi khảo sát nhà cung cấp 32

Bảng 3 3: Chức năng của hệ thống 39

Bảng 3 4: Tác nhân của hệ thống 40

Bảng 3 5: Usecase chi tiết Đăng ký 44

Bảng 3 6: Usecase chi tiết Quản lý tài khoản 45

Bảng 3 7: Usecase chi tiết Xem 47

Bảng 3 8: Usecase chi tiết Tìm kiếm 48

Bảng 3 9: Usecase chi tiết Quản lý giỏ hàng 49

Bảng 3 10: Usecase chi tiết Đặt hàng 51

Bảng 3 11: Usecase chi tiết Lịch sử mua hàng 52

Bảng 3 12: Usecase chi tiết Quản lý danh mục 53

Bảng 3 13: Usecase chi tiết Quản lý sản phẩm 55

Bảng 3 14: Usecase chi tiết Quản lý đơn hàng 57

Bảng 3 15: Usecase chi tiết Quản lý nhà cung cấp 59

Bảng 3 16: Usecase chi tiết Quản lý khách hàng 60

Bảng 3 17: Usecase chi tiết Báo cáo – Thống kê 61

Bảng 3 18: users 93

Bảng 3 20: product_list 95

Bảng 3 21: cart_list 96

Bảng 3 22: client_list 96

Bảng 3 23: shop_type_list 97

Bảng 3 24: vendor_list 98

Bảng 3 25: order_list 99

Bảng 3 26: category_list 100

Bảng 3 27: order_items 100

Bảng 4 1: Nhập đúng email, password 132

Bảng 4 2: Email + kí tự thường, Pass đúng 133

Bảng 4 3: Email + kí tự đặc biệt, Password đúng 134

Bảng 4 4: Email sai định dạng, Pass đúng 134

Bảng 4 5: Email đúng, Pass + kí tự thường 135

Bảng 4 6: Email đúng, Pass + kí tự đặc biệt 135

Bảng 4 7: Email đúng, Pass sai định dạng 136

Bảng 4 8: Email, Pass null 136

Bảng 4 9: Nhập đầy đủ thông tin 137

Bảng 4 10: Nhập thiếu thông tin 138

Bảng 4 11: Tìm kiếm gần đúng mã đơn hàng 139

Bảng 4 12: Tìm kiếm thông tin bất kì 139

8

LỜI MỞ ĐẦUNgày nay, ứng dụng công nghệ thông tin được xem là một trong những yếu tốmang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công

ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, côngnghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hếtđỉnh cao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hếtsức lớn lao và là một công cụ không thể thiếu Là nền tảng chính cho sự truyền tải, traođổi thông tin trên toàn cầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng,chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần như lập tứchiện tất cả các thông tin có liên quan trên cả thế giới về vấn đề mà bạn đang quan tâm, cóthông tin đầy đủ, hình ảnh, thậm chí đôi lúc có cả những âm thanh nếu bạn cần BằngInternet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấphơn nhiều so với cách truyền thống

Chính điều này, đã thúc đẩy khai sinh và phát triển thương mại điện tử và chínhphủ điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượngcuộc sosnogs của con người

Trong hoạt động sản xuất, kinh doanh thì giờ đây thương mại điện tử đã khẳngđịnh được vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửahàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứngđược nhu của khách hàng sẽ là cần thiết Vậy phải quảng bá thế nào? Đó là xây dựngđược một Website cho của hàng của mình quảng bá tất cả các sản phẩm của mình bán

Vì vậy, nhóm 3 chúng em đã quyết định thực hiện đồ án môn “Hệ thống quản lýcác gian hàng trực tuyến” giới thiệu và cung cấp các loại mặt hàng đang có mặt trên thịtrường và khách hàng có thể đặt hàng ngay tại Website mà không cần đến trực tiếp điểmgiao dịch Việc này giúp cho khách hàng có thể chủ động và tiết kiếm thời gian của chínhmình

Bảng 3 9: Usecase chi tiết Lịch sử mua hàng

- Hệ thống hiển thị form để người mua chọn

2 Hệ thống sẽ đưa ra các thông tin về đơn hàngtrong lịch sử đơn hàng, đơn hàng đang giao, đơnhàng đã hủy, chờ lấy hàng

3 Khách hàng chọn chức năng trả hàng

- Khách hàng chưa hài lòng sản phẩm có thểnhấn nút trả hàng/hoàn tiền

- Hệ thống hiển thị form, người dùng chọn lý

do, bổ sung hình ảnh, mã vận đơn

- Khách hàng chọn nút hoàn thành, thông tinliên quan được lưu và đẩy vào hệ thống

phụ

1 Nhập sai định dạng

2 Nhập thiếu thông tin

g Biểu đồ UC chi tiết Quản lý danh mục

32

Bảng 3 10: Usecase chi tiết Quản lý danh mục

1 Click vào “Quản lý danh mục”

2 Hệ thống hiển thị danh sách các danh mục hiệncó

3 Lựa chọn nút “Tạo danh mục mới”

4 Hệ thống hiển thị form thông tin

5 Người dùng nhập thông tin

3b4 Hệ thống đưa ra thông báo xác nhận xóa3b5 Lựa chọn Đồng ý

h Biểu đồ UC chi tiết Quản lý Đơn hàng

34

Bảng 3 11: Usecase chi tiết Quản lý đơn hàng

Hình 3 9:Usecase chi tiết Quản lý đơn hàng

Luồng sự kiện

chính

1 Click vào “Danh sách đơn hàng”

2 Hệ thống hiển thị danh sách các đơn hàng hiện có

3 Lựa chọn nút “Action”

4 Hệ thống hiển thị các hành động

5 Người dùng chọn chức năng “Xem”

6 Hệ thống hiển thị chi tiết thông tin đơn hàng

thay thế

7a1 Người dùng chọn button “Cập nhật trạng thái”7a2 Hệ thống hiển thị form về trạng thái7a3 Người dùng click vào list danh sách chọn trạng thái

i Biểu đồ UC chi tiết Quản lý Khách hàng

36

ế

Bảng 3 12: Usecase chi tiết Quản lý khách hàng

- Hệ thống hiển thị thông tin khách hàng

2 Người quản lý chọn chức năng “Cập nhật thôngtin khách hàng”

a Biểu đồ trình tự Xem

b Biểu đồ trình tự Quản lý giỏ hàng

38Hình 3 11: Biểu đồ trình tự Xem

Hình 3 12: Biểu đồ trình tự Quản lý giỏ hàng

c Biểu đồ trình tự Đặt hàng

Hình 3 13: Biểu đồ trình tự Đặt hàng

d Biểu đồ trình tự Lịch sử mua hàng

Hình 3 14: Biểu đồ trình tự Lịch sử mua hàng

40

e Biểu đồ trình tự Quản lý danh mục

f Biểu đồ trình tự Quản lý sản phẩm

Thêm sản phẩm

Hình 3 15: Biểu đồ trình tự Quản lý danh mục

Sửa thông tin sản phẩm

Xóa sản phẩm

42Hình 3 16: Biểu đồ trình tự Thêm sản phẩm

Hình 3 17: Biểu đồ trình tự Sửa thông tin sản phẩm

Cập nhật trạng thái sản phẩm

Hình 3 18: Biểu đồ trình tự Xóa sản phẩm

Hình 3 19: Biểu đồ trình tự Cập nhật trạng thái sản phẩm

g Biểu đồ trình tự Quản lý đơn hàng

Hình

3 20: Biểu đồ trình tự Quản lý đơn hàng

h Biểu đồ trình tự Quản lý khách hàng

44

Hình 3 21: Biểu đồ trình tự Quản lý khách hàng

i Biểu đồ trình tự Báo cáo – Thống kê

3.4.1.4 Biểu đồ hoạt động

a Biểu đồ hoạt động Quản lý tài khoản

46Hình 3 22: Biểu đồ trình tự Báo cáo – Thống kê

Đăng ký

Hình 3 23: Biểu đồ hoạt động Đăng ký

Quản lý tài khoản

b Biểu đồ hoạt động Xem

48Hình 3 24: Biểu đồ hoạt động Quản lý tài khoản

c Biểu đồ hoạt động Tìm kiếm

Hình 3 25: Biểu đồ hoạt động Xem

d Biểu đồ hoạt động Quản lý giỏ hàng

50Hình 3 26: Biểu đồ hoạt động Tìm kiếm

e Biểu

đồ hoạt động Đặt hàng

Hình 3 27: Biểu đồ hoạt động Quản lý giỏ hàng

f Biểu đồ hoạt động Lịch sử mua hàng

52Hình 3 28: Biểu đồ hoạt động Đặt hàng

Hình 3 37: Biểu đồ hoạt động Báo cáo – Thống kê

Biểu đồ thành phần ứng dụng quản lý 61

Hình 3 38: Biểu đồ trạng thái đơn hàng

Hình 3 39:Biểu đồ thành phần ứng dụng khách hàng

Hình 3 40: Biểu đồ thành phần ứng dụng nhà cung cấp

1.4.2 Biểu đồ

triển khai 3.4.2.Phâ

id Mã Integer 30 Khóa chính

last_login Thời gian login Datetime

Date_added Ngày được thêm Datetime

Date_updated Ngày cập nhật Datetime

meta_value Giá trị Text

Bảng 3 14: product_list

image_path Đường dẫn hình ảnh Text

date_updated Ngày cập nhật Datetime

Bảng 3 15: cart_list

Bảng 3 16: client_list

65

gender Giới tính Text

date_updated Ngày cập nhật Datetime

status Trạng thái Tinyint 1

date_updated Ngày cập nhật Datetime

Bảng 3 18: vendor_list

67

username Tên đăng nhập Text

date_updated Ngày cập nhật Datetime

Bảng 3 19: order_list

delivery_address Địa chỉ vận chuyển Text

date_created Ngày tạo Datetime

Bảng 3 20: category_list

Bảng 3 21: order_items

69

3.4.3 Thiết kế giao diện

71Hình 3 45: Trang đăng kí của khách hàng

Hình 3 44:Trang đăng nhập của khách hàng

Hình 3 46: Trang khám phá sản phẩm của hệ thống

Hình 3 47: Trang chi tiết sản phẩm

75Hình 3 53: Trang danh sách sản phẩm

Hình 3 55: Trang thêm mới sản phẩm

Hình 3 56: Trang cập nhật trạng thái đơn hàng

Hình 3 85: Trang quản trị

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂNVới quy mô hoạt động hiện nay, việc quản lý thủ công gặp nhiều khó khăn, nhượcđiểm, chính vì vậy các hoạt động trên muốn thực hiện tốt thì các bộ phận phải sàng lọc,lựa chọn thông tin một cách thủ công, đầu tư lượng thời gian lớn, cần nhiều người thamgia và tính chính xác không cao, các báo cáo thống kê khi đã hoàn thành không còn mangtính thời sự vì tốc độ chậm, hệ thống cũ còn gây khó khăn trong khâu thống kê quản lý,bảo mật an toàn, một số hệ thống chưa phân quyền người sử dụng hệ thống Chính vì vậynhóm chúng tôi đưa ra giải pháp thông qua bài báo cáo trên, một hệ thống quản lý bánđồng hồ được sử dụng CNTT hiện đại giúp các cửa hàng làm việc một cách hiệu quả năngxuất hơn Kết quả đạt được sau quá trình khảo sát và làm bài hệ thống đã đưa ra những ưuđiểm vượt trội như: tra cứu được tất cả các thông tin của nhân viên, tra cứu được danhsách khách hàng, CMND, mã số khách hàng…Tra cứu được giỏ hàng, lịch sử đặt hàng…Cũng như quản lý hệ thống, sản phẩm một cách dễ dàng, tiện lợi

Hệ thống mới đã rút ngắn được thời gian thực hiện một quy trình bán đồng hồ tiếtkiệm nhân lực, nhanh chóng và chính xác cao: Hoàn thiện trang web để nó có thể áp dụngmột cách thực tế: giao diện thân thiện và gần gũi hơn, hoàn thiện chức năng thanh toán;

Hỗ trợ thêm để người dùng có thể chọn ra sản phẩm trong số các sản phẩm ưng ý nhất;Phân quyền và quản trị tối ưu; Cơ sở dữ liệu phong phú; Kết hợp nhiều phương thứcthanh toán và giao hàng

77