(Đồ án hcmute) xây dựng website bán đồ nội thất với asp net

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 ĐỒ NỘI THẤT VỚI ASP.NET GVHD: Th.S LÊ THỊ MINH CHÂU SVTH: LÊ HỮU TÂM SKL010564 Tp.Hồ Chí Minh, Tháng 12/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN HỆ THỐNG THÔNG TIN  LÊ HỮU TÂM – 18110356 KHOÁ LUẬN TỐT NGHIỆP Đề Tài: XÂY DỰNG WEBSITE BÁN ĐỒ NỘI THẤT VỚI ASP.NET GIÁO VIÊN HƯỚNG DẪN ThS LÊ THỊ MINH CHÂU KHOÁ 2018 – 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN HỆ THỐNG THƠNG TIN KHỐ LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN ĐỒ NỘI THẤT VỚI ASP.NET SINH VIÊN THỰC HIỆN: Lê Hữu Tâm : 18110356 GIÁO VIÊN HƯỚNG DẪN: ThS Lê Thị Minh Châu TP HỒ CHÍ MINH – 2022 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT 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ÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên: MSSV: Ngành: Công nghệ Thông tin Tên đề tài: Họ tên Giáo viên hướng dẫn: 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 : Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 2023 ĐH SƯ PHẠM KỸ THUẬT TP.HCM XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc KHOA CNTT ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên: MSSV: Ngành: Công nghệ Thông tin Tên đề tài: Họ tên Giáo viên phản biện: 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 : Tp Hồ Chí Minh, ngày tháng Giáo viên phản biện (Ký & ghi rõ họ tên) năm 2023 LỜI CẢM ƠN Em xin chân thành cảm ơn q Thầy Cơ giúp đỡ thực đề tài Đặc biệt Cô Lê Thị Minh Châu tận tình hướng dẫn, giúp đỡ, bảo em suốt thời gian thực khoá luận tốt nghiệp Đồng thời em xin trân trọng cảm ơn tình cảm q báu mà Thầy Cơ trường Đai Học sư phạm kỹ thuật TP.HCM dành cho em Em xin tri ân kinh nghiệm, kiến thức Thầy Cơ truyền đạt để em xây dựng đề tài cách thành công Và cuối nhóm xin gửi lời cảm ơn đến người bạn gắn bó, đàn anh, đàn chị chia sẻ kinh nghiệm cho em suốt thời gian qua Song, nhiều hạn chế đề tài em xây dựng khơng tránh khỏi thiếu sót Rất mong thầy bạn đóng góp ý kiến để đề tài ngày hoàn thiện phát triển tương lai Chúng em xin chân thành cảm ơn ! ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc ******* ******* ĐỀ CƯƠNG KHOÁ LUẬN TỐT NGHIỆP Họ tên Sinh viên: Lê Hữu Tâm MSSV: 18110356 Thời gian làm khoá luận: Từ: 22/08/2022 Đến: 11/12/2022 Chuyên ngành: Hệ thống thông tin Tên luận văn: XÂY DỰNG WEBSITE BÁN ĐỒ NỘI THẤT VỚI ASP.NET GV hướng dẫn: ThS Lê Thị Minh Châu NHIỆM VỤ CỦA ĐỀ TÀI: Nhiệm vụ 1: Rèn luyện kỹ tổng hợp kiến thức học Nhiệm vụ 2: Rèn luyện tư tính tự chủ công việc Nhiệm vụ 3: Làm chủ sử dụng công nghệ để xây dựng website bao gồm: ASP.NET Core MVC, Entity Framework, SQL Server Nhiệm vụ 4: Hoàn thiện website bán đồ nội thất với tính năng: Hiển thị sản phẩm, tìm kiếm sản phẩm, thêm sản phẩm vào giỏ hàng, tính phí giao hàng, tốn online,… Đề cương đề tài: Phần MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Mục đích đề tài 1.3 Đối tượng phạm vi nghiên cứu 1.4 Kết dự kiến đạt Phần NỘI DUNG 2.1 Chương 1: Khảo sát trạng 2.1.1 Phân tích trạng 2.1.2 Phân tích u cầu 2.2 Chương 2: Mơ hình hóa u cầu 2.2.1 Biểu đồ Use Case (Use case diagram) 2.2.2 Biểu đồ (Sequence diagram) 2.2.3 Cơ sở liệu 2.3 Chương 3: Công nghệ 2.3.1 ASP.NET Core 2.3.2 Mơ hình MVC (Model – View – Controller) 2.3.3 Entity Framework Core dùng để kết nối sở liệu 2.4 Chương 4: Các tính dự án 2.4.1 Xác thực người dùng Cookies Authentication 2.4.2 Tính phí vận chuyển API Giao hàng nhanh 2.4.3 Thanh toán online qua PayPal 2.4.4 Thanh toán online qua VNPAY 2.4.5 Gửi mail xác nhận đơn hàng SmtpClient 2.5 Chương 5: Giao diện 2.5.1 Giao diện trang chủ 2.5.2 Giao diện đăng nhập 2.5.3 Giao diện sản phẩm danh mục 2.5.4 Giao diện chi tiết sản phẩm 2.5.5 Giao diện giỏ hàng 2.5.6 Giao diện đặt hàng 2.5.7 Giao diện toán qua PayPal 2.5.8 Giao diện toán qua VNPAY 2.5.9 Giao diện lịch sử mua hàng 2.5.10 Giao diện chi tiết đơn hàng 2.5.11 Giao diện đánh giá sản phẩm 2.5.12 Giao diện quản trị 2.5.13 Giao diện danh sách người dùng 2.5.14 Giao diện danh sách sản phẩm 2.5.15 Giao diện cập nhật sản phẩm 2.5.16 Giao diện danh sách đơn hàng 2.5.17 Giao diện duyệt đơn hàng Phần KẾT LUẬN 3.1 Kết đạt 3.2 Ưu điểm 3.3 Nhược điểm 3.4 Hướng phát triển đề tài KẾ HOẠCH THỰC HIỆN STT Thời gian 5/9 – 18/9/2022 Công việc Ghi Khảo sát trạng, xác Hoàn thành định chức hệ thống 19/9 – 25/9/2022 Thiết kế sở liệu Hoàn thành 26/9 – 9/10/2022 Xây dựng trang chủ, trang Hoàn thành chi tiết sản phẩm 10/10 – 24/10/2022 Xây dựng tính thêm Hoàn thành sản phẩm vào giỏ trang giỏ hàng 24/10 – 6/11/2022 Xây dựng chức Hồn thành tốn trang đơn hàng 7/11 – 20/11/2022 Xây dựng chức Hoàn thành cho quản trị viên 21/11 – 27/11/2022 Hoàn thiện sửa lỗi Hoàn thành 28/11 – 5/12 Viết báo cáo, làm slide Hoàn thành Ý kiến giáo viên hướng dẫn (Ký ghi rõ họ tên) Tp.Hồ Chí Minh, ngày tháng năm 2022 Người viết đề cương (Ký & ghi rõ họ tên) - Biên soạn nội dung mail gọi phương thức SendMail để gửi: Hình 53: Cấu hình gửi email - Nội dung email nhận sau: Hình 54: Nội dung email 44 CHƯƠNG 5: GIAO DIỆN 4.1 TRANG CHỦ ● Trang chủ trang người dùng truy cập vào website ● Trang chủ gồm thành phần ○ Thanh tìm kiếm ○ Danh sách danh mục hàng hóa ○ Danh sách sản phẩm bán chạy Hình 55: Giao diện trang chủ Hình 56: Giao diện trang chủ 45 4.2 TRANG ĐĂNG NHẬP - Là nơi để người dùng nhập email, password để đăng nhập vào website - Người dùng có tài khoản đặt hàng Hình 57: Giao diện đăng nhập 4.3 SẢN PHẨM TRONG DANH MỤC - Trang hiển thị sản phẩm danh mục mà người dùng chọn - Người dùng click vào sản phẩm để xem thơng tin chi tiết Hình 58: Trang sản phẩm danh mục 46 4.4 CHI TIẾT SẢN PHẨM - Đây nơi hiển thị thông tin sản phẩm cách chi tiết - Thông tin hiển thị bao gồm ảnh, tên sản phẩm, giá bán, mô tả, chất liệu, đánh giá Hình 59: Giao diện chi tiết sản phẩm Hình 60: Giao diện chi tiết sản phẩm 47 Hình 61: Giao diện chi tiết sản phẩm 4.5 GIỎ HÀNG - Trang giỏ hàng hiển thị danh sách sản phẩm số lượng sản phẩm mà người dùng thêm - Người dùng cập nhật lại số lượng - Người dùng xố sản phẩm khỏi giỏ hàng Hình 62: Giao diện giỏ hàng 48 4.6 ĐẶT HÀNG Trang để người dùng nhập thơng tin giao hàng kiểm tra thơng tin hố đơn Hình 63: Giao diện đặt hàng 4.7 THANH TỐN QUA PAYPAL Trang để người dùng toán online qua PayPal Hình 64: Giao diện tốn qua PayPal 49 4.8 THANH TOÁN QUA VNPAY Trang để người dùng toán online qua VNPAY - Người dùng chọn phương thức toán: quét mã QR, tài khoản ngân hàng, ví điện tử,… Đề tài dùng phương thức tốn qua thẻ nội địa - Sau người dùng nhập thông tin thẻ mã OTP để tốn Hình 65: Giao diện tốn qua VNPAY Hình 66: Giao diện toán qua VNPAY 50 4.9 LỊCH SỬ MUA HÀNG - Trang lịch sử mua hàng hiển thị tất đơn hàng mà người dùng đặt - Đơn hàng có trạng thái: chờ xác nhận, giao hàng, giao hàng Hình 67: Giao diện Lịch sử mua hàng 4.10 CHI TIẾT ĐƠN HÀNG - Đây nơi hiển thị chi tiết đơn hàng khách hàng đặt - Khách hàng theo dõi tình trạng đơn hàng - Khách hàng huỷ đơn hàng đơn hàng trạng thái chờ xác nhận - Khách hàng đánh giá sản phẩm đơn hàng trạng thái giao hàng Hình 68: Giao diện Chi tiết đơn hàng 51 4.11 ĐÁNH GIÁ SẢN PHẨM - Trang để người dùng đánh giá chất lượng sản phẩm sau nhận hàng - Khách hàng bình chọn số từ – nhập nội dung đánh giá Hình 69: Giao diện Đánh giá sản phẩm 4.12 TRANG QUẢN TRỊ - Đây trang quản trị viên đăng nhập vào trang web - Giao diện gồm số liệu thống kê doanh số, doanh thu, số người dùng đăng ký, biểu đồ theo thời gian, sản phẩm bán chạy Hình 70: Giao diện trang quản trị 52 4.13 DANH SÁCH NGƯỜI DÙNG - Đây trang quản trị viên xem danh sách khách hàng đăng ký tài khoản Hình 71: Giao diện Danh sách người dùng 53 4.14 DANH SÁCH SẢN PHẨM - Đây trang quản trị viên xem danh sách sản phẩm kinh doanh Hình 72: Giao diện Danh sách Sản phẩm 4.15 CẬP NHẬT SẢN PHẨM - Đây trang quản trị viên cập nhật lại thơng tin sản phẩm tên, giá, tình trạng, Hình 73: Giao diện Cập nhật sản phẩm 54 4.16 DANH SÁCH ĐƠN HÀNG - Đây trang quản trị viên xem danh sách đơn hàng đặt Hình 74: Giao diện Danh sách đơn hàng 4.17 DUYỆT ĐƠN HÀNG - Đây trang quản trị viên duyệt đơn hàng - Trang hiển thị thông tin đơn hàng sản phẩm, hình thức tốn, số tiền, địa nhận hàng - Quản trị viên xác nhận đơn hàng huỷ đơn hàng Hình 75: Giao diện Duyệt đơn hàng 55 PHẦN 3: KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC - Vận dụng kiến thức chương trình học xây dựng trang web bán hàng với chức bản, có tính ứng dụng thực tế - Nắm quy trình hoạt động website thương mại điện tử - Thiết kế sở liệu cho hệ thống bán hàng - Thiết kế giao diện website bán hàng - Ghép nối thành phần ứng dụng từ giao diện, xử lý, kết nối đến sở liệu truy vấn liệu thành công ƯU ĐIỂM - Thao tác hệ thống đơn giản, thân thiện, dễ dàng - Giao diện dễ nhìn, dễ thao tác, dễ dàng mua hàng tốn - Tích hợp API giao hàng nhanh để tính phí vận chuyển - Cho phép toán COD tốn online cách tích hợp cổng tốn PayPal VNPAY - Có gửi mail xác nhận đơn hàng NHƯỢC ĐIỂM - Chưa triển khai chương trình khuyến - Chưa có thuật tốn gợi ý sản phẩm, chat để nâng cao trải nghiệm người dùng HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI - Cải thiện UI/UX để nâng cao trải nghiệm người dùng - Phát triển thêm chương trình khuyến - Phát triển chức phân tích thói quen mua sắm khách hàng để gợi ý sản phẩm - Phát triển chatbot để trả lời khách hàng tự động 56 DANH MỤC TÀI LIỆU THAM KHẢO TEDU (2019) Học ASP.NET Core bản, truy cập ngày 7/8/2022, từ https://tedu.com.vn/series/hoc-aspnet-core-can-ban.html Microsoft (2021) Entity Framework Core, truy cập ngày 10/8/2022, từ https://learn.microsoft.com/en-us/ef/core/ SocialSeo (2022) Hướng dẫn thiết kế sở liệu website bán hàng, truy cập ngày 15/8/2022, từ https://taowebsite.com.vn/thiet-ke-co-du-lieu/ BootstrapMade, Nice Admin - Free bootstrap admin HTML template, truy cập ngày 25/8/2022, từ https://bootstrapmade.com/nice-admin-bootstrap-adminhtml-template/ IMIC Technology Sử dụng jQuery Ajax ASP.NET MVC, truy cập ngày 10/9/2022, từ https://www.imic.edu.vn/tin-tuc-cong-nghe/27818/su-dungjquery-ajax-trong-asp-net-mvc.html GHN Giới thiệu Giao Hàng Nhanh, truy cập ngày 22/9/2022, từ https://ghn.vn/pages/ve-ghn1?gclid=CjwKCAiAkrWdBhBkEiwAZ9cdcKGqFoR7HBvWvr1MUrW1y6Es WKTD-9DQV7DQjJZULaZ7_-mqM4QPbBoCHGsQAvD_BwE GHN API Tính phí dịch vụ, truy cập ngày 25/9/2022, từ https://api.ghn.vn/home/docs/detail?id=95 Microsoft (2021) Checkout and Payment with PayPal, truy cập ngày 5/10/2022, từ https://learn.microsoft.com/en-us/aspnet/webforms/overview/getting-started/getting-started-with-aspnet-45-webforms/checkout-and-payment-with-paypal VNPAY Hướng dẫn tích hợp Cổng tốn VNPAY, truy cập ngày 22/10/2022, từ https://sandbox.vnpayment.vn/apis/docs/huong-dan-tich-hop/ 10 XuanThuLab, (ASP.NET Core) Gửi Mail ứng dụng Web Asp.net, truy cập ngày 10/11/2022, từ https://xuanthulab.net/asp-net-core-gui-mail-trongung-dung-web-asp-net.html 57 S K L 0