(Đồ án hcmute) xây dựng website bán hàng thời trang sử dụng công nghệ asp net core

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG SỬ DỤNG CÔNG NGHỆ ASP.NET CORE GVHD:NGUYỄN MINH ĐẠO SVTH:NGÔ VĂN TÚ MSSV:16110255 SVTH:PHẠM XUÂN KHIÊM MSSV:16110120 SKL 0 7 Tp Hồ Chí Minh, tháng 07/2020 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO  ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN HÀNG THỜI TRANG SỬ DỤNG CÔNG NGHỆ ASP.NET CORE SVTH : NGÔ VĂN TÚ MSSV : 16110255 SVTH : PHẠM XUÂN KHIÊM MSSV : 16110120 Khóa : 2016 Ngành : CÔNG NGHỆ THÔNG TIN GVHD : THS NGUYỄN MINH ĐẠO Tp Hồ Chí Minh, tháng năm 2020 an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc *** Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Ngô Văn Tú Họ tên sinh viên: Phạm Xuân Khiêm Ngành: Công Nghệ Thông Tin Giảng viên hướng dẫn: Nguyễn Minh Đạo Ngày nhận đề tài: 16/02/2020 MSSV: 16110255 MSSV: 16110120 Lớp: 16110CLST2 16110CLST4 ĐT: 090 398 2082 Ngày nộp đề tài: 01/07/2020 Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core Các số liệu, tài liệu ban đầu: sách link trang web phần tài liệu tham khảo Nội dung thực đề tài: - Phát triển thêm tính cần thiết khác cho hệ thống website - Nghiên cứu nghiệp vụ để thống kê số liệu (Dashboard) - Tìm hiểu cách tích hợp tốn trực tuyến Paypal - Tìm hiểu cơng nghệ ASP.NET SignalR để xây dựng tính chat (real-time) - Tìm hiểu Recommendation System để tích hợp vào hệ thống website Sản phẩm: website bán hàng thời trang TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN Nguyễn Đăng Quang Nguyễn Minh Đạo i an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên Sinh viên: Ngô Văn Tú MSSV: 16110255 Họ tên Sinh viên: Phạm Xuân Khiêm MSSV: 16110120 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core Họ tên Giảng viên hướng dẫn: Nguyễn Minh Đạo NHẬN XÉT Về nội dung đề tài & khối lượng thưc hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? ………………………………………………………………………………………… Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) ii an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên Sinh viên: Ngô Văn Tú MSSV: 16110255 Họ tên Sinh viên: Phạm Xuân Khiêm MSSV: 16110120 Ngành:Công nghệ thông tin Tên đề tài: Xây dựng website bán hàng thời trang sử dụng công nghệ ASP.NET Core Họ tên Giảng viên phản biện: Lương Vĩ Minh NHẬN XÉT Về nội dung đề tài & khối lượng thưc hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? ………………………………………………………………………………………… Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2020 Giảng viên phản biện (Ký & ghi rõ họ tên) iii an LỜI CẢM ƠN Đầu tiên, nhóm chúng em học kỳ gửi lời cảm ơn chân thành đến Khoa Đào tạo Chất lượng cao Khoa tạo điều kiện tốt để bạn sinh viên hoàn thành đồ án tốt nghiệp, đặc biệt học kỳ này, sinh viên toàn trường khoảng thời gian dài khoảng ba tháng để nghỉ dịch COVID-19 Do đó, việc lên lịch thời gian cho kế hoạch trước vấn đề khó khăn khoa khoa có điều chỉnh hợp lý, tạo thời gian tốt để bạn sinh viên hoàn thành kịp tiến độ đồ án cách tốt Chúng em xin cảm ơn khoa nhiều Và chúng em gửi lời cảm ơn thầy cô môn Trong suốt năm học qua, thầy cô truyền đạt nhiều kiến thức hay, bổ ích, giúp nhóm vận dụng nhiều đồ án tốt nghiệp đặc biệt hành trang bước vào đời trường Cuối cùng, chúng em xin gửi lời cảm ơn sâu sắc đển thầy Nguyễn Minh Đạo Trước hết, cảm ơn thầy nhận hướng dẫn nhóm đồ án tốt nghiệp Lúc nhóm nhận đề tài từ thầy lúc mà đất nước chống dịch COVID-19, việc gặp gỡ trao đổi trực tiếp gần không thể, thay vào nhóm thầy phải trao đổi qua mạng, làm việc online, sau có thơng báo đến trường lại nhóm thầy gặp nhiều Nhóm biết thầy bận, ngồi việc dạy, thầy cịn làm việc cho trung tâm phần mềm trường lần chúng em có khó khăn, thắc mắc q trình q thực đồ án cần liên hệ với thầy, thầy sẵn sàng gặp gỡ trao đổi Thầy giải đáp thắc mắc tận tình, đưa hướng giải hợp lý, đề xuất phương án, tính cho đồ án phù hợp với nhu cầu người dùng thực tế Những đóng góp ý kiến, sự hướng dẫn thầy giúp nhóm cải thiện chất lượng đồ án, đảm bảo tiến độ hoàn thành đồ án tốt Một lần nữa, chúng em cảm ơn thầy nhiều chúc thầy mạnh khỏe, giữ vững lửa nhiệt huyết, truyền đạt kiến thức mới, hay bổ ích đến cho bạn sinh viên Sự thiếu sót đồ án điều khó tránh khỏi, mong nhận đóng góp ý kiến, phản hồi từ thầy cô bạn Chúng em xin chân thành cảm ơn Nhóm sinh viên Ngơ Văn Tú - Phạm Xuân Khiêm iv an LỜI MỞ ĐẦU Đây đề tài phát triển từ tiểu luận chuyên ngành nhóm Các vấn đề nghiên cứu, khảo sát trạng từ trang web lớn hoạt động nhiều kỳ khóa luận nhóm giải Việc khảo sát trạng trang web lớn giúp nhóm bắt kịp xu hướng thiết kế giao diện, từ gam màu chức Mục tiêu phát triển đề tài hồn thiện trang web mức nâng cao, chưa hoàn thiện để sử dụng thị trường Củng cố lại chức làm, chức đăng nhập, đăng ký, thêm vào giỏ, tốn bắt buộc phải có cho trang web thương mại cần phát triển thêm tính nâng cao tính Chat trực tuyến, toán trực tuyến quan trọng hệ thống gợi ý (recommendation systems) giúp tăng trải nghiệm cho người dùng Xây dựng module quản lý tiện lợi, nhanh chóng chi tiết rõ ràng Kết đạt nhóm tốt, hồn thành tương đối mục tiêu đề ra, có tính chưa hoàn thiện hết mức 95% Ứng dụng triển khai môi trường thực tế với kết 93% so với chạy môi trường local v an MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iii LỜI CẢM ƠN iv LỜI MỞ ĐẦU v MỤC LỤC vi DANH SÁCH HÌNH ẢNH xi DANH SÁCH BẢNG BIỂU xiv Chương 1: TỔNG QUAN 1.1 Khảo sát trạng 1.2 Giới thiệu đề tài 1.3 Mục tiêu đề tài Chương 2: 2.1 CƠ SỞ LÝ THUYẾT Công nghệ ASP.NET Core 2.1.1 Công nghệ ASP.NET Core gì? 2.1.2 So sánh sự khác công nghệ ASP.NET ASP.NET Core 2.1.3 Ưu, nhược điểm công nghệ ASP.NET Core 2.2 Công nghệ ASP.NET Core SignalR 2.3 Mơ hình MVC 2.4 Hệ thống gợi ý (Recommendation Systems) 2.4.1 Hệ thống gợi ý dựa nội dung sản phẩm (Content-based Recommender Systems) 2.4.2 Hệ thống gợi ý dựa người dùng – lọc cộng tác (Collaborative filtering recommender system) 11 Chương 3: XÁC ĐỊNH YÊU CẦU 16 3.1 Yêu cầu người dùng 16 3.2 Yêu cầu hệ thống 17 3.2.1 Các tác nhân 17 vi an 3.2.1.1 3.2.2 Chức tác nhân 18 Lược đồ chức 19 3.2.2.1 Mô tả chức 22 3.2.2.1.1 Thanh toán 22 3.2.2.1.2 Trò chuyện trực tuyến 23 3.2.2.1.3 Quản lý đơn hàng 24 3.2.2.1.4 Trình quản lý hội thoại 25 Chương 4: THIẾT KẾ HỆ THỐNG 26 4.1 Kiến trúc hệ thống 26 4.2 Lược đồ lớp 26 4.2.1 Database 26 4.2.1.1 Enum 27 4.2.1.2 Interface 27 4.2.1.3 Entity 28 4.2.2 DB Context 29 4.2.3 Repository 30 4.2.4 Services 31 4.2.4.1 ViewModel 31 4.2.4.2 Interface 32 4.2.4.3 Service 33 4.2.4.4 Cấu hình cho AutoMapper 34 4.2.5 4.3 Presentation 34 4.2.5.1 ViewModel 34 4.2.5.2 Web application 35 4.2.5.3 Web API 36 Lược đồ tuần tự 37 4.3.1 Lược đồ tuần tự chức đánh giá sản phẩm 37 4.3.2 Lược đồ tuần tự chức thêm sản phẩm yêu thích 38 4.3.3 Lược đồ tuần tự chức huấn luyện hệ thống gợi ý sản phẩm 39 vii an 4.3.4 4.4 Lược đồ tuần tự chức lấy sản phẩm từ hệ thống gợi ý sản phẩm 39 Thiết kế sở liệu 40 4.4.1 Mơ hình quan hệ thực thể (ERD) 40 4.4.2 Mơ hình vật lý 41 4.5 Thiết kế giao diện 42 4.5.1 Kiến trúc tổng quan giao diện 42 4.5.1.1 Luồng đường hình phía khách (chưa đăng nhập) 42 4.5.1.2 Luồng đường hình phía người dùng (đã đăng nhập) 45 4.5.1.3 Luồng đường hình phía quản trị viên/nhân viên 47 4.5.2 Đặc tả chi tiết giao diện hình 49 4.5.2.1 Màn hình trang chủ 49 4.5.2.2 Màn hình đặt lại mật 52 4.5.2.3 Màn hình cập nhật mật 53 4.5.2.4 Màn hình chi tiết sản phẩm 54 4.5.2.5 Màn hình tốn 58 4.5.2.6 Màn hình liên hệ 60 4.5.2.7 Màn hình giới thiệu 61 4.5.2.8 Màn hình thơng tin tài khoản 62 4.5.2.9 Màn hình đổi mật 64 4.5.2.10 Màn hình lịch sử đơn hàng 65 4.5.2.11 Màn hình chi tiết đơn hàng 66 4.5.2.12 Màn hình sản phẩm yêu thích 67 4.5.2.13 Màn hình sản phẩm xem 69 4.5.2.14 Modal hội thoại trực tuyến chưa đăng nhập 71 4.5.2.15 Modal hội thoại trực tuyến đăng nhập 72 4.5.2.16 Modal quản lý tài khoản cá nhân 73 4.5.2.17 Màn hình Dashboard 74 4.5.2.18 Màn hình quản lý đánh giá 75 4.5.2.19 Màn hình trình quản lý hội thoại trực tuyến 76 viii an Báo cáo đồ án tốt nghiệp Chương 6: KẾT QUẢ SO SÁNH, THỰC NGHIỆM, TỔNG HỢP 6.1 Các trường hợp thử nghiệm chức (test case) 6.1.1 Trường hợp thử nghiệm chức Đánh giá sản phẩm Bảng 1: Trường hợp thử nghiệm chức đánh giá sản phẩm Mã RV01 RV02 Tiêu đề Các bước thực nghiệm Xem đánh [1]: Nhấp vào sản giá sản phẩm để vào trang phẩm chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review Kết mong đợi [3]: Nhìn thấy nội dung đánh giá bên trái Nếu khơng có đánh giá hiển thị dịng chữ “This product has no review!” (Đã đăng nhập) [3]: Bên trái hiển thị nội dung đánh giá, bên phải hiển thị phần để thực đánh giá Điền đầy đủ thông tin thực đánh giá [5]: Nội dung đánh giá với thông tin thực hiển thị bên trái Nếu có nội dung đánh giá trước nội dung đưa lên đầu (Đã đăng nhập) [1]: Nhấp vào sản phẩm để vào trang chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review Chương 6: Kết so sánh, thực nghiệm, tổng hợp an Kết thực nghiệm [3]: Nhìn thấy nội dung đánh giá bên trái Nếu khơng có đánh giá hiển thị dịng chữ “This product has no review!” (Đã đăng nhập) [3]: Bên trái hiển thị nội dung đánh giá, bên phải hiển thị phần để thực đánh giá [5]: Nội dung đánh giá với thông tin thực hiển thị bên trái Nếu có nội dung đánh giá trước nội dung đưa lên đầu Trạng thái Thành công Thành công 94 Báo cáo đồ án tốt nghiệp RV04 Để rỗng phần tiêu đề (Title) thực đánh giá RV05 Thực đánh giá với số mặc định [4]: Chọn số đánh giá, điền tiêu đề, nội dung chọn hình ảnh thực tế [5]: Nhấn nút “REVIEW” (Đã đăng nhập) [1]: Nhấp vào sản phẩm để vào trang chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review [4]: Chọn số đánh giá, điền nội dung, để rỗng phần tiêu đề (Title) chọn hình ảnh thực tế [5]: Nhấn nút “REVIEW” (Đã đăng nhập) [1]: Nhấp vào sản phẩm để vào trang chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review [5]: Hiển thị alert màu đỏ thông báo “Has an error in progress” [5]: Hiển thị Thành alert màu công đỏ thông báo “Has an error in progress” [5]: Hiển thị nội dung với số đánh giá [5]: Hiển thị Thành nội dung với công số đánh giá Chương 6: Kết so sánh, thực nghiệm, tổng hợp an 95 Báo cáo đồ án tốt nghiệp RV06 Thực đánh giá để rổng thông tin (trừ tiêu đề) RV07 Thực đánh giá chọn nhiều hình ảnh [4]: Để số đánh giá mặc định, điền tiêu đề, nội dung chọn hình ảnh thực tế [5]: Nhấn nút “REVIEW” (Đã đăng nhập) [1]: Nhấp vào sản phẩm để vào trang chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review [4]: Để số đánh giá mặc định, điền tiêu đề, để rỗng thông tin nội dung, hình ảnh [5]: Nhấn nút “REVIEW” (Đã đăng nhập) [1]: Nhấp vào sản phẩm để vào trang chi tiết sản phẩm [2]: Kéo chuột xuống phần nội dung sản phẩm thấy tab Description Reviews [3]: Nhấn vào chọn tab Review [5]: Hiển thị [5]: Hiển thị Thành nội dung nội dung công đánh giá với đánh giá với thông tin bị thông tin bị thiếu thiếu [5]: Hiển thị [5]: Hiển thị Thất nội dung với nội dung với bại nhiều hình ảnh hình ảnh thực tế hình ảnh cuối danh sách Chương 6: Kết so sánh, thực nghiệm, tổng hợp an 96 Báo cáo đồ án tốt nghiệp [4]: Chọn số đánh giá, điền tiêu đề, nội dung chọn nhiều hình ảnh [5]: Nhấn nút “REVIEW” 6.1.2 Trường hợp thử nghiệm chức Sản phẩm xem Bảng 2: Trường hợp thử nghiệm chức sản phẩm xem Mã Tiêu đề VL01 Đưa sản phầm vào danh sách xem Cách xếp sản phẩm đưa vào danh sách xem VL02 Các bước thực nghiệm [1]: Nhấp vào sản phẩm để vào trang chi tiết Kết mong đợi [1]: Sản phẩm thêm vào danh sách xem [1]: Nhấp vào [1]: Được hiển sản phẩm để thị lên vị trí đầu vào trang chi tiên tiết Kết thực nghiệm [1]: Sản phẩm thêm vào danh sách xem Trạng thái Thành công [1]: Nếu sản Thất phẩm bại xem lần đầu đầu tiên, sản phẩm xem nhiều lần khơng hiển thị lên đầu 6.1.3 Trường hợp thử nghiệm chức Thêm sản phẩm yêu thích Bảng 3: Trường hợp thử nghiệm chức Thêm sản phẩm yêu thích Mã Tiêu đề AW01 Thêm sản phẩm yêu tích từ mặt hàng sản phẩm Các bước thực nghiệm (Đã đăng nhập) [1]: Rê chuột vào sản phẩm [2]: Icon “Heart” Kết mong đợi [3]:Icon“Heart” từ màu trắng chuyển màu đỏ Sản phẩm thêm vào danh Chương 6: Kết so sánh, thực nghiệm, tổng hợp an Kết thực nghiệm [3]:Icon“Heart” từ màu trắng chuyển màu đỏ Sản phẩm thêm vào danh Trạng thái Thành công 97 Báo cáo đồ án tốt nghiệp [3]: Nhấn vào icon “Heart” [4]: Nhấn vào icon “Heart” lần sản phẩm AW02 Thêm phẩm thích phần tiết phẩm sản yêu từ chi sản (Đã đăng nhập) [1]: Nhấn vào dòng chữ “Add to Wishlist” [2]: Nhấn vào dòng chữ “Add to Wishlist” lần sản phẩm sách u thích (Wishlist) [4]:Icon“Heart” từ màu đỏ chuyển sang màu trắng Sản phẩm bị xóa khỏi danh sách u thích [1]: Dịng chữ “Add to Wishlist” từ màu trắng chuyển màu đỏ Sản phẩm thêm vào danh sách u thích (Wishlist) [2]: Dịng chữ “Add to Wishlist” từ màu đỏ chuyển sang màu trắng Sản phẩm bị xóa khỏi danh sách u thích sách yêu thích (Wishlist) [4]:Icon“Heart” từ màu đỏ chuyển sang màu trắng Sản phẩm bị xóa khỏi danh sách yêu thích [1]: Dịng chữ Thành “Add to cơng Wishlist” từ màu trắng chuyển màu đỏ Sản phẩm thêm vào danh sách u thích (Wishlist) [2]: Dịng chữ “Add to Wishlist” từ màu đỏ chuyển sang màu trắng Sản phẩm bị xóa khỏi danh sách u thích 6.1.4 Trường hợp thử nghiệm chức Hội thoại trực tuyến Bảng 4: Trường hợp thử nghiệm chức Hội thoại trực tuyến Mã CO01 Tiêu đề Các bước thực Kết mong nghiệm đợi Phía khách hàng Gửi tin (Đã đăng nhập) [3]: Không hiển nhắn rỗng [1]: Nhấp vào gửi tin nhắn phần nhập tin rỗng lên khung nhắn nội dung [2]: Để rỗng phần hội thoại nhập tin nhắn Chương 6: Kết so sánh, thực nghiệm, tổng hợp an Kết thực Trạng nghiệm thái [3]: Không hiển Thành gửi tin nhắn công rỗng lên khung nội dung hội thoại 98 Báo cáo đồ án tốt nghiệp CO02 CO03 [3]: Nhấn nút icon “Send” Enter Gửi tin (Đã đăng nhập) nhắn [1]: Nhấp vào thường phần nhập tin nhắn [2]: Nhập tin nhắn thường [3]: Nhấn nút icon “Send” Enter [3]: Nội dung tin nhắn hiển thị lên khung nội dung hội thoại kèm theo email người gửi Tin nhắn gửi qua bên Nhân viên/Quản trị viên Phía Nhân viên/Quản trị viên Nhận tin (Đã đăng nhập) BÊN TRÁI nhắn từ Hiển thị danh khách sách hàng hội thoại khách hàng kèm theo email theo thời gian gần Nhảy tin nhắn hội thoại khách hàng Hiển thị ngày hội thoại gần BÊN PHẢI Nội dung hội thoại với khách hàng Nội dung hiển thị mặc định nội dung hội thoại Chương 6: Kết so sánh, thực nghiệm, tổng hợp an [3]: Nội dung tin nhắn hiển thị lên khung nội dung hội thoại kèm theo email người gửi Tin nhắn gửi qua bên Nhân viên/Quản trị viên BÊN TRÁI Thành Hiển thị danh công sách hội thoại khách hàng kèm theo email theo thời gian gần Nhảy tin nhắn hội thoại khách hàng Hiển thị ngày hội thoại gần BÊN PHẢI Nội dung hội thoại với khách hàng Nội dung hiển thị mặc định nội dung hội thoại 99 Báo cáo đồ án tốt nghiệp CO04 CO05 Trả lời (Đã đăng nhập) tin [1]: Nhấn vào bất nhắn rỗng kỳ hôi thoại danh sách hội thoại khách hàng bên trái hình [2]: Hiển thị nội dung hội thoại [3]: Nhấp vào phần nhập tin nhắn [4]: Để rỗng không nhập [5]: Nhấn nút icon “Send” Enter Trả lời tin (Đã đăng nhập) nhắn bình [1]: Nhấn vào bất thường kỳ hôi thoại danh sách hội thoại khách hàng bên trái hình [2]: Hiển thị nội dung hội thoại [3]: Nhấp vào phần nhập tin nhắn [4]: Nhập tin nhắn bình thường [5]: Nhấn nút icon “Send” Enter khách hàng [5]: Không hiển gửi tin nhắn rỗng lên khung nội dung hội thoại khách hàng [5]: Không hiển Thành gửi tin nhắn công rỗng lên khung nội dung hội thoại [3]: Nội dung tin nhắn hiển thị lên khung nội dung hội thoại kèm theo ngày tin nhắn trả lời tin nhắn nhận Tin nhắn gửi qua bên khách hàng [3]: Nội dung Thành tin nhắn hiển công thị lên khung nội dung hội thoại kèm theo ngày tin nhắn trả lời tin nhắn nhận Tin nhắn gửi qua bên khách hàng Chương 6: Kết so sánh, thực nghiệm, tổng hợp an 100 Báo cáo đồ án tốt nghiệp 6.1.5 Trường hợp thử nghiệm chức Thanh toán Bảng 5: Trường hợp thử nghiệm chức Thanh toán Mã CK01 CK02 Tiêu đề Các bước thực nghiệm Thanh (chưa đăng nhập) toán COD [1].1: Nhập thông tin cá nhân (đã đăng nhập) [1].2: Kiểm tra thơng tin cá nhân (dữ liệu có sẵn từ lúc đăng ký tài khoản tự động tải lên) [2]: Chọn phương thức toán COD [3]: Nhấn nút “Place Order” Thanh (chưa đăng nhập) toán [1].1: Nhập thông PayPal tin cá nhân (đã đăng nhập) [1].2: Kiểm tra thơng tin cá nhân (dữ liệu có sẵn từ lúc đăng ký tài khoản tự động tải lên) [2]: Chọn phương thức toán PayPal [3]: Nhấn nút “PayPal” Kết mong đợi [3]: Thanh tốn thành cơng chuyển hướng sang trang tốn thành cơng có hóa đơn điện tử gửi mail nêú đơn hàng nhân viên/quản trị cửa hàng xác nhận thành công Kết thực nghiệm [3]: Thanh tốn thành cơng chuyển hướng sang trang tốn thành cơng có hóa đơn điện tử gửi mail nêú đơn hàng nhân viên/quản trị cửa hàng xác nhận thành công [3]: Chuyển hướng sang trang toán PayPal Thanh tốn thành cơng chuyển hướng sang trang tốn thành cơng có hóa đơn điện tử gửi mail nêú đơn hàng nhân viên/quản trị cửa hàng xác nhận thành công [3]: Chuyển Thành hướng sang công trang tốn PayPal Thanh tốn thành cơng chuyển hướng sang trang tốn thành cơng có hóa đơn điện tử gửi mail nêú đơn hàng nhân viên/quản trị cửa hàng xác nhận thành công Chương 6: Kết so sánh, thực nghiệm, tổng hợp an Trạng thái Thành công 101 Báo cáo đồ án tốt nghiệp CK03 CK04 Thiếu xót thơng tin cá nhân tốn COD [1]: Nhập xót trường thông tin cá nhân [2]: Chọn phương thức toán [3]: Nhấn nút “Place Order” Thanh [1]: Nhập đầy đủ tốn COD thơng tin cá nhân [2]: Khơng chọn khơng phương thức chọn tốn phương [3]: Nhấn nút thức COD “Place Order” [3]: Khơng tốn Con trỏ chuột tự đông trỏ tới trường thông tin cịn thiếu [3]: Khơng Thành tốn cơng Con trỏ chuột tự đông trỏ tới trường thông tin cịn thiếu [3]: Khơng tốn Con trỏ chuột tự đông trỏ tới khu vực chọn phương thức tốn [3]: Khơng Thành tốn cơng Con trỏ chuột tự đông trỏ tới khu vực chọn phương thức toán 6.2 Kết thực nghiệm ứng dụng mơi trường thực tế Hình 1: URL ứng dụng deploy Kết đạt - URL website: https://atomstorevn.site/ - Kết deploy ứng dụng so với chạy localhost 95% chức - Website cài đặt chứng SSL Chương 6: Kết so sánh, thực nghiệm, tổng hợp an 102 Báo cáo đồ án tốt nghiệp Hình 2: Chất lượng SSL website Chương 6: Kết so sánh, thực nghiệm, tổng hợp an 103 Báo cáo đồ án tốt nghiệp Chương 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 7.1 Kết - Vận dụng công nghệ ASP.NET Core - Nắm nghiệp vụ quản lý từ trang web hoạt động - Nắm vận dụng công nghệ ASP.NET SignalR việc xây dựng tính real-time, tính Chat trực tuyến - Biết cách tích hợp phương thức tốn trực tuyến PayPal vào ứng dụng - Hồn thành mục tiêu chức - Áp dụng machine learning vào dự án, xây dựng hệ thống gợi ý quan trọng ứng dụng - Xây dựng chức thêm sản phẩm yêu thích, sản phẩm xem, tương đối quan trọng trải nghiệm người dùng ứng dụng - Triển khai ứng dụng lên môi trường thực tế Ưu điểm - Giao diện tương đối bắt mắt, thân thiện, gam màu phù hợp với xu hướng - website thương mại giới Thao tác đơn giản, dễ dàng sử dụng Dễ bảo trì Chạy nhiều trình duyệt Chạy đa tảng Nhược điểm - Tuy giao diện thân thiện, bắt mắt có số lỗi nhỏ vài chỗ, ảnh hưởng không tốt đến trải nghiệm người dùng - Responesive số chỗ chưa tốt, gây lỗi chạy ứng dụng di động, phần quản trị 7.2 Khó khăn - Cịn hạn chế kiến thức vận dụng công nghệ - Ứng dụng áp dụng cho cửa hàng nhỏ, không yêu cầu chức phức tạp đầy đủ chức cần thiết - Triển khai ứng dụng môi trường thực tế bị lỗi bảo mật việc xác nhận email đăng ký đăng nhập facebook 7.3 Hướng phát triển - Học hỏi kiến thức, quy tắc Front-end để thiết kế giao diện hoàn chỉnh, đạt chuẩn hơn, chạy tốt nhiều thiết bị - Xây dựng tính cách tốt hơn, tạo trải nghiệm tốt cho người dùng Chương 7: Kết luận hướng phát triển an 104 Báo cáo đồ án tốt nghiệp Chạy tốt nhiều trình duyệt, đặc biệt trình duyệt cũ Thêm đa ngôn ngữ cho ứng dụng Ứng dụng real-time nhiều Áp dụng nhiều công nghệ khác, thay dùng chung quanh thư viện Microsoft - Áp dụng công nghệ Xamarin xây dựng ứng dụng di dộng - 7.4 Mã nguồn https://github.com/khiempham1010/KLTN_FStore Chương 7: Kết luận hướng phát triển an 105 Báo cáo đồ án tốt nghiệp TÀI LIỆU THAM KHẢO Tiếng Việt [1] TOPDev, ASP.NET Core gì?, https://topdev.vn/blog/asp-net-core-la-gi/, truy cập ngày 13-10-2019 [2] TechBlog, Hệ thống gợi ý hướng tiếp cận, https://techblog.vn/he-thonggoi-y-va-cac-huong-tiep-can, truy cập ngày 19-5-2020 Tiếng Anh [3] Microsoft, NET Core Guide, https://docs.microsoft.com/en-us/dotnet/core/, truy cập ngày 06-11-2019 [4] Microsoft, Facebook external login setup in ASP.NET Core, https://docs.microsoft.com/en-us/aspnet/core/security/authentication/social/facebooklogins?view=aspnetcore-3.1, truy cập ngày 06-11-2019 [5] Microsoft, Google external login setup in ASP.NET Core, https://docs.microsoft.com/en-us/aspnet/core/security/authentication/social/googlelogins?view=aspnetcore-3.1, truy cập ngày 13-11-2019 [6] Microsoft, Using a CAPTCHA to Prevent Bots from Using Your ASP.NET Web Pages (Razor) Site, https://docs.microsoft.com/en-us/aspnet/webpages/overview/security/using-a-catpcha-to-prevent-automated-programs-bots-fromusing-your-aspnet-web-site, truy cập ngày 20-11-2019 [7] Microsoft, Checkout and Payment with PayPal, https://docs.microsoft.com/enus/aspnet/web-forms/overview/getting-started/getting-started-with-aspnet-45-webforms/checkout-and-payment-with-paypal, truy cập ngày 2-4-2020 [8] Microsoft, Introduction to ASP.NET Core SignalR, https://docs.microsoft.com/en-us/aspnet/core/signalr/introduction?view=aspnetcore3.1, truy cập ngày 1-5-2020 [9] Microsoft, Tutorial: Get started with ASP.NET Core SignalR, https://docs.microsoft.com/en-us/aspnet/core/tutorials/signalr?view=aspnetcore3.1&tabs=visualstudio&fbclid=IwAR3DzpVeWgS8iKW9VleegU87n_43j1T2oAomEjmmgNdJPGNM RHa-IGm7nSg, truy cập ngày 2-5-2020 [10] Scott Clayton, CODE PROJECT, Building a Recommendation Engine in C#, https://www.codeproject.com/Articles/1232150/Building-a-Recommendation-EngineinTài liệu tham khảo 106 an Báo cáo đồ án tốt nghiệp Csharp?fbclid=IwAR0p2DJYVe2VNi0vZ22KhyKmN8o2TU99k9Jg5vkhMsNOtHYJq _LsIcVJwgE, truy cập ngày 20-5-2020 [11] Dot NET, Chat Application using ASP.NET Core SignalR with User Identity, https://www.youtube.com/watch?v=RUZLIh4Vo20, truy cập ngày 2-5-2020 [12] Learning Programming, PayPal Payment with ASP.NET Core MVC, https://www.youtube.com/watch?v=BuA8Cq2mWOI, truy cập ngày 2-4-2020 Tài liệu tham khảo 107 an an ... Công nghệ ASP. NET Core 2.1.1 Cơng nghệ ASP. NET Core gì? 2.1.2 So sánh sự khác công nghệ ASP. NET ASP. NET Core 2.1.3 Ưu, nhược điểm công nghệ ASP. NET Core 2.2 Công nghệ. .. đồ án tốt nghiệp b) Vận dụng tốt công nghệ ASP. NET Core ASP. NET Core công nghệ áp dụng việc xây dựng hệ thống Cơng nghệ ASP. NET Core tìm hiểu lần thực tiểu luận chuyên ngành áp dụng để xây. .. 2.1.2 So sánh sự khác công nghệ ASP. NET ASP. NET Core Bảng 1: So sánh sự khác ASP. NET Core ASP. NET ASP. NET CORE Chạy đa tảng Windows, macOS, Linux Hoàn toàn thiết kế Phát triển với công cụ Visual