Đồ án xây dựng website thương mại điện tử với chatbot tư vấn
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (5.45 MB, 91 trang )
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
BÁO CÁO ĐỒ ÁN 2
XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ
VỚI CHATBOT TƯ VẤN
Giảng viên hướng dẫn :
ThS. Trần Thị Hồng Yến
Sinh viên thực hiện 1 :
Trần Đoàn Phương - 19520230
Sinh viên thực hiện 2 :
Đỗ Đức Tâm - 19520253
Lớp
SE122.N11
:
TP HCM, tháng 12 năm 2022
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
BÁO CÁO ĐỒ ÁN 2
XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ
VỚI CHATBOT TƯ VẤN
Giảng viên hướng dẫn :
ThS. Trần Thị Hồng Yến
Sinh viên thực hiện 1 :
Trần Đoàn Phương - 19520230
Sinh viên thực hiện 2 :
Đỗ Đức Tâm - 19520253
Lớp
SE122.N11
:
TP HCM, tháng 12 năm 2022
2
3
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
ĐỀ CƯƠNG CHI TIẾT
TÊN ĐỀ TÀI:
XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ VỚI CHATBOT TƯ VẤN
Tên đề tài tiếng Anh:
BUILDING AN E-COMMERCE WEBSITE WITH CONSULTING CHATBOT
Cán bộ hướng dẫn: ThS. Trần Thị Hồng Yến
Thời gian thực hiện: Từ ngày 5/9/2022 đến ngày 31/12/2022
Sinh viên thực hiện:
Trần Đoàn Phương – 19520230
Đỗ Đức Tâm - 19520253
Nội dung đề tài:
1. Giới thiệu:
-
Trong suốt lịch sử phát triển của loài người, nhu cầu mua bán, trao đổi hàng hố
ln là một nhu cầu thiết yếu. Trước đây, hầu 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
dễ dàng hơn trong việc mua bán. Tuy nhiên, 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 đối với giới trẻ.
-
Có thể thấy nhiều ưu điểm vượt trội của mua sắm online so với mua trực tiếp truyền
thống:
o Nhanh chóng: chỉ mất vài thao tác để tìm được mặt hàng mình cần.
1
o Tiện lợi: không cần ra trực tiếp cửa hàng, có thể mua ở bất cứ đâu vào bất cứ
thời gian nào.
o Đa dạng mặt hàng: gần như có thể tìm thấy tất cả mặt hàng ở các trang
thương mại điện tử.
o Dễ dàng lựa chọn: có thể so sánh các sản phẩm dựa vào lượt đánh giá của
những người mua trước, dễ dàng cân nhắc khi mua sản phẩm.
o Giá tốt: vì sự cạnh tranh về giá trên các sàn thương mại điện tử rất cao nên
các sản phẩm thường có giá rẻ hơn hoặc bằng ngồi thị trường.
-
Hiện nay có rất nhiều website thương mại điện tử phổ biến tại Việt Nam như
Shopee, Tiki, Sendo, Lazada, ...
-
Nhận thấy tiềm năng phát triển của ngành thương mại điện tử, nhóm em mong
muốn tự tạo nên một website thương mại điện tử của riêng mình, đó là lí do chúng
em chọn đề tài này.
2. Mục tiêu:
- Xây dựng được một website thương mại điện tử đáp ứng các tiêu chí:
o Giao diện thân thiện, dễ sử dụng.
o Đáp ứng các tính năng cơ bản cần có của một website thương mại điện tử.
o Tích hợp chatbot tư vấn giúp dễ dàng hơn trong việc tra cứu thông tin.
3. Phạm vi:
Phạm vi môi trường:
o Triển khai sản phẩm đề tài trên môi trường web.
Phạm vi chức năng:
o Quản lý sản phẩm theo từng danh mục
o Tìm kiếm sản phẩm
o Quản lý tài khoản, thông tin khách hàng theo đối tượng
o Quản lý giỏ hàng, thanh toán
o Quản lý, tra cứu thơng tin đơn hàng
o Tích hợp chatbot tư vấn
2
o Tích hợp thanh tốn online
o Quản lý mã giảm giá
4. Đối tượng:
- Người bán có nhu cầu bán sản phẩm.
- Khách hàng có nhu cầu mua sản phẩm.
5. Phương pháp thực hiện:
- Trải nghiệm các website thương mại điện tử hiện có, từ đó phân tích, xác định các
tính năng cần triển khai.
- Nâng cấp, bổ sung tính năng từ sản phẩm Đồ án 1.
- Lập kế hoạch, phân cơng cơng việc cho các thành viên.
- Tìm hiểu cơng nghệ sẽ sử dụng.
- Triển khai xây dựng website theo đúng kế hoạch đã đề ra.
- Kiểm thử, phát hiện và sửa lỗi (nếu có).
- Báo cáo đồ án.
6. Cơng nghệ:
- Sử dụng MERN Stack để triển khai ứng dụng: MongoDB, ExpressJS, ReactJS,
NodeJS.
7. Kết quả mong đợi
- Tạo được một website với giao diện hiện đại, thân thiện và dễ sử dụng.
- Nâng cao trải nghiệm người dùng.
- Bổ sung thêm một số tính năng hữu ích.
- Nâng cấp chatbot để có thể hỗ trợ tra cứu thơng tin tốt hơn.
- Có tính tiến hố: có thể phát triển, mở rộng thêm các tính năng mới trong tương lai.
- Quá trình thực hiện đạt đúng tiến độ của mơn học.
Kế hoạch thực hiện:
Thời gian
Từ 05/09/2022 đến
Công việc thực hiện
Thành viên thực hiện
Trao đổi, thống nhất về các tính năng mới Cả 2 thành viên
3
17/09/2022
và quy trình thực hiện đồ án.
Từ 18/09/2022 đến
Tìm hiểu về công nghệ sử dụng: MongoDB,
18/10/2022
ExpressJS, ReactJS, NodeJS.
Từ 19/10/2022 đến
Lên ý tưởng thiết kế giao diện, vẽ bản phác
31/10/2022
thảo giao diện.
Cả 2 thành viên
Trần Đoàn Phương
Front-end: triển khai cài đặt màn hình Đăng
Từ 01/11/2022 đến
nhập, Đăng ký, và Trang chủ.
25/11/2022
Back-end: thiết lập cơ sở dữ liệu, thực hiện
Cả 2 thành viên
chức năng quản lý tài khoản.
Front-end: triển khai cài đặt các màn hình
Từ 26/11/2022 đến
10/12/2022
Quản lý tài khoản, Giỏ hàng, u thích,
Thanh tốn
Cả 2 thành viên
Back-end: thực hiện các chức năng quản lý
sản phẩm, giỏ hàng, u thích.
Trần Đồn Phương: triển khai các màn hình
cịn lại, bắt đầu ghép các phần cơng việc với
Từ 11/12/2022 đến
nhau.
24/12/2022
Đỗ Đức Tâm: tìm hiểu chatbot và cách thực
Cả 2 thành viên
hiện phương thức thanh tốn online, làm
báo cáo.
Trần Đồn Phương: Tiếp tục thực hiện
Từ 25/12/2022 đến
chỉnh sửa và hồn thành các tính năng.
31/12/2022
Đỗ Đức Tâm: kiểm tra lỗi.
Cả 2 thành viên
Sau cùng là deploy và hoàn thiện sản phẩm.
4
TP. HCM, ngày 21 tháng 02 năm 2022
Xác nhận của CBHD
Sinh viên
(Ký tên và ghi rõ họ tên)
(Ký tên và ghi rõ họ tên)
ThS. Trần Thị Hồng Yến
Trần Đoàn Phương
Đỗ Đức Tâm
5
MỤC LỤC
ĐỀ CƯƠNG CHI TIẾT..................................................................................................1
MỤC LỤC......................................................................................................................6
DANH MỤC HÌNH ẢNH..............................................................................................9
DANH MỤC BẢNG BIỂU..........................................................................................11
Chương 1.
GIỚI THIỆU ĐỀ TÀI...........................................................................14
1.1
Tên đề tài.........................................................................................................14
1.2
Lí do chọn đề tài..............................................................................................14
1.3
Mơ tả sản phẩm...............................................................................................14
1.4
Chức năng chính.............................................................................................14
1.5
Cơng nghệ sử dụng..........................................................................................16
1.6
Thơng tin nhóm...............................................................................................16
Chương 2.
CƠ SỞ LÝ THUYẾT............................................................................17
2.1
HTML.............................................................................................................17
2.2
CSS..................................................................................................................18
2.3
JavaScript........................................................................................................18
2.4
Thư viện React.JS...........................................................................................20
2.5
Node.JS...........................................................................................................22
2.6
Express.JS.......................................................................................................23
2.7
MongoDB........................................................................................................24
Chương 3.
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG..........................................25
3.1
Mơ hình hệ thống............................................................................................25
3.2
Sơ đồ Use-case................................................................................................26
3.3
Danh sách các use-case...................................................................................27
3.4
Đặc tả use-case................................................................................................27
3.4.1
Use-case “Đăng nhập”.............................................................................27
3.4.2
Use-case “Đăng ký”.................................................................................28
3.4.3
Use-case “Đăng xuất”..............................................................................29
3.4.4
Use-case “Quản lý thông tin cá nhân”.....................................................30
3.4.5
Use-case “Mua hàng”...............................................................................32
6
3.4.6
Use-case “Tra cứu đơn hàng”...................................................................33
3.4.7
Use-case “Bán hàng”................................................................................34
3.4.8
Use-case “Tra cứu đơn bán”.....................................................................35
3.4.9
Use-case “Quản lý thông tin sản phẩm”...................................................36
3.4.10
Use-case “Quản lý mã giảm giá”..........................................................37
Chương 4.
THIẾT KẾ DỮ LIỆU............................................................................39
4.1
Sơ đồ logic......................................................................................................39
4.1.1
Bảng “Account”.......................................................................................40
4.1.2
Bảng “Address”........................................................................................40
4.1.3
Bảng “Product”........................................................................................40
4.1.4
Bảng “Color”............................................................................................41
4.1.5
Bảng “ProductInCart”..............................................................................41
4.1.6
Bảng “ProductInFavorite”........................................................................42
4.1.7
Bảng “ProductInBill”...............................................................................42
4.1.8
Bảng “Bill”...............................................................................................42
4.1.9
Bảng “Evalute”.........................................................................................43
4.1.10
Bảng “DiscountCode”...........................................................................43
Chương 5.
THIẾT KẾ GIAO DIỆN.......................................................................44
5.1
Danh sách màn hình........................................................................................44
5.2
Chi tiết màn hình.............................................................................................46
5.2.1
Màn hình “Đăng nhập”............................................................................46
5.2.2
Màn hình “Đăng ký”................................................................................47
5.2.3
Màn hình “Trang chủ”..............................................................................48
5.2.4
Màn hình “Danh sách sản phẩm”.............................................................50
5.2.5
Màn hình “Chi tiết sản phẩm”..................................................................52
5.2.6
Màn hình “Giỏ hàng”...............................................................................53
5.2.7
Màn hình “Yêu thích”..............................................................................55
5.2.8
Màn hình “Yêu cầu đăng nhập”...............................................................56
5.2.9
Màn hình “Hồ sơ”....................................................................................57
5.2.10
Màn hình “Cửa hàng”...........................................................................58
5.2.11
Màn hình “Đơn mua”............................................................................59
5.2.12
Màn hình “Đơn bán”.............................................................................60
5.2.13
Màn hình “Tài khoản”..........................................................................61
7
5.2.14
Màn hình “Thêm sản phẩm”.................................................................62
5.2.15
Màn hình “Mã giảm giá”......................................................................64
5.2.16
Màn hình “Chi tiết đơn mua”................................................................65
5.2.17
Màn hình “Chi tiết đơn bán”.................................................................66
5.2.18
Màn hình “Sửa sản phẩm”....................................................................67
5.2.19
Màn hình “Thêm mã giảm giá”............................................................68
5.2.20
Màn hình “Cập nhật mã giảm giá”.......................................................68
Chương 6.
CHAT BOT TƯ VẤN..........................................................................70
6.1
Giới thiệu về chat bot FPT.AI.........................................................................70
6.1.1
Phạm vi và mục đích................................................................................70
6.1.2
Tổng quan về quy trình............................................................................71
6.2
Danh sách chức năng sử dụng.........................................................................71
6.3
Chi tiết chức năng...........................................................................................72
6.3.1
Kịch bản có sẵn........................................................................................72
6.3.2
Kịch bản theo tin nhắn người dùng..........................................................74
6.3.3
Hỗ trợ máy học.........................................................................................76
6.3.4
Tư vấn trực tiếp........................................................................................81
6.3.5
Thống kê...................................................................................................82
6.3.6
Lịch sử......................................................................................................83
6.3.7
Liên kết.....................................................................................................84
Chương 7.
KẾT LUẬN...........................................................................................85
7.1
Ưu điểm...........................................................................................................85
7.2
Hạn chế...........................................................................................................85
7.3
Hướng phát triển.............................................................................................85
TÀI LIỆU THAM KHẢO............................................................................................86
8
DANH MỤC HÌNH ẢNH
Hình 2.1 Cấu trúc file html căn bản..............................................................................17
Hình 2.2 Cấu trúc CSS cơ bản......................................................................................18
Hình 2.3 Phương thức hoạt động của JavaScript..........................................................19
Hình 2.4 Một đoạn code trong trong ứng dụng sử dụng React....................................20
Hình 2.5 Một vài file components trong ứng dụng......................................................21
Hình 2.6 Một đoạn code gọi router từ các tệp định tuyến được định nghĩa.................23
Hình 2.7 Một đoạn code sử dụng phương thức định tuyến..........................................24
Hình 2.8 Một đoạn code đối tượng tài khoản trong cơ sở dữ liệu................................24
Hình 2.9 Một đoạn code gọi hàm xử lý cơ sở dữ liệu..................................................24
Hình 3.1 Mơ hình hệ thống...........................................................................................25
Hình 3.2 Sơ đồ use-case tổng quát...............................................................................26
Hình 4.1 Sơ đồ logic dữ liệu.........................................................................................39
Hình 5.1 Hình ảnh màn hình “Đăng nhập”..................................................................46
Hình 5.2 Hình ảnh màn hình “Đăng ký”......................................................................47
Hình 5.3 Hình ảnh màn hình “Trang chủ”....................................................................48
Hình 5.4 Hình ảnh màn hình “Danh sách sản phẩm”...................................................50
Hình 5.5 Hình ảnh màn hình “Chi tiết sản phẩm”........................................................52
Hình 5.6 Hình ảnh màn hình “Giỏ hàng”.....................................................................53
Hình 5.7 Hình ảnh màn hình “Yêu thích”....................................................................55
Hình 5.8 Hình ảnh màn hình “Yêu cầu đăng nhập”.....................................................56
Hình 5.9 Hình ảnh màn hình “Hồ sơ”..........................................................................57
Hình 5.10 Hình ảnh màn hình “Cửa hàng”...................................................................58
Hình 5.11 Hình ảnh màn hình “Đơn mua”...................................................................59
Hình 5.12 Hình ảnh màn hình “Đơn bán”....................................................................60
Hình 5.13 Hình ảnh màn hình “Tài khoản”..................................................................61
Hình 5.14 Hình ảnh màn hình “Thêm sản phẩm”........................................................62
Hình 5.15 Hình ảnh màn hình “Mã giảm giá”..............................................................64
Hình 5.16 Hình ảnh màn hình “Chi tiết đơn mua”.......................................................65
Hình 5.17 Hình ảnh màn hình “Chi tiết đơn bán”........................................................66
9
Hình 5.18 Hình ảnh màn hình “Sửa sản phẩm”............................................................67
Hình 5.19 Hình ảnh màn hình “Thêm mã giảm giá”....................................................68
Hình 5.20 Hình ảnh màn hình “Cập nhật mã giảm giá”...............................................69
Hình 6.1 Hình ảnh bắt đầu sử dụng bot........................................................................72
Hình 6.2 Hình ảnh tin nhắn của bot có sẵn nút tính năng.............................................73
Hình 6.3 Hình ảnh màn hình thiết kế kịch bản.............................................................73
Hình 6.4 Hình ảnh màn hình sơ đồ kịch bản................................................................74
Hình 6.5 Hình ảnh bot trả lời theo tin nhắn cần hỗ trợ.................................................74
Hình 6.6 Hình ảnh bot trả lời tin nhắn người dùng 1...................................................75
Hình 6.7 Hình ảnh bot trả lời tin nhắn người dùng 2...................................................75
Hình 6.8 Hình ảnh bot trả lời tin nhắn người dùng 3...................................................76
Hình 6.9 Hình ảnh tính năng máy học “Câu mẫu”.......................................................77
Hình 6.10 Hình ảnh tính năng máy học “Ý định”........................................................78
Hình 6.11 Hình ảnh tính năng máy học “Loại thực thể”..............................................79
Hình 6.12 Hình ảnh tính năng máy học “Từ khóa”......................................................80
Hình 6.13 Hình ảnh tính năng máy học “Từ điển”.......................................................81
Hình 6.14 Màn hình nhân viên hỗ trợ...........................................................................81
Hình 6.15 Hình ảnh màn hình thống kê........................................................................82
Hình 6.16 Hình ảnh màn hình lịch sử...........................................................................83
Hình 6.17 Hình ảnh chat bot tương tác với người dùng trên trang web.......................84
Hình 6.18 Hình ảnh chat bot tương tác với người dùng trên trang facebook...............84
10
DANH MỤC BẢNG BIỂU
Bảng 1.1 Thơng tin thành viên nhóm...........................................................................16
Bảng 3.1 Danh sách các use-case chính.......................................................................27
Bảng 3.2 Đặc tả use-case Đăng nhập...........................................................................28
Bảng 3.3 Đặc tả use-case Đăng ký...............................................................................29
Bảng 3.4 Đặc tả use-case Đăng xuất............................................................................29
Bảng 3.5 Đặc tả use-case Quản lý thông tin cá nhân...................................................30
Bảng 3.6 Đặc tả use-case Chỉnh sửa thông tin cá nhân................................................31
Bảng 3.7 Đặc tả use-case Đổi mật khẩu.......................................................................32
Bảng 3.8 Đặc tả use-case Tìm kiếm sản phẩm.............................................................32
Bảng 3.9 Đặc tả use-case Mua hàng.............................................................................33
Bảng 3.10 Đặc tả use-case Tra cứu đơn hàng...............................................................34
Bảng 3.11 Đặc tả use-case Đánh giá sản phẩm............................................................34
Bảng 3.12 Đặc tả use-case “Bán hàng”........................................................................35
Bảng 3.13: Đặc tả use-case Tra cứu đơn bán...............................................................36
Bảng 3.14 Đặc tả use-case “Quản lý thông tin sản phẩm”...........................................37
Bảng 3.15 Đặc tả use-case “Quản lý mã giảm giá”......................................................38
Bảng 4.1 Mô tả các bảng dữ liệu..................................................................................40
Bảng 4.2 Chi tiết bảng Account....................................................................................40
Bảng 4.3 Chi tiết bảng Address....................................................................................40
Bảng 4.4 Chi tiết bảng Product.....................................................................................41
Bảng 4.5 Chi tiết bảng Color........................................................................................41
Bảng 4.6 Chi tiết bảng ProductInCart..........................................................................42
Bảng 4.7 Chi tiết bảng ProductInFavorite....................................................................42
Bảng 4.8 Chi tiết bảng ProductInBill...........................................................................42
Bảng 4.9 Chi tiết bảng Bill...........................................................................................43
Bảng 4.10 Chi tiết bảng Evaluate.................................................................................43
Bảng 4.11 Chi tiết bảng DiscountCode........................................................................43
Bảng 5.1 Danh sách màn hình......................................................................................45
Bảng 6.1 Bảng danh sách chức năng chat bot..............................................................72
11
LỜI CẢM ƠN
Đồ án “Xây dựng website thương mại điện tử với chatbot tư vấn” là đồ án thứ
hai nhóm em triển khai trên môi trường web, phát triển lên từ sản phẩm Đồ án 1.
Chúng em đã cố gắng tìm tịi, học hỏi, trau dồi kiến thức khơng ngừng cả trước và
trong q trình làm. Đó là một chặng đường dài, và chúng em đã học hỏi được rất
nhiều điều. Chúng em xin gửi lời cảm ơn chân thành đến:
Các quý thầy cô trường Đại học Công nghệ Thơng tin nói chung, và cơ Trần
Thị Hồng Yến nói riêng, đã tận tình giúp đỡ, truyền đạt những kiến thức bổ ích
cho chúng em, đồng thời ln lắng nghe ý kiến và góp ý cho chúng em ngày
một phát triển hơn.
Các thành viên trong nhóm đã khơng ngừng cố gắng, giúp đỡ lẫn nhau trong
lúc khó khăn, cởi mở trao đổi trong suốt quá trình thực hiện đồ án.
Cuối cùng, xin cảm ơn gia đình, anh chị em, bạn bè là hậu phương vững chắc
cho chúng em yên tâm tập trung hoàn thành đồ án.
2022
Thành phố Hồ Chí Minh, ngày 21 tháng 12 năm
Nhóm sinh viên thực hiện
Trần Đoàn Phương – Đỗ Đức Tâm
12
NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
......................................................................................................................................................
Tp.HCM, ngày … tháng ... năm 20....
GVHD
ThS. Trần Thị Hồng Yến
13
Chương 1.
GIỚI THIỆU ĐỀ TÀI
1.1 Tên đề tài
-
Xây dựng website thương mại điện tử với chatbot tư vấn.
-
Building an E-Commerce website with consulting chatbot.
1.2 Lí do chọn đề tài
Với sự phát triển nhanh chóng của ngành thương mại điện tử, mua sắm
online dần trở nên quen thuộc với tất cả mọi người, ở mọi lứa tuổi. Các sàn
thương mại điện tử lớn hiện nay như Shopee, Lazada, Tiki đều có phát triển
ứng dụng trên mobile để dễ dàng truy cập trên điện thoại. Tuy nhiên, mobile
app không thể thay thế hồn tồn được website, bởi tính thuận tiện của nó.
Website có thể truy cập ở bất cứ đâu một cách dễ dàng mà khơng cần cài đặt gì
cả, chỉ cần một trình duyệt và có kết nối internet.
Mong muốn của chúng em là tự tạo nên một website thương mại điện tử
dành riêng cho mình, có tích hợp chatbot tư vấn để dễ dàng tra cứu thơng tin.
Đó là lí do nhóm em chọn đề tài này.
1.3 Mơ tả sản phẩm
-
Ứng dụng hỗ trợ người dùng mua hàng, bán hàng trực tuyến.
-
Triển khai trên mơi trường web.
1.4 Chức năng chính
-
Quản lý tài khoản: Đăng nhập, đăng ký, đổi mật khẩu.
-
Quản lý sản phẩm theo danh mục.
-
Rao bán sản phẩm.
-
Quản lý thơng tin sản phẩm.
-
Mua sản phẩm.
-
Đánh dấu u thích để mua sau.
-
Quản lý đơn hàng đã mua, đã bán.
-
Hệ thống đánh giá sản phẩm.
-
Quản lý thông tin cá nhân.
-
Quản lý mã giảm giá
14
-
Hỗ trợ thanh toán online.
-
Chat Bot tư vấn.
15
1.5 Công nghệ sử dụng
-
Figma: lên bản thiết kế giao diện.
-
HTML, CSS, JavaScript với thư viện React.JS: cài đặt front-end.
-
Node.js với framework Express.JS: cài đặt back-end.
-
MongoDB: cơ sở dữ liệu.
-
Github: quản lý mã nguồn.
1.6 Thơng tin nhóm
STT
Tên thành viên
Mã sinh viên
1
Trần Đồn Phương
19520230
2
Đỗ Đức Tâm
19520253
Bảng 1.1 Thơng tin thành viên nhóm
16
Chương 2.
CƠ SỞ LÝ THUYẾT
2.1 HTML
-
HTML là viết tắt của cụm tử Hyper Text Markup Language 5 – ngôn ngữ
đánh dấu siêu văn bản.
-
HTML được coi như bộ khung của một trang web, được cấu thành từ những
thẻ được cung cấp, từ đó hiển thị ra cho người dùng nội dung thô.
-
Mô tả HTML công khai đầu tiên là một tài liệu có tên "HTML Tags", lần
đầu tiên được đề cập trên Internet bởi Tim Berners-Lee – một nhà vật lý vào
cuối năm 1991. Nó mơ tả 18 phần tử bao gồm thiết kế ban đầu, tương đối
đơn giản của HTML. Ngoại trừ thẻ siêu liên kết, chúng bị ảnh hưởng mạnh
bởi SGMLguid, một định dạng tài liệu dựa trên Standard Generalized
Markup Language (SGML) tại CERN.
-
Các phiên bản tiếp theo của HTML lần lượt được phát hành: HTML2,
HTML3, HTML4, và mới nhất là HTML5. Qua mỗi phiển bản, nó dần
được cải tiến và bổ sung những tính năng cần thiết để hỗ trợ tốt hơn trong
việc xây dựng một trang web tĩnh.
Hình 2.1 Cấu trúc file html căn bản
17
