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 ĐỀ TÀI XÂY DỰNG WEBSITE QUẢN LÝ BÁN GIÀY ONLINE Giảng viên hướng dẫn ThS NGUYỄN LÊ MI[.]
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 ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ BÁN GIÀY ONLINE Giảng viên hướng dẫn: ThS NGUYỄN LÊ MINH Sinh viên thực hiện: HOÀNG HUY TUẤN Lớp: CƠNG NGHỆ THƠNG TIN Khố: 59 Thành phố 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 ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ BÁN GIÀY ONLINE Giảng viên hướng dẫn: ThS NGUYỄN LÊ MINH Sinh viên thực hiện: HỒNG HUY TUẤN Lớp: CƠNG NGHỆ THƠNG TIN Khố: 59 Thành phố 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Ủ NGHĨA 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Ụ THIẾT KẾ TỐT NGHIỆP BỘ MÔN: CÔNG NGHỆ THÔNG TIN *** Mã sinh viên: 595701116 Họ tên SV: Hồng Huy Tuấn Khóa: 59 Lớp: Cơng Nghệ Thơng Tin Tên đề tài Xây dựng website quản lý bán giày online Mục đích, yêu cầu a) Mục đích - Xây dựng trang web giúp người mua xem hàng mua hàng online - Trang web giúp cho người bán tiếp cận khách hàng dễ dàng hơn, tăng doanh thu cho cửa hàng b) Yêu cầu - Thêm sửa xóa sản phẩm giỏ hàng - Tìm kiếm theo sản phẩm, theo hình ảnh - Thanh tốn online - Đăng nhập, đăng kí Nội dung phạm vi đề tài a Nội dung đề tài: - Tổng quan lí chọn đề tài xây dựng web bán hàng - Xây dựng hệ thống web bán hàng - Giới thiệu C#, ASP.NET - Phân tích thiết kế hệ thơng b Phạm vi đề tài - Quản lý đối tượng có chức nêu phần nội dung Cơng nghệ, cơng cụ ngơn ngữ lập trình a) Cơng nghệ: ASP.NET, Bootstrap HỒNG HUY TUẤN – K59.CNTT III b) Công cụ: Visual studio 2019, SQL Server c) Ngơn ngữ lập trình: C#, Javascript d) Cơ sở liệu: Sql server Các kết dự kiến đạt ứng dụng Quyển báo cáo đề tài tốt nghiệp chia thành phần sau: + Chương 1: Tổng quan tốn Trình bày lý để chọn đề tài, nội dung phạm vi đề tài Khảo sát nhu cầu thực tế toán, đưa yêu cầu chức phi chức toán + Chương 2: Cơ sở lý thuyết Giới thiệu ngôn ngữ lập trình Javascript, ASP.NET cơng nghệ liên quan… + Chương 3: Phân tích tốn Giới thiệu tốn, phân tích chức cần có chương trình Từ vẽ sơ đồ phân rã chức năng, sơ đồ use case, sơ đồ ERD, lược đồ sở liệu + Chương 4: Thiết kế cài đặt chương trình Diễn giải chi tiết thiết kế kiến trúc hệ thống, thiết kế giao diện + Chương 5: Kết luận hướng phát triển Đưa kết thực đưa đề xuất hướng phát triển cho ứng dụng Ứng dụng Web đáp ứng đầy đủ nội dung yêu cầu Giảng viên cán hướng dẫn Họ tên: Nguyễn Lê Minh Đơn vị công tác: Bộ môn Công Nghệ Thông Tin – Trường Đại học Giao thông Vận tải phân hiệu TP HCM Điện thoại: HOÀNG HUY TUẤN – K59.CNTT Email : nlminh@utc2.edu.vn IV Ngày tháng 03 năm 2022 Đã giao nhiệm vụ TKTN Trưởng BM Công nghệ Thông tin Giảng viên hướng dẫn Ths Trần Phong Nhã Ths Nguyễn Lê Minh Đã nhận nhiệm vụ TKTN Sinh viên: Hoàng Huy Tuấn Ký tên: Điện thoại: 0385390931 Email: htuan8288@gmail.com HOÀNG HUY TUẤN – K59.CNTT V LỜI CẢM ƠN Vậy học kỳ cuối đời sinh viên trôi qua sau tháng nghiên cứu, xây dựng đề tài khóa luận tốt nghiệp Trong khoảng thời gian đào tạo trường, em nhận nhiều hỗ trợ từ thầy cô, bạn bè, người thân Chính thế, em dành dịng báo cáo để gửi lời cảm ơn đến tất Tiếp đến, em xin trân trọng bày tỏ cảm ơn chân thành đến thầy Nguyễn Lê Minh – giảng viên môn Công Nghệ Thông Tin Thầy người hướng dẫn Các định hướng phương pháp lời góp ý thầy yếu tố quan trọng giúp em hoàn thành đề tài Cuối cùng, Em xin gửi lời cảm ơn đến toàn thể thầy cô giáo, cán bộ, công nhân viên chức trường Đại học Giao Thông Vận Tải – Phân Hiệu TP Hồ Chí Minh dạy dỗ, truyền đạt cho chúng em kiến thức quan trọng, không phục vụ cho khóa luận mà cịn hành trang to lớn để chúng em mang theo đường học tập, làm việc nghiên cứu sau Em xin chân thành cảm ơn! Tp Hồ Chí Minh, ngày ….… tháng ….… năm 2022 Sinh viên thực HOÀNG HUY TUẤN – K59.CNTT VI NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày … tháng … năm 2022 Giảng viên hướng dẫn Nguyễn Lê Minh HOÀNG HUY TUẤN – K59.CNTT VII MỤC LỤC NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP III 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 CHỮ VIẾT TẮT X DANH MỤC BẢNG BIỂU XI DANH MỤC HÌNH ẢNH XII TỔNG QUAN BÀI TOÁN CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan ngơn ngữ lập trình C# Giới thiệu ngơn ngữ lập trình C# Ưu điểm Nhược điểm 1.2 Tổng quan Javascript Javacsript gì? Ưu điểm Nhược điểm 1.3 Giới thiệu ASP.NET Giới thiệu Ưu điểm Nhược điểm 1.4 Giới thiệu HTML CSS HTML gì? CSS gì? 1.5 Giới thiệu Bootstrap Giới thiệu Ưu điểm Nhược điểm 1.6 Tìm hiểu Sql Server Giới thiệu Ưu điểm Nhược điểm 1.7 Thuật toán K-Means ứng dụng phân đoạn ảnh màu HOÀNG HUY TUẤN – K59.CNTT VIII Giới thiệu thuật toán Quy trình Tìm kiếm hình ảnh: 10 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 12 2.1 Giới thiệu toán 12 2.2 Sơ đồ phân rã chức 12 2.3 Sơ đồ sở liệu 13 2.4 Mơ hình ERD 14 2.5 Biểu đồ Use case 14 Use case quản lý 14 Use case khách hàng 16 Use case phận giao hàng 16 2.6 Đặc tả số Use case 17 Use case đăng nhập 17 Use case quản lý sản phẩm 19 Use case quản lý chức vụ 28 Use case quản lý đơn hàng 35 CHƯƠNG 3: THIẾT KẾ VÀ CÀI ĐẶT CHƯƠNG TRÌNH 37 3.1 Kiến trúc hệ thống 37 3.2 Thiết kế giao diện 37 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 48 PHỤ LỤC 49 TÀI LIỆU THAM KHẢO 50 HOÀNG HUY TUẤN – K59.CNTT IX DANH MỤC CHỮ VIẾT TẮT STT Mô tả Ý nghĩa CNTT Công nghệ thông tin PC Personal Computer XML Extensible Markup Ghi Chú Language HTML Hypertext Markup Language CSS Cascading Style Sheets JS Java Script ERD Entity Relationship Diagram SQL HOÀNG HUY TUẤN – K59.CNTT Structured Query Language X Hình 2.15 Sơ đồ hoạt động quản lý đơn hàng HOÀNG HUY TUẤN – K59.CNTT 36 CHƯƠNG 3: THIẾT KẾ VÀ CÀI ĐẶT CHƯƠNG TRÌNH 3.1 Kiến trúc hệ thống “Website quản lý bán hàng online” hệ thống phục vụ mục đích quản lý nghiệp vụ liên quan đến công việc bán sản phẩm, quản lí, đánh giá sản phẩm , Hệ thống tương thích với nhiều trình duyệt web khác nhằm tạo thuận lợi cho khách hàng sử dụng dịch vụ hệ thống Hình 3.1 Hình ảnh kiến trúc hệ thống 3.2 Thiết kế giao diện Giao diện trang đăng nhập: Cho người dùng đăng nhập vào hệ thống Hình 3.2 Hình ảnh đăng nhập hệ thống HỒNG HUY TUẤN – K59.CNTT 37 Giao diện đăng ký: Cho người dùng đăng ký tài khoản để sử dụng hệ thống Hình 3.3 Hình ảnh giao diện đăng kí Giao diện đổi mật khẩu: Người dùng đổi mật Hình 3.4 Giao diện đổi mật HOÀNG HUY TUẤN – K59.CNTT 38 Giao diện trang chủ hệ thống: Hình 3.5 Giao diện trang chủ hệ thống Giao diện sản phẩm: Người dùng xem sản phẩm chọn mua mặt hàng tìm kiếm sản phẩm hình ảnh kí tự Hình 3.6 Giao diện sản phẩm HOÀNG HUY TUẤN – K59.CNTT 39 Giao diện chi tiết sản phẩm: Người dùng xem mô tả chi tiết mặt hàng chọn số size giày thêm vào giỏ hàng Hình 3.7 Giao diện chi tiết sản phẩm Giao diện giỏ hàng: Người dùng xem mặt hàng thêm vào giỏ hàng thêm số lượng mặt hàng xoá mặt hàng khỏi giỏi hàng Hình 3.8 Giao diện giỏ hàng HỒNG HUY TUẤN – K59.CNTT 40 Giao diện toán mặt hàng: Khách hàng nhập thơng tin nhận hàng chọn hình thức tốn online tốn tiền mặt Hình 3.9 Giao diện tốn mặt hàng Giao diện liên hệ: Giúp người dùng tìm kiếm dễ dàng để lại lời nhắn cho shop Hình 3.10 Giao diện liên hệ HOÀNG HUY TUẤN – K59.CNTT 41 Giao diện tốn momo: Người dùng chọn thành tốn online momo Hình 3.11 Giao diện toán momo Giao diện đánh giá sản phẩm: Người dùng đánh giá sản phẩm nhận hàng tốn Hình 3.12 Giao diện đánh giá sản phẩm HOÀNG HUY TUẤN – K59.CNTT 42 Giao diện tin tức: Hình 3.13 Giao diện tin tức Giao diện sản phẩm liên quan Hình 3.14 Giao diện sản phẩm liên quan HOÀNG HUY TUẤN – K59.CNTT 43 Giao diện đăng nhập admin: Người dùng đăng nhập để quản lý website bán hàng Hình 3.15 Giao diện đăng nhập admin Giao diện trang chủ admin: Người dùng xem doanh thu theo ngày hàng tuần thống kê sản phẩm Hình 3.16 Giao diện trang chủ admin HỒNG HUY TUẤN – K59.CNTT 44 Giao diện quản lý sản phẩm : Người dùng thêm sửa, xố, xem, tìm kiếm chi tiết sản phẩm Hình 3.17 Giao diện quản lý sản phẩm Quản lý tin tức: Thêm sửa xố tìm kiếm tin tức Hình 3.18 Giao diện tin tức HOÀNG HUY TUẤN – K59.CNTT 45 Giao diện quản lý đơn hàng: quản lý đơn hàng Hình 3.19 Giao diện quản lý đơn hàng Giao diện quản lý loại mã giảm giá: Giúp người dùng quản lý mã giảm giá thêm mã giảm giá cho khách hàng Hình 3.20 Giao diện quản lý mã giảm giá HOÀNG HUY TUẤN – K59.CNTT 46 Giao diện thống kê sản phẩm: Thống kê sản phẩm bán bán chạy Hình 3.21 Giao diện thống kê HỒNG HUY TUẤN – K59.CNTT 47 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN I Kết luận Kết đạt Sau trình tìm hiểu thực hiện, đề tài đáp ứng yêu cầu ban đầu đưa Xây dựng ứng dụng Website quản lý bán hàng với đầy đủ chức bản: - Quản lý đơn hàng, sản phẩm, danh mục, tin tức… - Thống kê sản phẩm, doanh thu - Tìm kiếm sản phẩm chữ hình ảnh - Thanh tốn online momo - Mua sản phẩm, thêm sản phẩm giỏ hàng II Kiến nghị Do bị hạn chế thời gian kiến thức cịn chưa đủ nên việc thực đồ án khơng thể tránh khỏi thiếu sót nội dung báo cáo phần demo Em cố gắng để hồn thiện tốt dự án cịn vài phần thiếu sót khâu giao diện chưa đẹp mắt Những thiếu sót dẫn đến chưa hồn chỉnh dự án hạn chế kiến thức thời gian thực Em cố gắng hoàn thiện thân tốt ngày cố gắng khắc phục điểm yếu Mong giảng viên hướng dẫn quý thầy cô thông cảm III Hướng phát triển Tìm hiểu kĩ thuật front-end để cải thiện giao diện trang Web Xây dựng thêm chức quản lý bán nhiều mặt hàng hơn, SEO HOÀNG HUY TUẤN – K59.CNTT 48 PHỤ LỤC Phụ lục 1: Hướng dẫn sử dụng Người dùng truy cập đường link http://tuanhoang1-001-site1.itempurl.com/ để truy cập vào trang Web khách hàng.Trang khách hàng người dùng tạo tài khoản đăng nhập với google Người dùng truy cập đường link http://tuanhoang-001-site1.ftempurl.com/ để truy cập vào trang Web admin.Trang admin người dùng đăng nhập với tài khoản admin@gmail.com mật 123456 Phụ lục 2: Thơng tin trang Web Github : https://github.com/Tuanhoang144/shoponline HỒNG HUY TUẤN – K59.CNTT 49 TÀI LIỆU THAM KHẢO [1] Programing c# by Released July 2001 Publisher(s): O'Reilly Media, Inc [2] Adam Freeman, Pro ASP.NET MVC 5, Apress, 2014 [3] Professional JavaScript for Web Developers, Matt Frisbie [4] Christian Nagel, 2021 Professional C# and NET [5] freeCodeCamp, (New) Responsive Web Design [online] Available at: [Truy cập tháng 03 năm 2022] [6] https://www.youtube.com/watch?v=RyfyrpUUfPQ [online] [7] https://devindeep.com/image-search/ [Truy cập tháng 04 năm 2022] HOÀNG HUY TUẤN – K59.CNTT 50