TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MÔN CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE “KINH DOANH VÀ TƯ VẤN, LẮP ĐẶT MÁY TÍNH” Sinh viên thực hiện VÕ TẤN[.]
TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE “KINH DOANH VÀ TƯ VẤN, LẮP ĐẶT MÁY TÍNH” Sinh viên thực hiện: VÕ TẤN LỄ Lớp: CÔNG NGHỆ THÔNG TIN Khố: KHỐ 59 Giảng viên hướng dẫn: ThS TRẦN THỊ DUNG TP HỒ CHÍ MINH – NĂM 2022 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI PHÂN HIỆU TẠI TP HỒ CHÍ MINH BỘ MƠN CƠNG NGHỆ THƠNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE “KINH DOANH VÀ TƯ VẤN, LẮP ĐẶT MÁY TÍNH” Sinh viên thực hiện: VÕ TẤN LỄ Lớp: CƠNG NGHỆ THƠNG TIN Khố: KHỐ 59 Giảng viên hướng dẫn: ThS TRẦN THỊ DUNG TP HỒ CHÍ MINH – NĂM 2022 iii TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM PHÂN HIỆU TẠI TP HỒ CHÍ MINH Độc lập – Tự – Hạnh phúc *** NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN Mã sinh viên: 5951071048 Họ tên SV: VÕ TẤN LỄ Khoá: Lớp: Khoá 59 CQ_CNTT_59 Tên đề tài XÂY DỰNG WEBSITE KINH DOANH VÀ HỖ TRỢ TƯ VẤN, LẮP ĐẶT MÁY TÍNH Mục tiêu, yêu cầu đề tài • Xây dựng trang web mua hàng trực tuyến • u cầu người dùng phải có mạng Internet hiểu biết cách mua hàng trực tuyến Nội dung phạm vi đề tài • Giao diện người dùng quản lí, thơng tin sản phẩm, cách liên hệ, mua hàng… • Quản lý việc đặt hàng thông tin khách hàng, quản lý sản phẩm, quản lý đơn hàng, tin tức Cơng nghệ, cơng cụ ngơn ngữ lập trình • Cơng nghệ: ASP.Net, mơ hình MVC • Cơng cụ: Microsoft SQL Server (Cơ sở liệu), Visual Studio (Phần mềm lập trình, Google Github (Cơng cụ hổ trợ)… iv • Ngơn ngữ lập trình: C#, Html-JavaScript-CSS… Kết dự kiến • Xây dựng giao diện trang web • Tạo thao tác thêm, sửa, xố, đặt hàng quản lí đơn hàng • Xây dựng sở liệu • Quản lí tin tức,SEO • Các cổng tốn trực tuyến • Tạo thao tác đăng kí, đăng nhập chức bật khác Giảng viên hướng dẫn Họ tên: ThS TRẦN THỊ DUNG Đơn vị công tá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 Phân hiệu TP Hồ Chí Minh Điện thoại: 0388389579 Email: Ttdung@utc2.edu.vn Ngày 23 tháng 06 năm 2022 Trưởng BM Công nghệ Thông tin ThS Trần Phong Nhã Đã giao nhiệm vụ TKTN Giáo viên hướng dẫn ThS Trần Thị Dung v Đã nhận nhiệm vụ TKTN Sinh viên: Võ Tấn Lễ Ký tên Điện thoại: 0399985400 ………………………………… Email: 5951071048@st.utc2.edu.vn vi LỜI CẢM ƠN Lời nói đầu tiên, em xin gửi tới Q thầy Bộ môn Công Nghệ Thông Tin, Ban Giám Hiệu Trường Đại học Giao thông Vận tải phân hiệu Thành phố Hồ Chí Minh lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm dạy dỗ, bảo tận tình chu đáo thầy cơ, em hồn thành đề tài tốt nghiệp “Xây dựng website KINH DOANH VÀ HỔ TRỢ TƯ VẤN LẮP ĐẶT MÁY TÍNH” Để hồn thành nhiệm vụ giao này, nỗ lực học hỏi khơng ngừng thân cịn có hướng dẫn tận tình giảng viên năm vừa qua, đặc biệt hết nhờ có giảng viên Trần Thị Dung, người hướng dẫn cho hướng đi, truyền đạt cho em kiến thức, kỹ để tơi hồn thành đề tài tốt nghiệp Mặc dù cố gắng để hoàn thành đề tài, chắn khó tránh khỏi thiếu sót Em mong nhận đánh giá, góp ý Q thầy để t rút cho học, kinh nghiệm quý báu Sau cùng, em nói ngồi kính chúc Q thầy Bộ môn Công Nghệ Thông Tin đặc biệt cô Trần Thị Dung thật dồi sức khỏe ngày gặt hái nhiều thành công sống nghiệp giảng dạy Trong trình nghiên cứu thực đề tài bảo tận tình thầy cơ, cịn hạn hẹp chuyên môn kinh nghiệm nên thực đề tài chắn khơng tránh khỏi thiếu sót Em mong nhận góp ý thầy, bạn Em xin chân thành cám ơn! Tp.HCM, ngày 21 tháng 07 năm 2022 vii 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 (Ký ghi họ tên) ……………………………………………… viii MỤC LỤC NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP iii Tên đề tài iii Mục tiêu, yêu cầu đề tài iii Nội dung phạm vi đề tài iii Cơng nghệ, cơng cụ ngơn ngữ lập trình iii Kết dự kiến iv Giảng viên hướng dẫn iv LỜI CẢM ƠN vi NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN vii MỤC LỤC .viii DANH MỤC HÌNH ẢNH xii DANH MỤC BẢNG BIỂU xiv DANH MỤC CHỮ VIẾT TẮT xv CHƯƠNG 1: MỞ ĐẦU 1.1 Tổng quan tài 1.1.1 Lý chọn đề tài 1.1.2 Nhiệm vụ nghiên cứu 1.1.3 Đối tượng phạm vi nghiên cứu 1.1.4 Cách tiếp cận, phương pháp nghiên cứu thực 1.1.5 Ý nghĩa lý luận thực tiển đề tài 1.2 Cấu trúc nội dung báo cáo Đồ án tốt nghiệp CHƯƠNG 2: TÌM HIỂU VỀ CƠNG NGHỆ 2.1 Công nghệ ASP.Net ix 2.1.1 Khái niệm công nghệ ASP.Net 2.1.2 Sự khác ASP.Net ASP 2.1.3 Ưu – Nhược điểm ASP.Net 2.2 Mơ hình ASP.Net MVC 2.2.1 Khái niệm 2.2.2 Ưu – Nhược điểm 2.3 Tổng quan ngôn ngữ C# 2.3.1 Đặc trưng ngôn ngữ C# 10 2.4 Nền tảng NET Core 11 2.4.1 Thành phần Net Core 12 2.4.2 Đặc điểm Net Core 13 2.5 Ngôn ngữ Html, CSS, Javascript 14 2.5.1 Html 14 2.5.2 CSS 15 2.5.3 Javascript 16 2.6 Tổng quan Bootstrap 17 2.6.1 Khái niệm Bootstrap 17 2.6.2 Ưu nhược điểm 18 2.7 Tổng quan SQL Server 18 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ CHƯƠNG TRÌNH 22 3.1 Tổng quan hệ thống 22 3.1.1 Kiến thức xây dựng Bài toán 22 3.1.2 Nhu cầu Bài toán 22 3.2 Xác định yêu cầu 22 3.2.1 Yêu cầu chức 22 x 3.2.2 Yêu cầu phi chức 23 3.2.3 Yêu cầu khác 23 3.2.4 Yêu cầu người dùng 23 3.3 Quy trình thực mua hàng khách hàng 24 3.4 Quy trình thực quản trị hệ thống nhân viên quản trị 25 3.5 Sơ đồ phân rã chức luồng liệu 25 3.5.1 Mơ hình liệu quan hệ 26 3.5.2 Danh sách thực thể 27 3.5.3 Sơ đồ Usecase tổng quát 35 3.5.4 Sơ đồ UseCase quản lý hệ thống 35 3.5.5 Sơ đồ Usecase người dùng 36 3.5.6 Sơ đồ xử lý luồng liệu (DFD) 37 3.5.7 Sơ đồ phân rã chức Khách hàng 37 3.5.8 Sơ đồ phân rã chức Quản trị 38 3.5.9 Sơ đồ hoạt động User 39 3.5.10 Sơ đồ hoạt động Quản trị 45 3.5.11 Sơ đồ đăng nhập 50 3.5.12 Sơ đồ chức thêm sản phẩm 51 3.5.13 Sơ đồ chức sửa thông tin sản phẩm 52 3.5.14 Sơ đồ Xử lý đơn hàng 53 CHƯƠNG 4: TRIỂN KHAI CHƯƠNG TRÌNH 54 4.1 Vận hành hệ thống 54 4.2 Xây dựng giao diện 54 4.2.1 Giao diện trang chủ người dùng 54 4.2.2 Giao diện trang chủ quản trị viên 55 53 3.5.14 Sơ đồ Xử lý đơn hàng Hình 22: Sơ đồ Xử lý đơn hàng 54 CHƯƠNG 4: TRIỂN KHAI CHƯƠNG TRÌNH 4.1 Vận hành hệ thống Đối với quản trị viên: Quản trị viên có tồn quyền sử dụng trang web để điều hành hệ thống đặt hàng Đối với người dùng: Người dùng cần có máy tính điện thoại để kết nối Internet để truy cập vào trang web cần đăng ký tài khoản muốn sử dụng chức khách hàng 4.2 Xây dựng giao diện 4.2.1 Giao diện trang chủ người dùng Khi người dùng vào trang web, giao diện trang chủ sau: Hình 1: Giao diện trang chủ người dùng 55 4.2.2 Giao diện trang chủ quản trị viên Khi quản trị vào trang web, giao diện trang chủ sau: Hình 2: Giao diện trang chủ quản trị viên 4.2.3 Giao diện đăng nhập, đăng ký Khi người dùng cần đăng kí , đăng nhập xuất sau: Hình 3: Giao diện đăng nhập, đăng ký 56 4.2.4 Giao diện Chi tiết sản phẩm Khi người dùng chọn vào sản phẩm xuất chi tiết sản phẩm: Hình 4: Giao diện Chi tiết sản phẩm 57 4.2.5 Giao diện Giỏ hàng Khi người dùng chọn thêm vào giỏ Ở người dùng chỉnh sửa số lượng hàng chọn nhiều mặt hàng khác: Hình 5: Giao diện Giỏ hàng 4.2.6 Giao diện toán Khi người dùng xác nhận muốn mua hàng tiến hành tốn: Hình 6: Giao diện tốn 58 4.2.7 Giao diện thơng báo đơn hàng qua Gmail Khi người dùng đặt hàng giám sát đơn hàng qua thơng báo từ Gmail: Hình 7: Giao diện thông báo đơn hàng qua Gmail 59 4.2.8 Giao diện Trang tin tức Khi người dùng vào mục tin tức hiển thị giao diện người dùng đọc bình luận trao đổi Hình 8: Giao diện Trang tin tức 4.2.9 Giao diện Quản lý sản phẩm Admin Quản trị có thểm thêm, sửa, xóa duyệt đánh giá sản phẩm thêm, sửa, xóa thương hiệu sản phẩm 60 Hình 9: Giao diện Quản lý sản phẩm Admin 4.2.10 Giao diện Quản lý khuyến giảm giá Khi Quản trị muốn kích cầu mua sắm thực chương trình giảm giá Hình 10: Giao diện Quản lý khuyến giảm giá 61 4.2.11 Giao diện Quản lý viết Quản trị them, sửa, xóa viết, duyệt bình luận Ghim viết bật lên trang chủ Hình 11: Giao diện Quản lý viết 4.2.12 Giao diện Xử lý đơn hàng Quản trị thay đổi trạng thái đơn hàng hủy đơn hàng 62 Hình 12: Giao diện Xử lý đơn hàng 4.2.13 Giao diện Quản lý cơng cụ tốn vận chuyển Quản trị quản lý phương thức tốn vận chuyển Hình 13: Giao diện Quản lý cơng cụ tốn vận chuyển 63 4.2.14 Giao diện Phân quyền cho người dùng Quản trị phân quyền chức quản trị cho nhân viên hạn chế tác vụ khách hàng có hành vi thường xun hủy đơn hàng Hình 14: Giao diện Phân quyền cho người dùng 4.2.15 Giao diện Quản lý liên hệ Khi khách hàng gửi liên hệ để tư vấn chăm sóc khách hàng, nhân viên phản hồi liên hệ tư vấn tận tình cho khách hàng 64 Hình 15: Giao diện Quản lý liên hệ 4.2.16 Giao diện xác thực Gmail Khi người dùng tạo tài khoản có Gmail gửi đến email đăng kí tài khoản để tiến hành xác thực khách hàng có nhu cầu đổi mật Hình 16: Giao diện xác thực Gmail 65 CHƯƠNG 5: KẾT LUẬN VÀ KIẾN NGHỊ 4.1 Kết đạt 4.1.1 Ưu điểm: • Phân hệ quản trị hệ thống: Trong phân hệ này, người quản trị cập nhật thơng tin khách hàng, quản lí đơn hàng • Phân hệ quản lý sản phẩm: Trong phân hệ này, người quản trị nhập, sửa, xóa thơng tin sản phẩm • Phân hệ quản lý loại sản phẩm: Trong phần hệ này, người dùng cập nhật thơng tin loại sản phẩm • Phân hệ xử lý đơn hàng: Trong phân hệ này, người dùng có thê xử lý đơn hàng thành công hủy đơn hàng khách hàng khách hàng khơng mua • Phân hệ quản lý giá: Trong phân hệ này, người dùng cập nhật giá sản phẩm • Phân hệ tìm kiếm: Trong phân hệ này, khách hàng tìm kiếm sản phẩm theo một, hai ba tiêu chí • Xây dựng website có đầy đủ chức website bán hàng: o Cho phép khách hàng quản lý giỏ hàng, đặt hàng o Tích hợp thành cơng cổng tốn online VNPAY, ZaloPay, PayPal vào website o Tích hợp thành cơng chức phụ gửi mail xác nhận đơn hàng cho khách hàng, gợi ý sản phẩm loại nhờ AI o Hệ thống chạy ổn định với giao diện thân thiện, dễ sử dụng tương thích với máy tính điện thoại di động, đồng thời website thực tốt hầu hết trình duyệt như: Chrome, Firefox, IE,… 66 4.1.2 Hạn chế: • Có chức chưa phát triển • Đang q trình phát triển nên thường có lỗi nhỏ • Tốc độ chạy website chưa nhanh • Chức toán cổng online VNPAY sử dụng với thẻ ảo, chưa sử dụng chức ví điện tử khác • Trong q trình thực tham khảo nhiều nguồn khác nên có nhiều nét tương đồng giao diện xử lý 4.2 Hướng phát triển Trong thời gian tới, tích hợp thêm số chức khác làm cho hệ thống website phục vụ tốt việc quản lý cung cấp đầy đủ chức cho khách hàng dễ dàng đặt hàng, mua hàng… Phát triển them Chatbox để thuận tiện cho việc liên lạc Khách hàng Quản trị viên 4.3 Kiến nghị đề xuất ➢ Yêu cầu hệ thống máy tính tối thiểu: ✓ Hệ điều hành: Windows ✓ Hệ quản trị sở liệu SQL Server 2005 trở lên ✓ Máy cài NET Framework 3.5 ➢ Cách cài đặt SQL: ✓ Import file SQL có bak hắc khởi chạy file sql vào SQL Server ✓ Mở SQL Server → Kích chuột phải vào Databate chọn Import Data-tire Application → Next → Chọn file bak → Next →Finish ✓ Sau mở Code → Mở Web.config → Thay đổi connectionString Data Source 67 TÀI LIỆU THAM KHẢO [1] Rob Miles, “The C# Programming Yellow Book: Learn to Program in C# from First Principles”, 2018 [2] Dương Quang Thiện, “Lập trình Web dùng ASP.NET C#”, 2005 [3] Toi B.Wright, “Blazor WebAssembly by Example: A project-based guide to building web apps with NET, Blazor WebAssembly, and C#”, 2021 [4] W3School.com [5] Gary B.Shelly, “HTML: Complete Concepts and Techniques, Fourth Edition (Available Titles Skills Assessment Manager (SAM) - Office 2007)”, 2007 [6] Marijn Haverbeke, “Eloquent JavaScript”, 2018 [7] Jake Spurlock, “Bootstrap: Responsive Web Development”, 2018 [8] Thư viện Bootstrap, https://getbootstrap.com/docs/5.0/getting-started/introduction/, truy cập ngày 23 tháng 06 năm 2022 [9] Giáo trình ASP.NET MVC – Nhất Nghệ, Nhất Nghệ – Nguyễn Nghiệm [10] Getting Started with Entity Framework Code First using MVC – Tom Dykstra, Rick Anderson [11] Các giải pháp lập trình C# - Nguyễn Ngọc Bình Phương, Thái Thanh Phong [12] Tích hợp tốn online VNPAY vào website (2021) https://www.youtube.com/watch?v=trRLmbt_SMQ&t=239s [13] Gửi mail https://xuanthulab.net/asp-net-core-gui-mail-trong-ung-dung-web-asp- net.html