5951071067_Nguyễn Thành Nhân .Pdf

Tp Hồ Chí Minh, năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂNHIỆU TẠI THÀNH PHỐ HỒCHÍ MINH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNGWEB BÁN ĐIỆN THOẠI TÍCH HỢP CHATBOT HỖ TRỢ T[.]

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEB BÁN ĐIỆN THOẠI TÍCH HỢP CHATBOT HỖ TRỢ TƯ VẤN Giảng viên hướng dẫn: NGUYỄN ĐÌNH HIỂN Sinh viên thực hiện: Nguyễn Thành Nhân Lớp: CQ.59.CNTT Tp Hồ Chí Minh, năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEB BÁN ĐIỆN THOẠI TÍCH HỢP CHATBOT HỖ TRỢ TƯ VẤN Giảng viên hướng dẫn: NGUYỄN ĐÌNH HIỂN Sinh viên thực hiện: Nguyễn Thành Nhân Lớp: CQ.59.CNTT Tp Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI CỘNG HỊA XÃ HỘI CHỦ NGHIÃ VIỆT NAM PHÂN HIỆU TẠI THÀNH PHỐ HỒ CHÍ MINH Độc lập – Tự – Hạnh phúc NHIỆM VỤ ĐỒ ÁN BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Họ tên sinh viên: Nguyễn Thành Nhân Mã sinh viên: 5951071067 Lớp: CQ.CNTT.K59 Tên đề tài XÂY DỰNG WEB BÁN HÀNG ĐIỆN THOẠI TÍCH HỢP CHATBOT HỖ TRỢ TƯ VẤN Nhiệm vụ đồ án môn học  Xây dựng CSDL MySQL  Thiết kế giao diện phần mềm  Lập trình xử lý phần mềm với chức sau: o Đăng ký đăng nhập o Thêm giỏ hàng, toán giỏ hàng, quản lý tài khoản cá nhân o Quản lý danh mục, quản lý sản phẩm, quản lý đơn hàng, quản lý thông tin khách hàng o Thống kê tìm kiếm  Chatbot hỗ trợ tư vấn LỜI CẢM ƠN Để hoàn thành đề tài đồ án trước hết chúng em xin gửi đến quý thầy, cô Bộ môn Công nghệ thông tin – Phân hiệu Trường Đại học Giao thông Vận tải Thành phố Hồ Chí Minh lời cảm ơn chân thành truyền đạt cho chúng em kiến thức khơng từ sách vở, mà cịn kinh nghiệm quý giá từ sống khoảng thời gian học tập trường Thầy cô tận tình hướng dẫn, bảo chúng em suốt trình thực đề tài Tuy đề tài khơng lớn lao không hướng dẫn bảo tận tình thầy đề tài đồ án khó hồn thành Vì thời gian làm đồ án có hạn hiểu biết hạn chế, chúng em nỗ lực để hoàn thành báo cáo đồ án cách tốt nhất, chắn có thiếu sót khơng thể tránh khỏi Chúng em kính mong nhận thơng cảm ý kiến đóng góp chân thành từ q thầy Sau cùng, em xin kính chúc Q Thầy Cơ Bộ mơn Cơng nghệ thông tin mạnh khoẻ, hạnh phúc thành công công việc sống Em xin chân thành cảm ơn ! NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày… tháng… năm 2021 Giảng viên hướng dẫn Nguyễn Đình Hiển MỤC LỤC NHIỆM VỤ ĐỒ ÁN I LỜI CẢM ƠN II NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN III MỤC LỤC HÌNH ẢNH VI MỞ ĐẦU .1 CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tổng quan đề tài 1.2 Mục tiêu đề tài 1.3 Phạm vi đề tài CHƯƠNG 2: THIẾT KẾ XÂY DỰNG WEB BÁN ĐIỆN THOẠI KẾT HỢP CHATBOT 2.1 Các yêu cầu hệ thống 2.1.1 Danh sách yêu cầu chức năng: 2.1.2 Danh sách biểu mẫu quy định yêu cầu 2.1.3 Yêu cầu phi chức 10 2.2 Đặc tả user case 12 2.2.1 Sơ đồ Use-case tổng quát 12 2.2.2 Use case đăng nhập 15 2.2.3 Use-case đăng ký 16 2.2.4 Quản lý sản phẩm .17 2.2.5 Quản lý danh mục 18 2.2.6 Quản lý thông tin người dùng 19 2.2.7 Xem thông tin sản phẩm 21 2.2.8 Đăng sản phẩm cần bán/cần mua .23 2.2.9 Quản lý thông tin cá nhân 24 2.3 Thiết kế hệ thống web bán hàng điện thoại .25 2.3.1 Kiến trúc hệ thống .25 2.3.2 Thiết kế CSDL 26 2.4 Thiết kế chatbot hỗ trợ web bán hàng 33 2.4.1 Qui trình thiết kế chức 33 2.4.2 Các chức chatbot bán hàng 37 CHƯƠNG 3: THỬ NGHIỆM ỨNG DỤNG WEB BÁN HÀNG TÍCH HỢP CHATBOT 42 3.1 Các công cụ hỗ trợ lấy nội dung 42 3.1.1 Tổng quan mơ hình mvc 42 3.1.2 Laravel PHP Framework 43 3.1.3 Bootstrap 43 3.1.4 JQuery 44 3.2 Giao diện hệ thống 44 3.2.1 Màn hình người dùng 44 3.2.2 Màn hình cho nhân viên 47 3.2.3 Màn hình cho chatbot 51 3.3 Kết thử nghiệm 51 3.3.1 Tạo tài khoản đăng nhập 51 3.3.2 giỏ hàng, kiểm tra hàng (Shopping Cart) 52 3.3.3 Tìm kiếm, phân loại, lọc, phân trang (Search Form, Sorting, Filtering, Pagination) 57 3.3.4 Thanh toán 61 3.3.5 Các hành vi người dùng sau mua hàng 62 3.3.6 Trò chuyện với chatbot 63 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 67 4.1 Kết đề tài 67 4.2 Hướng phát triển 67 TÀI LIỆU THAM KHẢO 68 MỤC LỤC HÌNH ẢNH Hình Mơ hình kiến trúc hệ thống 26 Hình 2.Các chức chatbot tích hợp vào web bán hàng 38 Hình Quá trình chức tư vấn bán hàng 39 Hình Quá trình chức theo dõi đơn hàng .40 Hình Quá trình chức xem sản phẩm bật theo tháng 41 Hình Màn hình trang chủ 45 Hình Màn hình đăng nhập, đăng ký 45 Hình Màn hình xem danh sách sản phẩm 45 Hình Màn hình xem chi tiết sản phẩm 46 Hình 10 Màn hình tốn giỏ hàng 47 Hình 11 Danh sách đơn hàng 47 Hình 12 Quản lí danh mục 48 Hình 13 Quản lí slider 48 Hình 14 Quản lí sản phẩm 49 Hình 15 Quản lí sale 49 Hình 16 Quản lí mã giảm giá 50 Hình 17 Quản lí đơn hàng 50 Hình 18 Quản lí thơng báo liên hệ 51 Hình 19 Chatbot nhúng vào trang web 51 Hình 20 Đăng kí .51 Hình 21 Đăng nhập 52 Hình 22 Thêm item vào cart 53 Hình 23.Tăng số lượng item từ cart 53 Hình 24 Thêm item nhiều lần vào cart 54 Hình 25 Thêm item khác loại 54 Hình 26 Bỏ vài item khỏi giỏ hàng 55 Hình 27 Hủy bỏ tất mặt hàng giỏ hàng 55 Hình 28 Click vào item giỏ hàng 56 Hình 29 Thêm item (sản phẩm) vào giỏ hàng, đóng trình duyệt mở lại trang web tương tự 56 Hình 30 Phiếu giảm giá(Coupons) 57 Hình 31 Thơng tin sản phẩm(Product information) 58 Hình 32 Phân trang (Pagination) 59 Hình 33 Sắp xếp (Sorting) 60 Hình 34 Tìm kiếm sản phẩm(Search product) 60 Hình 35 Thanh tốn nhận hàng 61 Hình 36 Thanh tốn paypal 62 Hình 37 Hủy bỏ lệnh đặt hàng 63 Hình 38 Xem lại order lịch sử mua hàng 63 Hình 39 Danh sách chức chung chatbot 63 Hình 40 Thu thập thơng tin người dùng(Tư vấn bán hàng) 64 Hình 41 Kết danh sách sản phẩm phù hợp với khách hàng(Tư vấn bán hàng) 64 Hình 42 Thu thập thông tin người dùng(Sản phẩm bật) 65 Hình 43 Kết danh sách sản phẩm(Sản phẩm bật) 66 Hình 44 Thu thập thơng tin người dung(Theo dõi mã đơn hàng) 66 Hình 43 Kết thông tin đơn hàng(Theo dõi mã đơn hàng) 66 MỞ ĐẦU Lý chọn đề tài Ngày nay, chứng kiến thụ hưởng thành tựu to lớn cách mạng khoa học kỹ thuật - cách mạng công nghệ thông tin Mặc dù cách mạng khởi đầu từ năm cuối kỷ XX, bắt nguồn việc phát minh máy tính điện tử (Computer) thực bùng phát mạng thơng tin tồn cầu (Internet) sử dụng rộng rãi, song nhiều nhà khoa học dự báo đưa xã hội loài người tiến vào kỷ nguyên mới, thời kỳ - kinh tế tri thức, kinh tế tiên đoán phát triển mạnh mẽ gấp nhiều lần so với cách mạng công nghiệp trước Thực tiễn đời sống xã hội giới Việt Nam năm vừa qua kiểm chứng cho dự báo Máy tính cơng nghệ kỹ thuật số kèm thay công nghệ trước tất lĩnh vực đời sống xã hội Máy tính nhanh chóng diện sử dụng rộng rãi hầu hết lĩnh vực đời sống xã hội, với mục đích sử dụng đa dạng, từ sản xuất, kinh doanh, ứng dụng khoa học kỹ thuật mục đích giải trí đơn Mới hình thành phát triển vài thập kỷ, cách mạng khiến cho nhiều ngành kinh tế, xã hội văn hố hồn tồn phụ thuộc vào cơng nghệ nó, đặc biệt phải kể đến vai trị máy tính điện tử Internet Cơng nghệ thơng tin hình thành hệ mới, hệ phụ thuộc vào công nghệ thơng tin, coi máy tính, Internet, E-mail, điện thoại di động, máy ảnh số, máy nghe nhạc số công cụ thiếu sống Đặc biệt phát triền bùng nổ mạng lưới thương mại điện tử Việt Nam nói riêng giới nói chung ngày trở thành mục tiêu nhiều attacker Cũng thành tựu khoa học nhân loại, mà thành tựu ứng dụng rộng rãi đời sống xã hội dễ bị lợi dụng, sử dụng mục tiêu tội phạm Các thành tựu công nghệ thông tin đem lại khơng nằm ngồi quy luật Vì vậy, giới mà công nghệ thông tin tạo cho người hình thành khái niệm tội phạm - tội phạm lĩnh vực công Thêm item nhiều lần – cần xuất item (mặt hàng) lần giỏ hàng số lượng cần tăng lên theo số lần thêm vào, giá cần phản ánh tổng giá item Hình 24 Thêm item nhiều lần vào cart Thêm nhiều item khác loại- Đối với item thêm vào, cần xem tên tương ứng, hình ảnh, giá giá tổng cộng tất mặt hàng Hình 25 Thêm item khác loại 54 Bỏ vài item khỏi giỏ hàng - giỏ hàng nên cập nhật cho thấy mặt hàng có (cịn lại sau remove)trong giỏ hàng, tổng giá cần cập nhật lại Hình 26 Bỏ vài item khỏi giỏ hàng Hủy bỏ tất mặt hàng giỏ - giỏ hàng phải khơng cịn lại gì, khơng cịn sản phẩm hiển thị giỏ hàng Hình 27 Hủy bỏ tất mặt hàng giỏ hàng 55 Click vào item giỏ hàng - Có thể xem thơng tin chi tiết sản phẩm, hiển thị popup chuyển hướng đến trang chi tiết sản phẩm Hình 28 Click vào item giỏ hàng Thêm item (sản phẩm) vào giỏ hàng, đóng trình duyệt mở lại trang web tương tự - giỏ hàng phải giữ item thêm Tuy nhiên trường hợp phụ thuộc vào yêu cầu đặc biệt requirement Hình 29 Thêm item (sản phẩm) vào giỏ hàng, đóng trình duyệt mở lại trang web tương tự Phiếu giảm giá (Coupons) - cần phải kiểm tra xem giá giỏ hàng giảm giá(discounted ) áp dụng phiếu giảm giá không giảm giá phiếu giảm giá khơng hợp lệ hết hạn 56 Hình 30 Phiếu giảm giá(Coupons) 3.3.3 Tìm kiếm, phân loại, lọc, phân trang (Search Form, Sorting, Filtering, Pagination) Search form thường hiển thị nhiều trang phép người dùng tìm kiếm sản phẩm nơi trang web Do đó, điều quan trọng tính tìm kiếm kiểm tra từ trang hành Hầu hết code search module sử dụng lại nhiều trang hay template, phần header section hiển thị toàn trang web Nếu trường hợp này, cách thức hoạt động tính tìm kiếm nên giống nơi xuất không cần thiết phải chạy tất testcase tất trang Sau tìm kiếm sản phẩm chuyển đến trang kết tìm kiếm (Search Result Page) với tất sản phẩm liên quan Có nhiều tính để kiểm tra, ba tính quan trọng có liên quan đặc biệt để kết tìm kiếm xếp, lọc phân trang (sorting, filtering and pagination.) Thông tin sản phẩm(Product information) - sản phẩm hiển thị hình ảnh, tên, giá xếp hạng (rating) số nhận xét (comment) 57 Hình 31 Thông tin sản phẩm(Product information) 58 Phân trang (Pagination) - kiểm tra xem tất mục trang cần phải khác với trang trước, tức sản phẩm bị lặp lại Hình 32 Phân trang (Pagination) Sắp xếp (Sorting) – có nhiều lựa chọn dropdown 59 Hình 33 Sắp xếp (Sorting) Tìm kiếm sản phẩm(Search product): kiểm tra xem sản phẩm có liên quan với tìm kiếm Hình 34 Tìm kiếm sản phẩm(Search product) 60 3.3.4 Thanh toán Thanh toán phần thiết yếu trang web thương mại điện tử Tất nhằm mục đích cho phép người dùng mua mặt hàng họ muốn mà không cần phải gọi điện để đặt hàng Các loại hình tốn áp dụng web:  Thanh tốn nhận hàng: Hình 35 Thanh toán nhận hàng  Thanh toán paypal: 61 Hình 36 Thanh tốn paypal 3.3.5 Các hành vi người dùng sau mua hàng Khi đặt hàng, có nhiều hành động mà người dùng làm liên quan đến việc mua hàng Sau mua hàng người dùng có nhiều hành động họ thực đơn hàng mua Hủy bỏ lệnh 62 Hình 37 Hủy bỏ lệnh đặt hàng Xem lại order lịch sử mua hàng Hình 38 Xem lại order lịch sử mua hàng 3.3.6 Trò chuyện với chatbot Chatbot phần thiết yếu trang web thương mại điện tử Tất nhằm mục đích hỗ trợ người dung có trãi nghiệm tốt mua hàng chatbot đưa câu trả lời, gợi ý, tư vấn xác cho cá nhân Đồng thời, cách trả lời nhanh chóng, chatbot giúp tạo trải nghiệm tốt hơn, từ nâng cao hài lịng khách hàng Dưới chức chatbot hỗ trợ web Tư vấn bán hàng  Chatbot đưa danh sách chức chung Hình 39 Danh sách chức chung chatbot  Người dung chọn vào chức “Tư vấn bán hàng”, ngữ cảnh xây dựng trước bắt đầu thực Chatbot tự động thu thập thơng tin(giới tính, độ tuổi, khoảng tiền) từ người dùng 63 Hình 40 Thu thập thông tin người dùng(Tư vấn bán hàng)  Dựa vào thông tin thu thập được, chatbot tự động traning thông tin thu thập với csdl tạo(2.3.2 Thiết kế CSDL)  từ ta có danh sách sản phẩm phù hợp (mua nhiều, đánh giá cao, màu sắc ưu chuộng) với thông tin mà người dùng nhập vào Hình 41 Kết danh sách sản phẩm phù hợp với khách hàng(Tư vấn bán hàng) Sản phẩm bật  Chatbot đưa danh sách chức chung 64  Người dung chọn vào chức “Sản phẩm bật”, ngữ cảnh xây dựng trước bắt đầu thực Chatbot tự động thu thập thông tin(các tháng gần nhất) từ người dùng Hình 42 Thu thập thơng tin người dùng(Sản phẩm bật)  Dựa vào thông tin thu thập được, chatbot tự động traning thông tin thu thập với csdl tạo(2.3.2 Thiết kế CSDL)  ta có danh sách sản phẩm phù hợp với giới tính, độ tuổi, giá tiền mà sản phẩm mua nhiều, đánh giá cao, màu sắc lựa chọn nhiều tháng gần 65 Hình 43 Kết danh sách sản phẩm(Sản phẩm bật) Theo dõi mã đơn hàng  Chatbot đưa danh sách chức chung  Người dung chọn vào chức “Theo dõi mã đơn hàng”, ngữ cảnh xây dựng trước bắt đầu thực Chatbot tự động thu thập thông tin(Mã đơn hàng) từ người dùng Hình 44 Thu thập thơng tin người dung(Theo dõi mã đơn hàng)  Dựa vào thông tin thu thập được, chatbot tự động traning thông tin thu thập với csdl tạo(2.3.2 Thiết kế CSDL)  Thông tin đơn hàng(số lượng, giá tiền, trình trạng đơn hàng) Hình 45 Kết thông tin đơn hàng(Theo dõi mã đơn hàng) 66 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đề tài  Đối với người dùng  Các cách tìm kiếm, tra cứu theo chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng  Xem chi tiết thông tin sản phẩm  Cho phép khách hàng đăng ký thông tin để thực việc mua sản phẩm  Kiểm tra tính hợp lệ khách hàng đăng nhập hệ thống  Tạo đơn đặt hàng  So sánh sản phẩm  Yêu thích sản phẩm  Quản lí đơn hàng cá nhân  Giúp người dùng xem sản phẩm tốt, phù hợp với nhu cầu cần  Liên hệ nhân viên  Đối với người quản trị  Xem thông tin đề mục cần quản lý như: Tài khoản, sản phẩm, đơn hàng…  Đưa form để nhập liệu loại tư liệu  Có thể sửa đổi, cập nhật liệu  Trong việc thêm sản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng  Các chức thực thông qua giao diện web 4.2 Hướng phát triển  Vấn đề website phục vụ việc quảng cáo Từ đó, bên cạnh việc thương mại vấn đề cần phải tập trung thu hút khách hàng       Do thời gian sau cần bổ sung chức năng: xử lý hóa đơn tự động, tối ưu tối độ website Quản lý kho (kiểm tra lượng sản phẩm tồn kho tự động) Bổ sung thêm số chức kiểm tra liệu nhập, thay đổi mật mã truy nhập khách hàng nhà quản trị Đối với chatbot, với liệu lớn 2tr hay 200tr records trình training chiếm nhiều thời gian, chí timeout Về cách giải có lẽ tạo bảng chứa liệu train trước người dùng sử dụng chatbot cần truy vấn vào bảng liệu train, cịn q trình training liệu chạy ngầm Quá trình trãi nghiệm khách hàng với liệu mượt Mặc dù cố gắng hoàn chỉnh yêu cầu báo cáo cịn nhiều thiếu sót mong nhận bảo hướng dẫn thầy cô khác giúp đỡ xem xét, đề xuất thêm ý kiến bổ sung vấn đề phục vụ cho việc xây dựng website để em hồn chỉnh Em xin cảm ơn quý thầy cô 67 TÀI LIỆU THAM KHẢO Tiếng Việt Dương Anh Đức, Giáo trình phân tích thiết kế hướng đối tượng UML Nguyễn Quang Hải, Nhập môn HTML CSS, Nhà xuất Giáo dục, 2014 Trường Đại học FPT (dịch), HTML CSS3: Thiết kế trang Web thích ứng giàu tính năng, Bách khoa Hà Nội, 2015 Đồn Văn Ban, Nguyễn Thị Tĩnh, Phân tích thuyết kế hướng đối tượng UML, Nxb Đại học sư phạm Tiếng Anh Learning Web Design A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 68