Nghiên cứu ChatBot và tích hợp xây dựng website hỗ trợ mua bán sản phẩm nông sản

Yêu cầu đặt ra đối với đồ án là sinh viên cần nghiên cứu tìm hiểu công nghệ ChatBotmới từ nền tảng OpenAI, biết cách sử dụng phương thức truy nhập ChatBot từ các OpenAI plugins để tích h

Trang 1

BỘ THÔNG TIN VÀ TRUYÈN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIÊN THONG

DO ANTOT NGHIEP DAI HOC

Đề tài: “NGHIÊN CUU CHATBOT VÀ TÍCH HỢP XÂY DUNG

WEBSITE HỖ TRỢ MUA BAN SAN PHẨM NONG SAN”

HÀ NỘI - 2023

Trang 2

BO THONG TIN VÀ TRUYEN THONG HỌC VIEN CÔNG NGHỆ BƯU CHÍNH VIÊN THONG

DO ÁNTÓT NGHIỆP ĐẠI HỌC

Người hướng dẫn : PGS TSKH HOANG DANG HAISinh viên thực hiện : NGUYEN THỊ LINH

Lớp : DI9PTDPT

Hệ : ĐẠI HỌC CHÍNH QUY

HÀ NỘI - 2023

Trang 3

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIÊN THÔNG CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

KHOA ĐA PHƯƠNG TIEN Độc lập — Tự do — Hạnh phúc

ĐÈ TÀI ĐÒ ÁN TÓT NGHIỆP ĐẠI HỌC

Họ và tên sinh viên: Nguyễn Thị LinhLớp: DI9PTDPT Khoá: 2019-2024

Ngành đào tạo: Công Nghệ Da Phương Tiện Hệ đào tạo: Đại học chính quy

1 Tên dé án/ khóa luận tốt nghiệp:

“Nghiên cứu ChatBot và tích hợp xây dựng website hỗ trợ mua bán sản phẩm nông

sản”

2 Lý do chọn đề tài:

- Hỗ trợ khách hàng luôn là một van đề được các doanh nghiệp quan tâm

- Hỗ trợ mua bán sản phẩm nông sản được chú trọng trong bối cảnh Việt Nam là nước

có nhiêu sản phâm nông sản.

- ChatBot đã được ứng dụng nhiều, song có thé được sử dụng với các công nghệ mới,

cho phép hỗ trợ khách hang tot hơn.

- Từ những lý do trên, em đã chọn đề tài “Nghiên cứu ChatBot và tích hợp xây dựng

website hô trợ mua bán sản phâm nông sản” đê góp phân tạo ra một công cụ hồ trợ tích cực

doanh nghiệp trong lĩnh vực mua bán sản phâm nông sản.

3 Nội dung chính của đồ án

Đồ án được chia làm các chương như sau:

Chương |: Nghiên cứu ChatBot và kha năng tích hợp web

1.1 Cơ sở lý thuyết về ChatBot1.2 Cơ sở lý thuyết về thiết kế Website

1.3 Khả năng tích hợp ChatBot vào Website thông qua plugins 1.4 Phân tích dữ liệu và khách hàng thông qua Chatbot

1.5 Kết chươngChương 2: Phát triển website tích hợp ChatBot hỗ trợ mua bán sản phẩm nông sản2.1 Tóm tắt bài toán và mục tiêu

2.2 Một số công nghệ, công cụ phần mềm sử dụng trong bài2.3 Phân tích thiết kế hệ thống tích hợp Chatbot vào Website hỗ trợ mua bán nông sản2.4 Thiết kế UI/UX

2.5 Kết nối ChatBot plugins2.6 Kết chương

Chương 3: Xây dựng ứng dụng và triển khai thử nghiệm3.1 Cài đặt và triển khai hệ thống

Trang 4

3.2 Triển khai thử nghiệm hệ thống3.3 Nhận xét kết quả thử nghiệm

3.4 Kết chương

4 Ngày giao đề tài: ⁄ /20

5 Ngày nộp quyỄn: ⁄ /20

GIẢNG VIÊN HUONG DAN SINH VIÊN THỰC HIỆN

(Ky, ghi rõ họ tên) (Ky, ghi rõ họ tên)

TRƯỞNG KHOA

(Ky, ghi rõ họ tên)

Trang 5

HỌC VIỆN CÔNG NGHỆ CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

KHOA ĐA PHƯƠNG TIỆN

NHAN XÉT DO AN TOT NGHIỆP ĐẠI HỌC

I Thông tin chung:

Họ và tên sinh viên: Nguyễn Thị Linh

dựng dé đáp ứng nhu cầu đó Tuy nhiên, ChatBot dựa trên nền tang trí tuệ nhân tạo, cụ thé là

nên tang OpenAI là một hướng tiếp cận công nghệ mới dé tích hợp vào một ứng dụng Web

truyền thống do OpenAI mới nổi lên từ một số năm trở lại đây Còn rat ít ứng dụng Web ban

hàng sử dụng phương tiện hỗ trợ của OpenAI ChatBot Do vậy, đề tài nghiên cứu của đồ án

có điểm mới khác biệt so với các đồ án về xây dựng ứng dụng Web đơn thuần.

Yêu cầu đặt ra đối với đồ án là sinh viên cần nghiên cứu tìm hiểu công nghệ ChatBotmới từ nền tảng OpenAI, biết cách sử dụng phương thức truy nhập ChatBot từ các OpenAI

plugins để tích hợp vào xây dựng một trang Web cụ thể hỗ trợ mua bán sản phẩm nông sản.

Đây là một lĩnh vực có tiềm năng phát triển của Việt Nam do Việt Nam là nước có đa dạng

sản phẩm nông sản có thê xuất khâu, nên cần có giới thiệu quảng bá qua Internet

Từ yêu cầu nêu trên, sinh viên đã có nghiên cứu và thực hiện được các nội dung sautrong đồ án tốt nghiệp:

- Nghiên cứu phân tích bài toán hỗ trợ khách hàng trên các trang thương mại điện tử,phân tích dữ liệu khách hàng và tương tác khách hàng.

- Nghiên cứu ChatBot, cơ sở lý thuyết về thiết kế trang Web, trang thương mại điện tử

và phương pháp tích hợp ChatBot của OpenAI thông qua các plugins Nghiên cứu công nghệ

và một số công cụ hỗ trợ phát triển ứng dụng Web

- Phân tích thiết kế và phát triển phần mềm hệ thống Thiết kế và phát triển các thànhphần cụ thể như: mô hình kiến trúc, các màn hình ứng dụng, các lược đồ biểu diễn các khối

ứng dụng và luồng tin, thiết kế UI/UX, kết nối ChatBot plugins

- Thực hiện triển khai xây dựng một ứng dụng cụ thê với các phần cài đặt tại Frontend

và Backend cho ứng dụng Web Thực hiện thử nghiệm với các nhóm người dùng khác nhau.

Đồ án đã đưa ra các kết quả chạy thử phần mềm, đưa ra các kết quả phù hợp với yêu cầu bài

toán đặt ra và có nhận xét, đánh giá kết quả.

Qua thực hiện đồ án, sinh viên đã nắm được kiến thức cơ bản để phát triển ứng dụng Web có sử dụng công cụ ChatBot mới, biết cách sử dụng các plugins để kết nối một trang

Web cụ thé với ChatBot dé hỗ trợ mua bán sản phẩm nông sản Sinh viên thé hiện nam được

cách thức phân tích một bài toán từ nhu cầu thực tiễn, thiết kế phát triển ứng dụng, phát triển

phần mềm, tích hợp các kiến thức đã học về thiết kế ứng dụng, giao diện tương tác, kết hợp

với công cụ ChatBot trên nền tảng mới.

Trang 6

Kết quả thực hiện đồ án của sinh viên có ý nghĩa thực tiễn, có thé phát triển tiếp dé đápứng tốt hơn nhu cầu thực tiễn Sinh viên thực hiện nghiên cứu có phương pháp Đồ án có hìnhthức, cấu trúc, bố cục hợp lý với phần mở đầu, ba chương chính và phần kết luận Nội dungcác chương phù hợp với yêu cầu bài toán đặt ra.

II Nhận xét về tinh thần và thái độ làm việc của sinh viên:

- Sinh viên cần cù chịu khó, chủ động trong tìm hiểu các công nghệ phát triển ứng dụngWeb, thương mại điện tử, công nghệ ChatBot, xây dựng phần mềm ứng dụng và thử nghiệm.Sinh viên có thái độ làm việc nghiêm túc, khoa học, tích cực va có khả năng tự nghiên cứu

tốt

IV Đánh giá:

- Đề nghị: Được bảo vệ đồ án

- Điểm đánh giá: 9.5 (Chín điểm rưỡi)

Hà Nội, ngày 13 tháng 12 năm 2023

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

PGS TSKH Hoàng Đăng Hải

Trang 8

ĐỎ AN TOT NGHIỆP ĐẠI HỌC LỜI CẢM ƠN

LỜI CẢM ƠN

Lời đầu tiên, em xin gửi lời cảm ơn chân thành tới tất cả những người đã hỗ trợ, giúp

đỡ em về mặt kiến thức và tinh thần trong suốt quá trình học tập tại Học viện Công nghệ Bưu

chính Viễn thông (PTIT) cũng như trong suốt quá trình thực hiện Đồ án tốt nghiệp

Em xin gửi lời cảm ơn đến thầy PGS.TSKH Hoàng Đăng Hải - giảng viên hướng dẫntrực tiếp đã luôn tận tình nhận xét và giúp đỡ em trong suốt quá trình thực hiện Đồ án Em xin

chân thành cảm on Ban Giám đốc Học viện cùng toàn thể các thầy cô trong khoa Da phương

tiện cũng như các phòng ban khác trong Học viện đã tạo điều kiện tốt nhất cho em cũng như

toàn thể sinh viên nói chung trong quá trình học tập và thực hiện Đồ án

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

bảo và đóng góp ý kiến của các thầy cô và các bạn dé em có thêm kinh nghiệm và kiến thức

dé tiếp tục hoàn thiện sản phẩm tốt hơn

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

Nguyễn Thị Linh - DI9PTDPT i

Trang 9

ĐỎ AN TOT NGHIỆP ĐẠI HỌC MỤC LỤC

MỤC LỤC

LOT CAM ƠNN s<-S5<SLe4ELH HE H714 711407144 E7444 7744E7140E744077441 2744272417, i

MUC ni — ii

DANH MỤC CAC Ki HIỆU VA CHU VIET TẮTT 2s s2ssssessessesssessese iv 0.0 ):8/10/09.(608:79 16021177 v

)/.9):8./10/99.(00:i0):04700105757 vi

000071000777 17

CHƯƠNG 1: NGHIÊN CỨU CHATBOT VÀ KHẢ NĂNG TÍCH HỢP WEB 17

1.1 Cơ sở lý thuyết về ChatbOI -¿- 2-5252 2S22E12E1211211211211211211211711211111111111 1111111 1xe 17 1.2 Cơ sở lý thuyết về thiết kế website 2¿- 22222 2x23 2212221122121211211211211 211C 1c ee 19 1.2.1 Khái niệm về W€bsif€ + Ss SE EEEE151121121121121121111111 1111111111111 ro 19 1.2.2 Các thành phần của websife - 22 2¿22+2EEc2EE221271271271211211211 2111 re 19 1.2.3 Cách thức hoạt động của WeSIf€ -.- ác 2.11 1 112 112111111111 1110111811 8111 key 19 1.2.4 Tổng quan về website thương mại điện tử - 2 5:2 2+S+2Ee£EvE2EzEcrxrrxersres 20 1.3 Khả năng tích hợp Chatbot vào website thông qua PÏug1ns -+ s++-s+++ss2 23 1.4 Phân tích dữ liệu và khách hang thông qua Chatbot -¿- - 5c 55s ssskrseesekeske 24 1.5 Kết chương - + + se x9EE2E12E121121121121111111211 11211.111.111 1121112101 kg 25 CHƯƠNG 2: PHÁT TRIEN WEBSITE TÍCH HỢP CHATBOT HO TRỢ MUA BAN SAN PHẨM NONG SẢNN cọ HT Họ HO TT HT TH 004068080 17 2.1 Tóm tắt bai toán và mục tiÊU 5c tt Et+EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEETEEEETErkrrkrrree 17 2.2 Một số công nghệ, công cụ phần mềm sử dụng trong bài -2 ¿- 52 55+: 17 2.2.1 Các công cụ hỗ trợ dựng giao diện Fronfendd - ‹-ss + **+sskvsseeresseerees 17 2.2.2 Nghiên cứu, tìm hiểu xây dựng website phía Backend 2-5-2 +cs+sec+2 21 2.3 Phân tích thiết kế hệ thống tích hợp Chatbot vào Website hỗ trợ mua bán nông sản 24

2.3.1 Phát biểu bai toán 22cct2 2tr reo 24 2.3.2 Phân tích hệ thống - ¿2© ¿+ %SE£9EE9EEEEE2E1EE12112117112117111111111 1.1111 c0 25 2.4 Thiết kế UI/UX -2222¿¿+222E+++t2222111EtE.22 E1 ro 51 2.4.1 Wireframe Admin 51

2.4.2 Wireframe 00 56

2.5 Két ni Chatbot PIUgiNS cccccccssesssesssesssecssesssesssesssesssessssessssssesssessecssessessteaseaessesseesess 61 2 6 Kết CUO oes csssesssesssesssesssesssesssecssesssesssessussssessssssssssssssesssesssesssesssesssecsiessseesessessesseeesess 63 CHƯƠNG 3: XÂY DUNG UNG DỤNG VA TRIEN KHAI THU NGHIỆM 64

3.1 Cài đặt và triển khai hệ thỐng - ¿5£ 9S9E9EEEEEEEEEEEEE12715111111111111 11111 1x 64

3.1.1 Cài đặt Frontend - - - - + 1S 111111611191 1181 1101110111011 0111011 H11 1n k1 KH ky 64 3.1.2.Backend - - c1 1112111011101 1101 110111011101 1101 H1 HH TH TH TH TH KT kg 64

Nguyễn Thị Linh - DI9PTDPT ii

Trang 10

3.1.3 Pham vi thir 2ii 05 65

3.2 Triển khai thử nghiệm hệ thống - 2 2¿ S¿©SE2EE2EEt2EE2EE22E12221221212212222222 xe 66

3.2.1 Website dành cho Admin - (2c 2c E21 83218351 8151111131911 1 9811118111181 118111 cv 66

3.2.2.Website dành cho SeT - (G2 2222111 22811321112 1111811118 1111811110 11180111 11g kg 723.3 Nhận xét kết quả thử nghiệm - 2 s99 xEEE2E1211111211211121111111111111.11 1x 1 1e 79

E48) ¿j8 8 4 80

KET LUẬN VÀ HUONG PHAT TRIEN cssssssssssssssssssssssssssssscssscsssssnscsascsascenecensesaseasenses 81

1 Các kết h).8oi89)00yy.:: 81

2 Hướng phat triển ti6pe cecececcecccccsscssessessessessessessessessessessessssuessssussuesscaneasessssesassessessesaeees 81

TÀI LIEU THAM KHAO cccsssssssssssssssssssssnsssssssscenscsasccnsscascsnscenscsnscsascsascsascesscsassaseaseasesses 82

Nguyễn Thị Linh - DI9PTDPT Hi

Trang 11

DANH MỤC CÁC Ki HIEU VA CHỮ VIET TAT

Tên viết tắt Chữ đầy đủ Nghĩa đầy đủ

TMĐT Thương mại điện tử Thương mại điện tử

B2B Business-to-Business Doanh nghiệp với doanh

nghiệp

B2C Business-to-Consumer Doanh nghiệp với khách

hàng

C2C Consumer-to-Consumer Khach hang voi khach hang

B2G Business-to-Government Doanh nghiệp với chính phủ

AI Artificial Intelligence Tri tué nhan tao

NLP Natural Language Processing Xu lý ngôn ngữ tự nhiên

Trang 12

ĐỎ AN TOT NGHIỆP ĐẠI HỌC DANH MỤC CAC BANG

DANH MỤC CÁC BANG

Bang 2 1 Các chức năng chính của we€bSIfC - - + S121 2111111211251 111 11111 1111 11 re nrg 25

Bang 2.2 Scenario Đăng nhập - - - 2222 211151151121 12 11111211211 11111171 T11 HH TH Hy 30

Bảng 2 3 Scenario Dang ký - - c1 211 112111111 11111111 11 11111111 11111 E1 ng H1 HH Hư t 31

Bang 2 4 Scenario Đăng XuẤt - 2-52 se SE EE11211211111211 11211 1111121 111211 31

Bảng 2 5 Scenario Xem sản pham cccccsccessesssecsesssessessesssessesssessessesssessessuessessessessessesseseseess 32

Bảng 2 6 Scenario Thêm sản phâm vào gid han g ccccscscssessessessessssesssesseesseessecsseceessseaseees 32

Bảng 2 7 Scenario Thêm vào yêu thích - -:- c2 1311121135118 1 91119119111 911 ng vn kg 33

Bang 2 8 Scenario Đặt hàng - - c1 1121139111911 191 1111111111 111 11 11 1H11 1H HH ng 33

Bang 2 6 Scenario Theo dõi trạng thai don hàằng - 6 + + xin rưưp 34

Bảng 2 9 Scenario Tìm kiếm sản phâm theo tên - 2-22 22 5222E+£E+£E2E22EE2EEtExrrxrrxrzes 34

Bảng 2 10 Scenario Tìm kiếm sản phẩm theo thể loại 2-2 25 2+E+£+£E+Ee£EzEezxzEerxz 35

Bảng 2 11 Scenario Chỉnh sửa thông tin cá nhân ¿23323322 E+EE+EEsseeereresrerevee 35

Bảng 2 12 Scenario Thêm mới danh mục sản phẩm - 2:2: +¿22+22++22++2E++2E+zzzzxd 36

Bảng 2 13 Scenario Chỉnh sửa danh mục sản phẩm 2-22 £22E£+EE£+£E++£++zxtzxrzxezrs 37

Bảng 2 14 Scenario Xóa danh mục sản phẩm 2-2 2 2 2+E££E£E££E£EEEEEEEEEEEEEEEEkerkerkes 38

Bảng 2 15 Scenario Thêm mới sản phẩm - 2-2 5£+S£+SE£2E£2EE£EEEEEEEEEEEEEEEEEEerxrrxrrrrei 39

Nguyễn Thị Linh - DI9PTDPT Vv

Trang 13

ĐỎ AN TOT NGHIỆP ĐẠI HỌC DANH MỤC CÁC HÌNH VE

DANH MỤC CÁC HÌNH VE

Hình 1 1 Sơ đồ cách thức hoạt h[0i58uì0446)30 11115 19

Hinh 0200./000ìi)i010ả 001175 -.- < 26

Hình 2 2 Kiến trúc màn hình hệ thống A dmin - 2 2 5£ E£EE2EE£EE£EEE2EE2EEtEEESEEerxerree 27

Hình 2 3 Kiến trúc màn hình hệ thống Ser 2-52 2 S‡9E2EEEEEEEEEEEEEEEEEEEEEEEEEkrrkrrrrei 28

Hình 2 4 Usecase Hệ thống 2: ¿52t 9E2E19EE211271211221711211211111211117112111 211 xe 29

Hình 2 5 Sequence Đăng nhậtp - ¿+ k1 SH TT TH TH TT Hàn nh TH HT Hư chết 42

Hinh 2 0201sv0i-:/.097i1s0 2 2Ẻ7 aễ 42

Hình 2 7 Sequence Đăng xuẤt 2-52-5252 E221 E217171211111111111211111111211 111 y6 43

Hình 2 8 Sequence Xem thông tin sản phẩm - 22-22 5¿2E22EE+2EE2EE2EE2EErzEzrrzrrsred 43

Hình 2 9 Sequence Tìm kiếm sản phâm - 2-22 2£ +£+EE+2EE+2EE2EEEEEEE2EE2EE22EeEErrrrrer 44

Hình 2 10 Sequence Đặt hàng - - c1 9211121119111 111 11111111 11 111111 ng ng ng 44

Hình 2 11 Sequence Thêm vào yêu thích - -¿- c + 1321112113918 1181115111181 1E 8111 xxrr 45

Hình 2 12 Sequence Admin đăng nhập - ¿E561 E 919512 E SE ng ng nưệp 45

Hình 2 13 Sequence Admin thêm danh mục sản phâm -¿- 22 +¿+5¿+S22££2£+2£++zxzxd 46

Hình 2 14 Admin chỉnh sửa danh mục sản phẩm -2- 2 2 2 E2 SE EE£EE+E£EEzE£EEzEeEszxeree 46

Hình 2 15 Admin xóa danh mục sản phâm - ¿2 £+2£+E+EE+2E££EEtEE£2EEEEEEEEEEEerxrrxsree 47

Hình 2 16 Admin Thêm mới sản phâm - 2: 2© ®©+®£E£#EE£+EE££EEE£EEEEEEE£EEE2EEEtEEerrxesred 47

Hình 2 17 Admin sửa sản pham cecccccceccsssesssessessesssessesssessecsvsssessesssessesscssessessscasessesavesseaneeee 48

Hình 2 18 Admin Xóa sản phẩm 2-22 2S 2EESEE9EE2E1EE1231221271121127171121171221 11c xe 48

Hình 2 19 Admin Quản ly đơn hàng - - - c2 2212115112112 251 15115112 1E 1111111 HH rưn 49

Hình 2 20 Admin chỉnh sửa thông tin cá nhân - - (2322332132333 EErervre 49

Hinh 2 21 Database diagram 08 a ::Ở+1ä 50

Hình 2 22 Wireframe đăng nhậtp - - 5c 2+ 321221121151 151 12312 121111111 11H HH Hy 51

Hình 2 23 Wireframe bảng điều khiỂn - 2-2-2 S+2E£+EE£EE2EE2EEEEE2EE27121122171211 2 xe2 52

Hình 2 24 Wireframe danh mục sản phẩm - ¿- 2 + £+SE£EE2EEEEEEEEEEEEEEEEEEEEEEErEerkerkrex 53

Hình 2 25 Wireframe quan lý sản pham c.ccecceccesccscsssssessesssssvcsesscsessessessessessessscssscseeseaes 54

Hình 2 26 Wireframe quan lý don hảng - - 2222322131331 1 2112111111111 11111111111 ke rrkre 55

Hình 2 27 Wireframe đăng nhập - - 11211919 TH TT TH TH ngàn nh cưng rệt 56

Hình 3 1 Giao diện đăng nhập - - + v19 2v TH TH TT nu HH HH nh nh 66

Nguyễn Thị Linh - DI9PTDPT vi

Trang 14

ĐỎ AN TOT NGHIỆP ĐẠI HỌC DANH MỤC CÁC HÌNH VE

Hình 3 2 Giao diện Dashboard - - - - c2 21161162251 11111531111 1933 1111 8311111183111 tre 67

Hình 3 3 Giao diện Danh sách danh mục sản phẩm — 67

Hình 3 4 Giao diện Thêm mới danh mục sản phẩm 68

Hình 3 5 Giao diện Chỉnh sửa danh mục sản phẩm "— 69

Hình 3 6 Giao điện Danh sách sản phẩm - ¿2 2252 E£EE2EE2EEtEEE2EEE2E22EE21222E 2E crkd 69

Hình 3 7 Giao diện Thêm mới sản phẩm 2 2-52 +EE2EESEE£EEE2EEEEE2E1EE17EEEEEEEEErrrrred 70

Hình 3 8 Giao diện Chỉnh sửa sản phẩm - 2-2 252 S£+S£2EE2E2EEEEEEEEEEEEEEE 7111 cre 70

Hình 3 9 Giao diện Danh sách đơn hàng c5 2222122133113 212121111 E1EEkEerkerrree 71

Hình 3 10 Giao điện Thay đổi trạng thái đơn hang c.ccccccccccsssesssesssesssesseeseestessessessesseeseees 71

Hình 3 11 Giao diện Trang chủ Ì - - c2 2c 312213311191 391 591351551111 11 1111111 11 1 E1 ky 72

Hình 3 12 Giao diện Trang Chủ 2 - c2 32122118311 391 195119119 11 1111 118 11 11H ng ng ng 72

Hình 3 13 Giao diện Trang chủ 3 -.- -c- + +11 n HT TH TT HH ngàn nưệt 73

Hình 3 14 Giao diện Dang ký tai khoản - c1 x19 12 vn nh ng nh nh nh nh Hy 73

Hình 3 15 Giao diện Đăng nhậtp - - - G5 2c 3 2211121139111111 91119111 111 1g 11H tk re 74

Hình 3 16 Giao diện Danh sách sản phẩm - 2-2 S9SE£EE£EE£EEEEEEEE2EEEEE2EE2E12EEEEEE xe 74

Hình 3 17 Giao điện Chi tiết sản phẩm l -2- 22 2©E2EE2EE£EE2EE2EEEEEE2EEE2E2E1221 1E ree 75

Hình 3 18 Giao điện Chi tiết sản phẩm 2 2-2-2 <+SE2EE2EESEEE2E12E121122171121111 112 xe 75

Hình 3 19 Giao diện Chi tiết sản phẩm 3 - 2-51 SS SE E9E19E121121121121121121121121E 11 11x 75

Hình 3 20 Giao điện Đánh giá sản phẩm - 2-2 2¿+S2+SE£2E2EEEEEEEE22E2E121121 21212 re 76

Hinh 3 21 Giao dign Gid hang nh 76

Hình 3 22 Giao diện Quản lý đơn hang ec ccceccceseeseeseeeeceseeseeeensceseeseceeneeeeeeenseeneeeneeeses 77

Hình 3 23 Giao diện Danh sách đơn hàng - - - + - 22222 E SE E*EESEESEEEEEESrikrrrkrrrkrsrkeerree 77

Hình 3 24 Giao diện Chỉnh sửa thông tin cá nhân 2522 SE St *+E+vErrrrrrsrrrrrersrke 78

Hình 3 25 Giao điện Danh sách sản phẩm yêu thích 2-2-2 s+2E£+E++E++EezEerxerxzrezed 78

Hinh 3 26 6.2090 8 79

Hình 3 27 Giao diện Chatbot tư vấn khách hàng - 2-2-2 2+2E£+E££EE+£E+2EESEEtzErrxrrxrree 79

Nguyễn Thị Linh - DI9PTDPT vii

Trang 15

ĐỎ AN TOT NGHIỆP ĐẠI HỌC MỞ ĐẦU

MO DAU

1 Dat van dé

Trong suốt lịch sử phat triển của loài người, nhu cầu mua bán, trao đổi hàng hóa luôn

là một nhu cầu thiết yếu Trước đây, hau như mọi người đều mua sắm thông qua các buổi họp

chợ, sau này các hệ thống siêu thị, cửa hàng tiện lợi ra đời, giúp chúng ta đễ dàng hơn trong

việc mua bán Với sự phát triển bùng nỗ của công nghệ thông tin, các xu hướng mua sắm tiêu

dùng cũng đang ngày càng thay đổi và phát triển Người tiêu dùng dang dần chuyền sang các

phương thức mua sắm hiện đại thay vì các hình thức mua sắm truyền thống Bên cạnh đó,

trong thời đại công nghệ phát triển như hiện nay, mua săm online ngày càng phổ biến hơn,

đặc biệt là đối với giới trẻ

Nhu cầu hỗ trợ khách hàng qua Internet là nhu cầu của khách hàng trong việc tìmkiếm thông tin, giải đáp câu hỏi, và nhận được hỗ trợ từ các doanh nghiệp hoặc tổ chức thông

qua các kênh trực tuyến như trang web, ứng dụng di động, chat trực tiếp, mạng xã hội, video,

và các hình thức tương tác trực tuyến khác.Nhu cầu này xuất hiện do sự phổ biến và tiện lợi

của Internet, cho phép khách hàng tiếp cận thông tin và tương tác với doanh nghiệp một cách

nhanh chóng và thuận tiện từ bat kỳ đâu và bat kỳ thiết bị nào có kết nối internet Nhu cầu hỗ

trợ khách hàng qua Internet bao gồm :

e Tìm kiếm thông tin : Khách hàng muốn tìm hiểu về sản phẩm, dịch vụ, chính sách,

hoặc thông tin liên quan của doanh nghiệp trên trang web hoặc ứng dụng di động

e Giải đáp câu hỏi: Khách hàng có câu hỏi về sản pham, dich vụ, hoặc van đề liênquan đến doanh nghiệp và mong muốn nhận được câu trả lời một cách nhanh chóng và chính

xác

e Yêu cầu hỗ trợ: Khách hàng gặp van dé, lỗi kỹ thuật hoặc cần sự hỗ trợ của doanh nghiệp để giải quyết vấn đề, cung cấp giải pháp

e Gửi phản hồi: Khách hàng muốn chia sẻ ý kiến, đánh giá hoặc phản hồi về sản

phẩm, dịch vụ hoặc trải nghiệm của mình với doanh nghiệp

e Hỗ trợ sau bán hàng : Khách hàng cần hỗ trợ sau khi mua hàng như đổi trả, bảo

hành,

Chatbot là một loại phần mềm hoặc trí tuệ nhân tạo (AI) được thiết kế dé tương tac với

con người thông qua các cuộc trò chuyện tự động Chatbot có khả năng trả lời câu hỏi, cung

cấp thông tin, thực hiện nhiệm vụ cụ thê, và tương tác với người dùng theo cách tương tự như

giao tiếp giữa con người Chatbot thường được tích hợp trong các ứng dụng di động, trang

web, nền tảng mạng xã hội hoặc các nền tảng trò chuyện trực tuyến Chúng sử dụng các thuật

toán và quy tắc lập trình dé hiểu và phân tích ngôn ngữ tự nhiên, giúp chatbot hiểu được câu

hỏi và yêu cầu từ người dùng và cung cấp câu trả lời hoặc hướng dẫn phi hợp

Chatbot có thể được sử dụng trong hỗ trợ tư vấn khách hàng để cung cấp nhiều ứngdụng hữu ích như :

Cung cấp thông tin và hướng dẫn : Chatbot có thể trả lời câu hỏi của khách hàng liênquan đến sản phẩm, dịch vụ, chính sách, quy trình hoặc thông tin khác

e Tư van sản phẩm : Chatbot có thé yêu cầu khách hàng cung cấp thông tin về yêu

Nguyễn Thị Linh - DI9PTDPT 17

Trang 16

cầu, sở thích, và nhu cầu của họ, sau đó đề xuất các sản phẩm hoặc dịch vụ phù hợp Chúng

có thé cung cấp thông tin chỉ tiết, so sánh các lựa chọn và giúp khách hàng đưa ra quyết định

mua hàng thông minh.

e Hỗ trợ quy trình giao dịch: Chatbot có thé hỗ trợ khách hàng trong việc đặt hàng,thanh toán, theo dõi đơn hàng và tình trạng giao hàng Chúng có thể cung cấp thông tin về các

bước tiếp theo, thông báo về trạng thái đơn hàng và giúp khách hàng giải quyết các vấn đề

liên quan đến giao dịch

e Xử lý yêu cầu hỗ trợ : Chatbot có thé nhận và xử lý yêu cầu hỗ trợ từ khách hang,như yêu cầu bảo hành, đổi trả, hoặc yêu cầu sửa chữa Chúng có thể thu thập thông tin, hướng

dẫn khách hàng về quy trình và cung cấp hỗ trợ ban đầu trước khi chuyền tiếp cho nhân viên

hỗ trợ khi cần thiết

e Tư van và giải đáp thắc mắc: Chatbot có thé tư vấn và giải đáp các câu hỏi phổ biếnhoặc thắc mắc của khách hàng Chúng có thể cung cấp thông tin về sản phâm, dịch vụ, chính

sách, hoặc hướng dẫn sử dụng

e Hỗ trợ sau bán hàng : Chatbot có thé cung cấp hỗ trợ sau bán hàng như hướng dẫn

sử đụng sản phẩm, giải đáp thắc mắc, hoặc cung cấp thông tin về dịch vụ hỗ trợ sau bán hàng.

Từ những lý do trên, em đã chọn đề tài “Nghiên cứu ChatBot và tích hợp xây dựngwebsite hỗ trợ mua bán sản phẩm nông sản” để góp phần tạo ra một công cụ hỗ trợ tích cực

doanh nghiệp trong lĩnh vực mua bán sản phẩm nông sản

ChatBot là công cụ hỗ trợ đã được sử dụng nhiều trên các Website bán hàng tới nay

Tuy nhiên, ChatBot dựa trên công nghệ mới như của OpenAI là một hướng tiếp cận mới do

OpenAI mới được phát triển bùng né từ vài năm trở lại đây Còn rat ít ứng dụng Website bán

hang sử dụng hỗ trợ của OpenAI ChatBot Do vậy, khác với những đề tài đồ án đã biết về xây

dựng trang Web hỗ trợ bán hàng, đồ án này đặt vấn đề nghiên cứu tích hợp ChatBot của

OpenAI vào trang Web hỗ trợ mua bán sản phẩm nông sản

Việt Nam là nước có nhiều sản phẩm nông sản Vì vậy, việc hỗ trợ mua bán sản phẩmnông sản được chú trọng, đặc biệt trong bối cảnh ngày càng xuất hiện nhiều loại hình mua bán

sản phẩm trực tuyến qua mạng Tích hợp ChatBot vào hỗ trợ mua bán sản phẩm nông sản trực

tuyến có thể phát huy hiệu quả ứng dụng công nghệ mới vao dich vụ hỗ trợ mua bán và sau

bán hang.

2 Mục tiêu, phạm vi bài toán, hướng giải quyết

Mục tiêu của đồ án là : Nghiên cứu và tích hợp Chatbot hỗ trợ tư vấn khách hàng vào website bán các sản phẩm nông sản Nội dung nghiên cứu thuộc lĩnh vực thương mại điện tử

(TMĐT) và ứng dụng công nghệ trong việc bán các sản phâm nông sản

Đối tượng sử dụng hệ thống được xây dựng trong đồ án là những người dùng có thunhập và độ tuổi trên 18 tuổi

Phạm vi nghiên cứu của đồ án là xây dựng một trang Web tích hợp Chatbot hỗ trợ tưvan khách hàng trong mua bán các sản pham nông san

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

- Tim hiểu về các trang Web mua bán sản phẩm nông san

- Tim hiểu công nghệ Website, công nghệ ChatBot và khả năng tích hợp Web

Trang 17

- _ Nghiên cứu, phân tích, thiết kế hệ thống Web có tích hop ChatBot

- _ Thực hiện xây dựng ứng dụng, triển khai cài đặt và thử nghiệm hệ thống.

4 Một số kết quả khảo sát liên quan

Mua sắm online là xu hướng trong đời sống hiện đại ngày nay Không nằm ngoài xuhướng ấy, các sàn TMĐT nông sản, mua bán các sản phẩm nông nghiệp cũng dần được hình

thành và hội nhập Một số sàn TMĐT nông sản pho biến :

- Sản TMĐT nông nghiệp số VIDA: VIDAS.VN là sàn TMĐT trực tuyến kết nốichuỗi cung ứng nông nghiệp, thực phẩm tại Việt Nam Mục đích là tạo ra một nền tảng cho

phép kết nối tất cả các thành phần trong chuỗi cung ứng nông nghiệp thực phẩm bao gồm:

Các nhà cung cấp vật tư nông nghiệp, thực phẩm, nông dân, trang trại, các đơn vị chế biến,

vận chuyên, phân phối, bán lẻ kho vận tới người tiêu dùng

- San TMDT Nongsanbanbuon.com: Khởi nguon từ một san TMDT dang rao vặt, kétnối miễn phi, kết nối trực tiếp người bán nông sản (đặc biệt là nông dân) với người mua nông

sản mục đích nhằm giảm bớt các khâu trung gian, giảm giá thành sản phẩm nông sản Sau hơn

3 năm xây dựng và phát triển, Nongsanbanbuon.com định hướng trở thành một sàn TMĐT đa

dạng, toàn diện nhưng van lấy nông sản và các sản phẩm phục vụ nông nghiệp làm trung tâm

- San TMĐT Foodmap.asia: Với mục tiêu tạo ra những trải nghiệm mua sắm các mặthàng nông sản chất lượng, an toàn tuyệt vời, Foodmap.asia luôn nỗ lực không ngừng nhằm

nâng cao chất lượng dịch vụ Khi mua hàng qua mạng tại Foodmap.asia khách hàng sẽ được

hưởng các tiện ích như : Dịch vụ chăm sóc khách hàng tận tình trước-trong-sau khi mua hàng,

xuyên suốt 7 ngay/tuan, từ 8:00 đến 21:00; Mức giá cạnh tranh: hơn 90% sản phẩm được

giảm giá từ 10% trở lên,

Có thê thấy tại Việt Nam hiện nay không có nhiều sàn TMĐT nông sản và các sànTMDT nông sản đang có cũng là những sàn tiên phong và còn rat mới lạ với người dùng, đặc

biệt là sàn TMĐT có tích hợp chatbot tư vấn, hỗ trợ khách hàng

5 Kết quả dự kiến, bố cục đồ án

Kết quả dự kiến của đồ án là: Xây dựng được một trang Web TMĐT bán các sảnphẩm nông sản, có tích hợp Chatbot tư vấn khách hang

Ngoài phần mở đầu và kết luận, đồ án gồm 03 chương chính nhau sau:

> Chương I: Nghiên cứu ChatBot va khả năng tích hop webNội dung chương 1 trình bay cơ sở lý thuyết về ChatBot, cơ sở lý thuyết về thiết kếWebsite, nghiên cứu kha năng tích hợp ChatBot vào Website qua plugins Ngoai ra, chương

cũng thực hiện phân tích dữ liệu khách hàng, nghiên cứu về cách thu thập và phân tích dit liệu

từ tương tác với khách hàng thông qua ChatBot.

> Chương 2: Xây dựng website tích hợp ChatBot hỗ trợ mua bán sản phẩm nông

sản

Chương 2 trình bày cụ thể bài toán đặt ra, mục tiêu cụ thể, các công nghệ, công cụphần mềm sử dụng trong bài Tiếp đó, chương 2 trình bày các nội dung về phân tích thiết kế

hệ thống, thiết kế UI/UX, phương thức kết nối ChatBot plugins

> Chương 3: Triển khai thử nghiệm hệ thống

Trang 18

Nội dung chương này trình bày các phần: phạm vi thử nghiệm, cài đặt và triển khai hệthống, các kết quả thử nghiệm, nhận xét và đánh giá kết quả thử nghiệm

Trang 19

ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC CHƯƠNG 1: NGHIÊN CỨU CHATBOT

VÀ KHẢ NĂNG TÍCH HỢP WEBCHƯƠNG 1: NGHIÊN CỨU CHATBOT VÀ KHẢ NĂNG TÍCH HỢP WEB

1.1 Cơ sở lý thuyết về Chatbot

$ Chatbot là một chương trình máy tính được thiết kế dé mô phỏng cuộc trò chuyện

với người dùng, đặc biệt là qua Internet

$ Chatbot được phát triển để tương tác và giao tiếp với con người thông qua cáckênh trò chuyện, chăng hạn như ứng dụng di động, trang web, nền tảng trò chuyện trực tuyến

hoặc các ứng dụng nhắn tin.

$ Chatbot có khả năng tự động phân tích và hiểu ngôn ngữ tự nhiên của người dùng,

và cung cấp câu trả lời, thông tin hoặc hỗ trợ tương ứng Chatbot có thé được lập trình dé thực

hiện nhiều nhiệm vụ khác nhau, bao gồm cung cấp thông tin, hỗ trợ sản phẩm và dịch vụ, giải

đáp câu hỏi, thực hiện giao dich mua hàng, xử lý yêu cầu hỗ trợ, và nhiều hơn nữa.

s% Cơ sở lý thuyết của Chatbot bao gồm các lĩnh vực như Trí tuệ nhân tạo ( Artificial

Intelligence - AI), Xử lý ngôn ngữ tự nhiên ( Natural Language Processing- NLP), và Hoc

máy (Machine Learning)

e Tri tuệ nhân tao (AJ) : Trí tuệ nhân tạo là lĩnh vực nghiên cứu và phát triển các hệthống và máy tính có khả năng thực hiện các nhiệm vụ thông minh tương tự con người

Chatbot sử dụng các kỹ thuật AI dé tương tác với người dùng, hiểu và phản hồi các câu hỏi và

yêu cầu.

e Xu lý ngôn ngữ tự nhiên (NLP): Xử lý ngôn ngữ tự nhiên là lĩnh vực tập trung

vào việc phân tích và hiểu ngôn ngữ tự nhiên của con người Đối với chatbot, NLP giúp xử lý

và hiểu các câu hỏi, yêu cầu và phản hồi của người dùng NLP hỗ trợ chatbot trong việc phân

tích cú pháp, phân loại từ loại, trích xuất thông tin và tạo ra các câu trả lời tự động

e Hoc máy (Machine Learning): Hoc máy là một phương pháp của trí tuệ nhân tạo,

cho phép máy tính tự học và cải thiện từ dữ liệu Chatbot sử dụng học máy để tự động học từ

các dữ liệu đào tạo và cải thiện khả năng hiểu và phản hồi Các mô hình hoc máy như mạng

nơ-ron nhân tao (Artificial Neural Networks) và thuật toán học tang cường (Reinforcement

Learning) được áp dụng để xây dựng các chatbot dựa trên trí tuệ nhân tạo

Các chatbot có thể được triển khai trên nhiều nền tảng khác nhau, bao gồm trangweb, ứng dụng di động, và các nền tảng truyền thông xã hội Dưới đây là một số khía cạnh cụ

thé của chatbot:

s* Phan loại Chatbot:

@ Chatbot dựa trên quy tắc: Loại này hoạt động dựa trên một tập hợp các quy tắc

được định trước Khi người dùng đặt câu hỏi cụ thể hoặc yêu cầu thực hiện mộtnhiệm vụ nhất định, chatbot áp dung các quy tắc dé đưa ra câu trả lời hoặc thực

hiện hành động cụ thê

® Chatbot dựa trên máy học( Machine Learning- based): Loại này sử dụng các mô

hình máy học để tự học từ đữ liệu đầu vào Chúng có khả năng hiểu ngôn ngữ tự

nhiên và cải thiện khả năng tương tác qua thời gian.

i?

4* Kiến trúc của Chatbot:

Trang 20

VÀ KHẢ NĂNG TÍCH HỢP WEB

® Kiến trúc module : Chatbot có thể được xây dựng theo cách modul, với mỗi

modul đảm nhận một chức năng cụ thê Điều này giúp dé dang mở rộng và thayđổi tính năng của chatbot

® Kiến trúc Sequence - to - sequence architecture Loại kiến trúc này thường được sử

dụng trong các chatbot dựa trên máy học Nó chuyên đổi một chuỗi đầu vào thành một chuỗi đầu ra, giúp chatbot đáp ứng tự nhiên hơn với người dùng.

*

s* Ứng dụng của Chatbot:

® Hỗ trợ khách hàng: Chatbot thường được sử dụng dé cung cấp hỗ trợ tức thì cho

khách hàng Chúng có thê giải đáp câu hỏi, hướng dẫn sử dụng sản phẩm hoặcdịch vụ, và giải quyết vấn đề cơ bản của khách hàng

® Giao tiếp với người dùng : Chatbot cũng có thé được sử dung dé tương tác với

người dùng thông qua trò chuyện Điều này có thê bao gồm cung cấp thông tin,

giải trí, hoặc thậm chí thực hiện các nhiệm vụ như đặt hàng mua săm trực tuyến.

4* Cơ chế hoạt động của Chatbot:+

® Chatbot dựa trên quy tắc ( Rule - based):

+ Ghi nhớ quy tắc : Chatbot được lập trình dé ghi nhớ một tập hợp các quy tắc cụthé, thường là các cặp câu hỏi và câu trả lời tương ứng, hoặc các quy tắc logic dé xử

lý yêu cầu

+ So sánh và kích hoạt: Khi người dùng đưa ra câu hỏi hoặc yêu cầu, chatbot sosánh văn bản đầu vào với các quy tắc đã được đặt ra Nếu tìm thấy sự phù hợp,chatbot kích hoạt quy tắc đó dé tạo ra câu trả lời hoặc thực hiện hành động

® Chatbot dựa trên máy học ( Machine Learning - based):

+ Thu thập dữ liệu và đào tạo: Chatbot sử dụng dữ liệu đảo tạo, thường là các

^

cuộc trò chuyện giữa người dùng và chatbot hoặc đữ liệu tương tự.

+ Xử lý ngôn ngữ tự nhiên ( NLP) : Sử dụng các thuật toán NLP dé hiểu ngữcảnh, ý nghĩa của câu hỏi và yêu cầu từ người dùng

+ Mô hình dự đoán: Dựa trên mô hình máy học, chatbot dự đoán câu trả lời phù

hợp nhất cho câu hỏi Mô hình này đã học từ các đặc trưng và mối quan hệ trong dữ

liệu đào tạo.

+ Tỉnh chỉnh liên tục: Chatbot có khả năng tinh chỉnh mô hình dựa trên phản hồi

từ người dùng Các cập nhật này giúp cải thiện hiệu suất và sự tương tác của chatbot

theo thời gian.

® Giao tiếp người dùng :

+ Ngôn ngữ tự nhiên ( NLU) : Dù là dựa trên quy tắc hay máy học, chatbot sử

dụng NLU để hiểu ngôn ngữ tự nhiên và tương tác một cách tự nhiên với người

dùng.

+ Phản hồi và học hỏi : Cả hai loại chatbot đều có thé sử dụng phản hồi từ người

dùng dé cải thiện hiệu suất của mình Chatbot dựa trên máy học cảng có thể học hỏi

và tinh chỉnh mô hình dựa trên kinh nghiệm.

Trang 21

1.2 Cơ sé lý thuyết về thiết kế website

1.2.1 Khái niệm về website

Website còn gọi là trang web, trang mạng hay trang thông tin điện tử, là một tập hợp

trang thông tin có chứa các dạng hình ảnh, văn bản, video, audio nằm trên một domain (tên

miền), được lưu trữ trên web server (máy chủ) và người dùng có thê truy cập từ xa thông qua

internet.

Website có thé được xây dựng bằng nhiều ngôn ngữ lập trình khác nhau như PHP,ASP.NET, Java, Ruby on Rails, Perl,

1.2.2 Các thành phan của website

$ Website bao gồm 4 thành phần cơ bản:

e Hosting: Đây là nơi lưu trữ mã nguồn và nội dung của website Nếu không có

hosting website sẽ không thê xuât hiện trên internet và cũng không thé tiép cận được với

người dùng.

e Domain (tên miền): Là địa chỉ mà người dùng truy cập sử dụng dé tìm ra website

trên mạng lưới Internet Website muôn hoạt động được bắt buộc phải có domain.

e Dữ liệu website: Dữ liệu website gọi chung cho tất cả các tập tin đa phương tiện

như văn bản, âm thanh, hình ảnh, video, được lưu trữ trên máy chủ web.

® Source code (mã nguồn): Là tập hợp của rất nhiều dòng lệnh khác nhau giúp tạo ra những tác vụ mà người dùng có thê thực hiện ngay trên website.

e Ngoài 4 thành phan cấu tạo chính nay còn có thé kế đến một số các thành phan

khác như : Băng thông, quản tri website,giao diện, sidebar, banner,

1.2.3 Cách thức hoạt động của website

[ 1 Ì = = _ 8 ;) Facebook YYW

https:/Avww.facebook.com

Người dung (User) Trinh duyệt website (Browser)

2 Giao dién website facebook.com

https:/www.facebook.com

Nhập vào địa chỉ website (Domain name)

Web server phản hồi lại nội dung web page

3 theo yêu cầu cho trình duyệt để hiển thị 5

DNS Server có nhiệm =

vu phan giai domain

thanh dja chi ip cua

web server, sau đó

trình duyệt sẽ request|*

lên server đó để lấy

nội dung của website

Gửi yêu cầu lên web server

4 :

DNS Server (Domain name system server) May chu website (Web server)

Hình 1 1 Sơ đồ cách thức hoạt động của website

$ Đầu tiên người dùng sẽ mở trình duyệt website lên

$ Người dùng nhập vào thanh địa chỉ một địa chỉ website mình muốn truy cập.

Trang 22

¢ Trình duyệt sẽ gửi yêu cầu đến DNS Server ( Domain name system server) DNS

server có nhiệm vụ phân giải domain thành ip của server chứa tài nguyên ( Source code) của

website ứng với domain đó.

¢ Sau khi nhận được IP, trình duyệt sẽ tiếp tục gửi yêu cầu truy xuất thông tin củawebsite đến web server thông qua IP đã nhận được

$ Khi web server nhận được yêu cầu truy xuất nội dung website từ trình duyệt, ngaylập tức server sẽ xử lý thông tin và trả về nội dung website theo yêu cầu( server sẽ gửi về một

tập hợp các file bao gồm HTML/CSS, các tập tin đa phương tiện, như hình ảnh, video, nếu

có)

¢ Sau khi nhận được tài nguyên mà web server phản hồi, trình duyệt sẽ render nóthành giao diện website mà chúng ta nhìn thấy trên màn hình

1.2.4 Tổng quan về website thương mại điện tử

1.2.4.1 Khái niệm về website thương mại điện tử

Thương mại điện tử ( Electronic commerce - EC or E.Commerce) là một khái niệm

được dùng dé mô tả quá trình mua và bán hoặc trao đổi sản phẩm, dich vụ và thông tin thông

qua mạng máy tính, ké cả Internet Thuật ngữ “Thương mại (Commerce) ” được nhiều người

hiểu là một số giao dịch được thực hiện giữa các đối tác kinh doanh Vì vậy, TMĐT cũng

thường được hiểu theo nghĩa hẹp là mua và bán trên mạng, hay mua bán thông qua các

phương tiện điện tử.

Website TMĐT là những website được thành lập với mục dich tiện lợi cho việc tham

khảo thông tin và mua bán hàng online mọi lúc, mọi nơi trên thế giới thông qua việc thanh

toán trực tuyến Tuy nhiên, nhiều người vẫn lầm tưởng rằng chỉ những website bán hàng nào

có giao dịch mua bán trực tuyến, tức là những website có giỏ hàng, trang thanh toán, trang đặt

hàng thì mới là một trang web TMĐT Như thé, có thé hiểu một cách đơn giản, các website

được thiết lập và vận hành, có thực hiện một phần hoặc toàn bộ các nghiệp vụ liên quan đến

thương mại như: giao dịch bán hàng giới thiệu/ trưng bày sản phẩm, giới thiệu dịch vụ/ công

ty, quảng cáo, giao dịch hợp đồng đều là hình thức website TMĐT.

1.2.4.2 Đặc điểm của website thương mại điện tử

Chuyén đổi từ website có giao điện cũ sang một website TMĐT chuyên nghiệp đang

là xu hướng thu hút rất nhiều doanh nghiệp hiện nay Có thé kê đến một vài đặc điểm của các

website TMĐT nổi bật hơn so với các website thông thường:

e Hình anh và video trực quan, chất lượngHình ảnh hay video trực quan về sản phẩm là thứ rất quan trọng bởi nó là thứ kháchhàng muốn nhìn thấy đầu tiên khi tìm kiếm trên một website TMĐT Vậy nên, các trang

website TMĐT đều có chức năng hién thị phần hình ảnh trực quan với tỷ lệ load ảnh nhanh

chóng dé thu hút khách hang và dé khách hàng không phải chờ đợi

e Cung cấp thông tin nhanh và chính xácYếu tô cơ bản và cũng là đặc điểm của website TMĐT nổi trội hon han là cung cấpcho khách hàng các thông tin về sản phẩm một cách nhanh, chính xác và đầy đủ nhất

Trang 23

Ở các website thương mại lớn, doanh nghiệp sẽ thiết lập câu trúc website rất rõ ràng

và khoa học dé người mua dé dàng tìm thấy sản phâm phù hợp một cách nhanh nhất Cấu trúc

đó được tích hợp các bộ loc tìm kiếm dé phân luồng rõ ràng các cấp độ như lọc theo giá cả,

theo độ phô biến, lọc theo thể loại, Nhờ vậy mà trải nghiệm mua sắm của khách hàng sẽ trở

nên đơn giản hơn.

e Tính năng giỏ hang yêu thích

Tính năng giỏ hàng yêu thích (wishlist) là tính năng giúp cho khách hàng lưu lại một

list các sản phâm Khách hàng luôn bị thu hút nhiều món hàng hơn so với danh sách mình cần

mua như thu hút bởi khuyến mại hay những đánh giá tốt mà mình cũng đang dự định sẽ

mua, Từ đó, nhiều khả năng doanh nghiệp sẽ bán thêm được sản phẩm, còn nêu khách hàng

không mua ngay thì cũng có thé quay lại vào những lần sau Tinh năng giỏ hàng yêu thích

không chỉ là một công cụ thuận tiện cho khách hàng mà còn là một chiến lược tiếp thị mạnh

mẽ để tạo ra một trải nghiệm mua sắm tích cực và duy trì mối quan hệ lâu đài với khách hàng

e Dễ dàng tương tác với người bán

Đặc điểm của website TMĐT khiến khách hàng cảm thấy yêu thích đó là sự tương táchai chiều một cách dé dang giữa bên bán và bên mua Các website TMĐT chuyên nghiệp hiện

nay đều trang bị phần mềm chat trực tuyến, một tinh năng hữu ich dé phía doanh nghiệp có

thể tư vấn và hỗ trợ khách hàng một cách nhanh nhất Bên cạnh đó, các website TMD có tích

hợp tính năng hỏi đáp, đánh giá và bình luận sản phẩm trực tiếp trên trang web giúp doanh

nghiệp nhanh chóng tạo được niềm tin từ phía khách hàng

e Hình thức thanh toán đa dạng

Ngày nay, thanh toán bằng tiền mặt gần như được thay thế bằng thanh toán qua thẻngân hang, mã QR, chuyền khoản nhanh chóng và tiện lợi Việc đa dạng trong hình thức

thanh toán cũng chính là ưu điểm vì nó tạo mọi điều kiện thuận lợi để người mua và người

bán có thể dé dàng thanh toán

1.2.4.3 Cấu trúc và tính năng của website thương mại điện tử

Cấu trúc của một website TMĐT phải được thiết kế sao cho người dùng có thé dédàng tìm kiếm, chọn mua sản phẩm và thực hiện thanh toán một cách thuận lợi Cấu trúc của

một số trang web TMĐT phổ biến thường thấy đề hoạt động hiệu quả bao gồm:

e Trang chủ: Slide Banner hiến thị các hình ảnh, quảng cáo chính của các sản phẩmnổi bật, chương trình khuyến mại và danh mục sản phẩm hoặc dịch vụ

e Danh mục sản phẩm: Mô tả chung về danh mục và các sản phẩm có trong danh

mục

e Trang chỉ tiết sản phẩm: Mô tả thuộc tính sản phẩm, hình ảnh hoặc video, thông tin

về giá , thông tin hàng còn trong kho, đánh giá của khách hàng

e Trang đăng nhập và đăng ký: Cung cấp chức năng đăng nhập nếu đã có tài khoản

hoặc đăng ký mới

e Trang giỏ hàng: Hiển thi tất cả các sản pham đã được thêm vào giỏ hàng, cho phépngười dung cập nhật số lượng và xóa sản phẩm trong giỏ hàng

e Trang thanh toán: Yêu cầu người dùng nhập thông tin giao hàng, phương thức

thanh toán.

Trang 24

e Trang tài khoản cá nhân: Hiền thị và quản lý thông tin cá nhân của người dùng, cho

phép người dùng xem lịch sử các đơn đã đặt hàng.

e Trang liên hệ: Hotline, email, chi nhánh của doanh nghiệp, form liên hệ,

Đề website TMĐT có thé tối đa hóa trải nghiệm khách hàng, website cần tích hợp các

tính năng ho trợ cá nhân hóa trải nghiệm khách hàng, phù hợp với hành vi mua săm của họ.

Có thê kê đên một vài tính năng phô biên:

e Quản lý danh mục sản phâm: Không giới hạn số lượng sản phẩm, điều hướng danh

mục đa lớp, bộ lọc tùy chỉnh và tiện ich mở rộng hồ trợ tăng chỉ sô SEO,

® Quan ly bán hang: Kiém soat don hang, thanh toan, van chuyén, nhan vién phu

trach.

e Quản lý khách hàng: Cập nhật thông tin khách hang, dang ký/đăng nhập qua các tài

khoản mạng xã hội như Facebook, Google,

e Quản lý marketing: Cài đặt các công cụ hỗ trợ như Google Analytics, Google Tag

Manager, Google AdWords

e Quan ly Nội dung: Tích hợp công cụ SEO, tùy chỉnh bố cục menu, nội dung

CMS

e Quản ly Tén kho: Sử dụng công cụ quản trị dé xử lý các đơn hang, quan lý tồn kho

và hệ thông phân phôi.

e Báo cáo và Phân tích hoạt động bán hàng dé phân tích hiệu quả insight khách hang,

dự báo két quả kinh doanh và dé xuât chiên lược kinh doanh

1.2.4.4 Các mô hình thương mại điện tử phổ bién

s* Mô hình TMĐT B2B

Mô hình TMĐT B2B (Business-to-Business) là một hình thức kinh doanh điện tử trong đó các giao dịch thương mại xảy ra giữa các doanh nghiệp Trong mô hình này, các

công ty sử dụng trang web hoặc các nền tảng trực tuyến để mua và bán sản phẩm, dịch vụ,

hoặc thông tin giữa chúng Mô hình website TMĐT B2B thường được biết đến nhiều nhất

hiện nay như: Amazon, Taobao,

% Mô hình TMĐT B2C

Mô hình TMĐT B2C (Business-to-Consumer) là một hình thức kinh doanh điện tử

trong đó doanh nghiệp bán trực tiếp sản phẩm, dịch vụ hoặc thông tin cho người tiêu dùng

Trong mô hình này, các giao dịch thương mại xảy ra giữa doanh nghiệp và khách hàng cá

nhân Một số ví dụ về trang website TMĐT vận hành theo mô hình B2C nồi tiếng hiện nay:

Lazada, Shopee, Bách hóa xanh,

“ Mô hình TMĐT C2C

Mô hình TMĐT C2C (Consumer-to-Consumer) là một hình thức kinh doanh điện tửtrong đó các giao dịch thương mại xảy ra giữa các người tiêu dùng cuối cùng Trong mô hình

này, các cá nhân bán hàng và mua hàng trực tiếp từ nhau thông qua các nền tảng TMĐT hoặc

các kênh trung gian khác trên Internet Đây thường là một hình thức thương mại giữa các cá

nhân thay vì giữa doanh nghiệp và người tiêu dùng hoặc giữa các doanh nghiệp Một số ví dụ

về trang website TMĐT vận hành theo mô hình C2C như: chotot.com, raovat.net,

Trang 25

“ Mô hình TMĐT B2G

Mô hình TMDT B2G (Business-to-Government) là một hình thức kinh doanh điện tử

mà doanh nghiệp cung cấp sản phẩm, dịch vụ, hoặc thông tin cho các tổ chức hoặc cơ quan

chính phủ Trong mô hình nảy, giao dịch thương mại xảy ra giữa doanh nghiệp và chính phủ.

Mô hình B2G thường có nhiều dạng khác nhau, bao gồm cả việc cung cấp sản phẩm và dịch

vụ cho cấp quốc gia, cấp thành phố hoặc cấp địa phương.So với các mô hình TMĐT khác,

B2G tại Việt Nam chưa thực sự phổ biến bởi hệ thống mua bán của chính phủ chưa được đầu

tư và phát trién.

1.3 Khả năng tích hợp Chatbot vào website thông qua Plugins

Tích hợp chatbot qua plugin là một phương pháp phô biến để triển khai chatbot vàocác nền tang, ứng dung hoặc trang web hiện có mà không cần xây dung từ dau Plugin chatbot

cung cấp một cách nhanh chóng và tiện lợi để tích hợp chatbot vào hệ thống hiện tại mà

không yêu cầu kiến thức kỹ thuật sâu

Một plugin chatbot thường cung cấp các tính năng cần thiết để tương tác với ngườidùng, bao gồm khả năng nhận và phản hồi các tin nhăn, xử lý yêu cầu và cung cấp thông tin

Plugin cũng có thể hỗ trợ tích hợp với các hệ thống và dịch vụ bên ngoài, giúp chatbot truy

xuất thông tin từ nguồn dữ liệu khác nhau

Việc tích hợp chatbot qua plugin thường đơn giản và trực quan Người dùng chỉ cầncài đặt plugin vào nền tảng, ứng dụng hoặc trang web của mình và tùy chỉnh cấu hình theo

nhu cầu Một số plugin cung cấp giao diện quản lý dé dé dàng tạo và quản lý các câu hỏi, câu

trả lời và luồng trò chuyện của chatbot

Một số phương pháp phổ biến khi tích hợp Chatbot vào website thông qua Plugins như sau:

e Sử dụng plugins Chatbot : Có nhiều plugin chatbot có sẵn cho các nền tang websitephô biến như WordPress, Shopify, hay Drupal Tìm và cài đặt một plugin chatbot phù hợp với

nền tang website của bạn, sau đó làm theo hướng dẫn dé tích hợp chatbot vào trang web.

e Sử dụng mã nhúng ( Embed code): Nhà cung cấp chatbot thường cung cấp mã nhúng (embed code) mà bạn có thé sao chép và dán vào mã nguồn của trang web Điều này

cho phép chatbot hiên thị trực tiếp trên trang web của bạn

e Tích hợp qua phan mở rộng (extension): Nếu bạn đang sử dụng một hệ thống quan

lý nội dung (CMS) như WordPress, có thể tìm kiếm và cài đặt các phần mở rộng (extension)

được phát triển riêng cho chatbot Các phần mở rộng này cung cấp tích hợp dễ dang và linh

hoạt, thường đi kèm với các tùy chọn tùy chỉnh.

e Sử dụng công cụ tích hợp Chatbot: Một số công cụ quản lý chatbot cho phép ban

tạo và tùy chỉnh chatbot trên nền tang của họ và sau đó cung cấp mã nhúng hoặc plugin dé

tích hợp vào trang web của bạn.

e API tùy chỉnh : Nếu bạn có kỹ năng lập trình, ban cũng có thé sử dung API chatbot

đưa ra bởi nhà cung cấp dé tạo ra một tích hợp tùy chỉnh với trang web của bạn

Lợi ích khi tích hợp Chatbot qua Plugins:

e Tiết kiệm thời gian và chi phí : Việc sử dung plugin chatbot giảm đáng kề thời gian

và chỉ phí so với việc xây dựng chatbot từ đầu Bạn không cần phải là một nhà phát triển

chuyên nghiệp đề triển khai một chatbot hoạt động

Trang 26

® Dễ dàng tích hợp và cấu hình : Các plugin thường cung cấp giao diện trực quan va

dễ sử dụng, giúp bạn tích hợp và cấu hình chatbot một cách đơn giản Người dùng không cần

kiến thức kỹ thuật sâu dé bắt đầu sử dụng chatbot trên trang web của minh

e Khả năng tùy chỉnh giao diện và trải nghiệm người dùng : Plugin chatbot thường

cung cấp tùy chọn tuỳ chỉnh giao diện dé bạn có thể tích hợp chatbot một cách hài hòa với

thiết kế của trang web Bạn có thể điều chỉnh màu sắc, biểu tượng, font chữ và nhiều yếu tố

khác dé phản ánh thương hiệu của bạn

e Giao diện quản lý đơn giản : Giao diện quan lý của plugin giúp ban dé dàng thực

hiện các tùy chỉnh, quản lý câu hỏi, câu trả lời, và quản lý luồng trò chuyện mà không cần

kiến thức kỹ thuật sâu

e Phản hồi và thống kê hiệu suất : Các plugin thường tích hợp tính năng thu thập

phản hồi từ người dùng, giúp bạn đánh giá hiệu suất của chatbot và cải thiện trải nghiệm

người dùng theo thời gian.

e Tương thích với nền tảng phố biến : Các plugin chatbot thường được phát triển détương thích với các nền tảng phô biến như WordPress, Shopify, hay Drupal, giúp bạn tích hợp

chatbot một cách linh hoạt trên nhiều hệ thống.

e Hỗ trợ tích hợp ngoại vi và dịch vụ bên ngoài : Plugin chatbot thường hỗ trợ tích

hợp với các hệ thống va dich vụ bên ngoài như CRM, giúp chatbot truy xuất thông tin từ

nhiều nguồn dữ liệu khác nhau

e Tích hợp tự động và thông báo : Plugin cung cấp khả năng tích hợp chatbot tự động

và gửi thông báo dé thông báo cho người dùng về sự kiện, ưu đãi hay thông tin quan trong

một cách tự động.

1.4 Phân tích dữ liệu và khách hàng thông qua Chatbot

Nghiên cứu về cách thu thập và phân tích dữ liệu từ tương tác với khách hàng thông qua chatbot là một lĩnh vực quan trong dé hiểu và tận dụng thông tin từ tương tác người dùng.

Một số phương pháp và khía cạnh quan trọng trong việc thu thập và phân tích dữ liệu

từ chatbot như sau:

- Thu thập đữ liệu: Chatbot có thé thu thập đữ liệu từ tương tác với khách hang thôngqua các hộp thoại và câu trả lời Dữ liệu này có thể bao gồm thông tin người dùng, câu hỏi,

yêu cau, phản hồi từ chatbot và nhiều thông tin khác Các phương pháp thu thập dữ liệu có thé

là lưu trữ các thông tin trong cơ sở dữ liệu, ghi lại lịch sử tương tác hoặc sử dụng các công

nghệ như API dé truy xuất dữ liệu từ chatbot

Dữ liệu thu thập từ chatbot cần được phân tích để tìm hiểu hành vi và nhu cầu củakhách hàng Các phương pháp phân tích dữ liệu bao gồm:

e Phân tích từ khóa: Xác định các từ khóa quan trọng xuất hiện trong tương tác déhiểu về các chủ đề phổ biến và nhu cầu của khách hàng

e Phân tích ngữ cảnh: Nắm bắt ngữ cảnh của tương tác dé hiểu rõ hơn ý định và mục

Trang 27

e Phân tích tâm lý: Đánh giá cảm xúc, tâm trạng va hai lòng của khách hang từ tươngtác dé đo lường chất lượng dịch vụ

e Phân tích xu hướng: Xác định xu hướng tương tác và những thay đổi theo thời gian

dé phat hiện thông tin hữu ich va cai thiện dich vu

Dữ liệu đã thu thập va phân tích từ chatbot có thé được ứng dung dé trải nghiệm cảithiện khách hàng, tối ưu hóa quy trình, tạo ra nội dung và chăm sóc khách hàng tốt hơn Ví

dụ, đữ liệu có thể được sử dụng dé tạo ra câu trả lời tự động thông qua máy học, tạo ra báo

cáo và phân tích để đưa ra quyết định chiến lược và cải thiện dịch vụ khách hàng

1.5 Kết chương

Chương | đã trình bay cơ sở lý thuyết về Chatbot, cơ sở lý thuyết về thiết kế Website,

nghiên cứu khả năng tích hợp ChatBot vào Website thông qua plugins Tích hợp Chatbot vào

Website mang lại lợi ích cho cả người dùng và doanh nghiệp Đối với người dùng Chatbot có

thé trả lời câu hỏi, cung cấp thông tin và giải quyết các van dé cụ thé một cách nhanh chóng

và chính xác Điều này giúp tiết kiệm thời gian và công sức cho người dùng, đồng thời tạo ra

một trải nghiệm tương tác trực tuyến thuận tiện và dễ dàng truy cập Đối với doanh nghiệp,

Chatbot có khả năng xử lý một lượng lớn yêu cầu và truy vấn từ người dùng một cách đồng

thời và liên tục Điều này giúp giảm tải cho nhân viên hỗ trợ và tăng cường khả năng phục vụ

Trang 28

ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC CHƯƠNG 2: PHÁT TRIEN WEBSITE TÍCH

HỢP

CHATBOT HỖ TRỢ MUA BAN SAN PHAM NONG SAN

CHUONG 2: PHAT TRIEN WEBSITE TÍCH HỢP CHATBOT HO TRỢ MUA

BAN SAN PHAM NONG SAN

2.1 Tóm tắt bài toán và mục tiêu

Website hướng đến nhóm đối tượng người dùng rộng rãi, là những người có nhu cầuquan tâm và mua sắm thực pham có thông tin xuất xứ và nguồn gốc rõ ràng, được kiểm định

vệ sinh an toàn thực phâm và chất lượng đảm bảo

Mục tiêu hàng đầu của thiết kế website bán hàng nông sản là giới thiệu doanh nghiệp,sản phẩm đến với khách hàng và bước đầu tạo dựng hình ảnh thương hiệu của doanh nghiệp

Việc xây dựng một trang thương mại nông sản giúp khách hàng có thể nhận diện thương hiệu

của doanh nghiệp nhanh hơn rất nhiều so với hình thức kinh doanh truyền thống Thông qua

website nông sản, doanh nghiệp có thể đưa các nội dung liên quan đến lịch sử hình thành,

hoạt động, thành tựu, các chứng chỉ đã đạt được, tiêu chuẩn chất lượng của sản phẩm đến với

khách hàng hiệu quả hơn

2.2 Một số công nghệ, công cụ phần mềm sử dụng trong bài

2.2.1 Các công cụ hỗ trợ dựng giao diện Frontend

2.2.1.1 ReactJS

e Giới thiệu chung về ReactJS

React Js là một thư viện chứa nhiều JavaScript mã nguồn mở được Facebook xâydựng và phát triển, dùng dé xây dựng giao điện người dùng (UI) có tính tương tác cao, có

trạng thái và có thể sử dụng lại được Hầu hết các tính năng hay sức mạnh của ReactJS

thường bắt đầu từ việc tập trung vào các phần riêng lẻ Do đó thay vì làm việc trên toàn bộ

ứng dụng của website thì ReactJS lại cho phép các nhà phát triển phá vỡ giao diện phức tạp

của người dùng trở nên đơn giản hơn nhiều Điều này có nghĩa là các Render dit liệu không

chỉ được thực hiện ở vị trí server mà còn có thé thực hiện ở vị tri Client khi sử dụng ReactJS

e Các thành phần chính của ReactJs:

“ Redux

Redux là một công cụ quan lý trạng thai.Trong một ReactJS không có các modulechuyên dụng dé xử lý dữ liệu nên nó được thiết lập một cách độc lập bằng việc chia nhỏ view

thành các thành phần khác nhau giúp chúng liên kết chặt chẽ với nhau tốt hơn Sự liên kết và

các mối quan hệ giữa các component trong ReactJS cần được quan tâm đặc biệt bởi chỉ có

một luồng đữ liệu duy nhất là luồng đữ liệu từ cha sang con Việc sử dụng luồng đữ liệu một

chiều này có phần khó khăn đối với những người mới tìm hiểu sử dụng và ứng dụng vào các

dự án Bên cạnh các mặt hạn chế, ReactJS có thê phát huy được tất cả chức năng cũng như vai

trò của mình trong quá trình sử dụng cơ chế một chiều này

“ Virtual Dom

Virtual Dom là một phan quan trong mà hau như các framework đều sử dung nónhư một ReactJS Người dùng không cần thao tác trực tiếp trên Dom mà vẫn có thé thay được

view và các thay đổi đó Bởi Virtual Dom đóng vai trò là một model và kiêm cả vai trò là một

view nên sự thay đổi một trong hai nhân tố sẽ kéo theo các nhân tố khác thay đôi Ngược lai,

Trang 29

HỢP

néu ban không thao tác trực tiếp trên các phân tử Dom, bạn vẫn có thê thực hiện được các cơ

chế Data Binding

React được xây dựng xung quanh các component, chứ không dùng template như

các framework khác Trong React, chúng ta xây dựng trang web sử dụng những thành phần

(component) nhỏ Chúng ta có thể tái sử dụng một component ở nhiều nơi, với các trạng thái

hoặc các thuộc tính khác nhau, trong một component lại có thể chứa thành phần khác Mỗi

component trong React có một trang thái riêng, có thé thay đổi va React sẽ thực hiện cập nhật

component dựa trên những thay đổi của trạng thái Mọi thứ React đều là component Chúng

giúp bảo trì mã code khi làm việc với các dự án lớn Một react component đơn giản chỉ cần

một method render Có rất nhiều methods khả dụng khác, nhưng render là method chủ đạo

Props giúp các component tương tac với nhau, component nhận input gọi là props, va trả

thuộc tính mô tả những gì component con sẽ render State thể hiện trạng thái của ứng dụng,

khi state thay đổi thi component đồng thời render lại dé cập nhật UI

e Ưu và nhược điểm của ReactJS

¢ Ưu điểm:

- Hiệu suất cao:

ReactJS sử dụng một cơ chế gọi là Virtual DOM (DOM ảo) dé quan ly va cap nhatgiao diện người dùng Thay vi cập nhật toàn bộ DOM, React chỉ cập nhật các phần tử thay đổi

trong DOM ảo và sau đó áp dụng các thay đổi này vào DOM thực tế Điều này giúp cải thiện

hiệu suất ứng dụng và tăng tốc độ render.

- Quản lý trang thái dé dàng:

ReactJS sử dụng khái niệm "state" để lưu trữ và quản lý trạng thái của các thànhphan Việc quản lý trạng thái trở nên dé dàng và dé hiểu, giúp phát triển ứng dụng một cách rõ

ràng và dé bảo trì

- Tái sử dụng thành phan:

ReactJS cho phép tái sử dụng các thành phan giao diện người dùng Bạn có thé tao

ra các thành phần độc lập và sử dụng chúng trong nhiều vị trí khác nhau trong ứng dụng của

mình Điều này giúp tăng tính mô-đun và giảm lượng mã lặp lại, giúp việc phát triển và bảo

trì trở nên dé dàng hơn.

- Debug dé dàngFacebook da phat hanh 1 Chrome extension dung trong viéc debug trong

quá trình phát triển ứng dụng Điều đó giúp tăng tốc qua trình release san pham

cũng như quá trình coding

- Render tang serverMột trong những van đề với các ứng dụng đơn trang là tối ưu SEO va thời gian taitrang Nếu tat cả việc xây dựng và hiển thị trang đều thực hiện ở client, thì người dùng sẽ phải

chờ cho trang được khởi tạo và hiển thi lên Điều này thực tế là chậm ReactJs là một thư viện

component, nó có thé vừa render ở ngoài trình duyệt sử dung DOM và cũng có thé render

bằng các chuỗi HTML mà server trả về

- Có thé sử dụng cho cả Mobile application

Trang 30

HỢP

Hau hết chúng ta đều biết rang ReactJs được sử dung cho việc lập trìnhwebsite, nhưng thực chất nó được sinh ra không chỉ làm mỗi đều đó Với ReactNative — một framework khác được phát triển cũng chính Facebook, các lập trình viên có thé

phát triển các ứng dụng mobile một cach dé dang

trước, giúp xây dựng và tùy chỉnh giao diện một cách dễ dàng và linh hoạt

Tailwind CSS có một bộ sưu tập lớn các lớp CSS tiện ích, như các lớp để định dạngmàu sắc, kích thước, độ rộng, căn chỉnh, đồ bóng và nhiều hơn nữa Bạn có thể sử dụng các

lớp này trực tiếp trong tệp HTML của mình để tạo các kiểu giao điện một cách nhanh chóng

mà không cần phải viết CSS tùy chỉnh

Khác với các framework CSS truyền thống như Bootstrap hay Foundation, TailwindCSS không tập trung vào việc cung cấp các thành phần giao điện sẵn có như nút, biểu mẫu

hay thanh điều hướng Thay vào đó, nó tập trung vào việc cung cấp các lớp CSS tiện ích

(utility classes) giúp xây dựng các giao diện tùy chỉnh theo ý muốn

e Các thành phần chính của Tailwind

“+ Extracting components

Extracting components là một quá trình trích xuất các class tiện ích thành các classmới Tailwind cung cấp cho chúng ta một chức năng rất hữu ích cho việc này Với từ khóa

“@apply”, chúng ta có thé tùy chỉnh sử dụng được những class built-in của framework trong

một class mới và thoải mái sử dụng lại nó như thể nó là một class Tailwind giống như bất kỳ

class nào khác Điều này giải quyết được vấn đề cồng kềnh HTML với các class tiện ích và tái

sử dụng được CSS.

s% Responsive

Mỗi class của Tailwind đều có hành vi responsive của nó, giúp dễ dàngresponsive nhanh chóng các class mà không cần style lại Tailwind cung cấp mộtphương thức đơn giản để đưa các lớp tiện ích đã có vào một bối cảnh responsive đó là sử

dụng tiền tố {screen}:{class} Nhờ đó, có thé dé dang hon trong việc xây dựng giao điện

người dùng thích ứng với mọi thiết bị Mỗi class utility trong tailwind có thể được áp dụng có

điều kiện các điểm breakpoints khác nhau

Trang 31

HỢP

“ Flexbox

Khi so sánh khả nang responsive với Bootstrap có lẽ còn một tiện ích thiếu ở Tailwind

đó là Grid Tailwind không đi kèm class Grid cho chúng ta, tuy nhiên ta vẫn có thể làm điều

tương tự bằng Flexbox Với Tailwind, ta hoàn toàn có thể tạo ra các flexbox theo ý muốn,

hoặc kết hợp với responsive đề xây dựng được giao diện mong muốn

“ Designed to be customized

Nếu người muốn tùy chỉnh các thuộc tính cho phù hợp với design, Tailwind cho phépngười dùng có thể làm điều đó Bạn có thể tùy chỉnh lại màu sắc, font size, spacing utilities,

breakpoints, shadows, Tailwind được viết bằng PostCSS và được cấu hình bằng JavaScript,

có nghĩa là người dùng hoàn toàn có thé làm chủ được những thuộc tinh của từng class mà họ

muốn Mặc định, khi cài đặt Tailwind, nó sẽ cung cấp một tệp cấu hình là tailwind.config.js

được đặt trong thư mục gốc của dự án, người dùng có thê tùy chỉnh lại file này sao cho phù

hợp với nhu cầu của mình Không giống như các Framework CSS khác, cấu hình Tailwind là

không phụ thuộc Do đó, bất kỳ lớp tiện ích nào cũng có thê bị xóa mà không ảnh hưởng đến

phần còn lại của cấu hình.

e Ưu, nhược điểm của Tailwind

¢ Uu điểm:

- Tiết kiệm thời gian: Tailwind CSS cung cấp một tập hợp rất lớn các lớp CSS tiệních, cho phép áp dụng các kiểu giao điện một cách nhanh chóng

- Dễ học và sử dụng: Tailwind CSS có một cú pháp đơn giản và dé hiểu

- Tùy chỉnh linh hoạt: có thé tùy chỉnh các giá trị mặc định dé phù hợp với thiết kế vaphong cách của dự án

- Hỗ trợ responsive mạnh mẽ: Tailwind CSS cung cấp hỗ trợ responsive tốt

- Tối ưu hóa kích thước file CSS: Tailwind CSS tích hợp với PurgeCSS, một công cụgiúp loại bỏ các kiểu CSS không sử dụng trong ban build sản pham

- Hệ sinh thái mở rộng: Tailwind CSS có một cộng đồng phát triển đông dao và năng

động

$ Nhược điểm:

- Kích thước file CSS lớn: Tailwind CSS cung cấp một tập hợp rất lớn các lớp CSStiện ích Khi sử dụng toàn bộ các lớp này, kích thước file CSS có thể trở nên khá lớn Điều

này có thê làm tăng thời gian tải trang và lưu lượng mạng yêu cầu

- Phức tạp và rườm rà: Một số người cho rằng Tailwind CSS có cú pháp phức tạp vàrườm rà hơn so với việc viết CSS tùy chỉnh hoặc sử dụng các framework CSS khác

- Khả năng tái sử dụng giới hạn: Tailwind CSS dựa trên việc sử dụng các lớp CSS

tiện ích, điều này có thể làm giảm khả năng tái sử dụng mã CSS

- Độ phức tạp của quản lý dự án: Với số lượng lớp CSS tiện ích lớn, quản lý các lớp

và tùy chỉnh trong dự án có thé trở nên phức tạp Đặc biệt đối với các dự án lớn và đội ngũ

phát triển lớn, việc đảm bảo sự nhất quán và quản lý mã nguồn có thé trở thành một thách

thức.

Trang 32

HỢP

2.2.2 Nghiên cứu, tim hiểu xây dựng website phía Backend

2.2.2.1 NodeJS

e Giới thiệu chung về NodeJS

NodeJS là một môi trường runtime chạy JavaScript đa nền tang và có mã nguồn mở, được sử dụng dé chạy các ứng dụng web bên ngoài trình duyệt của client Nền tảng nay được

phát triển bởi Ryan Dahl vào năm 2009, được xem là một giải pháp hoàn hảo cho các ứng

dụng sử dụng nhiều đữ liệu nhờ vào mô hình hướng sự kiện (event-driven) không đồng bộ

Nodejs có tốc độ xử lý rất nhanh do được xây dựng dựa trên engine JavaScript V8 của Google Chrome Với hon 50,000 package khác nhau, các nhà phát triển có thé dé dang lựa

chọn bắt kỳ tính năng nào để xây dựng cho ứng dụng của mình Mọi API của Node.JS đều có

tính không đồng bộ (non-blocking), do đó một server dựa trên Node.JS không cần phải đợi

API trả về dit liệu Node.JS giúp tiết kiệm thời gian xử lý file khi cần upload âm thanh hoặc

video vì các ứng dụng này không bao giờ buffer dit liệu mà chỉ xuất dữ liệu theo từng phan

(chunk) Node.JS sử dụng mô hình đơn luồng với vòng lặp sự kiện Do đó các ứng dụng có

thé xử lý số lượng request lớn hơn rất nhiều so với các server truyền thống như Apache HTTP

Server.

e Đặc điểm chính của NodeJS

¢ Khác với hầu hết các chương trình Javascript, NodeJs không chạy trên một trìnhduyệt mà chạy trên Server NodeJs sử dụng nhiều chỉ tiết kỹ thuật của CommonJS Nó cung

cấp một môi trường REPL cho kiểm thử tương tác

NodeJs được sử dụng dé xây dựng các ứng dung web như các trang video clip, cácforum và đặc biệt là trang mạng xã hội phạm vi hẹp NodeJs là một mã nguồn mở được sử

dụng rộng bởi hàng ngàn lập trình viên trên toàn thế giới Nó có thé chạy trên nhiều nền tảng

hệ điều hành khác nhau từ Window cho tới Linux, OS X nên đó cũng là một lợi thế NodeJs

cung cấp các thư viện phong phú ở dạng JavaScript Module khác nhau giúp đơn giản hóa việc

lập trình và giảm thời gian ở mức thấp nhất.

“ Khả năng, xử lý bất đồng bộ: Tất cả các API của NodeJs đều không đồng bộ

(none-blocking), nó chủ yếu dựa trên nền của NodeJs Server và chờ đợi Server tra dit liệu về Việc

di chuyển máy chủ đến các API tiếp theo sau khi gọi và cơ chế thông báo các sự kiện của

NodeJs giúp máy chủ dé có được một phan ứng từ các cuộc gọi API trước (Realtime) Nghia

là mỗi request gửi lên sẽ được cho vào một event-queue NodeJs sẽ chạy một vòng lặp để

duyệt event-queue này và lần lượt xử lý các request theo kiểu bất đồng bộ, giúp tiết kiệm về

ngăn chặn và làm cho máy chủ cao khả năng mở rộng như trái ngược với các máy chủ truyền

thống mà tạo dé hạn chế dé xử lý yêu cầu NodeJs sử dụng một chương trình đơn luồng và các

Trang 33

HỢP

chương trình tương tự có thê cung cấp dich vụ cho một số lượng lớn hon nhiều so với yêu cau

máy chủ truyền thống như Apache HTTP Server

e Ưu, nhược điểm của NodeJS

¢ Uu điểm:

- Hiệu suất cao: Node.js được xây dung trên JavaScript engine V8 của Google

Chrome, nó thực thi mã JavaScript nhanh chóng và hiệu quả Node.js sử dụng mô hình mã

chạy không đồng bộ (asynchronous) và sự kiện (event-driven), cho phép xử lý hàng ngàn yêu

cầu cùng một lúc mà không tốn nhiều tài nguyên hệ thống.

- Mã chung trên client và server: Với Node.js, bạn có thể sử dụng cùng một mãJavaScript để xây dựng cả phía máy chủ và phía máy khách (client) Điều này giúp giảm độ

phúc tap và tăng tính nhất quán trong việc phát triển ứng dụng

- Xử lý đồng thời và không chặn (non-blocking): Với sự hỗ trợ của event loop,Node.js có thể xử lý hàng ngàn kết nối đồng thời mà không gây chặn (blocking) cho các

luồng khác

- Hệ sinh thái mở và cộng đồng phát triển mạnh mẽ: Node.js có một cộng đồng lớn

và sôi nổi, với hàng ngàn module và thư viện được chia sẻ thông qua npm (Node Package

(blocking), nó có thể ảnh hưởng đến hiệu suất của toàn bộ ứng dụng

- Memory consumption (tiêu thụ bộ nhớ): Do Node.Js sử dụng mô hình mã chạy

không đồng bộ và event loop, nó yêu cầu một lượng bộ nhớ tương đối cao dé duy trì các kết

nối và quản lý các sự kiện Điều này có thể gây ra tiêu thụ bộ nhớ lớn hơn so với các môi

trường khác.

- Xử lý các tác vu đa luồng: Mặc dù Node.js có thé sử dụng các luồng khác (worker threads) dé xử lý các tác vụ đòi hỏi tính toán phức tạp, việc quan ly và đồng bộ hóa các luồng

này có thể trở nên phức tạp

- Quản lý phiên (session management): Node.js không cung cấp sẵn một cơ chế quản

lý phiên (session) tích hợp Điều này đòi hỏi phải sử dụng các thư viện bên thứ ba hoặc viết

mã tùy chỉnh để quản lý phiên trong ứng dụng

- Stabilization period (thời gian ổn định): Do Node.js là một công nghệ tương đốimới và phát triển nhanh, có thé có sự thay đổi và không tương thích ngược với các phiên ban

cũ hơn Điều này đòi hỏi sự chú ý và kiểm tra kỹ lưỡng khi nâng cấp phiên bản Node.js trong

một dự án.

Trang 34

HỢP

2.2.2.2 MongoDB

e Giới thiệu chung về MongoDB

MongoDB là một database hướng tai liệu (document), một dang NoSQL database Vi thê, MongoDB sẽ tránh câu trúc table-based cua relational database đê thích ứng với các tài

liệu như JSON có một schema rat linh hoạt gọi là BSON MongoDB sử dụng lưu trữ dữ liệu

dưới dang Document JSON nên mỗi một collection sẽ các các kích cỡ và các document khác

nhau Cac dữ liệu được lưu trữ trong document kiểu JSON nên truy vấn sẽ rất nhanh

e Đặc điểm chính của MongoDB

“ Mongodb chính là một database hướng tài liệu, nên khi đó moi dữ liệu sẽ được lưu

trữ trong document theo kiểu JSON thay vì lưu theo dang bảng như CSDL quan hệ nên việc

truy cập vấn sẽ nhanh chóng hơn

Với các CSDL quan hệ thì chúng ta sẽ có khái niệm bảng, khi đó các cơ sở dữ liệu

quan hệ sẽ sử dụng các bảng dé có thể lưu trữ dữ liệu, còn với Mongodb thì ban cần phải sử

dụng khái niệm collection thay cho bảng.

$ Mongodb chính là một hệ quản trị cơ sở dir liệu mà trong đó mã nguồn mở là

CSDL thường thuộc NoSal và được hàng triệu người sử dụng.

So với RDBMS thì trong Mongodb collection thường sẽ ứng với table, còn

document sẽ tương ứng với row MongoDB sẽ sử dụng các document dé thay cho row trong

thay đối cấu trúc dit liệu trong quá trình phát triển ứng dụng.

- Tính mở rộng và phân tan: MongoDB được thiết kế dé mở rộng dé dàng và phântán trên nhiều máy chủ

- _ Hiệu suất cao: MongoDB được xây dựng dé cung cấp hiệu suất cao và khả năng mởrộng Với việc sử dụng các cấu trúc dữ liệu linh hoạt và việc lưu trữ di liệu đưới dạng tải liệu

(document), MongoDB có thé cung cấp tốc độ truy van nhanh và xử lý tải cao

- Truy vấn mạnh mẽ: MongoDB cung cấp một ngôn ngữ truy van mạnh mẽ và linhhoạt gọi là MongoDB Query Language (MQL) MQL cho phép thực hiện các truy vấn phức

tạp, sắp xếp, lọc và thống kê dữ liệu một cách dé dàng

Nhược điểm:

Trang 35

HỢP

- Tiêu thụ tài nguyên: MongoDB tiêu thụ nhiều tài nguyên hệ thông hon so với một

số hệ quan tri cơ so đữ liệu quan hệ truyền thống.

- Không hỗ trợ giao transaction: Trước phiên bản MongoDB 4.0, MongoDB không

hỗ trợ giao transaction qua nhiều bản ghi

- Rui ro mất dit liệu: Mặc dù MongoDB có các tính năng như sao lưu và khôi phục

dữ liệu, nhưng trong một môi trường phân tán và có nhiều bản sao đữ liệu, có thể xảy ra rủi ro

mắt dữ liệu nếu không được cau hình và quan ly đúng

2.3 Phân tích thiết kế hệ thống tích hợp Chatbot vào Website hỗ trợ mua bán

nông sản

2.3.1 Phát biểu bài toán

2.3.1.1 Mô tả tổng quan về hệ thong

Hệ thống website TMĐT bán các sản phẩm nông sản là một hệ thống website được tạo

ra với mục đích phục vu, mang lại lợi ích cho doanh nghiệp va người tiêu dùng Đối với

doanh nghiệp, website được tao ra nhằm giới thiệu, quảng bá, tạo dựng hình ảnh thương hiệu,

giúp người quản trị quản lý các thông tin về sản phẩm, quản lý các đơn hàng, quản lý khách

hàng, từ đó tối ưu hóa các công việc quản lý và nâng cao hiệu quả kinh doanh Đối với

người tiêu dùng có nhu cầu tìm mua sản phẩm, website được xây dựng dé cung cấp các thông

tin cho người dùng về các sản phẩm nông sản, đáp ứng nhu cầu tìm kiếm, so sánh giá cả,

feedback, giúp người tiêu dùng thực hiện phương thức mua bán trên mạng một cách dễ dàng

Hệ thống sẽ được chia làm hai phần : website dành cho khách hàng mua hàng (user)

và website đành cho người quan trị (administrator) Việc xây dựng hệ thống sẽ bat đầu từ việc

thu thập thông tin, nghiên cứu thị trường, từ đó xác định trang web cần có những gi, các chức

năng cơ bản cần có của trang web, những yêu cầu về giao điện, nhu cầu mong muốn thể hiện

trên trang web của từng đối tượng tham gia

2.3.1.2 Xác định người dùng

Đối với người dùng website, có 3 kiểu người dùng:

$ Kiểu người dùng là user không đăng nhập vào website : Khi truy cập vào websitexuất hiện trang chủ của website Người dùng có thể lướt web và xem các thông tin của

website bao gồm: thông tin về thương hiệu, thông tin về các chính sách và dịch vụ cửa hang,

thông tin về sản phẩm, tìm kiếm sản phẩm Tuy nhiên để dùng được một số chức năng nhất

định yêu cầu người dùng phải đăng nhập mới có thể sử dụng.

$ Kiểu người dùng là user đã đăng nhập vào website: Ngoài các chức năng như timkiếm, xem thông tin chi tiết về sản pham, cửa hang, người dùng còn có thé sử dụng các

chức năng giỏ hàng, đặt hàng, review sản phẩm ,thêm sản phẩm vào yêu thích

$ Kiểu người dùng là admin hệ thống: Dé truy cập vào website đòi hỏi người dingphải có tài khoản và đăng nhập thành công vào website Sau khi đăng nhập, người dùng có thê

sử dung các chức năng như quản lý danh mục sản phẩm, quản lý sản phẩm, quan lý don

hàng,

Trang 36

HỢP

2.3.1.3 Yêu cau về chức năng

Qua nghiên cứu và phân tích những yêu cầu về chức năng cần có của một websiteTMDT dé phục vụ doanh nghiệp và người tiêu dùng, website sẽ bao gồm các chức năng chính

theo vai trò của từng đối tượng tham gia vào website:

2.3.1.4 Yêu cau về phi chức năng

$ Về giao diện:

- _ Giao diện dé sử dụng, thân thiện với người dùng

- Thanh menu đơn giản

- Font chữ dé nhìn

¢ Về tinh tương thích:

- Tương thích với các trình duyệt phổ biến

- _ Tương thích trên màn hình của nhiều thiết bị : pc, laptop, tablet, mobile4% Về tính bảo mật:

- _ Có thông tin liên hệ

- An toàn bảo mật dir liệu

Trang 37

HỢP

2.3.2 Phan tich hé thong

2.3.2.1 Mô hình phát triển phan mém

Với yêu cầu hệ thống đòi hỏi khả năng thay đổi, cập nhật, điều chỉnh thường xuyên,phát triển liên tục và có thé đưa ra các tinh năng đến người dùng nhanh nhất

tác liên tục với khách hàng và khả năng thích ứng nhanh chóng với các yêu cầu thay đồi

Mô hình phát triển Agile tạo điều kiện cho sự linh hoạt, tương tác và phản hồi nhanhchóng trong quá trình phát triển phần mềm Nó giúp đảm bảo rằng sản phẩm phát triển đáp

ứng được nhu cầu thay đôi của khách hàng và mang lại giá trị cao nhất Trong mô hình phát

triển phần mềm Agile, quá trình phát triển được chia thành các chu kỳ ngắn gọi là "sprints"

hoặc "iterations" có thời gian từ 1 đến 4 tuần Mỗi sprint tập trung vào việc phát triển một

phần của hệ thống và tạo ra một phiên bản có thể chạy được

Quản lý backlog là một phần quan trọng trong Agile, trong đó yêu cầu và công việcđược liệt kê Backlog được ưu tiên theo thứ tự ưu tiên cao nhất và trong quá trình lập kế

hoạch sprint, các công việc được chọn từ backlog để thực hiện trong sprint tiếp theo.

Trang 38

HỢP

2.3.2.2 Kiến trúc man hình của hệ thong

Dựa theo yêu câu vê chức năng, hệ thông sẽ bao gôm các màn hình tương ứng như

Danh sách sản phẩm ———>| Chỉ tiếtsản phẩm =|» Chỉnh sửa sản phẩm

Trang đăng nhập | —————m| Bảng điều khiển >| Quản lý sản phẩm >| Thêm mới sản phẩm

- Trang đăng nhập: Là nơi bắt đầu vào hệ thống.

- Bảng điều khiển: Gồm Dashboard, Quản lý danh mục sản phẩm, Quan lý sản phẩm,

Quản lý đơn hàng, Thông tin tài khoản

Trang 39

HỢP

- Các giao diện chính: Dashboard, Danh mục san phâm, Quan lý sản pham, Quản ly

đơn hàng, Thông tin tài khoản

- Các tiêu mục cấp 1 gồm: Dashboard, Danh mục sản phẩm, Quan ly sản pham, Quan

ly đơn hàng, Thông tin tai khoản

- Các tiêu mục cấp 2 gồm: Thống kê sản phẩm, Thống kê danh mục sản phẩm, Thống

kê đơn hàng, Thống kê user, Danh sách banner, Thêm mới banner, Xóa banner, Danh sách

danh mục sản phẩm, Thêm mới danh mục sản phẩm, Xóa danh mục sản phẩm, Danh sách sản

phẩm, Thêm mới sản phâm, Xóa sản phâm, Danh sách đơn hàng, Chỉnh sửa thông tin

- Các tiêu mục cấp 3 gồm: Chỉ tiết danh mục sản phẩm, Chỉ tiết sản phẩm, Chỉ tiết đơnhàng.

- Các tiêu mục cấp 4 gồm: Chỉnh sửa danh mục sản phẩm, Chỉnh sửa san phâm, Thayđổi trạng thái đơn hàng

—>|Danh sách san phắm| ———>| 7899 a oon — Chỉ tiết sân phẩm = Đánh giá sản phẩm

F——————**‡| Giỏ hang —> Trang giỏ hang 4 Trang dat hang

c>| Trang đăng nhập

—>»| Trang dang ky

Trang chủ E——————*‡| Đăng nhập

>| Chỉnh sửa thông tin

Trang thông tin cá

hỗ 4 nhả A

Thong tin cá nhân nhân >) Danh sách đơn hang

Ly} Đổi mậtkhẩu

Chatbot tư van —m Chatbot tư vẫn

Hình 2 3 Kiến trúc màn hình hệ thông UserCác thành phần chính trên sơ đồ màn hình User bao gồm:

- Trang đăng nhập : Là nơi bắt đầu vào hệ thống

- Cac giao diện chính gồm: Danh sách sản phẩm, Giỏ hàng, Đăng nhập, Thông tin cá

nhân, Chatbot tư vấn

Trang 40

HỢP

- Cac tiêu mục cấp 1 gồm: Danh sách sản phâm, Giỏ hàng, Đăng nhập, Thông tin cá

nhân, Chatbot tư vấn

- Các mục tiêu cấp 2 gồm: Trang danh sách sản phẩm, Trang giỏ hàng, Trang đăng

nhập, Trang đăng ký, Trang thông tin cá nhân, Trang Chatbot tư vấn

- Cac mục tiêu cấp 3 gồm: Chi tiết sản phẩm, Trang đặt hàng, Chỉnh sửa thông tin,

Danh sách đơn hàng, Đồi mật khâu

- Cac mục tiêu cấp 4 gồm: Đánh giá sản phẩm

2.3.2.3 Lược đồ các khối ứng dụng

2.3.2.3.1 Usecase

System

Login

(la Delete Banner

Add/ Update! Delete

Payment

Lez Update/ Delete Order mủ

User Admin

Change Information

Hình 2 4 Usecase Hệ thongNhư mô tả trên hình, các trường hợp cần sử dụng gồm:

- Login: Đăng nhập hệ thống

- _ Add/ Update/ Delete Category: Thêm/ Sửa/ Xóa danh mục sản phẩm

Tiêu đề	Nghiên cứu ChatBot và tích hợp xây dựng website hỗ trợ mua bán sản phẩm nông sản
Tác giả	Nguyễn Thị Linh
Người hướng dẫn	PGS. TSKH Hoàng Đăng Hải
Trường học	Học viện Công nghệ Bưu chính Viễn thông
Chuyên ngành	Công nghệ đa phương tiện
Thể loại	Đồ án tốt nghiệp
Năm xuất bản	2023
Thành phố	Hà Nội

Định dạng
Số trang	94
Dung lượng	19,29 MB