Xây dựng website bán hàng thời trang sử dụng công nghệ ASP net core

Nội dung thực hiện đề tài: - Phát triển thêm các tính năng cơ bản cần thiết khác cho hệ thống website - Nghiên cứu các nghiệp vụ để thống kê các số liệu Dashboard - Tìm hiểu cách tích

THÀNH PHỐ HỒ CHÍ MINH

ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN

XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG SỬ

DỤNG CÔNG NGHỆ ASP.NET CORE

GVHD:NGUYỄN MINH ĐẠO SVTH:NGÔ VĂN TÚ

MSSV:16110255 SVTH:PHẠM XUÂN KHIÊM MSSV:16110120

Tp Hồ Chí Minh, tháng 07/2020

SKL 0 0 7 0 7 5



ĐỒ ÁN TỐT NGHIỆP

Tp Hồ Chí Minh, tháng 7 năm 2020

XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG SỬ

DỤNG CÔNG NGHỆ ASP.NET CORE

Ngành : CÔNG NGHỆ THÔNG TIN

GVHD : THS NGUYỄN MINH ĐẠO

i

***

Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

Họ và tên sinh viên: Ngô Văn Tú

Họ và tên sinh viên: Phạm Xuân Khiêm

MSSV: 16110255 MSSV: 16110120

16110CLST4 Giảng viên hướng dẫn: Nguyễn Minh Đạo ĐT: 090 398 2082

Ngày nhận đề tài: 16/02/2020 Ngày nộp đề tài: 01/07/2020

1 Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core

2 Các số liệu, tài liệu ban đầu: sách và link các trang web trong phần tài liệu tham khảo

3 Nội dung thực hiện đề tài:

- Phát triển thêm các tính năng cơ bản cần thiết khác cho hệ thống website

- Nghiên cứu các nghiệp vụ để thống kê các số liệu (Dashboard)

- Tìm hiểu cách tích hợp thanh toán trực tuyến Paypal

- Tìm hiểu công nghệ ASP.NET SignalR để xây dựng tính năng chat (real-time)

- Tìm hiểu Recommendation System để tích hợp vào hệ thống website

4 Sản phẩm: website bán hàng thời trang

TRƯỞNG NGÀNH

Nguyễn Đăng Quang

GIẢNG VIÊN HƯỚNG DẪN

Nguyễn Minh Đạo

ii

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Họ và tên Sinh viên: Ngô Văn Tú MSSV: 16110255

Họ và tên Sinh viên: Phạm Xuân Khiêm MSSV: 16110120

Ngành: Công nghệ thông tin

Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core

Họ và tên Giảng viên hướng dẫn: Nguyễn Minh Đạo

NHẬN XÉT

1 Về nội dung đề tài & khối lượng thưc hiện:

2 Ưu điểm:

3 Khuyết điểm:

4 Đề nghị cho bảo vệ hay không? ………

5 Đánh giá loại:

6 Điểm: (Bằng chữ: )

Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020

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

(Ký & ghi rõ họ tên)

iii

*******

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN

Họ và tên Sinh viên: Ngô Văn Tú MSSV: 16110255

Họ và tên Sinh viên: Phạm Xuân Khiêm MSSV: 16110120

Ngành:Công nghệ thông tin

Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core

Họ và tên Giảng viên phản biện: Lương Vĩ Minh

NHẬN XÉT

1 Về nội dung đề tài & khối lượng thưc hiện:

2 Ưu điểm:

3 Khuyết điểm:

4 Đề nghị cho bảo vệ hay không? ………

5 Đánh giá loại:

6 Điểm: (Bằng chữ: )

Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020

Giảng viên phản biện

(Ký & ghi rõ họ tên)

iv

Đầu tiên, nhóm chúng em trong học kỳ này gửi lời cảm ơn chân thành nhất đến Khoa

Đào tạo Chất lượng cao Khoa đã tạo điều kiện tốt nhất để các bạn sinh viên hoàn thành

đồ án tốt nghiệp, đặc biệt trong học kỳ này, sinh viên toàn trường đã mất một khoảng

thời gian rất dài khoảng ba tháng để nghỉ dịch COVID-19 Do đó, việc lên lịch thời gian

mới cho các kế hoạch trước đó cũng là một vấn đề khó khăn đối với khoa nhưng khoa

đã có những điều chỉnh hợp lý, tạo thời gian tốt để các bạn sinh viên hoàn thành kịp tiến

độ đồ án một cách tốt nhất Chúng em xin cảm ơn khoa rất nhiều

Và chúng em cũng gửi lời cảm ơn các thầy cô bộ môn Trong suốt những năm học qua,

các thầy cô đã truyền đạt rất nhiều kiến thức hay, bổ ích, giúp nhóm vận dụng được rất

nhiều trong đồ án tốt nghiệp này và đặc biệt là hành trang bước vào đời khi ra trường

Cuối cùng, chúng em xin gửi lời cảm ơn sâu sắc đển thầy Nguyễn Minh Đạo Trước hết,

cảm ơn thầy đã nhận và hướng dẫn nhóm trong đồ án tốt nghiệp này Lúc nhóm nhận đề

tài từ thầy thì cũng là lúc mà cả đất nước đang chống dịch COVID-19, việc gặp gỡ trao

đổi trực tiếp gần như là không thể, thay vào đó nhóm và thầy phải trao đổi qua mạng,

làm việc online, sau này khi có thông báo được đến trường lại thì nhóm và thầy mới có

thể gặp nhau nhiều hơn Nhóm biết thầy khá bận, ngoài việc đi dạy, thầy còn làm việc

cho trung tâm phần mềm của trường nhưng mỗi lần chúng em có khó khăn, thắc mắc

trong quá trình quá thực hiện đồ án cần liên hệ với thầy, thầy luôn sẵn sàng gặp gỡ trao

đổi Thầy giải đáp các thắc mắc tận tình, đưa ra các hướng giải quyết hợp lý, đề xuất các

phương án, tính năng mới cho đồ án phù hợp với nhu cầu người dùng thực tế Những

đóng góp ý kiến, sự hướng dẫn của thầy đã giúp nhóm cải thiện chất lượng đồ án, đảm

bảo tiến độ và hoàn thành đồ án tốt nhất có thể Một lần nữa, chúng em cảm ơn thầy rất

nhiều và chúc thầy mạnh khỏe, giữ vững ngọn lửa nhiệt huyết, truyền đạt những kiến

thức mới, hay và bổ ích đến cho các bạn sinh viên

Sự thiếu sót trong đồ án là điều khó tránh khỏi, rất mong nhận được những đóng góp ý

kiến, phản hồi từ thầy cô và các bạn

Chúng em xin chân thành cảm ơn

Nhóm sinh viên

Ngô Văn Tú - Phạm Xuân Khiêm

v

Đây là một đề tài được phát triển từ tiểu luận chuyên ngành của nhóm Các vấn đề nghiên cứu, khảo sát hiện trạng từ các trang web lớn đang hoạt động ít nhiều trong kỳ khóa luận này đã được nhóm giải quyết Việc khảo sát hiện trạng các trang web lớn giúp nhóm bắt kịp xu hướng thiết kế giao diện, từ gam màu cho đến các chức năng

Mục tiêu phát triển đề tài là hoàn thiện trang web ở mức nâng cao, có thể chưa hoàn thiện để sử dụng trên thị trường Củng cố lại các chức năng cơ bản đã làm, ngoài các chức năng cơ bản như đăng nhập, đăng ký, thêm vào giỏ, thanh toán bắt buộc phải có cho một trang web thương mại thì cần phát triển thêm cái tính năng nâng cao như tính năng Chat trực tuyến, thanh toán trực tuyến và quan trọng hơn là hệ thống gợi ý (recommendation systems) giúp tăng trải nghiệm cho người dùng Xây dựng các module quản lý tiện lợi, nhanh chóng và chi tiết rõ ràng

Kết quả đạt được của nhóm khá tốt, hoàn thành tương đối được các mục tiêu đề ra, có các tính năng chưa hoàn thiện hết mức nhưng vẫn được hơn 95% Ứng dụng đã được triển khai ra môi trường thực tế với kết quả 93% so với chạy môi trường local

vi

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ii

PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iii

LỜI CẢM ƠN iv

LỜI MỞ ĐẦU v

MỤC LỤC vi

DANH SÁCH HÌNH ẢNH xi

DANH SÁCH BẢNG BIỂU xiv

Chương 1: TỔNG QUAN 1

1.1 Khảo sát hiện trạng 1

1.2 Giới thiệu đề tài 2

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

Chương 2: CƠ SỞ LÝ THUYẾT 6

2.1 Công nghệ ASP.NET Core 6

2.1.1 Công nghệ ASP.NET Core là gì? 6

2.1.2 So sánh sự khác nhau giữa công nghệ ASP.NET và ASP.NET Core 6

2.1.3 Ưu, nhược điểm của công nghệ ASP.NET Core 6

2.2 Công nghệ ASP.NET Core SignalR 7

2.3 Mô hình MVC 8

2.4 Hệ thống gợi ý (Recommendation Systems) 9

2.4.1 Hệ thống gợi ý dựa trên nội dung sản phẩm (Content-based Recommender Systems) 9

2.4.2 Hệ thống gợi ý dựa trên người dùng – lọc cộng tác (Collaborative filtering recommender system) 11

Chương 3: XÁC ĐỊNH YÊU CẦU 16

3.1 Yêu cầu người dùng 16

3.2 Yêu cầu hệ thống 17

3.2.1 Các tác nhân 17

vii

3.2.2.1 Mô tả các chức năng chính 22

3.2.2.1.1 Thanh toán 22

3.2.2.1.2 Trò chuyện trực tuyến 23

3.2.2.1.3 Quản lý đơn hàng 24

3.2.2.1.4 Trình quản lý hội thoại 25

Chương 4: THIẾT KẾ HỆ THỐNG 26

4.1 Kiến trúc hệ thống 26

4.2 Lược đồ lớp 26

4.2.1 Database 26

4.2.1.1 Enum 27

4.2.1.2 Interface 27

4.2.1.3 Entity 28

4.2.2 DB Context 29

4.2.3 Repository 30

4.2.4 Services 31

4.2.4.1 ViewModel 31

4.2.4.2 Interface 32

4.2.4.3 Service 33

4.2.4.4 Cấu hình cho AutoMapper 34

4.2.5 Presentation 34

4.2.5.1 ViewModel 34

4.2.5.2 Web application 35

4.2.5.3 Web API 36

4.3 Lược đồ tuần tự 37

4.3.1 Lược đồ tuần tự chức năng đánh giá sản phẩm 37

4.3.2 Lược đồ tuần tự chức năng thêm sản phẩm yêu thích 38

4.3.3 Lược đồ tuần tự chức năng huấn luyện hệ thống gợi ý sản phẩm 39

viii

4.4.1 Mô hình quan hệ thực thể (ERD) 40

4.4.2 Mô hình vật lý 41

4.5 Thiết kế giao diện 42

4.5.1 Kiến trúc tổng quan của giao diện 42

4.5.1.1 Luồng đường đi các màn hình phía khách (chưa đăng nhập) 42

4.5.1.2 Luồng đường đi màn hình phía người dùng (đã đăng nhập) 45

4.5.1.3 Luồng đường đi màn hình phía quản trị viên/nhân viên 47

4.5.2 Đặc tả chi tiết giao diện từng màn hình 49

4.5.2.1 Màn hình trang chủ 49

4.5.2.2 Màn hình đặt lại mật khẩu 52

4.5.2.3 Màn hình cập nhật mật khẩu mới 53

4.5.2.4 Màn hình chi tiết sản phẩm 54

4.5.2.5 Màn hình thanh toán 58

4.5.2.6 Màn hình liên hệ 60

4.5.2.7 Màn hình giới thiệu 61

4.5.2.8 Màn hình thông tin tài khoản 62

4.5.2.9 Màn hình đổi mật khẩu 64

4.5.2.10 Màn hình lịch sử đơn hàng 65

4.5.2.11 Màn hình chi tiết đơn hàng 66

4.5.2.12 Màn hình sản phẩm yêu thích 67

4.5.2.13 Màn hình sản phẩm đã xem 69

4.5.2.14 Modal hội thoại trực tuyến chưa đăng nhập 71

4.5.2.15 Modal hội thoại trực tuyến đã đăng nhập 72

4.5.2.16 Modal quản lý tài khoản cá nhân 73

4.5.2.17 Màn hình Dashboard 74

4.5.2.18 Màn hình quản lý các đánh giá 75

4.5.2.19 Màn hình trình quản lý các cuộc hội thoại trực tuyến 76

ix

5.2 Hiện thực chức năng thanh toán PayPal 78

5.2.1 Tạo một tài khoản PayPal Sandbox 78

5.2.2 Xây dựng các lớp lưu giá trị cấu hình thanh toán PayPal 79

5.2.3 Cấu hình thanh toán PayPal cho hệ thống 79

5.2.3 Xây dựng lớp xử lý dữ liệu 80

5.2.4 Kết quả 80

5.3 Áp dụng hệ thống gợi ý 81

5.3.1 Tìm hiểu cơ sở lý thuyết (xem mục 2.4) 82

5.3.2 Tìm hiểu và xây dựng dự án mẫu về hệ thống gợi ý 82

5.3.2.1 Tập dữ liệu mẫu 82

5.3.2.2 Cách tiếp cận User-based 82

5.3.2.3 Cách tiếp cận Item-based 84

5.3.2.4 Kết quả 85

5.3.3 Áp dụng hệ thống gợi ý vào đồ án 85

5.3.3.1 Dữ liệu đầu vào 85

5.3.3.2 Xây dựng các phương thức để lấy gợi ý 86

5.3.3.3 Kết quả 86

5.4 Tìm hiểu công nghệ ASP.NET SignalR và xây dựng chức năng trò truyện thời gian thực 86

5.4.1 Tìm hiểu công nghệ SignalR (xem mục 2.2) 86

5.4.2 Xây dựng chức năng trò chuyện thời gian thực 86

5.4.2.1 Tạo cơ sở dữ liệu 87

5.4.2.2 Tạo phần giao diện cho người dùng 87

5.4.2.3 Tạo trung tâm xử lý trò chuyện (ChatHub) cho hệ thống 88

5.4.2.4 Tạo phương thức để truy xuất và lưu trữ vào cơ sở dữ liệu 88

5.4.3 Kết quả 88

5.5 Triển khai ứng dụng trong môi trường thực tế 89

x

6.1.1 Trường hợp thử nghiệm chức năng Đánh giá sản phẩm 94

6.1.2 Trường hợp thử nghiệm chức năng Sản phẩm đã xem 97

6.1.3 Trường hợp thử nghiệm chức năng Thêm sản phẩm yêu thích 97

6.1.4 Trường hợp thử nghiệm chức năng Hội thoại trực tuyến 98

6.1.5 Trường hợp thử nghiệm chức năng Thanh toán 101

6.2 Kết quả thực nghiệm ứng dụng ra môi trường thực tế 102

Chương 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 104

7.1 Kết quả 104

7.2 Khó khăn 104

7.3 Hướng phát triển 104

7.4 Mã nguồn 105

TÀI LIỆU THAM KHẢO 106

xi

Hình 2 1: Mô hình MVC 8

Hình 2 2: Ví dụ bài toán về hệ thống gợi ý dựa trên nội dung 10

Hình 2 3: Cách tiếp cận phương pháp Collaborative Filtering 12

Hình 2 4: Ví dụ bài toán khác của hướng tiếp cận User-based 13

Hình 2 5: Ví dụ bài toán khác của hướng tiếp cận Item-based 15

-

Hình 3 1: Lược đồ chức năng 19

-

Hình 4 1: Kiến trúc hệ thống 26

Hình 4 2: Database 26

Hình 4 3: Enum 27

Hình 4 4: Interface (Database) 27

Hình 4 5: Entity 28

Hình 4 6: DB Context 29

Hình 4 7: Repository 30

Hình 4 8: Services 31

Hình 4 9: View Model (Services) 31

Hình 4 10: Interface (Services) 32

Hình 4 11: Service (Services) 33

Hình 4 12: Cấu hình AutoMapper 34

Hình 4 13: ViewModel(Presentation) 34

Hình 4 14: Controller (client) 35

Hình 4 15: Controller (Admin) 36

Hình 4 16: Lược đồ tuần tự chức năng đánh giá sản phẩm 37

Hình 4 17: Lược đồ tuần tự chức năg thêm sản phẩm yêu thích 38

Hình 4 18: Lược đồ tuần tự chức năng huấn luyện hệ thống gợi ý sản phẩm 39

Hình 4 19: Lược đồ tuần tự chức năng lấy sản phẩm từ hệ thống gợi ý sản phẩm 39

Hình 4 20: Mô hình quan hệ (ERD) 40

Hình 4 21: Mô hình vật lý 41

Hình 4 22: Luồng đường đi các màn hình phía khách 42

Hình 4 23: Luồng đường đi các màn hình phía người dùng 45

Hình 4 24: Luồng đường đi các màn hình phía quản trị viên/nhân viên 47

Hình 4 25: Giao diện màn hình trang chủ_1 49

Hình 4 26: Giao diện màn hình trang chủ_2 50

Hình 4 27: Giao diện màn hình trang chủ_3 50

Hình 4 28: Giao diện màn hình đặt lại mật khẩu 52

xii

Hình 4 31: Giao diện màn hình chi tiết sản phẩm_2 54

Hình 4 32: Giao diện màn hình chi tiết sản phẩm_3 55

Hình 4 33: Giao diện màn hình thanh toán_1 58

Hình 4 34: Đặc tả chi tiết giao diện màn hình thanh toán_2 58

Hình 4 35: Giao diện màn hình liên hệ 60

Hình 4 36: Giao diện màn hình giới thiệu 61

Hình 4 37: Giao diện màn hình thông tin tài khoản 62

Hình 4 38: Giao diện màn hình đổi mật khẩu 64

Hình 4 39: Giao diện màn hình lịch sử đơn hàng 65

Hình 4 40: Giao diện màn hình chi tiết đơn hàng 66

Hình 4 41: Giao diện màn hình sản phẩm yêu thích 67

Hình 4 42: Giao diện màn hình sản phẩm đã xem 69

Hình 4 43: Giao diện modal hội thoại trực tuyến chưa đăng nhập 71

Hình 4 44: Giao diện modal hội thoại trực tuyến đã đăng nhập 72

Hình 4 45: Giao diện Modal quản lý tài khoản cá nhân 73

Hình 4 46: Giao diện màn hình dashboard 74

Hình 4 47: Giao diện màn hình quản lý các đánh giá 75

Hình 4 48: Giao diện màn hình trình quản lý các cuộc hội thoại 76

-

Hình 5 1: Tài khoản PayPal Sandbox 78

Hình 5 2: Thông tin của ứng dụng trong môi trường phát triển PayPal 79

Hình 5 3: Cấu hình các giá trị cho phương thức thanh toán PayPal 80

Hình 5 4: Đặt hàng bên giao diện 80

Hình 5 5: Thông tin dữ liệu thanh toán bên PayPal 81

Hình 5 6: Một đoạn dữ liệu của tập dữ liệu thử nghiệm 82

Hình 5 7: Bảng dữ liệu sau khi train dữ liệu (User-based) 83

Hình 5 8: Công thức hệ số tương quan Pearson 83

Hình 5 9: Bảng dữ liệu sau khi train dữ liệu (Item-based) 84

Hình 5 10: Kết quả gợi ý của 2 cách tiếp cận 85

Hình 5 11: Kết quả đánh giá giải thuật 85

Hình 5 12: Kết quả hệ thống gợi ý trên giao diện trang web 86

Hình 5 13: Giao diện trò chuyện 87

Hình 5 14: Kết quả xây dựng tính năng trò chuyện thời gian thực 89

Hình 5 15: Tạo cơ sở dữ liệu trên SmarterASP.NET 90

Hình 5 16: Chuỗi kết nối (connection string) 90

xiii

Hình 5 19: Giao diện cấu hình cơ sở dữ liệu 92

Hình 5 20: Trang web sau khi publish 92

Hình 5 21: Giao thức HTTP không an toàn 93

Hình 5 22: Giao thức HTTPS an toàn 93

-

Hình 6 1: URL của ứng dụng khi được deploy 102

Hình 6 2: Chất lượng SSL của website 103

xiv

Bảng 2 1: So sánh sự khác nhau giữa ASP.NET Core và ASP.NET 6

Bảng 2 2: ASP.NET Core SignalR hỗ trợ JavaScript client 8

-

Bảng 3 1: Yêu cầu người dùng 16

Bảng 3 2: Mô tả các tác nhân 17

Bảng 3 3: Chức năng của từng tác nhân 18

Bảng 3 4: Chi tiết lược đồ chức năng 20

Bảng 3 5: Mô tả chức năng thanh toán 22

Bảng 3 6: Mô tả chức năng trò chuyện trực tuyến 23

Bảng 3 7: Mô tả chức năng quản lý đơn hàng 24

Bảng 3 8: Mô tả chức năng trình quản lý hội thoại 25

-

Bảng 4 1: Mô tả các màn hình phía Khách 43

Bảng 4 2: Mô tả các màn hình phía người dùng 45

Bảng 4 3: Mô tả các màn hình phía quản trị viên/nhân viên 47

Bảng 4 8: Đặc tả chi tiết giao diện màn hình trang chủ 51

Bảng 4 14: Đặc tả chi tiết giao diện màn hình đặt lại mật khẩu 52

Bảng 4 16: Đặc tả chi tiết giao diện màn hình cập nhật khẩu mới 53

Bảng 4 19: Đặc tả chi tiết giao diện màn hình chi tiết sản phẩm 55

Bảng 4 22: Đặc tả chi tiết giao diện màn hình thanh toán 58

Bảng 4 24: Đặc tả chi tiết giao diện màn hình liên hệ 60

Bảng 4 25: Đặc tả chi tiết giao diện màn hình liên hệ 62

Bảng 4 27: Đặc tả chi tiết giao diện màn hình thông tin tài khoản 62

Bảng 4 28: Đặc tả chi tiết giao diện màn hình đổi mật khẩu 64

Bảng 4 29: Đặc tả chi tiết giao diện màn hình lịch sử đơn hàng 65

Bảng 4 30: Đặc tả chi tiết giao diện màn hình chi tiết đơn hàng 66

Bảng 4 31: Đặc tả chi tiết giao diện màn hình sản phẩm yêu thích 68

Bảng 4 32: Đặc tả chi tiết giao diện màn hình sản phẩm đã xem 69

Bảng 4 33: Đặc tả chi tiết giao diện modal hội thoại trực tuyến chưa đăng nhập 71

Bảng 4 34: Đặc tả chi tiết giao diện modal hội thoại trực tuyến đã đăng nhập 72

Bảng 4 38: Đặc tả chi tiết giao diện modal quản lý tài khoản cá nhân 73

Bảng 4 39: Đặc tả chi tiết giao diện màn hình dashboard 74

Bảng 4 55: Đặc tả chi tiết giao diện màn hình quản lý các đánh giá 75

Bảng 4 56: Đặc tả chi tiết giao diện màn hình trình quản lý các cuộc hội thoại 76

-

Bảng 6 1: Trường hợp thử nghiệm chức năng đánh giá sản phẩm 94

xv

Bảng 6 4: Trường hợp thử nghiệm chức năng Hội thoại trực tuyến 98 Bảng 6 5: Trường hợp thử nghiệm chức năng Thanh toán 101

đó thương mại điện tử đã giúp nhiều doanh nghiệp về marketing, đặc biệt là marketing

ra thị trường quốc tế, cắt giảm nhiều chi phí (chi phí nhân lực, chi phí bán hàng, chi phí liên lạc, chi phí mặt bằng,…) bán hàng qua mạng, liên kết các nhà cung ứng, hỗ trợ khách hàng từ xa Do vậy, các doanh nghiệp không ngừng ứng dụng thương mại điện tử nhằm tạo ra cho mình lợi thế riêng, đồng thời mở rộng mạng lưới kinh doanh, phân phối sản phẩm cũng như nâng cao chất lượng dịch vụ Trong đó hiện nay website thực sự đã trở thành một kênh kinh doanh mới, hiệu quả và rất kinh tế cho hầu hết các doanh nghiệp Việt Nam Website giúp doanh nghiệp không những quảng bá được hình ảnh doanh nghiệp, sản phẩm với chi phí thấp và tiện lợi mà còn mở rộng hơn nữa cơ hội tìm kiếm khách hàng, nhà cung cấp không chỉ trong nước mà còn trên phạm vi toàn cầu Để có được một website thương mại điện tử hiện đại có nhiều chức năng, các doanh nghiệp cần nghiên cứu, phân tích và thiết kế các module chức năng cơ bản như cung ứng hàng hóa, quản trị khách hàng, thanh toán, bảo mật,…kết hợp chặt chẽ với việc ứng dụng các tiêu chuẩn công nghệ tiên tiến, phù hợp Do đó, việc nghiên cứu khảo sát các mô hình thiết

kế xây dựng mô hình website thương mại điện tử với đầy đủ các module chức năng cơ bản nhằm giúp các doanh nghiệp tối đa hóa hoạt động sản xuất kinh doanh là việc rất cần thiết

Cùng trở lại với đề tài, để xây dựng một hệ thống trang web thương mại điện tử khi

mà trên thế giới đã có rất nhiều trang web lớn thì việc khảo sát hiện trạng là rất quan trọng Khảo sát hiện trạng giúp nhóm thực hiện báo cáo nắm được các chức năng cần phải xây dựng từ những chức năng cơ bản bắt buộc cho đến các chức năng nâng cao khác Cùng với đó là nắm rõ nghiệp vụ của các chức năng, nắm được luồng xử lý, cách hoạt động của từng chức năng để từ đó áp dụng với hệ thống của mình Một yếu tố cũng rất quan trọng khác đó là xây dựng giao diện, xây dựng giao diện cũng nên tuân thủ theo các nguyên tắc thiết kế để có được một giao diện đồng bộ, chạy tốt trên nhiều ứng dựng

và đặc biệt là đem lại trải nghiệm tốt cho người dùng Ngoài ra, cần phải khảo sát các trang web thương mại lớn trên thế giới để xem cách họ phối màu cho giao diện, chọn màu chủ đạo cho trang web để áp dụng vào xây dựng hệ thống phù hợp với xu hướng hiện tại Nhóm thực hiện báo cáo tham khảo rất nhiều từ hệ thống trang web của hai hãng thời trang thể thao nổi tiếng thế giới là Nike và Adidas

Chương 1: Tổng quan 2

1.2 Giới thiệu đề tài

ATOM Store là tên được nhóm thực hiện báo cáo đặt cho hệ thống trang web Là

một trang web thương mại điện tử được xây dựng với mục đích đáp ứng nhu cầu mua các mặt hàng thời trang qua Internet Trang web sẽ là nơi mà các tín đồ thời trang có thể đặt niềm tin, thỏa sức chọn lựa các trang phục để diện lên cơ thể mình một cách hoàn hảo nhất Các mặt hàng sản phẩm đều được cung cấp thông tin chi tiết đầy đủ cũng như các đánh giá của khách hàng về sản phẩm nhằm tạo nên một dịch vụ chất lượng, tin cậy đến người dùng Ngoài các chức năng quen thuộc như thêm sản phẩm vào giỏ hàng, thanh toán tại nhà, thì trang web còn hỗ trợ khách hàng tính năng thêm sản phẩm yêu thích, tính năng trò chuyện trực tuyến để giải đáp các thắc mắc về sản phẩm và phương thức thanh toán trực tuyến phổ biến PayPal nhanh chóng tiện lợi Trang web còn tích hợp hệ thống gợi ý (recommendation systems), gợi ý cho người dùng các sản phẩm được nhiều người yêu thích, tăng trải nghiệm cho người dùng

Để xây dựng được thương hiệu trên các công cụ tìm kiếm thì viêc tối ưu hóa công

cụ tìm kiếm (SEO - Search Engine Optimization) cũng rất quan trọng Tuy nhiên, trong giới hạn của đề tài này, nhóm thực hiện báo cáo sẽ không tìm hiểu chuyên sâu vào việc tối ưu hóa công cụ tìm kiếm nhưng trong quá trình xây dựng hệ thống nhóm thực hiện báo cáo cũng để ý đến vấn đề này và có thực hiện việc tối ưu hóa đường dẫn (URL – Uniform Resource Locator) cho SEO ở các trang của hệ thống Tối ưu hóa URL cho SEO là giúp cho URL của hệ thống được thân thiện với công cụ tìm kiếm, sử dụng các

từ khóa có liên quan đến nội dung trang web cũng sẽ giúp URL thân thiện với người dùng

Hệ thống trang web được xây dựng chỉ dùng để kinh doanh các mặt hàng thời trang chứ không thể sử dụng để kinh doanh các mặt hàng khác như kinh doanh đồ điện tử, đồ dân dụng,… Bởi vì hệ thống trang web kinh doanh mặt hàng thời trang chúng ta đều có thể thấy được luôn có các thuộc tính là kích thước và màu sắc của sản phẩm Đặc biệt về kích thước của sản phẩm thời trang giày dép thì sẽ có rất nhiều loại kích thước như kích thước theo US, UK, EU, Nhật Bản, Trung Quốc, còn quần áo sẽ có kích thước theo số

đo các vòng trên cơ thể Các kích thước đó ở các mặt hàng khác sẽ không bao giờ có

1.3 Mục tiêu đề tài

a) Nắm được nghiệp vụ quản lý của các trang web đang hoạt động

Dựa vào khảo sát hiện trạng, có thể nắm được các nghiệp vụ quản lý như quản lý sản phẩm, quản lý danh mục, quản lý đơn hàng,… để từ đó áp dụng trong việc xây dựng phần quản trị cho hệ thống Ngoài ra, nắm được các nghiệp vụ về chức năng cũng cực

kỳ quan trọng, hiểu được các luồng xử lý, cách hoạt động của từng chức năng của các trang web lớn sẽ giúp xây dựng một hệ thống tốt, các chức năng hoàn thiện và đảm bảo

về mặt trải nghiệm của người dùng

Chương 1: Tổng quan 3

b) Vận dụng tốt công nghệ ASP.NET Core

ASP.NET Core là công nghệ chính được áp dụng trong việc xây dựng hệ thống Công nghệ ASP.NET Core đã được tìm hiểu cơ bản trong lần thực hiện tiểu luận chuyên ngành

và cũng đã được áp dụng để xây dựng phần sườn của hệ thống hiện tại Trong lần thực hiện khóa luận này, thì nhóm thực hiện báo cáo sẽ tìm hiểu chuyên sâu hơn, tìm hiểu thêm công nghệ ví dụ ASP.NET Core SignalR để xây dựng chức năng Chat trực tuyến

Đã có những khoảng thời gian tìm hiểu nhất định thì việc vận dụng tốt công nghệ cũng

là một yêu cầu, có thể không yêu cầu quá tốt nhưng cũng phải tương đối thành thạo khi

sử dụng công nghệ

c) Củng cố lại các chức năng đã thực hiện

Củng cố, sửa lỗi các chức năng thêm sản phẩm vào giỏ hàng (quản lý kích thước, màu

và số lượng), quản lý giỏ hàng (số lượng sản phẩm), quản lý hình ảnh sản phẩm, quản lý

số lượng sản phẩm, quản lý đơn hàng, cấp quyền cho từng vai trò người dùng ở phần quản trị đã được thực hiện trong lần thực hiện tiểu luận chuyên ngành

d) Cải thiện giao diện

Chỉnh sửa giao diện ở một số chỗ để tăng tính đẹp mắt, điều chỉnh responesive một vài chỗ bị lỗi khi chạy hệ thống trên các ứng dụng như di dộng

e) Phát triển thêm các tính năng cơ bản cần thiết khác cho hệ thống website

Xây dựng thêm các tính năng cơ bản như đặt lại mật khẩu (khi quên mật khẩu), quản

lý thông tin tài khoản, đổi mật khẩu, xem lịch sử đơn hàng, hủy đơn hàng, thêm sản phẩm yêu thích, quản lý danh sách sản phẩm yêu, xem danh sách sản phẩm đã xem, đánh giá sản phẩm, đánh giá về website cho người dùng

f) Xây dựng tính năng chat trực tuyến (real-time)

Chức năng chat trực tuyến giữa khách hàng và quản trị viên của hệ thống là khá quan trọng Người dùng có thể gọi điện trực tiếp đến cửa hàng để hỏi đáp các vấn đề thắc mắc

về sản phẩm chẳng hạn Nhưng không phải khách hàng nào cũng đều muốn giải đáp thắc mắc bằng cách gọi điện trực tiếp Trừ cuộc gọi miễn phí, cuộc gọi có tính cước cũng là một rào cản Ngại giao tiếp cũng là vấn đề, vì khi giao tiếp trực tiếp và giao tiếp trực tuyến thông qua chức năng chat cũng sẽ có tâm lý khác nhau Gọi điện trực tiếp thì nhanh, gọn nhưng có thể quên sót nội dung, giao tiếp trực tuyến tâm lý sẽ thoải mái hơn

và nhất thiết phải trả lời ngay lập tức Việc xây dựng chức năng chat giúp người dùng thoải mái hơn trong việc giải đáp các thắc mắc về thông tin các mặt hàng đang quan tâm

Chương 1: Tổng quan 4

Chức năng chat sẽ sử dụng công nghệ ASP.NET Core SignalR để xây dựng, công nghệ sẽ giúp về mặt real-time cho chức năng, nội dung của cuộc hội thoại sẽ được hiển thị ngay lập tức

g) Tích hợp phương thức thanh toán trực tuyến PayPal

Thanh toán trực tuyến là nền tảng của hệ thống thương mại điện tử Phát triển phương thức thanh toán trực tuyến sẽ hoàn thiện hóa thương mại điện tử theo đúng nghĩa là giao dịch hoàn toàn trên Internet Nhanh chóng, tiện lợi và tiết kiệm thời gian

Do đó, việc tích hợp phương thức thanh toán trực tuyến PayPal cho hệ thống là thực sự cần thiết Nhóm thực hiện báo cáo sẽ sử dụng tài khoản PayPal Sandbox khi thanh toán bằng phương thức PayPal

h) Tích hợp hệ thống gợi ý (Recommendation Systems) cho hệ thống trang web

Tích hợp hệ thống gợi ý cho hệ thống trang web sẽ giúp cho hệ thống hiện đại hơn, mang lại lợi ích cho khách hàng Sử dụng các dự liệu thu thập từ các người dùng để từ

đó đưa những gợi ý sản phẩm phù hợp với sở thích của người dùng sẽ nâng cao chất lượng dịch vụ của hệ thống

Nhóm thực hiện báo cáo sẽ xây dựng hệ thống gợi ý dựa trên phương pháp lọc cộng tác (Collaborative filtering recommender systems), cụ thể hơn là hướng tiếp tiếp cận user-based, gợi ý dựa trên các người dùng có cùng sở thích

Xây dựng hệ thống gợi ý không phải là nội dung chính của toàn bộ đề tài, do đó nhóm thực hiện báo cáo sẽ sử dụng thư viện sẵn có để xây dựng hệ thống gợi ý

i) Thống kê các số liệu liên quan hệ thống trang web (Dashboard)

Thống kê sẽ giúp chúng ta nhìn thấy được sự phát triển của hệ thống thông qua các con số

Nhóm thực hiện báo cáo sẽ thống kê các số liệu như tổng doanh thu, tổng lợi nhuận, tổng chi phí, tổng số sản phẩm đã bán, tổng số sản phẩm đã được đánh giá, tổng số người dùng có trong hệ thống và số người đã ghé thăm trang web Ngoài ra, còn có đồ thị hiển thị lợi nhuận qua từng ngày của 7 ngày gần nhất

j) Triển khai ứng dụng trong môi trường thực tế

Triển khai ứng dụng trong môi trường thực tế tức là ứng dụng của chúng ta đã được đưa ra thế giới bên ngoài, bắt đầu tiếp cận với nhiều người dùng thực tế Đối với việc triển khai trong môi trường thực tế các ứng dụng được làm từ trường học sẽ có rất nhiều

Chương 1: Tổng quan 5

vấn đề cần giải quyết, đặc biệt là vấn đề bảo mật, khả năng lưu trữ, sức chịu tải Với khả năng, trình độ thì không nhiều sinh viên có thể xử lý tốt các vấn đề này được

Nhóm thực hiện báo cáo sẽ cố gắng triển khai ứng dụng trong môi trường thực tế mặc

dù có thể chất lượng hoạt động của các chức năng sẽ không bằng khi hệ thống chạy dưới local host

k) Cài đặt chứng chỉ SSL (Secure Sockets Layer)

Khi chúng ta đăng ký tên miền để sử dụng các dịch vụ website thì luôn có những lổ hổng bảo mật cho hacker tấn công, SSL sẽ bảo vệ website và khách hàng SSL sẽ giúp bảo mật dữ liệu, nâng cao hình ảnh, thương hiệu uy tín của hệ thống Nếu website không được xác thực và bảo mật sẽ luôn tiềm ẩn nguy cơ bị xâm nhập dữ liệu, dẫn đến khách hàng sẽ không tin tưởng sử dụng dịch vụ hệ thống

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

Chương 2: CƠ SỞ LÝ THUYẾT

2.1 Công nghệ ASP.NET Core

2.1.1 Công nghệ ASP.NET Core là gì?

ASP.NET Core là một framework mới của Microsoft Mã nguồn mở và được tối

ưu hóa cloud để phát triển các ứng dụng web chạy đa nền tảng Windows, Mac và Linux Hàng triệu nhà phát triển sử dụng hoặc đã sử dụng ASP.NET 4.x để tạo các ứng dụng web ASP.NET Core là một thiết kế lại từ ASP.NET 4.x, bao gồm các thay đổi kiến trúc để cho ra một module gọn gàng hơn

Ứng dụng ASP.NET Core có thể chạy trên NET Core hoặc trên phiên bản đầy đủ của NET Framework Nó bao gồm các thành phần theo hướng module nhằm tối thiểu tài nguyên và chi phí phát triển Có thể phát triển và chạy những ứng dụng ASP.NET Core đa nền tảng trên Windows, Mac và Linux

Đồng thời nó đã trở thành một mã nguồn mở Đây là một thay đổi rất lớn và quan trọng nhất của ASP.NET Core Điều mà trước đây khó có một lập trình viên nào có thể nghĩ đến Có lẽ đó cũng là một xu thế mà các ngôn ngữ lập trình hiện nay đang hướng tới

Các phiên bản đã và sắp phát hành 1.0, 1.1, 2.0, 2.1, 2.2, 3.0, 3.1, 5.0 (sắp ra mắt)

2.1.2 So sánh sự khác nhau giữa công nghệ ASP.NET và ASP.NET Core

Bảng 2 1: So sánh sự khác nhau giữa ASP.NET Core và ASP.NET

Chạy trên đa nền tảng Windows, macOS,

Linux

Chỉ chạy trên nền tảng Windows

Hoàn toàn thiết kế mới Nền tảng đã có từ lâu

Phát triển với các công cụ Visual Studio,

Visual Studio phiên bản macOS, Visual

Studio Code sử dụng C# hoặc F#

Phát triển với công cụ Visual Studio sử dụng C#, VB hoặc F#

Hiệu năng tốt hơn ASP.NET 4.x Hiệu năng tốt

Chạy trên NET Core và NET Framework Chạy trên NET Framework

Nhỏ, nhẹ và module hóa System.web.dll cồng kềnh

Sử dụng NET Core runtime Sử dụng NET runtime

2.1.3 Ưu, nhược điểm của công nghệ ASP.NET Core

Ưu điểm

Những nền tảng cải tiến được từ ASP.NET Core:

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

+ Hợp nhất ASP.NET MVC và ASP.NET WebAPI

+ Có thể host trên IIS hoặc tự host

+ Sử dụng trên đa nền tảng Windows, macOS và Linux

+ Chạy trên NET Core hoặc NET Framework

+ Dễ dàng tích hợp các framework frontend như Angular,…

+ Có khả năng lưu trữ trên Kestrel, IIS, Nginx, Apache, Docker

+ Hỗ trợ quản lý phiên bản

+ Mã nguồn mở

Nhược điểm

+ Số lượng thư viện còn hạn chế

2.2 Công nghệ ASP.NET Core SignalR

ASP.NET Core SignalR là một thư viện mã nguồn mở giúp đơn giản hoá việc thêm các chức năng web real-time cho ứng dụng Đó là khả năng Server đẩy những nội dung tới Client đã được kết nối một cách tức thì Nó khác với HTTP thông thường: Server đợi những yêu cầu từ Client và trả về nội dung tương ứng

SignalR có thể sử dụng trong bất kỳ chức năng web real-time nào Trong đó ứng dụng Chat là một ví dụ điển hình, như gửi tin nhắn cho tất cả mọi người được kết nối cùng một lúc (phòng trò chuyện), gửi tin nhắn từng người cụ thể Nội dung của cuộc hội thoại khi trò chuyện sẽ được cập nhật ngay lập tức, giống như các tính năng trò chuyện của facebook, skype, zalo,… mà chúng ta thường hay sử dụng

Ngoài ra, ứng dụng SignalR trong việc quản lý cũng rất quan trọng Ví dụ khi xây dựng các module quản lý thì chúng ta thường sẽ hiển thị dữ liệu trên các bảng Và khi bảng dữ liệu có những cập nhật, thay đổi mới thì dữ liệu trong bảng sẽ không thay đổi ngay lập để chúng ta thấy mà chúng ta phải làm mới lại trang để thấy được sự thay đổi

dữ liệu Do đó áp dụng SignalR để xây dựng các bảng thời gian thực (table real-time) là một việc làm cần thiết

Trong các ứng dụng trò chơi thì chúng ta cũng dễ dàng nhìn thấy SignalR trong

đó Khi chúng ta chơi game thì chắc chắn là nó luôn có tính liên tục, ví dụ như game

“Đột kích” thì chẳng có thể mà chúng ta bắn 1 phát đạn 10, 20 giây sau thì viên đạn mới được bắn đi

Các nền tảng ASP.NET Core SignalR hỗ trợ

ASP.NET Core SignalR sẽ hỗ trợ bất kỳ nền tảng nào mà ASP.NET Core hỗ trợ

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

JavaScript client

Bảng 2 2: ASP.NET Core SignalR hỗ trợ JavaScript client

Microsoft Edge Phiên bản hiện tại trở lên

Mozilla Firefox Phiên bản hiện tại trở lên

Google Chrome; bao gồm cả Adroid Phiên bản hiện tại trở lên

Microsoft Internet Explorer 11

.NET client

.NET client chạy trên mọi nền tảng ASP.NET Core hỗ trợ Ví dụ các nhà phát triển Xamarin có thể sử dụng SignalR để xây dựng ứng dụng Android bằng phiên bản Xamarin.Android 8.4.0.1 trở lên, xây dựng ứng dụng iOS bằng phiên bản Xamarin.iOS 11.14.0.4 trờ lên

Java client

Hỗ trợ Java 8 và các phiên bản mới hơn

Các nền tảng ASP.NET Core không hỗ trợ

C ++ client và Swift client là các nền tảng hiện nay không được hỗ trợ hoặc có thể không bao giờ được hỗ trợ

2.3 Mô hình MVC

Hình 2 1: Mô hình MVC

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

Trong lập trình web chia ra ba tầng như sau:

+ Presentation Layer (tầng 3): tầng này giúp hiển thị giao diện

+ Bussiness Logic Layer (tầng 2): tầng này chứa các hàm thực thi, giúp xử lý sự kiện ra trên Presentation Layer

+ Data Access Layer (tầng 1): tầng này chứa hàm kết nối với các hệ quản trị cơ

sở dữ liệu như SQL Server, MySQL, Orancle, …

MVC (Model – View - Controller) là một design partern đã tồn tại rất lâu trong ngành công nghệ phần mềm Một ứng dụng viết theo mô hình MVC sẽ bao gồm 3 thành phần tách biệt nhau đó là Model, View, Controller Giống như trong cấu trúc Three – Tier, mô hình MVC giúp tách biệt 3 tầng trong mô hình lập trình web, vì vậy giúp tối ưu ứng dụng, dễ dàng thêm mới và chỉnh sửa code hoặc giao diện

Model

+ Three – Tier thì trong đó gồm có 2 tầng Data Access Layer và tầng Business Logic Layer Hai tầng này là hai tầng tương đương với tầng Model trong mô hình MVC

View: là tầng giao diện, hiển thị dữ liệu được truy xuất từ tầng model Tầng này

tương đương với tầng Presentation Layer trong cấu trúc Three – Tier

Controller: đây là tầng giúp kết nối giữa tầng Model và tầng View trong mô

hình MVC, có nghĩa là nếu phía Client yêu cầu hiển thị dữ liệu thì Controller gọi giữ liệu từ Model và trả về cho View vì view tương tác trực tiếp với Client

Cơ chế hoạt động của mô hình MVC

- User gửi một yêu cầu tới server bằng cách truyền vào một URL trong browser

- Yêu cầu đó được gửi tới Controller đầu tiên, Controller sẽ xử lý yêu cầu, nếu yêu cầu cần truy xuất dữ liệu thì Controller sẽ chuyển qua tầng Model

- Tại tầng Model, dữ liệu được truy xuất từ Database và sau đó truyền qua View thông qua Controller

- Controller sẽ giúp dữ liệu được chuyển từ Model qua View

- View là tầng cuối cùng giao tiếp với User, mọi dữ liệu sẽ được hiển thị cho User thông qua tầng View

2.4 Hệ thống gợi ý (Recommendation Systems)

2.4.1 Hệ thống gợi ý dựa trên nội dung sản phẩm (Content-based Recommender Systems)

Cụ thể dễ hiểu hơn đây là hệ thống gợi ý dựa trên hành vi của người dùng Nhưng với tên gọi như vậy thì tất nhiên nó phụ thuộc vào thuộc tính của các sản phẩm Ví dụ

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

một người dùng thường rất hay xem phim võ thuật, chẳng hạn “Diệp Vấn”, vậy thì hệ thống sẽ gợi ý các bộ phim có đặc tính là võ thuật, chẳng hạn “Lý Tiểu Long” Cách tiếp cận này yêu cầu việc sắp xếp các sản phẩm vào từng nhóm hoặc đi tìm đặc tính của từng sản phẩm

Ví dụ:

Hình 2 2: Ví dụ bài toán về hệ thống gợi ý dựa trên nội dung

Cho một ma trận gợi ý bài hát (như hình trên), các số ở ô nền màu xanh là đánh giá của người dùng theo mức độ từ 0 (không thích) đến 5 sao (rất thích) Các dấu ? ở ô nền màu xám là các dữ liệu cần được giải quyết bài toán để tìm ra giá trị Mục tiêu của bài toàn không phải là tìm chính xác các giá trị mà là cần tìm ra các khoảng đánh giá mức độ để xem người dùng có thích bài hát hay là không?

Bên trái là các bài hát, bên phải là các người dùng A, B, C, D, E, F

Giải quyết bài toán

Nhìn vào 5 bài hát, có thể dễ dàng phân loại: Mưa nửa đêm, Cỏ úa, Vùng lá me bay là thuộc dòng “Trữ tình”, Con cò bé bé và Em yêu trường em là các bài hát thuộc dòng

“Thiếu nhi”

- Người A đánh giá 5 sao cho các bài hát Mưa nửa đêm và Cỏ úa, đánh giá 1 sao cho bài Con còn bé bé và Em yêu trường em

- Người B đánh giá 5 sao cho bài hát Mưa nửa đêm và 4 sao cho bài hát Vùng lá

me bay Đánh giá lần lượt 1 sao và 0 sao cho bài hát Con cò bé bé và em yêu trường em

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

→ Do đó dự đoán được người A và người B sẽ thích dòng nhạc “Trữ tình” và không thích dòng nhạc “Thiếu nhi” Từ đó suy đoán số sao cho từng ô ? của người A và người B

- Người C đánh giá lần lượt 0 sao và 1 sao cho các bài hát Mưa nửa đêm và Vùng

lá me bay Đánh giá lần lượt 4 sao và 5 sao cho các bài hát Con cò bé bé và Em yêu trường em

- Người D đánh giá 0 sao cho các bài hát Mưa nửa đêm và Cỏ úa Đánh giá 4 sao cho bài hát Con cò bé bé

- Người E đánh giá 1 sao cho bài hát Mưa nửa đêm Đánh giá 4 sao cho bài hát Con

cò bé bé

- Người F đánh giá 1 sao cho bài hát Vùng lá me bay

→ Do đó dự đoán được người dùng C, D, E, F sẽ không thích dòng nhạc “Trữ tình”

và sẽ thích dòng nhạc “Thiếu nhi” Từ đó suy đoán số sao cho từng ô ? của người

sở thích giữa các người dùng để đưa ra các gợi ý

Đối với phương pháp này, có 2 cách tiếp cận nhỏ hơn đó là user-based và based

item-Chương 2: Cơ sở lý thuyết 12

Hình 2 3: Cách tiếp cận phương pháp Collaborative Filtering Cách tiếp cận User-based

Ví dụ: Có rất nhiều người thích phim “Kungfu Panda”, liệu rằng bạn có thích “Kungfu Panda” như vậy không?

Ý tưởng của cách tiếp cận này là, lấy 20-50 người cùng chia sẻ với bạn rằng họ thích

“Kungfu Panda” do đó, mức độ thích bộ phim này của bạn phụ thuộc vào mức độ thích của họ

Hướng tiếp cận chính đó là hệ thống sẽ gợi ý sản phẩm dựa vào số người có cùng sở thích với người dùng hiện tại

Dựa vào hình ảnh ở trên, chúng ta sẽ cùng thực hiện ví dụ minh họa về cách tiếp cận user-based

- Bên trái sẽ có 3 người (A, B, C), bên phải sẽ có 4 loại trái cây (nho, dâu, dưa hấu

và cam)

- Người A thích cả 4 loại trái cây, người B thích dâu và người C thích dâu, dưa hấu

→ Mục tiêu của chúng ta dựa vào hình ảnh sẽ chứng minh tại sao hệ thống lại gợi ý

nho và cam cho người C

Giải quyết bài toán

- Người B có cùng 1 sở thích với người C là thích dâu

- Người A có cùng 2 sở thích với người C là thích dâu và dưa hấu

- Người A sẽ có nhiều sở thích chung với người C hơn người B

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

- Cách tiếp cận của user-based là dựa vào số người có cùng nhiều sở thích nên hệ thống gợi ý trái nho và trái cam cho người C là hoàn toàn đúng logic

Giả sử một bài toán khác

Hình 2 4: Ví dụ bài toán khác của hướng tiếp cận User-based

- Thêm một người dùng thứ 4 (người D) và thêm một trái táo

- Người thứ 4 thích dâu, dưa hấu và táo

→ Hệ thống có gợi ý trái táo cho người C hay không?

Giải quyết bài toán

- Người D có cùng sở thích với người C là đều thích dâu và dưa hấu

- Hệ thống sẽ gợi ý táo cho người C là đúng logic

- Nhưng mục đích cao hơn đó là nếu thêm một người E có cùng sở thích với người

C và thích thêm trái dâu thì hệ thống cũng sẽ gợi ý trái dâu cho người C, đó là

theo logic

- Như vậy, nếu có hàng nghìn người dùng có cùng sở thích tương quan với người

E thì có thể hệ thống sẽ gợi ý toàn bộ sản phẩm cho người C

- Cách giải quyết là việc chúng ta muốn hiển thị bao nhiêu sản phẩm được gợi ý và thêm trọng số để ưu tiên những người dùng giống người C hơn, từ đó gợi ý các

sản phẩm tốt nhất

Cách xây dựng:

- Biểu diễn mỗi người dùng bằng một vector các sản phẩm đã tương tác, có thể có

trọng số

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

- Tính độ tương tự giữa các vector đại diện cho người dùng

- Đối với người dùng hiện tại, ước tính độ phù hợp của sản phẩm dựa vào lịch sử

của nhóm người dùng tương tự như người dùng hiện tại

- Có thể chọn k người dùng gần giống người dùng hiện tại nhất, hoặc chọn tất cả người dùng nhưng thêm trọng số để ưu tiên những người dùng giống người dùng

hiện tại hơn

Cách tiếp cận Item-based

Ví dụ: Bạn đã từng xem những bộ phim hay và không hay trước đó, vậy có thể gợi ý cho bạn rằng, bạn có nên xem “Ip Man 4” hay không?

Ý tưởng của cách tiếp cận này là, lấy 20-50 bộ phim mà bạn đã xem trước đó, mà chúng

có cùng đối tượng với “Ip Man 4”, mức độ mà bạn sẽ thích “Ip Man 4” phụ thuộc vào mức độ bạn thích những bộ phim trước đó

Hướng tiếp cận chính đó là hệ thống sẽ gợi ý các sản phẩm có cùng nội dung, đặc điểm với sản phẩm người dùng hiện tại đang tương tác và thêm một yếu tố đó là sản phẩm đó phải được nhiều người dùng khác tương tác, yêu thích

Dựa vào hình ảnh ở trên, chúng ta sẽ cùng thực hiện ví dụ minh họa về cách tiếp cận item-based

- Bên trái sẽ có 3 người (A, B, C), bên phải sẽ có 4 loại trái cây (dưa gang, dâu, dưa hấu và cam)

- Người A thích dưa gang, dưa hấu, cam, người B thích dưa gang, dưa hấu và người

C thích dưa hấu

→ Mục tiêu của chúng ta dựa vào hình ảnh sẽ chứng minh tại sao hệ thống lại gợi ý

dưa gang cho người C

Giải quyết bài toán

- Giả sử ta thấy trái dưa gang có những đặc điểm giống trái dưa hấu, cùng loại dưa chẳng hạn mà người C thích

- Trái dưa gang cũng có được người A và người B thích, tính trên 3 người thì gọi là nhiều người thích

- Do đó hệ thống gợi ý trái dưa gang cho người C là hợp lý theo logic

Giả sử bài toán khác

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

Hình 2 5: Ví dụ bài toán khác của hướng tiếp cận Item-based

- Thêm một người dùng thứ 4 (người D)

- Người thứ 4 thích cam

→ Hệ thống có gợi ý trái cam cho người C hay không?

Giải quyết bài toán

- Trái cam sẽ có khá nhiều đặc điểm giống với trái dưa hấu

- Đầu tiên chúng ta thấy trái cam được người C và người D thích

- Do đó, hệ thống có thể sẽ gợi ý trái cam cho người C (trong trường hợp chỉ có 4 trái này)

- Nếu trường hợp có nhiều có trái khác thì sẽ tùy thuộc mức độ giống nhau của từng đặc điểm với trái dưa hấu mà quyết định có gợi ý trái cam hay là không?

Cách xây dựng

- Biểu diễn mỗi sản phẩm bằng một vector người dùng

- Tính độ tương quan giữa các sản phẩm

- Đối với người dùng hiện tại , tìm các sản phẩm tương tự với các sản phẩm mà người dùng hiện tại đã tương tác

- Gợi ý sản phẩm cho người dùng hiện tại từ các sản phẩm được nói như ở trên, thông qua các tiêu chi như mức độ giống nhau của từng đặc điểm (trọng số cao hơn), nhiều người tương tác

Chương 3: Xác định yêu cầu 16

Chương 3: XÁC ĐỊNH YÊU CẦU

3.1 Yêu cầu người dùng

Bảng 3 1: Yêu cầu người dùng

1 Giao diện Dễ nhìn, bắt mắt, đơn giản hóa và thân thiện

với người dùng Không phức tạp, chằng chịt gây nên sự rối rắm

2 Các chức năng cơ bản phía

khách hành

Có các chức năng cơ bản của một website thương mại như đăng ký, đăng nhập, thêm vào giỏ hàng, quản lý giỏ hàng, thanh toán, đặt lại mật khẩu, thay đổi mật khẩu, quản lý thông tin tài khoản, lịch sử đơn hàng, thêm sản phẩm yêu thích, danh sách sản phẩm đã xem

3 Đăng nhập với các tài khoản

mạng xã hội

Ngoài việc đăng nhập với tài khoản đã đăng

ký với hệ thống, cho phép người dùng sử dụng các tài khoản facebook, google để đăng nhập vào hệ thống, tạo sự tiện lợi nhanh chóng

4 Trò chuyện trực tuyến Chức năng quan trọng Dễ sử dụng, không

quá nhiều thao tác để bắt đầu cuộc trò chuyện trực tuyến với nhân viên Tương tự giống chức năng messenger của Facebook Bắt buộc phải real-time, phản hồi ngay lập tức

5 Tích hợp thanh toán trực tuyến Ngoài chức năng thanh toán của hệ thống

Tích hợp chức năng thanh toán trực tuyến PayPal giúp người dùng thanh toán tiện lợi

7 Thông kê số liệu (dashboard) Tính toán thực hiện các phép tính các số

liệu nghiệp vụ kế toán Tổng doanh thu, tổng lợi nhuân, tổng chi phí, tổng chi tiêu,

số lượng người dùng, số lượng sản phẩm đã bán, số lượng review của tất cả sản phẩm,

Chương 3: Xác định yêu cầu 17

số lượng người dùng ghé thăm website là các phần bắt buộc phải có

8 Các module quản lý Các module quản lý bắt buộc phải có như

quản lý sản phẩm, loại sản phẩm, đơn hàng, tài khoản các người dùng, Role, tiếp nhận các đóng góp về website Yêu cầu các thao tác CRUD dễ sử dụng, các thao tác trong module chi tiết rõ ràng

9 Trình quản lý các cuộc hội thoại Trình quản lý hội thoại sẽ như một khung

cửa sổ bên trái là danh sách các cuộc hội thoại, bên phải là nội dung của cuộc hội thoại Thông tin về các cuộc hội thoại đầy

đủ thông tin khách hàng tên, ngày hội thoại Bắt buộc real-time, phản hồi ngay lập tức Tham khảo trình quản lý hội thoại messenger của Facebook

3.2 Yêu cầu hệ thống

3.2.1 Các tác nhân

Bảng 3 2: Mô tả các tác nhân

1 Khách (chưa đăng nhập) Được thao tác toàn bộ các chức năng cần

thiết nhất của việc mua hàng Không có chức năng quản lý thông tin tài khoản, quản

lý đơn hàng, thêm sản phẩm yêu thích, xem danh sách sản phẩm yêu thích, xem danh sách sản phẩm đã xem

2 Người dùng (đã đăng nhập) Được thao tác toàn bộ chức năng trang

khách hàng (giao diện mua sắm) Không được quyền truy cập vào trang quản trị

3 Nhân viên Nhân viên sẽ có các quyền nhất định để thao

tác vào các module quản lý, hội thoại trực tiếp với khách hàng Module quản lý tài khoản người dùng và Roles thì không được phép truy cập

4 Quản trị viên (Admin) Được thao tác toàn bộ chức năng của hệ

thống

Chương 3: Xác định yêu cầu 18

Bảng 3 3: Chức năng của từng tác nhân

dùng

Nhân viên

Quản trị viên

18 Đăng xuất (trang khách

Chương 3: Xác định yêu cầu 19

26 Trình quản lý các cuộc hội

28 Chỉnh sửa thông tin tài

3.2.2 Lược đồ chức năng

Hình 3 1: Lược đồ chức năng

Chương 3: Xác định yêu cầu 20

Chú thích:

- Các chức năng được làm mờ đi là các chức năng đã thực hiện ở kỳ tiểu luận chuyên ngành, tuy nhiên có một tính năng được cải thiện như thêm sản phẩm vào giỏ hàng (điểu chỉnh số lượng, kích thước và màu), quản lý giỏ hàng (điều chỉnh số lượng), sửa lỗi khi tải, xóa hình ở quản lý hình ảnh sản phẩm (phần quản trị), điều chỉnh tăng giảm số lượng khi sản phẩm được bán ở quản lý số lượng sản phẩm (phần quản trị), sửa lỗi cấp quyền cho vai trò người dùng trong hệ thống

- Các chức năng được làm rõ là các chức năng được xây dựng trong kỳ khóa luận lần này

Bảng 3 4: Chi tiết lược đồ chức năng

5 Xem sản phẩm theo danh mục

Thanh toán PayPal UC10.2

11 Đánh giá giá website, cửa

Chương 3: Xác định yêu cầu 21

12 Quản lý thông tin tài khoản cá

nhân

Thay đổi thông tin tài khoản UC12.1 Thay đổi mật khẩu UC12.2

Xem chi tiết đơn hàng UC13.2

16 Xem danh sách sản phẩm đã

Kéo thả (treeview) UC21.4

22 Quản lý đơn hàng

Thêm đơn hàng mới UC22.1 Thay đổi trạng thái đơn hàng UC22.2 Tìm kiếm đơn hàng theo từ

Chương 3: Xác định yêu cầu 22

Tìm kiếm đơn hàng theo

Thêm tài khoản mới UC23.1

Tìm kiếm tài khoản theo từ

Chọn mốc số lượng hiển thị

24 Quản lý Role

Sửa thông tin Role UC24.2

Cấp quyền cho Role UC24.4 Tìm kiếm Role theo từ khóa UC24.5 Chọn mốc số lượng hiển thị

Bảng 3 5: Mô tả chức năng thanh toán

Chương 3: Xác định yêu cầu 23

Dòng xử lý 1 Khi đã chọn được các sản

phẩm cần mua, ở trang chi tiết giỏ hàng sẽ có phần thanh toán

3 Trang thanh toán sẽ hiển thị

các trường thông tin cá nhân để khách điền đầy đủ thông tin (riêng người dùng, dữ liệu các trường thông tin sẽ được tải lên sẵn do đã nhập thông tin lúc đăng ký tài khoản), chọn phương thức thanh toán Có 2 phương thức thanh toán COD (UC10.1) và PayPal (UC10.2)

để khách/người dùng chọn lựa

5 Chuyển sang trang thanh toán

thành công và có hóa đơn điện

tử của hệ thống gửi về địa chỉ email cá nhân

2 Người dùng nhấn vào nút

“PROCCED TO CHECKOUT” để qua bước thanh toán

4 Nếu thanh toán bằng phương

thức PayPal, nhập tài khoản PayPal để thanh toán

Nếu thanh toán bình thường thì nhấn nút “Place order” để thanh toán

Ngoại lệ Nếu thanh toán không thành công sẽ có alert báo lỗi

Vấn đề

Bảng 3 6: Mô tả chức năng trò chuyện trực tuyến

Tên Trò chuyện trực tuyến