giải pháp cung cấp dịch vụ quản lý bán hàng trên mạng xã hội

GIẢNG VIÊN PHẢN BIỆN Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang T

Trang 1

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA CÔNG NGHỆ THÔNG TIN 1

- & -

ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI:

GIẢI PHÁP CUNG CẤP DỊCH VỤ QUẢN LÝ BÁN HÀNG TRÊN MẠNG XÃ HỘI

Giảng viên hướng dẫn : ThS Trịnh Thị Vân Anh Sinh viên thực hiện : Nguyễn Thế Anh

Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi

82Monday, June 10, 20242:10:57 PM2:10:57 PM82Monday, June 10, 20242:10:57 PM2:10:57 PM82Monday, June 10, 20242:10:57 PM2:10:57 PM

Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi

Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi

82Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiMonday, June 10, 2024

Trang 2

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA CÔNG NGHỆ THÔNG TIN 1

&

-ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI:

GIẢI PHÁP CUNG CẤP DỊCH VỤ QUẢN LÝ BÁN HÀNG TRÊN MẠNG XÃ HỘI

Giảng viên hướng dẫn : ThS Trịnh Thị Vân Anh Sinh viên thực hiện : Nguyễn Thế Anh

Trang 3

NHẬN XÉT ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC CỦA GIẢNG VIÊN PHẢN BIỆN

Giảng viên phản biện: Bộ môn:

Tên đồ án: Giải pháp cung cấp dịch vụ quản lý bán hàng trên mạng xã hội Sinh viên thực hiện: Nguyễn Thế Anh

Lớp: D17HTTT4

Giáo viên hướng dẫn: Ths Trịnh Thị Vân Anh

NỘI DUNG NHẬN XÉT: I Nội dung báo cáo

Điểm: (bằng chữ: )

Hà Nội, ngày tháng năm 20

GIẢNG VIÊN PHẢN BIỆN

Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM

Trang 4

NHẬN XÉT ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC CỦA GIẢNG VIÊN HƯỚNG DẪN

Giảng viên hướng dẫn: Ths Trịnh Thị Vân Anh Bộ môn: Công nghệ phần mềm Tên đồ án: Giải pháp cung cấp dịch vụ quản lý bán hàng trên mạng xã hội

Sinh viên thực hiện: Nguyễn Thế Anh Lớp: D17HTTT4

NỘI DUNG NHẬN XÉT: I Nội dung báo cáo

Điểm: (bằng chữ: )

Hà Nội, ngày tháng năm 20

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

Trang 5

LỜI CẢM ƠN

Với lòng kính trọng và biết ơn sâu sắc, em xin gửi lời cảm ơn chân thành đến các thầy cô của Học viện Công nghệ Bưu chính Viễn thông, đặc biệt là các thầy, cô khoa Công nghệ thông tin 1 đã tận tình giảng dạy và trang bị cho em những kiến thức quý báu trong suốt quá trình học tập tại trường, tạo điều kiện thuận lợi nhất để em hoàn thành đồ án

Em xin trân trọng gửi lời cảm ơn đặc biệt đến cô Trịnh Thị Vân Anh đã dành nhiều thời gian tận tình chỉ bảo, hướng dẫn và đề xuất hướng giải quyết khi em gặp khó khăn, giúp em hoàn thành đồ án đúng tiến độ

Em cũng xin được cảm ơn các anh chị khóa trên đã giúp đỡ em rất nhiều, cảm ơn gia đình và bạn bè đã bên cạnh quan tâm, ủng hộ trong suốt quá trình thực hiện đồ án

Dù đã cố gắng nhưng do thời gian và kinh nghiệm còn hạn chế nên trong đồ án chắc chắn còn nhiều điều thiếu sót, em mong nhận được sự góp ý cũng như chỉ bảo tận tình từ các thầy cô

Hà Nội, tháng 12 năm 2021

Sinh viên thực hiện Nguyễn Thế Anh

123docz.net - File bi loi xin lienhe: lethikim34079@hotmail.com

Trang 6

123docz.net - File bi loi xin lienhe: lethikim34079@hotmail.com

Trang 7

1.1 Môi trường khởi chạy 68

Trang 8

DANH MỤC BẢNG

Bảng 0.1 Danh mục từ viết tắt 11

Bảng 1.1 So sánh tổng quan MongoDB và MySQL 28

Bảng 1.2 So sánh truy vấn giữa MongoDB và MySQL 28

Bảng 2.10 Kịch bản chủ cửa hàng cập nhật trạng thái đơn hàng 41

Bảng 2.11 Kịch bản chủ cửa hàng xóa đơn hàng 42

Bảng 2.12 Kịch bản chủ cửa hàng thêm chiến dịch 42

Bảng 2.13 Kịch bản chủ cửa hàng sửa thông tin chiến dịch 43

Bảng 2.14 Kịch bản chủ cửa hàng xóa chiến dịch 44

Bảng 2.15 Kịch bản chủ cửa hàng Liên kết Facebook 45

Bảng 2.16 Kịch bản chủ cửa hàng Liên kết Paypal 46

Bảng 2.17 Kịch bản chủ cửa hàng chỉnh sửa từ khóa đặt hàng 47

822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM

Trang 9

DANH MỤC HÌNH ẢNH

Hình 1.1 Facebook Graph API Explorer 16

Hình 1.2 Developer app của hệ thống ShopSocial 17

Hình 1.3 Cơ chế hoạt động của Facebook Webhooks trong ShopSocial 18

Hình 1.4 AWS EC2 instance của hệ thống ShopSocial 20

Hình 1.5 AWS S3 của hệ thống ShopSocial 22

Hình 1.6 Nginx 22

Hình 1.7 Kiến trúc của Docker 23

Hình 1.8 Kiến trúc backend của hệ thống ShopSocial 26

Hình 1.9 Dữ liệu hệ thống ShopSocial tại Mongodb Atlas 29

Hình 1.10 Manyrepo và Monorepo 30

Hình 1.11 Biểu đồ Nx workspace dep-graph 31

Hình 2.1 Biểu đồ use case 33

Hình 2.2 Biểu đồ usecase khách hàng đặt hàng 34

Hình 2.3 Kịch bản use case khách hàng theo dõi đơn hàng 35

Hình 2.4 Biểu đồ use case Chủ cửa hàng Đăng nhập 36

Hình 2.5 Biểu đồ use case Chủ cửa hàng đăng ký 37

Hình 2.6 Biểu đồ use case Chủ cửa hàng thêm cửa hàng 38

Hình 2.7 Kịch bản use case chủ cửa hàng quản lý sản phẩm 39

Hình 2.8 Kịch bản use case chủ cửa hàng quản lý đơn hàng 41

Hình 2.9 Kịch bản use case chủ cửa hàng quản lý chiến dịch 42

Hình 2.10 Kịch bản use case chủ cửa hàng Liên kết Facebook 45

Hình 2.11 Biểu đồ usecase Chủ cửa hàng Liên kết Paypal 46

Hình 2.12 Kịch bản use case Chủ cửa hàng chỉnh sửa từ khóa đặt hàng 46

Hình 2.13 Biểu đồ lớp phân tích 48

Hình 2.14 Cơ sở dữ liệu 54

Hình 2.15 Biểu đồ tuần tự chức năng khách hàng theo dõi đơn hàng 55

Hình 2.16 Biểu đồ tuần tự chức năng khách hàng đặt hàng 56

Hình 2.17 Biểu đồ tuần tự chức năng chủ cửa hàng thêm cửa hàng 57

Hình 2.18 Biểu đồ tuần tự chức năng chủ cửa hàng thêm sản phẩm 58

Hình 2.19 Biểu đồ tuần tự chức năng chủ cửa hàng sửa sản phẩm 59 Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi

822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM

Trang 10

Hình 2.20 Biểu đồ tuần tự chức năng chủ cửa hàng xóa sản phẩm 60

Hình 2.21 Biểu đồ tuần tự chức năng chủ cửa hàng cập nhật trạng thái đơn hàng 61

Hình 2.22 Biểu đồ tuần tự chức năng chủ cửa hàng xóa đơn hàng 62

Hình 2.23 Biểu đồ tuần tự chức năng chủ cửa hàng thêm chiến dịch 63

Hình 2.24 Biểu đồ tuần tự chức năng chủ cửa hàng sửa thông tin chiến dịch 64

Hình 2.25 Biểu đồ tuần tự chức năng chủ cửa hàng xóa chiến dịch 65

Hình 2.26 Biểu đồ tuần tự chức năng chủ cửa hàng liên kết Facebook 66

Hình 2.27 Biểu đồ tuần tự chức năng chủ cửa hàng chỉnh sửa từ khóa đặt hàng 67

Hình 3.1 Mô hình triển khai hệ thống ShopSocial 68

Hình 3.2 Cấu hình Facebook Login 69

Hình 3.3 Cấu hình Webhooks Subscription 70

Hình 3.4 Thông tin Client ID dùng cho việc tích hợp Thanh toán Paypal 70

Hình 3.5 Giao diện khách hàng bình luận bài viết với từ khóa mua hàng 71

Hình 3.6 Giao diện khách hàng nhận tin nhắn từ fanpage 71

Hình 3.7 Giao diện khách hàng chọn sản phẩm 72

Hình 3.8 Giao diện khách hàng nhập thông tin 72

Hình 3.9 Giao diện khách hàng chọn phương thức thanh toán 72

Hình 3.10 Giao diện thanh toán Paypal 73

Hình 3.11 Giao diện nhập thông tin đăng nhập Paypal 73

Hình 3.12 Giao diện xác nhận thanh toán Paypal 73

Hình 3.13 Giao diện đăng nhập 74

Hình 3.14 Giao diện Onboard 74

Hình 3.15 Giao diện Liên kết Facebook 75

Hình 3.16 Giao diện xin quyền truy cập tài khoản Facebook 75

Hình 3.17 Giao diện Danh sách chiến dịch 76

Hình 3.18 Giao diện chi tiết chiến dịch 76

Hình 3.19 Giao diện Danh sách sản phẩm 76

Hình 3.20 Giao diện Chi tiết sản phẩm 77

Hình 3.21 Giao diện Danh sách đơn hàng 78

Hình 3.22 Giao diện Cài đặt 78 Giai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa HoiGiai Phap Cung Cap Dich Vu Quan Ly Ban Hang Tren Mang Xa Hoi

822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM822410062:10:57 PM2:10:57 PM

Trang 11

DANH MỤC TỪ VIẾT TẮT

Bảng 0.1 Danh mục từ viết tắt

STT Từ viết tắt Tiếng Anh Tiếng Việt/Giải thích

1 AWS Amazon Web Services Hệ thống các dịch vụ điện toán đám mây của Amazon

2 EC2 Elastic Compute Cloud Nền tảng điện toán đám mây cung cấp bởi AWS

3 S3 Simple Storage Service Dịch vụ lưu trữ đơn giản được cung cấp bởi AWS

4 IP Internet Protocol Địa chỉ giao thức của Internet 5 API Application Programming

Interface

Giao diện lập trình ứng dụng

6 HTTP HyperText Transfer Protocol Giao thức truyền tải siêu văn bản 7 SLA Service Level Agreement Thỏa thuận mức độ dịch vụ 8 RDS Relational Database Service Dịch vụ cơ sở dữ liệu quan hệ của

Amazon 9 URL Uniform Resource Locator Địa chỉ web 10 HTTPS HyperText Transfer Protocol

Trang 12

13 SQL Structured Query Language Ngôn ngữ truy vấn có cấu trúc

cấu trúc)

16 DOM Document Object Model Mô hình các đối tượng tài liệu 17 SPA Single Page Application Tên gọi chung cho một kiểu lập

trình web, chỉ tải trang web trên một document duy nhất

18 CSS Cascading Style Sheets Các tập tin định dạng theo tầng 19 JSON JavaScript Object Notation Ký pháp đối tượng của

JavaScript 20 ACID Atomicity, Consistency,

Isolation và Durability

Nguyên tử, Tính nhất quán, Cách ly và Độ bền

21 CAP Consistency, Availability và Partition Tolerance

Tính nhất quán, tính khả dụng và dung sai phân vùng

22 CPU Central Processing Unit Bộ xử lý trung tâm

23 RAM Random Access Memory Bộ nhớ truy xuất ngẫu nhiên

25 CLI Command Line Interface Giao diện dòng lệnh

27 SDK Software Development Kit Bộ công cụ phát triển phần mềm

Trang 13

LỜI MỞ ĐẦU

Mạng xã hội đang thực sự bùng nổ, là một làn sóng lớn trên toàn cầu Sự hiện diện của các mạng xã hội đã thay đổi rất nhiều thứ trong cuộc sống của con người Hiện nay nó còn được coi là một phần cuộc sống, không thể thiếu của chúng ta Hàng ngày mỗi chúng ta dành ra rất nhiều thời gian trên các trang mạng xã hội Từ người già đến trẻ nhỏ, tất cả chúng ta đều đắm chìm trong sự thú vị mà mạng xã hội mang lại

Sự phát triển của mạng xã hội đã góp phần làm thay đổi thói quen của con người Việc con người dành nhiều thời gian trên các trang mạng xã hội là một mảnh đất màu mỡ để các doanh nghiệp phát triển kinh doanh Nhu cầu mua bán của con người vốn đã rất cao, vậy nên để tận dụng nhu cầu đó, người ta đã bắt đầu bán hàng trên các trang mạng xã hội, tạo ra nhiều nội dung thú vị để thu hút người mua Theo như thống kê việc mua sắm trên các trang mạng xã hội đã tăng vọt trong những năm gần đây

Để giải quyết bài toán cho các doanh nghiệp muốn quản lý bán hàng trên các

trang mạng xã hội, em đã lựa chọn đề tài: “Giải pháp cung cấp dịch vụ quản lý bán

hàng trên mạng xã hội” làm đồ án tốt nghiệp Học viện Công nghệ Bưu chính Viễn

thông Nội dung sẽ được đề cập trong những chương dưới đây:

Chương 1: Giới thiệu và tổng quan đề tài Chương 2: Phân tích và thiết kế hệ thống Chương 3: Cài đặt

Trang 14

CHƯƠNG 1 GIỚI THIỆU VÀ TỔNG QUAN ĐỀ TÀI 1 Phát biểu bài toán

Theo các phân tích của GlobalData’s E-Commerce Analytics, Việt Nam được đánh giá là một trong những thị trường Thương mại điện tử phát triển nhanh nhất ở Đông Nam Á với tốc độ tăng trưởng trung bình năm khoảng 18% và được dự báo quy mô thị trường có khả năng lên tới 26 tỷ USD vào năm 2024

Mạng xã hội đang ngày càng trở nên phổ biến được nhiều người Việt Nam sử dụng Theo Báo cáo Digital 2020 for Vietnam của We are social và Hootsuite, lượng người dùng mạng xã hội thường xuyên ở Việt Nam tính đến tháng 01/2020 là 65 triệu người, chiếm 67% tổng dân số, cùng với thời gian trung bình một người dùng ở Việt Nam sử dụng mạng xã hội là 2 giờ 22 phút 89% người sử dụng internet có tham gia hoặc đóng góp vào mạng xã hội trong thời gian một tháng gần nhất

Với số lượng người dùng đông đảo, khả năng tương tác và chia sẻ thông tin cao như vậy, mạng xã hội đang đóng vai trò quan trọng với các hoạt động có yếu tố Thương mại điện tử

Từ những nội dung trên, việc giải quyết bài toán kênh hỗ trợ Thương mại điện tử mới trên mạng xã hội trở nên cần thiết đối với những doanh nghiệp có nhu cầu phân phối các sản phẩm, dịch vụ Đề tài “Giải pháp cung cấp dịch vụ quản lý bán hàng trên mạng xã hội” là phương tiện để phục vụ quảng bá và phát triển kinh doanh với đối tượng hướng đến là những Chủ cửa hàng, doanh nghiệp tham gia vào hệ thống

2 Mục tiêu

- Xây dựng một hệ thống giúp chủ cửa hàng, doanh nghiệp đưa ra được những chiến dịch hợp lý với từng loại sản phẩm hướng tới từng đối tượng khách hàng riêng biệt, từ đó phân loại được tệp khách hàng tiềm năng

- Chủ cửa hàng, doanh nghiệp có thể quản lý tập trung sản phẩm, đơn hàng, đưa ra được những số liệu thống kê, tầm nhìn Bên cạnh đó, doanh nghiệp không cần phải tự xây dựng, duy trì một hệ thống/website hay một ứng dụng với chi phí tốn kém mà có thể tận dụng trực tiếp mạng xã hội

- Giảm thiểu chi phí phải thuê nhân viên trực page và lên đơn so với trước đây - Khách hàng có thể trực tiếp tương tác với trang mạng xã hội để mua sắm

Trang 15

3 Phạm vi đề tài

- Đề tài xây dựng website cung cấp dịch vụ được thực hiện trong 3 tháng, từ tháng 10 đến tháng 1/2022, trong khuôn khổ thời gian thực hiện đồ án tốt nghiệp Trong giới hạn của đề tài, đồ án tập trung vào việc cung cấp dịch vụ quản lý bán hàng cho các chủ cửa hàng vừa và nhỏ, kinh doanh cá nhân trên mạng xã hội Facebook

4 Đề xuất giải pháp

- Dựa trên việc tìm hiểu ứng dụng Novaon Social, hệ thống cũng sẽ cung cấp các chức năng thiết yếu cho chủ cửa hàng, doanh nghiệp cũng như khách hàng sử dụng

- Hệ thống đáp ứng một số chức năng sau: Khách hàng:

● Đặt hàng trực tiếp thông qua mạng xã hội Facebook bằng cách bình luận vào bài đăng thuộc chiến dịch của hệ thống để nhận tin nhắn Đặt mua những sản phẩm được bán trong chiến dịch đó

● Theo dõi đơn hàng ● Thanh toán qua Paypal Chủ cửa hàng:

● Đăng nhập/Đăng ký ● Thêm cửa hàng

● Liên kết fanpage Facebook ● Quản lý sản phẩm

● Quản lý đơn hàng ● Quản lý chiến dịch

● Thêm tùy chọn thanh toán Paypal ● Cài đặt từ khóa đặt hàng

Trang 16

- Facebook cung cấp Facebook Graph API, là cách chính để những nhà phát triển ứng dụng dựa trên nền tảng Facebook sử dụng để đọc và ghi dữ liệu Nó dựa trên HTTP để những ứng dụng có thể sử dụng để truy vấn dữ liệu, đăng story, quản lý quảng cáo, upload ảnh và những tác vụ khác, …

- Facebook cung cấp Facebook Graph API Explorer là 1 công cụ giúp nhà phát triển có thể test, tạo và xác thực các lệnh gọi API cũng như debug

Hình 1.1 Facebook Graph API Explorer

5.1.2 Công nghệ Webhook và Webhook trong Facebook Developer

- Webhook là một tính năng cho phép website tự động thông báo và gửi dữ liệu thời gian thực đến các hệ thống khi có một sự kiện nào đó phát sinh (ví dụ như khánh hàng đăng ký, điền form, mua hàng, hay gửi email) Webhook sẽ giúp hệ thống chủ động hơn trong việc vận hành cũng như trao đổi thông tin

- Webhook trong Facebook Developer: cho phép nhận thông báo HTTP theo thời gian thực về những thay đổi đối với các đối tượng trong Facebook Social Graph

5.1.3 Sử dụng Facebook for Developers trong hệ thống ShopSocial

- Để có thể quản lý fanpage và tương tác với nền tảng Facebook, hệ thống ShopSocial được phát triển tích hợp với Facebook thông qua 1 ứng dụng dành cho nhà phát triển

Trang 17

Hình 1.2 Developer app của hệ thống ShopSocial

- ShopSocial tích hợp các sản phẩm của Facebook: Facebook Login, Webhooks - Facebook Login: dùng để lấy thông tin accessToken của users và những

fanpage user đó quản lý

- Webhooks: giúp hệ thống ShopSocial nhận được dữ liệu từ phía Facebook mỗi khi có người dùng tương tác với các fanpage mà hệ thống quản lý - Cơ chế hoạt động của Facebook Webhooks trong hệ thống ShopSocial:

- Đầu tiên, đưa 1 địa chỉ Webhooks cho Facebook Khi có khách hàng bình luận hoặc gửi tin nhắn đến Fanpage, Facebook sẽ gửi 1 HTTP POST request đến webhook của hệ thống để xử lý

- Sau khi xử lý xong, hệ thống sẽ gửi đến GraphAPI của Facebook, từ đó Facebook sẽ thực hiện 1 số nhiệm vụ mà hệ thống ShopSocial yêu cầu

Trang 18

Hình 1.3 Cơ chế hoạt động của Facebook Webhooks trong ShopSocial

5.2 Amazon Web Services

5.2.1 Amazon EC2

Giới thiệu

- Amazon Elastic Compute Cloud (Amazon EC2) là dịch vụ web cung cấp năng lực điện toán bảo mật và có kích cỡ linh hoạt trên đám mây Dịch vụ này được thiết kế để giúp các nhà phát triển dễ sử dụng điện toán đám mây ở quy mô web - Sử dụng Amazon EC2 giúp doanh nghiệp không cần phải đầu tư vào hệ thống phần cứng Do đó, doanh nghiệp có thể phát triển và triển khai các ứng dụng nhanh hơn

- Nó cho phép sử dụng môi trường Amazon để tính toán và kiểm soát hoàn toàn tài nguyên máy tính của nhà phát triển Khi nhu cầu điện toán của hệ thống thay đổi, nhà phát triển có thể nhanh chóng mở rộng công suất vì người dùng có thể khởi động và tạo lập các máy chủ mới trong vài phút thông qua Amazon EC2 Nó cũng bảo vệ dữ liệu, chống lại các sự cố ngoài ý muốn và cung cấp cho các nhà phát triển các công cụ để phát triển các ứng dụng có khả năng phục hồi những sự cố

Trang 19

Trong AWS EC2, người dùng cần phải biết về các thành phần của EC2, hệ điều hành được hỗ trợ, biện pháp bảo mật, v.v…

- Hỗ trợ hệ điều hành: Amazon EC2 hỗ trợ nhiều hệ điều hành: Linux, Red Hat Enterprise, UNIX, Windows Server,

- Bảo mật: người dùng có toàn quyền kiểm soát khả năng hiển thị tài khoản AWS

của họ Trong AWS EC2, các hệ thống bảo mật cho phép tạo các nhóm và đặt các Instance đang chạy vào nó theo yêu cầu Người dùng có thể chỉ định các nhóm mà các nhóm khác giao tiếp cũng như các nhóm có mạng con IP trên

Internet có thể nói chuyện

- Định giá: AWS cung cấp nhiều tùy chọn giá khác nhau, tùy thuộc vào loại tài

nguyên, loại ứng dụng và cơ sở dữ liệu Nó cho phép người dùng cấu hình tài

nguyên của họ và tính toán các khoản phí tương ứng

- Khả năng chịu lỗi (Fault tolerance): Amazon EC2 cho phép người dùng truy

cập tài nguyên của nó để thiết kế các ứng dụng chịu lỗi EC2 cũng có các vùng địa lý và vùng cô lập được gọi là vùng có sẵn có khả năng chịu lỗi và có tính ổn định Nó không chia sẻ vị trí chính xác của trung tâm dữ liệu vùng vì lý do bảo

mật

- Di chuyển: dịch vụ này cho phép người dùng di chuyển các ứng dụng hiện có vào EC2

Tính năng của EC2

Dưới đây là danh sách một số tính năng nổi bật của EC2:

- Đáng tin cậy - Amazon EC2 cung cấp một môi trường có độ tin cậy cao, thay

thế nhanh các Instance Cam kết chất lượng dịch vụ SLA (Service Level Agreement) có sẵn 99,9% cho mỗi khu vực Amazon EC2

Được thiết kế cho Amazon Web Services - Amazon EC2 hoạt động tốt với các dịch vụ của Amazon như Amazon S3, Amazon RDS, Amazon DynamoDB và SQS của Amazon Nó cung cấp một giải pháp hoàn chỉnh cho máy tính, xử lý truy vấn và lưu trữ trên một loạt các ứng dụng

- Bảo mật - Amazon EC2 hoạt động trong Amazon đám mây riêng ảo (Virtual

Private Cloud) để cung cấp một mạng lưới an toàn và mạnh mẽ cho các tài nguyên

Trang 20

- Công cụ linh hoạt - Amazon EC2 cung cấp các công cụ cho các nhà phát triển

và quản trị viên hệ thống để xây dựng các ứng dụng và cô lập nó khỏi các tình huống thất bại chung

- Không tốn kém - Nhà phát triển chỉ phải trả tiền cho những tài nguyên sử dụng

Nó có nhiều gói mua như On-Demand Instances, Reserved Instances, Spot Instances, v.v…để lựa chọn theo nhu cầu

Lý do lựa chọn EC2 trong hệ thống ShopSocial:

- Chi phí thấp, EC2 có tùy chọn bậc miễn phí 12 tháng với 750 giờ mỗi tháng - Dễ dàng khởi chạy

- Tính bảo mật cao - Tính mở rộng cao

Hình 1.4 AWS EC2 instance của hệ thống ShopSocial

5.2.2 Amazon S3 Giới thiệu

- Amazon S3 là từ viết tắt của Amazon Simple Storage Service (Dịch vụ lưu trữ đơn giản của Amazon), nó giúp lưu trữ các file trong một cấu trúc thư mục và có thể truy cập vào các file này trong môi trường web

- Amazon S3 cung cấp các API cho phép tải lên, download và quản lý quyền (permission) đối với các file, có thể quản lý các file thông qua website quản trị sẵn có của Amazon S3

- Amazon S3 cung cấp dịch vụ lưu trữ trên điện toán đám mây an toàn, đảm bảo và có khả năng mở rộng cao

Trang 21

- Bucket: Là một container mà các objects (files) lưu trữ trong đó, bucket cho phép

lưu trữ không giới hạn số lượng objects

- Object: Là các tệp lưu trữ dữ liệu trong Bucket Amazon S3, có thể lưu trữ mọi

loại dữ liệu với bất kì định dạng nào Dung lượng tối đa của mỗi bucket là 5TB

- Key: Là mã định danh duy nhất tương ứng với object được lưu trữ trong mỗi

Bucket Một key có thể lên tới 1024 byte ký tự Unicode UTF-8, bao gồm dấu gạch chéo, dấu gạch chéo ngược, dấu chấm và dấu gạch ngang

- Object URL: Vì Amazon S3 là dịch vụ lưu trữ qua mạng internet, nên mỗi object

sẽ có một địa chỉ URL duy nhất ứng với tên bucket, object và key

Lý do lựa chọn S3 trong hệ thống ShopSocial

- Được sử dụng với mục đích làm nơi lưu trữ các hình ảnh của hệ thống

- Chi phí thấp, S3 có tùy chọn bậc miễn phí 12 tháng với 5GB Standard, 20.000 yêu cầu GET; 2.000 yêu cầu PUT, COPY, POST hoặc LIST và 100 GB dữ liệu truyền ra mỗi tháng

- Hoạt động tốt với EC2

- Hỗ trợ mạnh mẽ, tích hợp dễ dàng với backend của hệ thống (NodeJS) - Tính ổn định cao, duy trì tính sẵn sàng ở mức 99,99%

Trang 22

Hình 1.5 AWS S3 của hệ thống ShopSocial

Trang 23

- Nginx là một web server mạnh mẽ và sử dụng kiến trúc đơn luồng, hướng sự kiện Nginx cũng là một máy chủ proxy ngược mã nguồn mở (open source reverse proxy server) sử dụng phổ biến giao thức HTTP, HTTPS, SMTP, … - Nginx thường được chọn để cân bằng tải (load balancer), HTTP caching và máy

chủ web (web server) Ngày càng được ưa chuộng và có mặt trên khắp các máy chủ Linux, Nginx hiện nay được sử dụng bởi 1 - 4% tổng số lượng tên miền toàn thế giới, điển hình là Facebook, Microsoft, Google, Apple, …

5.3.2 Lý do lựa chọn Nginx trong hệ thống ShopSocial:

- Được sử dụng làm web server để triển khai hệ thống - Reverse proxy cho phía Backend

5.4 Docker

5.4.1 Giới thiệu

- Docker là 1 nền tảng để phát triển, chia sẻ và chạy các ứng dụng dưới dạng container có thể đóng gói phần mềm dễ dàng, deploy nhanh và không cần cài đặt cấu hình rườm rà

- Với docker, có thể khởi tạo, deploy, copy và di chuyển các container qua lại từ môi trường này tới môi trường khác, điều này giúp đỡ cho quá trình triển khai production cũng như đẩy lên cloud

5.4.2 Kiến trúc của Docker

- Docker sử dụng kiến trúc client-server

Hình 1.7 Kiến trúc của Docker

Trang 24

- Được xây dựng trên 3 thành phần chính: Client, Docker daemon và Registry • Client: có thể trên cùng 1 system với docker daemon hoặc khác, là cách người dùng tương tác với docker (docker run, )

• Docker daemon: lắng nghe các Docker API requests và quản lý các Docker objects

• Registry: dùng để lưu trữ các docker image Docker Hub là 1 public registry, ngoài ra có thể khởi tạo private registry cho riêng mình

5.4.3 Lý do lựa chọn Docker trong hệ thống ShopSocial:

- Nhẹ, chạy được nhiều khối lượng công việc hơn trên cùng 1 nền tảng phần cứng - Docker hoá Backend, Frontend của hệ thống với sự nhanh chóng, nhất quán trong việc triển khai ứng dụng Ở hệ thống ShopSocial, việc triển khai Docker giúp hệ thống nhất quán giữa 2 môi trường development (local) và production bất chấp sự khác nhau giữa môi trường local là Mac OS/Ubuntu và môi trường production là Ubuntu

5.5 NodeJS

- Node.js là một mã nguồn mở được xây dựng dựa trên JavaScript runtime chạy theo hướng sự kiện bất đồng bộ, được thiết kế để xây dựng các ứng dụng mạng có thể mở rộng

- Node.js có thể được dùng để xây dựng các loại ứng dụng khác nhau như các ứng dụng dòng lệnh, ứng dụng web, ứng dụng trò chuyện theo thời gian thực, máy chủ REST API, Tuy nhiên, Node.js thường được dùng chủ yếu để xây dựng các chương trình mạng như máy chủ web, tương tự như PHP, Java hoặc ASP.NET

5.5.2 Đặc điểm của NodeJS

- NodeJS không cần đợi API trả dữ liệu về, do đó mọi APIs nằm trong thư viện NodeJS đều không được đồng bộ

- Đây là một Platform chứ không phải là một Framework Do đó, NodeJS cho phép xây dựng các website một cách độc lập và nhanh chóng hơn

- NodeJS có thể chạy trên đa nền tảng gồm: Window, MacOS, Linux

- NodeJS được xem là một máy chủ đơn luồng và không thể hỗ trợ đa luồng - NodeJS không được xem là một ngôn ngữ lập trình, nên những người mới phải

nắm chắc kiến thức lập trình căn bản như: các giao thức, Javascript,… mới có thể

Trang 25

sử dụng NodeJS Tuy nhiên, cộng đồng NodeJS thường rất lớn, sẵn sàng support cho lập trình viên mọi lúc mọi nơi

- Phần core của NodeJS thường được biết bằng ngôn ngữ C++ nên nó hiệu năng và tốc độ xử lý tương đối cao Nhờ vậy, hầu hết các ứng dụng NodeJS đều có khả năng đáp ứng được thời gian thực chạy trên đa nền tảng, đa thiết bị, …

5.5.3 Những ứng dụng của NodeJS trong lập trình web

- NodeJS có thể tạo, mở, đọc, ghi, xóa và đóng các tệp ngay khi đang truy cập trên máy chủ

- Xây dựng nội dung cho các trang web động - Thực hiện thu thập dữ liệu theo yêu cầu cụ thể

- Thực hiện truy vấn, sửa, xóa, thêm các dữ liệu trong các hệ quản trị cơ sở như: Microsoft SQL Server, MySQL, MongoDB, PostgreSQL

5.5.4 Lý do lựa chọn NodeJS trong hệ thống ShopSocial

- Trong hệ thống ShopSocial, sử dụng ExpressJS là một Node.js framework Expressjs hỗ trợ các method HTTP và middleware tạo ra API vô cùng mạnh mẽ và dễ sử dụng

- Dễ dàng phát triển ứng dụng nhanh chóng

- Giảm thiểu thời gian làm việc so với một số framework khác như Java Spring Boot

- Kiến trúc của Backend trong hệ thống ShopSocial:

Trang 26

Hình 1.8 Kiến trúc backend của hệ thống ShopSocial

• Tầng Main, Controller sẽ giao tiếp với tầng Service

• Các tầng Service chỉ giao giao tiếp với nhau qua Interface, áp dụng Dependency Inversion Principle (những thành phần trong 1 chương trình chỉ nên phụ thuộc vào những cái trừu tượng)

• Mỗi Service chỉ phụ trách giao tiếp với chính Repository của nó

5.6 ReactJS

- ReactJs là một thư viện viết bằng Javascript, dùng để xây dựng giao diện người dùng (UI) React được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú - ReactJs sử dụng Virtual DOM giúp cho hiệu suất tốt hơn với DOM: khi mà

Virtual DOM thay đổi, điều đặc biệt ở đây là chúng ta không cần thao tác trực tiếp trên DOM mà vẫn có thể thấy được view và thấy được những thay đổi đó - ReactJs là một SPA (Single Page Application), toàn bộ resource của web bao

gồm các file CSS, Javascript, layout hay cấu trúc webpage sẽ được load lần đầu tiên khi bắt đầu duyệt website Ở những lần sau, khi chuyển trang khác, chỉ những dữ liệu cần thiết mới cần tải xuống, việc này mang đến trải nghiệm cho người dùng web tốt hơn, giảm thời gian phải load lại toàn bộ trang web cồng kềnh, tiết

Trang 27

kiệm băng thông cũng như thời gian chờ đợi Việc này hoàn toàn trải ngược với trang web truyền thống khi toàn bộ trang web phải load lại mỗi khi chuyển trang

5.6.2 Lý do lựa chọn ReactJS trong hệ thống ShopSocial

- Dễ sử dụng, cho hiệu suất tốt với một số phương pháp phát triển truyền thống như Jquery, …

- Hỗ trợ Reusable Component: React cho phép sử dụng lại components đã được phát triển thành các ứng dụng khác có cùng chức năng Tính năng tái sử dụng component là một lợi thế khác biệt cho các lập trình viên

- Kết nối dễ dàng với Backend Nodejs của hệ thống - Hỗ trợ mạnh mẽ khi tích hợp với Facebook, Paypal

5.7 MongoDB

- MongoDB là một database hướng tài liệu (document), một dạng NoSQL database Vì thế, MongoDB sẽ tránh cấu trúc table-based của relational database để thích ứng với các tài liệu như JSON có một schema rất linh hoạt gọi là BSON MongoDB sử dụng lưu trữ dữ liệu dưới dạng Document JSON nên mỗi một collection sẽ các các kích cỡ và các document khác nhau Các dữ liệu được lưu trữ trong document kiểu JSON nên truy vấn sẽ rất nhanh

5.7.2 Đặc điểm của MongoDB

- Mỗi cơ sở dữ liệu chứa các collections lần lượt chứa các documents Mỗi document có thể khác nhau với một số trường khác nhau Kích thước và nội dung của mỗi document có thể khác nhau

- Cấu trúc document phù hợp hơn với cách các nhà phát triển xây dựng các lớp và đối tượng của họ bằng ngôn ngữ lập trình tương ứng Document bao gồm các cặp key - value là đơn vị dữ liệu cơ bản trong MongoDB

- Các hàng (tài liệu) không cần phải có lược đồ được xác định trước Thay vào đó, các trường có thể được tạo nhanh chóng

- Khả năng mở rộng: các công ty trên toàn thế giới chạy những cluster với khoảng hàng triệu tài liệu trong cơ sở dữ liệu

- Có hiệu suất cao và tính sẵn sàng cao

5.7.3 NoSQL (MongoDB) và SQL (MySQL)

Trang 28

Bảng 1.1 So sánh tổng quan MongoDB và MySQL

Mô hình lưu trữ dữ liệu Collection, Document, Field

Table, Row, Column

nhất quán, Cách ly và Độ bền)

Định lý CAP (Tính nhất quán, Tính khả dụng và Dung sai phân vùng) Khả năng mở rộng Theo chiều dọc Có thể

quản lý tăng tải bằng cách tăng CPU, RAM, SSD, v.v., trên một máy chủ

Theo chiều ngang Có thể dễ dàng thêm một vài máy chủ trong cơ sở hạ tầng cơ sở dữ liệu NoSQL để xử lý lưu lượng lớn

Bảng 1.2 So sánh truy vấn giữa MongoDB và MySQL

INSERT INTO products(id, name, amount) VALUES (‘001’, ‘Iphone 12’, 20)

db.products.insert({ id: ‘001’, name: ‘Iphone 12, amount: 20})

SELECT * FROM products db.products.find() UPDATE products SET name= ‘C’

WHERE amount> 30

db.products.update( { amount: { $gt: 30} }, { $set: { name: ‘C’ } }, { multi: true })

5.7.4 Lý do lựa chọn MongoDB trong hệ thống ShopSocial

- Hệ thống ShopSocial sử dụng MongoDB Atlas (cloud database của MongoDB)

Trang 29

- Mongodb Atlas là một giải pháp phần mềm Database as a Service Provider được cung cấp bởi MongoDB

- ShopSocial hiện tại đang sử dụng gói Shared miễn phí

- Backend của ShopSocial sử dụng Mongoose, là một ODM (Object Document Mapper) Mongoose có những ưu điểm:

- Cung cấp các abstraction dựa trên MongoDB

- Cho phép định nghĩa các object (đối tượng) với một schema được định nghĩa rõ ràng, được ánh xạ tới một MongoDB document

Hình 1.9 Dữ liệu hệ thống ShopSocial tại Mongodb Atlas

Trang 30

Angular và React cũng như các backend framework bao gồm Nest, Next và Express

- Nx Workspace cho phép quản lý duy nhất 1 git repository cho nhiều project, là một hệ thống thông minh, nhanh chóng và dễ dàng mở rộng đi kèm với nhiều tích hợp mạnh mẽ

Hình 1.10 Manyrepo và Monorepo

5.8.2 Các tính năng, lợi ích của Nx

- Có sẵn các tools đi kèm khi khởi tạo project Ví dụ khi khởi tạo 1 frontend project sử dụng Nx, sẽ có các tools hỗ trợ tích hợp kèm theo như: Jest, Cypress, ESLint, …

- Cung cấp Plugins và Nx CLI toàn diện, quản lý và cập nhật các packages dễ dàng hơn

- Nx sử dụng Computation Caching và thực thi tác vụ dựa trên đồ thị phân tán

5.8.3 Lý do lựa chọn Nx Workspace trong hệ thống ShopSocial

- Cho phép quản lý tại 1 git repository duy nhất

- Chia sẻ code và packages giữa Frontend và Backend do đều được viết bằng ngôn ngữ TypeScript

- Với việc quản lý chung sử dụng Nx, không có những đoạn mã dư thừa được sử dụng lại ở 2 project cũng như các packages dùng chung được nhất quán 1 phiên bản cụ thể

Trang 31

Hình 1.11 Biểu đồ Nx workspace dep-graph

- Hình trên thể hiện cách Nx biểu diễn sự phụ thuộc của các project trong hệ thống ShopSocial, Backend (api) và Frontend (social) có thể dùng chung code trong thư viện data nằm ngoài 2 project trên

6 Kết luận

- Chương 1 đã trình bày tổng quan, mục tiêu, các công nghệ được ứng dụng để xây

dựng và phát triển của đề tài “Giải pháp cung cấp dịch vụ quản lý bán hàng

trên mạng xã hội” Nội dung Chương 2 sẽ trình bày chi tiết về phân tích, thiết

kế hệ thống theo đề xuất giải pháp của đề tài

Trang 32

CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1 Phân tích hệ thống

1.1 Biểu đồ use case tổng quát 1.1.1 Các tác nhân:

- Có 2 tác nhân tham gia vào hệ thống + Khách hàng (Customer) + Chủ cửa hàng (StoreOwner)

Bảng 2.1 Bảng mô tả các tác nhân hệ thống

STT Tác nhân Mô tả

1 Khách hàng Người sử dụng Mạng xã hội Facebook để đặt hàng và theo dõi đơn hàng

2 Chủ cửa hàng Người quản lý cửa hàng

1.1.2 Biểu đồ use case

Trang 33

Nguyễn Thế Anh – B17DCCN032 – D17HTTT4 33

Hình 2.1 Biểu đồ use case

Trang 34

1.2 Kịch bản các chức năng của hệ thống

1.2.1 Kịch bản các chức năng của khách hàng

• Kịch bản khách hàng đặt hàng

Hình 2.2 Biểu đồ usecase khách hàng đặt hàng Bảng 2.2 Kịch bản khách hàng đặt hàng

Trang 35

4 Khách hàng nhập thông tin giao hàng: Họ tên, Số điện thoại, Địa chỉ, Ghi chú cho đơn hàng và chọn Xác nhận

5 Khách hàng chọn Phương thức thanh toán

5.1 Khách hàng chọn phương thức Thanh toán khi nhận hàng 5.2 Khách hàng chọn phương thức Thanh toán qua Paypal: 5.2.1 Hệ thống hiển thị màn hình thanh toán Paypal

5.2.2 Khách hàng chọn kiểu thanh toán: qua ví Paypal hoặc Debit/Credit Card 1 Khách hàng chọn thanh toán qua ví Paypal:

1.1 Hệ thống hiển thị giao diện đăng nhập tài khoản Paypal 1.2 Khách hàng đăng nhập tài khoản Paypal

1.3 Hệ thống hiển thị nguồn tiền từ các ví trong tài khoản Paypal của khách 1.4 Khách hàng chọn nguồn tiền và thanh toán

2 Khách hàng chọn thanh toán qua Debit/Credit Card: 2.1 Hệ thống hiển thị form nhập thông tin thẻ thanh toán 2.2 Khách hàng nhập thông tin và chọn Thanh toán ngay 5.2.3 Hệ thống hiển thị màn hình Thanh toán thành công

6 Khách hàng chọn Hoàn thành đơn để đặt hàng

Ngoại lệ

4.1 Khách hàng nhập không đủ thông tin

4.1.1 Hệ thống báo lỗi phải nhập đủ các trường thông tin

• Kịch bản khách hàng theo dõi đơn hàng

Hình 2.3 Kịch bản use case khách hàng theo dõi đơn hàng

Bảng 2.3 Kịch bản khách hàng theo dõi đơn hàng

Tên usecase Theo dõi đơn hàng

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

Trang 36

Đảm bảo tối thiểu Chủ cửa hàng được phép đăng nhập lại

Đảm bảo thành công Chủ cửa hàng đăng nhập tài khoản thành công

Chuỗi sự kiện chính

1 Hệ thống hiển thị form đăng nhập với các trường: email, mật khẩu 2 Chủ cửa hàng nhập thông tin vào các trường và bấm nút Đăng nhập 3 Hệ thống kiểm tra và hiển thị màn hình Onboard sau khi đăng nhập

Trang 37

Ngoại lệ

2.1.1 Hệ thống yêu cầu phải nhập đủ các trường thông tin 3.1 Khách hàng nhập sai thông tin

2.2.1 Hệ thống báo email hoặc mật khẩu sai

Điều kiện Chủ cửa hàng chưa đăng nhập

Đảm bảo tối thiểu Chủ cửa hàng được phép đăng ký lại

Đảm bảo thành công Chủ cửa hàng đăng ký tài khoản thành công

1 Ở màn hình đăng nhập, chủ cửa hàng chọn Đăng ký ngay

2 Hệ thống hiển thị form đăng ký với các trường: Email, mật khẩu, nhập lại mật khẩu

3 Chủ cửa hàng nhập thông tin vào các trường và bấm nút Đăng ký

4 Hệ thống kiểm tra và lưu thông tin vào cơ sở dữ liệu và thông báo đăng ký thành công Màn hình chuyển sang Đăng nhập

Ngoại lệ

Trang 38

3.1.1 Hệ thống yêu cầu phải nhập đủ các trường thông tin 4.1 Khách hàng nhập email đã tồn tại

4.1.1 Hệ thống báo lỗi email đã tồn tại

• Kịch bản chủ cửa hàng thêm cửa hàng

Hình 2.6 Biểu đồ use case Chủ cửa hàng thêm cửa hàng

Bảng 2.6 Kịch bản chủ cửa hàng thêm cửa hàng

Tên usecase Thêm cửa hàng

Tác nhân chính Chủ cửa hàng

Điều kiện Chủ cửa hàng đăng nhập thành công

Đảm bảo thành công Chủ cửa hàng tạo cửa hàng thành công

1 Chủ cửa hàng chọn nút Tạo cửa hàng ở màn hình Onboard

2 Hệ thống hiển thị giao diện thêm mới cửa hàng với trường Tên cửa hàng 3 Chủ cửa hàng nhập thông tin và bấm Xác nhận

4 Hệ thống tạo cửa hàng mới

Ngoại lệ

3.1 Chủ cửa hàng bỏ trống trường tên cửa hàng

3.1.1 Hệ thống yêu cầu chủ cửa hàng nhập tên cửa hàng

Trang 39

Đảm bảo thành công Chủ cửa hàng thêm sản phẩm thành công

1 Tại giao diện Danh sách sản phẩm, chủ cửa hàng chọn Tạo sản phẩm

2 Hệ thống hiển thị giao diện thêm mới sản phẩm với các trường: Tên sản phẩm, Mã sản phẩm, Mô tả, Số lượng trong kho, Giá sản phẩm, Giá sale, Ảnh sản phẩm

3 Chủ cửa hàng nhập thông tin và bấm Lưu sản phẩm 4 Hệ thống lưu sản phẩm và thông báo thành công

Ngoại lệ

3.1 Chủ cửa hàng không nhập đủ thông tin

3.1.1 Hệ thống báo lỗi các trường không được để trống và yêu cầu nhập lại

Trang 40

- Kịch bản chủ cửa hàng sửa sản phẩm

Bảng 2.8 Kịch bản chủ cửa hàng sửa sản phẩm

Tên usecase Sửa sản phẩm

Tác nhân chính Chủ cửa hàng

Đảm bảo thành công Chủ cửa hàng sửa sản phẩm thành công

1 Tạo giao diện Danh sách sản phẩm, chủ cửa hàng chọn sản phẩm cần xóa