Đang tải... (xem toàn văn)
(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động(Đồ án tốt nghiệp) Xây dựng website bán điện thoại di động
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG GVHD: Ths Lê Thị Minh Châu SVTH: Nguyễn Văn Hưng 16110109 Nguyễn Phạm Đình Khang 16110114 Khóa: 2016 Ngành: Cơng nghệ thơng tin Tp Hồ Chí Minh, tháng năm 2021 LỜI CẢM ƠN Trên thực tế khơng có thành cơng mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường đại học đến nay, nhóm chúng em nhận nhiều quan tâm, giúp đỡ quý thầy, cô bạn bè Với lịng biết ơn sâu sắc nhất, nhóm xin gửi đến quý Thầy Cô Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Nhóm xin chân thành cảm ơn Cơ Lê Thị Minh Châu tận tâm giảng dạy hướng dẫn em qua buổi học lớp buổi thực hành Nếu khơng có lời hướng dẫn, dạy bảo nhóm nghĩ đồ án khó hồn thiện Một lần nữa, nhóm xin chân thành cảm ơn Đồ án thực khoảng thời gian gần tháng Bước đầu vào thực tế, tìm hiểu lĩnh vực này, kiến thức nhóm cịn hạn chế cịn nhiều bỡ ngỡ Do vậy, khơng tránh khỏi thiếu sót điều chắn, nhóm mong nhận ý kiến đóng góp quý báu quý Thầy Cô bạn học lớp để kiến thức nhóm lĩnh vực hồn thiện Sau cùng, nhóm chúng em xin kính chúc q Thầy Cơ Khoa Cơng Nghệ Thơng Tin tồn thể q Thầy Cơ Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ mai sau Trân trọng kính chào! Sinh viên thực vi MỤC LỤC Trang bìa phụ ii NHIỆM VỤ THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP iii NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN iv NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN v LỜI CẢM ƠN vi Danh mục bảng x Danh mục hình xii CHƯƠNG 1: TỔNG QUAN 1.1 Tính cấp thiết đề tài 1.2 Khảo sát trạng CHƯƠNG CƠ SỞ LÝ THUYẾT 15 2.1 Framework Python Django 15 2.1.1 Giới thiệu Framework Django 15 2.1.2 Các đặc tính Django 15 2.2 Ngôn ngữ Python 17 2.2.1 Giới thiệu ngôn ngữ Python 17 2.2.2 Các đặc tính Python 18 2.3 SQLite 19 2.3.1 Giới thiệu SQLite 19 2.3.2 Các đặc tính SQLite 19 CHƯƠNG 3: XÁC NHẬN, PHÂN TÍCH VÀ MƠ HÌNH HĨA U CẦU 21 3.1 Phân tích yêu cầu đề tài 21 3.1.1 Tên đề tài: 21 3.1.2 Chức trang web 21 3.1.3 Yêu cầu đặt 21 3.2 Mơ hình hóa yêu cầu 23 3.2.1 Biểu đồ phân cấp chức 23 3.2.2 Biểu đồ luồng liệu mức bối cảnh 24 3.2.3 Biểu đồ luồng liệu mức đỉnh 25 3.2.4 Usecase Diagram 26 3.3 Đặc tả chi tiết Usecase 27 vii 3.3.1 Chức đăng kí (User) 27 3.3.2 Chức đăng nhập (User) 28 3.3.3 Chức tìm kiếm sản phẩm (User) 30 3.3.4 Chức xem chi tiết sản phẩm (User) 31 3.3.5 Chức thêm sản phẩm vào giỏ hàng (User) 33 3.3.6 Chức xem kiểm tra giỏ hàng (User) 34 3.3.7 Chức đặt mua sản phẩm (User) 35 3.3.8 Chức đánh giá bình luận sản phẩm (User) 36 3.3.9 Chức so sánh sản phẩm (User) 37 3.3.10 Chức tương tác với Chatbot (User) 38 3.3.11 Chức quản lý sản phẩm (Admin) 39 3.3.12 Chức quản lý đơn hàng 41 3.3.13 Chức quản lý tài khoản 42 3.4 Lược đồ lớp liệu 44 3.5 Các lược đồ 53 CHƯƠNG 4: THIẾT KẾ PHẦN MỀM 58 4.1 Thiết kế giao diện hình Admin 58 4.1.1 Giao diện đăng nhập (Admin) 58 4.1.2 Giao diện Menu quản lý 59 4.1.3 Giao diện thay đổi mật 60 4.1.4 Giao diện quản lý User Profile 61 4.1.5 Giao diện User 64 4.1.6 Giao diện Store Address 68 4.1.7 Giao diện Orders 71 4.1.8 Giao diện Shop Cart 73 4.1.9 Giao diện Banner 75 4.1.10 Giao diện Category 77 4.1.11 Giao diện Color 80 4.1.12 Giao diện Compare 81 4.1.13 Giao diện Product Advance Search 84 4.1.14 Giao diện Products 86 4.1.15 Giao diện Size 92 viii 4.1.16 Giao diện Variants 93 4.1.17 Giao diện quản lý Chatbot 96 4.2 Thiết kế giao diện hình người dùng cuối 99 4.2.1 Giao diện đăng nhập/đăng ký 99 4.2.2 Giao diện trang chủ 101 4.2.3 Giao diện thông tin cá nhân 102 4.2.4 Giao diện chỉnh sửa thông tin cá nhân 103 4.2.5 Giao diện danh sách đơn đặt hàng 104 4.2.6 Giao diện đơn hàng chi tiết 105 4.2.7 Giao diện danh mục sản phẩm 106 4.2.8 Giao diện sản phẩm chi tiết 106 4.2.9 Giao diện bình luận đánh giá sản phẩm 108 4.2.10 Giao diện giỏ hàng 109 4.2.11 Giao diện toán offline 110 4.2.12 Giao diện toán online 111 4.2.13 Giao diện toán thành công (offline/online) 113 4.2.14 Giao diện thay đổi mật 113 4.2.15 Giao diện Chatbot 114 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 117 5.1 Môi trường cài đặt 117 5.2 Kiểm thử 117 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 126 6.1 Những điểm đạt 126 6.2 Ưu điểm 126 6.3 Hạn chế 127 6.4 Hướng phát triển 127 TÀI LIỆU THAM KHẢO 128 Tiếng việt 128 ix Danh mục bảng Bảng 3.3.1: Mô tả chức đăng ký (Guest) 27 Bảng 3.3.2: Mô tả chức đăng nhập (Guest) 28 Bảng 3.3.3: Mơ tả chức tìm kiếm sản phẩm (Customer/Guest) 30 Bảng 3.3.4: Mô tả chức xem chi tiết sản phẩm (Customer/Guest) 31 Bảng 3.3 5: Mô tả chức xem chi tiết sản phẩm (Customer/Guest) 32 Bảng 3.3.6: Mô tả chức thêm sản phẩm vào giỏ hàng (Customer) 33 Bảng 3.3.7: Mô tả chức xem kiểm tra giỏ hàng (Customer) 34 Bảng 3.3.8: Bảng mô tả chức đặt mua sản phẩm (Customer) 35 Bảng 3.3.9: Bảng mô tả chức đánh giá bình luận sản phẩm (Customer) 36 Bảng 3.3.10: Bảng mô tả chức đặt mua sản phẩm (Customer/Guest) 37 Bảng 3.3.11: Bảng mô tả chức tương tác với Chatbot (Customer/Guest) 38 Bảng 3.3.12: Bảng mô tả chức quản lý sản phẩm (Admin) 39 Bảng 3.3.13: Bảng mô tả chức quản lý đơn hàng (Admin) 41 Bảng 3.3.14: Bảng mô tả chức quản lý tài khoản (Admin) 42 Bảng 3.3.15: Bảng mô tả chức quản lý danh mục sản phẩm (Admin) 44 Bảng 3.3.16: Bảng mô tả chức quản lý ngân hàng câu hỏi (Admin) 45 Bảng 4.1.1:Đặc tả giao diện đăng nhập (Admin)……………………………………………… .58 Bảng 4.1.2: Đặc tả giao diện Menu quản lý 59 Bảng 4.1.3: Đặc tả giao diện thay đổi mật 60 Bảng 4.1.4.1: Đặc tả giao diện danh mục User Profile……………………………………………………61 Bảng 4.1.4.2: Đặc tả giao diện chỉnh sửa User Profile 62 Bảng 4.1.4.3: Bảng đặc tả giao diện thêm User Profile 63 Bảng 4.1.5.1: Đặc tả giao diện danh sách User……………………………………………………………64 Bảng 4.1.5.2: Đặc tả giao diện chỉnh sửa thông tin User 66 Bảng 4.1.5.3: Đặc tả giao diện thêm User 68 Bảng 4.1.6.1: Đặc tả giao diện danh sách Store Address………………………………………………….68 Bảng 4.1.6.2: Đặc tả giao diện chỉnh sửa thông tin Store Address 69 Bảng 4.1.6.3: Đặc tả giao diệm thêm Store Address 70 Bảng 4.1.7.1: Đặc tả giao diện danh sách Orders…………………………………………………………71 Bảng 4.1.7.2: Đặc tả giao diện chỉnh sửa thông tin Orders 72 Bảng 4.1.8.1: Đặc tả giao diện danh sách Shop Cart…………………………………………………… 73 Bảng 4.1.8.2: Đặc tả giao diện chỉnh sửa thông tin Shop Cart 74 Bảng 4.1.8.3: Đặc tả giao diện thêm Shop Cart 74 Bảng 4.1.9.1: Đặc tả giao diện danh sách Banner…………………………………………………………75 Bảng 4.1.9.2: Đặc tả giao diện chỉnh sửa thông tin Banner 76 Bảng 4.1.9.3: Đặc tả giao diện thêm Banner 77 Bảng 4.1.10.1: Đặc tả giao diện danh sách Category…………………………………………………… 78 Bảng 4.1.10.2: Đặc tả giao diện chỉnh sửa thông tin Category 78 Bảng 4.1.10.3: Đặc tả giao diện thêm Category 79 Bảng 4.1.11.1: Đặc tả giao diện danh sách Color……………………………………………………… 80 Bảng 4.1.11.2: Đặc tả giao diện chỉnh sửa thông tin Color 80 Bảng 4.1.11.3: Đặc tả giao diện thêm Color 81 Bảng 4.1.12.1: Đặc tả giao diện danh sách Compare…………………………………………………… 82 Bảng 4.1.12.2: Đặc tả giao diện chỉnh sửa thông tin Compare 82 Bảng 4.1.12.3: Đặc tả giao diện thêm Compare 83 x Bảng 4.1.13.1: Đặc tả giao diện danh sách Product Advance Search………………………… 84 Bảng 4.1.13.2: Đặc tả giao diện chỉnh sửa thông tin Product Advance Search 85 Bảng 4.1.13.3: Đặc tả giao diện thêm Product Advance Search 85 Bảng 4.1.14.1: Đặc tả giao diện danh sách Products…………………………………………………… 86 Bảng 4.1.14.2: Đặc tả giao diện chỉnh sửa thông tin Products 88 Bảng 4.1.14.3: Đặc tả giao diện thêm Products 90 Bảng 4.1.15.1: Đặc tả giao diện danh sách Size………………………………………………………… 92 Bảng 4.1.15.2: Đặc tả giao diện chỉnh sửa thông tin Size 92 Bảng 4.1.15.3: Đặc tả giao diện thêm size 93 Bảng 4.1.16.1: Đặc tả giao diện danh sách Variants………………………………………………………93 Bảng 4.1.16.2: Đặc tả giao diện chỉnh sửa thông tin Variants 94 Bảng 4.1.16.3: Đặc tả giao diện thêm Variants 95 Bảng 4.1.17.1: Đặc tả giao diện kịch chat………………………………………………… .96 Bảng 4.1.17.2: Đặc tả giao diện ý định 97 Bảng 4.1.17.3: Đặc tả giao diện câu mẫu 98 Bảng 4.2.1.1: Đặc tả giao diện đăng nhập…………………………………………………… .99 Bảng 4.2.1.2: Đặc tả giao diện đăng ký 100 Bảng 4.2.1: Đặc tả giao diện trang chủ………………………………………………………………… 101 Bảng 4.2.2: Đặc tả giao diện thông tin cá nhân 102 Bảng 4.2.3: Đặc tả giao diện chỉnh sửa thông tin cá nhân 103 Bảng 4.2.4: Đặc tả giao diện trang đặt hàng 104 Bảng 4.2.5: Đặc tả giao diện đơn hàng chi tiết 105 Bảng 4.2.6: Đặc tả giao diện danh mục sản phẩm 106 Bảng 4.2.7: Đặc tả giao diện sản phẩm chi tiết 107 Bảng 4.2.8: Đặc tả giao diện bình luận đánh giá sản phẩm 108 Bảng 4.2.9.1: Đặc tả giao diện giỏ hàng khơng có sản phẩm 109 Bảng 4.2.10.2: Đặc tả giao diện giỏ hàng có hàng 109 Bảng 4.2.11: Đặc tả giao diện toán offline 110 Bảng 4.2.12: Đặc tả giao diện toán online 112 Bảng 4.2.13: Đặc tả giao diện toán thành công 113 Bảng 4.2.14: Đặc tả giao diện thay đổi mật 114 Bảng 4.2.15.1: Đặc tả giao diện Chatbot chuẩn bị vào chat 115 Bảng 5.2.1: Bảng kiểm thử hệ thống………………………………………………………… 117 xi Danh mục hình Hình 1.1: Giao diện trang chủ Thegioididong.com Hình 1.2: Giao diện trang sản phẩm chi tiết Thegioididong.com Hình 1.3: Giao diện chức đánh giá sản phẩm Thegioididong.com Hình 1.4: Giao diện trang blog Thegioididong.com Hình 1.5: Giao diện chức hỗ trợ khách hàng Thegioididong.com Hình 1.6: Giao diện trang chủ fptshop.com.vn Hình 1.7: Giao diện trang sản phẩm chi tiết fptshop.com.vn Hình 1.8: Giao diện trang đánh giá sản phẩm fptshop.com Hình 1.9: Giao diện trang dịch vụ toán fptshop.com Hình 1.10: Giao diện trang chủ viettelstore.com.vn 10 Hình 1.11: Giao diện trang sản phẩm chi tiết viettelstore.com.vn 11 Hình 1.12: Giao diện trang đánh giá sản phẩm viettelstore.com.vn 12 Hình 1.13: Giao diện trang chủ cellphones.com.vn 13 Hình 1.14: Giao diện trang sản phẩm chi tiết cellphones.com.vn 13 Hình 2.1: Framework Django……………………………………………………………………15 Hình 2.2: Cấu trúc Django 16 Hình 2.3: Python 17 Hình 2.4: SQLite 19 Hình 3.1: Biểu đồ phân cấp chức năng………………………………………………………… 23 Hình 3.2: Biểu đồ luồng liệu mức bối cảnh 24 Hình 3.3: Biểu đồ luồng liệu mức đỉnh 25 Hình 3.4: Usecase Diagram 26 Hình 3.5: Usecase chức đăng ký (Guest) 27 Hình 3.6: Usecase chức đăng nhập (Guest) 28 Hình 3.7: Usecase chức tìm kiếm sản phẩm (Customer/Guest) 30 Hình 3.8: Chức xem danh mục sản phẩm (Customer/Guest) 31 Hình 3.9: Chức xem chi tiết sản phẩm (Customer/Guest) 32 Hình 3.10: Usecase chức thêm sản phẩm vào giỏ hàng (Customer) 33 Hình 3.11: Usecase chức xem giỏ hàng (Customer) 34 Hình 3.12: Usecase chức đặt mua sản phẩm (Customer) 35 Hình 3.13: Usecase chức đánh giá bình luận sản phẩm (Customer) 36 Hình 3.14: Usecase chức so sánh sản phẩm (Customer/Guest) 37 Hình 3.15: Usecase chức tương tác với Chatbot (Customer/Guest) 38 Hình 3.16: Usecase chức quản lý sản phẩm (Admin) 39 Hình 3.17: Usecase chức quản lý đơn hàng (Admin) 41 Hình 3.18: Usecase chức quản lý tài khoản (Admin) 42 Hình 3.19: Usecase chức quản lý danh mục sản phẩm (Admin) 44 Hình 3.20: Usecase chức quản lý ngân hàng câu hỏi (Admin) 45 Hình 3.21: Lược đồ lớp liệu 47 Hình 3.22: Bảng User 47 Hình 3.23: Bảng User Profile 48 Hình 3.24: Bảng Store Address 48 Hình 3.25: Bảng Product 49 xii Hình 3.26: Bảng Category 49 Hình 3.27: Bảng Product Advance Search 50 Hình 3.28: Bảng Compare 50 Hình 3.29: Bảng Banner 50 Hình 3.30: Bảng Variants 51 Hình 3.31 Bảng Images 51 Hình 3.32: Bảng Color 51 Hình 3.33: Bảng Size 51 Hình 3.34: Bảng Order 52 Hình 3.35: Bảng Shop Cart 52 Hình 3.36: Lược đồ cho hệ thống trang web 53 Hình 3.37: Lược đồ cho chức đăng ký (User) 54 Hình 3.38: Lược đồ cho chức đăng nhập (User) 55 Hình 3.39: Lược đồ cho chức đăng nhập (Admin) 56 Hình 3.40: Lược đồ cho chức toán online 57 Hình 4.1: Giao diện đăng nhập (Admin)…………………………………………………… .58 Hình 4.2: Giao diện Menu quản lý 59 Hình 4.3: Giao diện thay đổi mật 60 Hình 4.4: Giao diện danh mục User Profile 61 Hình 4.5: Giao diện chỉnh sửa User Profile 62 Hình 4.6: Giao diện thêm User Profile 63 Hình 4.7: Giao diện danh sách User 64 Hình 4.8: Giao diện chỉnh sửa thơng tin User 66 Hình 4.9: Giao diện thêm User 67 Hình 4.10: Giao diện danh sách Store Address 68 Hình 4.11: Giao diện chỉnh sửa thông tin Store Address 69 Hình 4.12: Giao diện thêm Store Address 70 Hình 4.13: Giao diện danh sách Orders 71 Hình 4.14: Giao diện chỉnh sửa thơng tin Orders 72 Hình 4.15: Giao diện danh sách Shop Cart 73 Hình 4.16: Giao diện chỉnh sửa thơng tin Shop Cart 74 Hình 4.17: Giao diện thêm Shop Cart 74 Hình 4.18: Giao diện danh sách Banner 75 Hình 4.19: Giao diện chỉnh sửa thông tin Banner 76 Hình 4.20: Giao diện thêm Banner 77 Hình 4.21: Giao diện danh sách Category 78 Hình 4.22: Giao diện chỉnh sửa thơng tin Category 78 Hình 4.23: Giao diện thêm Category 79 Hình 4.24: Giao diện danh sách Color 80 Hình 4.25: Giao diện chỉnh sửa thơng tin Color 80 Hình 4.26: Giao diện thêm Color 81 Hình 4.27: Giao diện danh sách Compare 81 Hình 4.28: Giao diện chỉnh sửa thông tin Compare 82 Hình 4.29: Giao diện thêm Compare 83 xiii Hình 4.30: Giao diện danh sách Product Advance Search 84 Hình 4.31: Giao diện chỉnh sửa thông tin Product Advance Search 84 Hình 4.32: Giao diện thêm Product Advance Search 85 Hình 4.33: Giao diện danh sách Products 86 Hình 4.34: Giao diện chỉnh sửa thông tin Products 88 Hình 4.35: Giao diện thêm Products 90 Hình 4.36: Giao diện danh sách Size 92 Hình 4.37: Giao diện chỉnh sửa thơng tin Size 92 Hình 4.38: Giao diện thêm Size 93 Hình 4.39: Giao diện danh sách Variants 93 Hình 4.40: Giao diện chỉnh sửa thông tin Variants 94 Hình 4.41: Giao diện thêm Variants 95 Hình 4.42: Giao diện kịch chat 96 Hình 4.43: Giao diện ý định 97 Hình 4.44: Giao diện câu mẫu 98 Hình 4.45: Giao diện đăng nhập 99 Hình 4.46: Giao diện đăng ký 100 Hình 4.47: Giao diện trang chủ 101 Hình 4.48: Giao diện thơng tin cá nhân 102 Hình 4.49: Giao diện chỉnh sửa thơng tin cá nhân 103 Hình 4.50: Giao diện trang đặt hàng 104 Hình 4.51: Giao diện đơn hàng chi tiết 105 Hình 4.52: Đặc tả giao diện danh mục sản phẩm 106 Hình 4.53: Giao diện sản phẩm chi tiết 107 Hình 4.54: Giao diện bình luận đánh giá sản phẩm 108 Hình 4.55: Giao diện giỏ hàng khơng có sản phẩm 109 Hình 4.56: Giao diện giỏ hàng có hàng 109 Hình 4.57: Giao diện toán offline 110 Hình 4.58: Giao diện toán online 112 Hình 4.59: Giao diện tốn thành cơng 113 Hình 4.60: Giao diện thay đổi mật 113 Hình 4.61: Giao diện Chatbot chuẩn bị vào chat 114 Hình 4.62: Giao diện Chatbot chat 116 xiv Bảng 4.2.14.1: Đặc tả giao diện Chatbot chuẩn bị vào chat STT Kiểu Text Button Button Image Input Button Button Mơ tả/Ghi Tên chatbot Phóng to hình chat Tắt chat Logo chatbot Nhập tên Bắt đầu chat Mở khung chat - Giao diện Chatbot chat 115 Hình 4.62: Giao diện Chatbot chat Bảng 4.2.15.2: Đặc tả giao diện Chatbot chat STT Kiểu Text Text Input Button Button Button Button Mô tả/Ghi Bong bóng chat người dùng Bong bóng chat trả lời chatbot Nhập câu chat Gửi câu chat Mở/đóng khung chat Phóng to khung chat Tắt khung chat 116 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1 Môi trường cài đặt - Sử dụng công nghệ Python 3.9.5 SQLite3 phiên 3.36.0 Trình duyệt Chrome phiên 91.0.4472.124 (Phiên Chính thức) (64 bit) 5.2 Kiểm thử Bảng 5.2.1: Bảng kiểm thử hệ thống STT Tên test case Quy trình Nhấn vào Khách hàng header Kiểm thử chức đăng nhập Nhấn vào Đăng nhập Nhập username, password vào formđăng nhập Gõ phím Enter hoặcnhấn vào nút Đăng nhập Kết mong đợi Ứng dụng trở trang chủ tên tài khoản vừa đăng nhập Khách hàng Kết Pass Nhấn vào Khách hàng header Kiểm thử chức đăng nhập với Google Nhấn vào Đăng nhập Nhấn vào biểutượng Google+ giaodiện đăng nhập Chuyển đến giaodiện login Google Thực Ứng dụng trở trang chủ tên tài khoản vừa đăng nhập Khách hàng Pass 117 bướccần thiết Nhấn vào Khách hàng header Kiểm thử chức đăng nhập với Facebook Nhấn vào Đăng nhập Nhấn vào biểutượng Facebook giaodiện đăng nhập Chuyển đến giaodiện login Facebook Thực bướccần thiết Nhấn vào Khách hàng header Kiểm thử chức đăng kí Nhấn vào Tạo tài khoản Nhập thông tin cần thiết vào form đăng kí Nhấn vào nút Đăngkí Ứng dụng trở trang chủ tên tài khoản vừa đăng nhập Khách hàng Pass Ứng dụng thông báo kiểm tra email để xác nhận Sau xác thực từ email cách nhấp vào link email chuyển đến giao diện thông báo đăng ký thành công Pass 118 Kiểm thử chức cập nhật thông tin Kiểm thử chức danh sách đơn đặt hàng Nhấn vào Khách hàng Nhấn tiếp vào Tài khoản Chuyển đến trang thông tin cá nhân Chỉnh sửa lại thông tin muốn thay đổi Nhấn nút Save Nhấn vào Khách hàng Nhấn tiếp vào Tài khoản Nhấn tiếp vào Danh sách đơn đặt hàng Chuyển đến trang danh sách đặt hàng Nhấn vào nút Chi tiết Chuyển đến trang đơn hàng đặt Ứng dụng trang thông tin cá nhân, đồng thời thông báo cập nhập thông tin thành công Pass Pass Ứng dụng trang danh sách đơn đặt hàng, đồng thời thông tin đơn hàng đặt 119 Kiểm thử chức đổi mật Kiểm thử chức tìm kiếm điện thoại Kiểm thử chức xem danh mục điện thoại Nhấn vào Khách hàng Nhấn tiếp vào Tài khoản Chuyển đến trang thông tin cá nhân Nhấn vào nút Thay đổi mật Nhập thông tin mậtkhẩu cũ Nhấn nút Lưu thay đổi Nhập từ khóa vàothanh tìm kiếm Nhấn nút tìm kiếmhoặc gõ Enter Nhấn vào hãng Menu Nhấn vào Xem tất Cập nhật lại mật người dùng Pass Hiển thị danh sách kết phù hợp Pass Chuyển đến trang danh mục điện thoại thành công Pass 120 10 11 12 13 Nhấn vào hãng Menu Kiểm thử Nhấn vào Xem tất chức Chuyển đến trang lọc điện thoại danh mục điện thoại Chọn thành phần lọc nằm bên trái Kiểm thử chức xem chi tiết điện thoại Nhấn vào sản phẩm trang danh sách điện thoại Kiểm thử chức xem thông số kỹ thuật chi tiết điện thoại Nhấn vào nút Thông tin chi tiết phần Thông số kỹ thuật trang Chi tiết điện thoại Kiểm thử chức bình luận đánh giá sản phẩm Nhấn vào Bình luận đánh giá trang Chi tiết điện thoại Nhập đánh giá vào ô Đánh giá bạn Chon số mục Chọn đánh giá bạn Nhấn nút Gửi Ứng dụng trang danh mục điện thoại, đồng thời hiển thị điện thoại theo lọc sau chọn thành công Hiển thị thơng chi tiết điện thoại Ứng dụng trang Thông tin chi tiết, đồng thời bảng Thông số kỹ thuật chi tiết Ứng dụng load lại trang Thông tin chi tiết điện thoại, đồng thời thông báo gửi đánh giá thành công phần đánh giá vừa nhập mục Bình luận đánh giá Pass Pass Pass Pass 121 đánh giá 14 15 Kiểm thử chức thêm vào giỏ hàng Kiểm thử chức giỏ hàng Nhấn vào nút Thêm vào giỏ hàng sau chọn xong sản phẩm trang Thông tin chi tiết điện thoại Giỏ hàng đầu trang hiển thị số lượng sản phẩm cho vào giỏ chữ số Ả Rập Ứng dụng chuyển đến trang Giỏ hàng Nếu khơng có sản phẩm trrong giỏ hàng trang Nhấn vào Giỏ hàng dịng chữ “Khơng có sản phẩm giỏ đầu trang hàng” nút Trở trang chủ Giỏ hàng Danh sách sản phẩm giỏ hàng có Pass Pass 122 16 17 Nhấn vào Giỏ hàng đầu trang sau Ứng dụng load lại thêm sản phẩm vào trang Giỏ hàng giỏ Kiểm thử chức Trang dòng Nhấn vào nút X nằm xóa sản chữ “Khơng có sản phía bên phải sản phẩm giỏ phẩm giỏ phẩm giỏ hàng hàng” nút Trở Nhấn nút OK để xóa trang chủ sản phẩm Nhấn vào nút Đặt hàng trang Giỏ Ứng dụng load lại hàng với điều kiện trang Thanh toán giỏ phải có sản offline Trang phẩm dịng chữ “HỒN THÀNH” Kiểm thử chức Chuyển đến trang Thanh toán offline với lời báo toán Nhập thông tin thành công, mã đặt cần thiết hàng, lời cảm ơn Nhấn nút Hoàn tất nút Trở trang thông tin đặt hàng chủ Pass Pass 123 17 Kiểm thử chức toán trực tuyến cổng toán VNPay 18 Kiểm thử chức so sánh sản phẩm Nhấn vào nút Đặt hàng toán trang Giỏ hàng với điều kiện giỏ phải có sản phẩm Chuyển đến trang Thanh tốn trực tuyến Nhập thơng tin cần thiết Nhấn nút Xác nhận Chuyển đến trang cổng toán VNPay Làm theo bước yêu cầu nhấn nút Xác nhận Ứng dụng load lại trang Thanh tốn trực tuyến Trang dịng chữ “HỒN THÀNH” với lời báo thành cơng, mã đặt hàng, lời cảm ơn nút Trở trang chủ Pass Pass 124 19 Nhấn vào biểu tượng Chat widget bên phải góc Chatbot đưa Nhập tên vào ô theo câu trả lời tùy Kiểm thử chức yêu cầu sau theo liệu Chatbot khung chat lên huấn luyện Nhập câu chat gửi Pass 125 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Những điểm đạt - - Sau thời gian tìm hiểu nghiên cứu thực hiện, đề tài “XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI” hoàn thiện so với mục tiêu ban đầu Cụ thể nhóm tìm hiểu cơng nghệ xác định chức để xây dựng Webiste như: Frontend: sử dụng HTML, CSS, Bootstrap, Ajax Backend: sử dụng ngôn ngữ Python, framework Django Database: sử dụng SQLite3 Nghiên cứu tài liệu tham khảo trang web thương mại điện tử thực tế Xác định chức cần có trang web Cài đặt thư viện cần thiết môi trường để phục vụ cho việc xây dựng trang web Xây dựng chức bản: đăng nhập, đăng ký, chỉnh sửa thông tin tài khoản cá nhân (khách hàng, Admin), CRUD sản phẩm (Admin) Xây dựng chức tìm kiếm theo tên sản phẩm (khách hàng), chức giỏ hàng, chức xem sản phẩm, danh sách sản phẩm, chi tiết sản phẩm (người dùng), chức bình luận đánh giá Xây dựng chức nâng cao: Bộ lọc sản phẩm, So sánh sản phẩm, Chatbot Xây dựng chức quản lý tài khoản (Admin) 6.2 Ưu điểm - Thông tin lưu trữ trực quan, quán Django có hỗ trợ bảo mật tốt Giao diện dễ nhìn, thân thiện với người dùng - Ứng dụng đơn giản, dễ sử dụng - Có đầy đủ chức trang web thương mại điện tử - Áp dụng chatbot để giao tiếp hỗ trợ chăm sóc người dùng - Ứng dụng API cổng toán online VNPay để toán trực tuyến 126 6.3 Hạn chế - Tư thiết kế liệu giao diện hạn chế Giao diện so sánh sản phẩm sơ sài, chưa tối ưu Đăng nhập Facebook bị lỗi có thay đổi bảo mật phía Facebook Bộ lọc xếp theo mức giá, pin, camera bị lỗi Chưa phát triển app tảng mobile Chưa thể tối ưu hoàn toàn câu lệnh lấy liệu 6.4 Hướng phát triển - Cải thiện tối ưu giao diện Chỉnh sửa lại chức đăng nhập Facebook Chỉnh sửa lại lọc thêm nhiều tính để lọc Thêm nhiều cổng tốn online khác Hỗ trợ nhiều ngơn ngữ - Cung cấp nhiều liệu sản phẩm - Phát triển app tảng mobile - Tối ưu hóa câu lệnh lấy liệu 127 TÀI LIỆU THAM KHẢO Tiếng việt [1] Minh Do (26/02/2018) Python với Django Framework: https://viblo.asia/p/python-co-ban-voi-django-framework-Ljy5VxGkZra [2] Django documentation (n.d.): https://docs.djangoproject.com/en/3.2/ [3] Giới thiệu SQLite3 thực hành lệnh SQLite (n.d.): https://xuanthulab.net/gioithieu-sqlite-va-thuc-hanh-lenh-sql.html [4] Lập trình web với Python Django (2017): https://www.howkteam.vn/course/lap-trinh-web-voi-python-bang-django-36 [5] Bootstrap (n.d.): https://getbootstrap.com/ [6] Dương Mạnh Đăng (5/01/2019) Sử dụng API Giao hàng Nhanh để tính giá cước vận chuyển: https://viblo.asia/p/su-dung-api-giao-hang-nhanh-de-tinh-gia-cuocvan-chuyen-1Je5EQB45nL [7] API Giao hàng tiết kiệm để tính giá cước vận chuyển (n.d.): https://docs.giaohangtietkiem.vn/#version-1-6-2 [8] NỀN TẢNG TRÍ TUỆ NHÂN TẠO TỒN DIỆN | FPT.AI (n.d): https://fpt.ai/vi 128 ... hành chuỗi bán lẻ thegioididong.com, Điện Máy Xanh, Bách Hoá Xanh Ngoài ra, MWG mở rộng thị trường nước với chuỗi bán lẻ Bigphone Campuchia Thegioididong.com thành lập từ năm 2004, chuỗi bán lẻ thiết... thiết bị di động (điện thoại di động, máy tính bảng, laptop phụ kiện) có thị phần số Việt Nam với 1000 cửa hàng di? ??n 63 tỉnh thành khắp Việt Nam Hình 1.1: Giao di? ??n trang chủ Thegioididong.com... https://fptshop.com.vn/ Là cửa hàng chuyên phân phối, bán lẻ sản phẩm hãng như: điện thoại di động, Máy tính bảng, Máy tính xách tay phụ kiện điện tử … FPT Shop trung tâm bán lẻ Việt Nam cấp chứng ISO 9001: 2000