Nghiên Cứu, Xây Dựng Phần Mềm Quản Lý Cửa Hàng Computer Caq.pdf

Biểu đồ tuần tự chức năng sửa giỏ hàng .... Biểu đồ tuần tự chức năng sửa danh mục ..... Biểu đồ tuần tự chức năng sửa sản phẩm .... Biểu đồ tuần tự chức năng thêm danh mục .... Biểu đồ

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

NGHIÊN CỨU, XÂY DỰNG PHẦN MỀM QUẢN LÝ CỬA

HÀNG COMPUTER CAQ

MỤC LỤC BẢN CAM ĐOAN I MỤC LỤC .II I DANH MỤC CÁC CHỮ VIẾT TẮT VII DANH MỤC CÁC BẢNG VIII DANH MỤC CÁC HÌNH ẢNH IX

MỞ ĐẦU 1

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 4

1.2.Tổng quan về công cụ và ngôn ngữ nghiên cứu 4

1.2.1.Giới Thiệu về ngôn ngữ javascript 4

1.2.2.Thư viện ReactJS 6

1.2.3.Giới thiệu về Nodejs 8

1.2.4.ExpressJS 9

1.2.5.Visual Studio Code 10

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

2.1 Tổ ng quan về cửa hàng Computer 11

2.1.1 Giới thiệu về cửa hàng Computer 11

2.1.2.Sơ lược về nghiệp vụ khó khăn của cửa hàng Computer 11

2.1.3 Bài toán đặt ra 12

2.2 Xá

c định tác nhân và sơ đồ usecase tổng quan của hệ thống 12

2.3 Sơ

đồ phân rã và mô tả usecase 15

2.3.1.U secase Đăng kí 15

2.3.2.Usecase Đăng nhập 15

2.3.3.Usecase đặt hàng 16

2.3.4.Usecase quản lí danh mục 17

2.3.5.Usecase quản lí giỏ hàng 20

2.3.6.Usecase quản lí sản phẩm 22

2.3.7.Usecase nhắn tin trực tuyến 25

2.3.8.Usecase quản lí tài khoản 26

2.3.9.Usecase thống kê 28

2.3.10.Usecase quản lí hóa đơn 29

2.4 Bi ểu đồ tuần tự chức năng 28

2.4.1.Biểu đồ tuần tự chức năng đăng kí 29

2.4.2.Biểu đồ tuần tự chức năng đăng nhập 30

2.4.3.Biểu đồ tuần tự chức năng thống kê 30

2.4.4.Biểu đồ tuần tự chức năng mua hàng 31

2.4.5.Biểu đồ tuần tự chức năng sửa giỏ hàng 31

2.4.6.Biểu đồ tuần tự chức năng sửa danh mục 32

2.4.7.Biểu đồ tuần tự chức năng sửa hóa đơn 32

2.4.8.Biểu đồ tuần tự chức năng sửa sản phẩm 33

2.4.9.Biểu đồ tuần tự chức năng sửa tài khoản 33

2.4.10.Biểu đồ tuần tự chức năng thêm danh mục 34

2.4.11.Biểu đồ tuần tự chức năng thêm sản phẩm vào giỏ hàng 34

2.4.12.Biểu đồ tuần tự chức năng trò chuyện 35

2.4.13.Biểu đồ tuần tự chức năng thêm sảm phẩm 35

2.4.14.Biểu đồ tuần tự chức năng xóa danh mục 36

2.4.15.Biểu đồ tuần tự chức năng xóa sản phẩm 36

2.5 Sơ

đồ hoạt động chức năng 37

2.5.1 Sơ đồ hoạt động chức năng đặt hàng

37

2.5.2.Sơ đồ hoạt động chức năng đăng kí 38

2.5.3.Sơ đồ hoạt động chức năng đăng nhập 38

2.5.4.Sơ đồ hoạt động chức năng trò chuyện 39

2.5.5.Sơ đồ hoạt động chức năng sửa danh mục 39

2.5.6.Sơ đồ hoạt động chức năng sửa sản phẩm 40

2.5.7.Sơ đồ hoạt động chức năng thêm sản phẩm vào giỏ hàng 40

2.5.8.Sơ đồ hoạt động chức năng thêm danh mục 41

2.5.9.Sơ đồ hoạt động chức năng thêm sản phẩm 41

2.5.10 Sơ đồ hoạt động chức năng xóa danh mục 42

2.5.11 Sơ đồ hoạt động chức năng xóa sản phẩm vào giỏ hàng 42

2.5.12 Sơ đồ hoạt động chức năng xóa sản phẩm 43

2.5.13 Sơ đồ hoạt động chức năng xóa tài khoản 43

2.5.14 Sơ đồ hoạt động chức năng thống kê 44

2.5.15 Sơ đồ hoạt động chức năng sửa hóa đơn 44

2.6 Biểu đồ lớp 45

DANH MỤC CÁC CHỮ VIẾT TẮT

DANH MỤC CÁC BẢNG

Bảng 2.1 Bảng các tác nhân và chức năng 13

Bảng 2.2 Mô tả chức năng đăng kí 15

Bảng 2.3 Mô tả chức năng đăng nhập 16

Bảng 2.4 Mô tả chức năng thanh toán 17

Bảng 2.5 Mô tả chức năng thêm danh mục 18

Bảng 2.6 Mô tả chức năng xóa danh mục 18

Bảng 2.7 Mô tả chức năng sửa danh mục 19

Bảng 2.8 Mô tả chức năng thêm sản phẩm vào giỏ hàng 20

Bảng 2.9 Mô tả chức năng xóa sản phẩm trong giỏ hàng 21

Bảng 2.10 Mô tả chức năng sửa sản phẩm ở giỏ hàng 22

Bảng 2.11 Mô tả chức năng thêm sảm phẩm 23

Bảng 2.12 Mô tả chức năng xóa sản phẩm 24

Bảng 2.13 Mô tả chức năng sửa sản phẩm 24

Bảng 2.14 Mô tả chức năng trò chuyện 25

Bảng 2.15 Mô tả chức năng sửa thông tin tài khoản 26

Bảng 2.16 Mô tả chức năng reset mật khẩu 27

Bảng 2.17 Mô tả chức năng xóa tài khoản 27

Bảng 2.18 Mô tả chức năng thống kê 28

Bảng 2.19 Mô tả chức năng sửa hóa đơn 28

Bảng 3.1 Bảng dữ liệu ACCOUNT 46

Bảng 3.2 Bảng dữ liệu CATE GORY 47

Bảng 3.3 Bảng dữ liệu MESSAGE 47

Bảng 3.4 Bảng dữ liệu PRODUCT 48 Bảng 3.5 Bảng dữ liệu RECEIPT 49 Bảng 3.6 Bảng dữ liệu RECEIPTDETAIL 50

DANH MỤC HÌNH ẢNH

Hình 1.1 Ngôn ngữ JavaScript[9] 4

Hình 1.2 Thư viện ReactJS [5] 6

Hình 1.3 Môi trường NodeJS [7] 8

Hình 1.4 Thư viện ExpressJS [6] 9

Hình 1.5 Trình biên soạn code Visual studio code[8] 10

Hình 2.1 Logo của hàng smartphoneCAQ[5] 11

Hình 2.2 Sơ đồ usecase Tổng quát 14

Hình 2.3 Sơ đồ phân rã usecase đăng kí 15

Hình 2.4 Sơ đồ phân rã usecase đăng nhập 15

Hình 2.5 Sơ đồ phân rã usecase đặt hàng 16

Hình 2.6 Sơ đồ phân rã usecase quản lí danh mục 17

Hình 2.7 Sơ đồ phân rã usecase quản lí giỏ hàng 20

Hình 2.8 Sơ đồ phân rã usecase quản lí sản phẩm 22

Hình 2.9 Sơ đồ phân rã usecase nhắn tin trực tuyến 25

Hình 2.10 Sơ đồ phân rã usecase quản lí tài khoản 26

Hình 2.11 Sơ đồ phân rã usecase thống kê 28

Hình 2.12 Sơ đồ phân rã usecase quản lí hóa đơn 28

Hình 2.12 Biểu đồ tuần tự chức năng đăng kí 29

Hình 2.13 Biểu đồ tuần tự chức năng đăng nhập 30

Hình 2.14 Biểu đồ tuần tự chức năng thống kê 30

Hình 2.15 Biểu đồ tuần tự chức năng mua hàng 31

Hình 2.16 Biểu đồ tuần tự chức năng sửa giỏ hàng 31

Hình 2.17 Biểu đồ tuần tự chức năng sửa danh mục 32

Hình 2.18 Biểu đồ tuần tự chức năng sửa hóa đơn 32

Hình 2.19 Biểu đồ tuần tự chức năng sửa sản phẩm 33

Hình 2.20 Biểu đồ tuần tự chức năng sửa tài khoản 33

Hình 2.21 Biểu đồ tuần tự chức năng thêm danh mục 34

Hình 2.22 Biểu đồ tuần tự chức năng thêm sản phẩm vào giỏ hàng 34

Hình 2.23 Biểu đồ tuần tự chức năng trò chuyện 35

Hình 2.24 Biểu đồ tuần tự chức năng thêm sản phẩm 35

Hình 2.25 Biểu đồ tuần tự chức năng xóa danh mục 36

Hình 2.26 Biểu đồ tuần tự chức năng xóa sản phẩm 36

Hình 2.27 Sơ đồ hoạt động chức năng đặt hàng 37

Hình 2.28 Sơ đồ hoạt động chức năng đăng kí 38

Hình 2.29 Sơ đồ hoạt động chức năng đăng nhập 38

Hình 2.30 Sơ đồ hoạt động chức năng trò chuyện 39

Hình 2.31 Sơ đồ hoạt động chức năng sửa danh mục 39

Hình 2 32 Sơ đồ hoạt động chức năng sửa sản phẩm 40

Hình 2.33 Sơ đồ hoạt động chức năng thêm sản phẩm vào giỏ hàng 40

Hình 2.34 Sơ đồ hoạt động chức năng thêm danh mục 41

Hình 2.35 Sơ đồ hoạt động chức năng thêm sản phẩm 41

Hình 2.36 Sơ đồ hoạt động chức năng xóa danh mục 42

Hình 2.37 Sơ đồ hoạt động chức năng thêm sản phẩm ở giỏ hàng 42

Hình 2.38 Sơ đồ hoạt động chức năng xóa sản phẩm 43

Hình 2.39 Sơ đồ hoạt động chức năng xóa tài khoản 43

Hình 2.40 Sơ đồ hoạt động chức năng sửa hóa đơn 44

Hình 2.41 Sơ đồ hoạt động chức năng thống kê 44

Hình 2.42 Biểu đồ lớp 45

Hình 3.1 Sơ đồ dữ liệu quan hệ 50

Hình 4.1 Popup đăng kí, đăng nhập 52

Hình 4.2 Popup giỏ hàng 52

Hình 4.3 Màn hình chính 53

Hình 4.4 Màn hình danh sách sản phẩm 54

Hình 4.5 Màn hình chi tiết sản phẩm 55

Hình 4.6 Màn hình biểu mẫu thanh toán 56

Hình 4.7 Màn hình thông tin tài khoản 57

Hình 4.8 Màn hình quản lí hóa đơn 58

Hình 4.9 Màn hình chi tiết hóa đơn 59

Hình 4.10 Màn hình quản lí danh mục 60

Hình 4.11 Biểu mẫu quản lí danh mục 60

Hình 4.12 Màn hình quản lí sản phẩm 61

Hình 4.13 Biểu mẫu sản phẩm 61

Hình 4.14 Màn hình quản lí hóa đơn(Admin) 62

Hình 4.15 Màn hình quản lí tài khoản 62

Hình 4.16 Màn hình thống kê 63

Hình 4.17 Popup chat 63

MỞ ĐẦU

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

Ngày nay, CNTT có một vai trò vô cùng lớn và quan trọng đối với rấtnhiều lĩnh vực khoa học kỹ thuật, kinh tế, giáo dục và xã hội Việc ứngdụng công nghệ thông tin vào những lĩnh vực ấy đã làm giảm rất nhiều thờigian và công sức trong quản lý và điều hành các xí nghiệp, công ty, nhàtrường và tất cả những lĩnh vực trong xã hội Khi internet chưa phát triểnthì các hoạt động mua bán diễn ra tại các siêu thị, các khu chợ, các cửahàng và trung tâm thương mại, việc mua bán diễn ra tại chỗ và trải nghiệmsản phẩm một cách trực tiếp, đem lại sự an tâm và tin tưởng Nhưng với sựtiến bộ của xã hội cùng những công nghệ hiện đại thì việc mua bán ngàynay diễn ra rất thuận tiện và dễ dàng Cùng với sự phát triển của nhữngtrang web thương mại điện tử thì mọi người có thể mua hàng hoá ở bất cứđâu và tự do chọn lựa theo nhu cầu của bản thân Để có thể bắt kịp xuhướng công nghệ hiện nay cửa hàng CAQcomputer cần có trang web giúpcửa hàng có thể mua bán và quản lí sản phẩm và đơn hàng một cách hiệuquả nhất Từ nhu cầu đó tôi quyết định lựa chọn đề tài: “Nghiên cứu, xâydựng phần mềm quản lý cửa hàng CAQ Computer sử dụng ReactJS” làm

đề tài tốt nghiệp của mình Hy vọng rằng đề tài sẽ nhận được sự đánh giátích cực của thầy cô

2 Mục tiêu của đề tài

Đưa ra sơ lược về các chức năng của phầm mền quản lý cửa hàng ComputerCAQ

Xây dựng thành công phầm mền quản lý cửa hàng ComputerCAQ

3 Phương pháp nghiên cứu đề tài

Phương pháp luận trong nghiên cứu của luận án là kết hợp giữa nghiêncứu tài liệu, quan sát và thực nghiệm:

Phương pháp thu thập, tổng hợp tài liệu: Tìm kiếm các tài liệu như tạpchí, báo cáo khoa học trong ngành ngoài ngành, thông tin đại chúng,hình ảnh,… có liên quan về web bán máy tính , từ đó phân tích, thống

kê số liệu, tổng hợp rồi chỉ ra những phần cũ cần cải tiến hoặc nhữngphần thiếu sót, sai lệch của web bán điện thoại , đồng thời tìm ra nhữngtính năng mới phù hợp với nhu cầu khách hàng để từ đó cải tiến nhữngđiềm yếu ban đầu và phát triển thành những tính năng mới phù hợpvới nhu cầu khách hàng để từ đó cải tiến những điểm yếu ban đầu vàphát triển thành những tính năng mới cần thiết cho web bán máy tính Phương pháp quan sát: quan sát thái độ, cách đánh giá của khách hàngđối với web và quan sát các ưu nhược điểm của dự án của các đối thủcạnh tranh để đề ra phương án tối ưu hóa nhất cho bài toán đã đặt ra.Phương pháp quan sát chỉ sử dụng cho các đối tượng ở hiện tại vậynên cần quan sát liên tục quá trình phát triển web để đề ra các phương

án giải quyết kịp thời

Phương pháp phân tích: dựa vào tài liệu và thông tin đã thu thập đưa racác vấn đề gặp phải để rút ra bài toán tổng hợp từ đó phân tích từngchức năng một để làm rõ bài toán

Phương phát thực nghiệm: thực hiện cài đặt các thuật toán của luận án,chạy thử trên các tập dữ liệu được sử dụng phổ biến trong cộng đồngnghiên cứu Kiểm tra đánh giá web trong quá trình chạy thử, đưa ra cácphương án mới để kịp thời chỉnh sửa và bổ sung

4 Nội dung nghiên cứu

Tìm hiểu về cửa hàng ComputerCAQ và nghiệp vụ hiện tại cửa hàng,khảo sát tìm kiếm nhữg ưu nhược điểm của cửa hệ thống hiện tạiPhân tích hệ thống hiện tại và đưa ra bài toán cụ thể nhằm giải quyếtnhững khó khăn mà hệ thống gặp phải Thực hiện thiết kế các sơ đồ,biểu đồ, phân tích chức năng để giải quyết bài toán

Tìm hiểu, ứng dụng các ngôn ngữ và công cụ lập trình vào bài toán

để xây dựng các chức năng đã đề ra

Kiểm thử đánh giá ứng dụng đã xây dựng, đưa ra hướng giải quyết về những vấn đề gặp phải và hướng phát triển của ứng dụng

5 Đối tượng và phạm vi nghiên cứu đề

tài Đối tượng nghiên cứu đề tài

Ngôn ngữ lập trình Javascript và thư viện ReactJS

Các thư viện liên quan đến ngôn ngữ Javascript

Nghiệp vụ bán hàng của cửa hàng ComputerCAQ

Phạm vi nghiên cứu đề tài

Phạm vi nghiên cứu nằm trong cửa hàng ComputerCAQ và Nghiệp vụ bán hàng của cửa hàng ComputerCAQ

6 Cấu trúc báo cáo

Mở

đầu

Chương 1: Cơ sở lý thuyết

Chương 2: Phân tích hệ thống

Chương 3: Thiết kế cơ sở dữ liệu

Chương 4: Xây dựng phần mềm quản lý cửa hàng Computer CAQ sử dụng

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT