TP Hồ Chí Minh, năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO 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 ỨNG DỤNG THỊ GIÁC MÁY TÍNH NÂN[.]
BỘ GIÁO DỤC VÀ ĐÀO TẠO 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: ỨNG DỤNG THỊ GIÁC MÁY TÍNH NÂNG CAO TRẢI NGHIỆM NGƯỜI DÙNG VỚI TÍNH NĂNG TÌM KIẾM QUA HÌNH ẢNH TÍCH HỢP TRÊN WEBSITE THƯƠNG MẠI Giảng viên hướng dẫn: ThS NGUYỄN QUANG PHÚC Sinh viên thực hiện: TRẦN QUANG TRƯỜNG Lớp: CQ.59.CNTT Khoá: 59 TP Hồ Chí Minh, năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO 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: ỨNG DỤNG THỊ GIÁC MÁY TÍNH NÂNG CAO TRẢI NGHIỆM NGƯỜI DÙNG VỚI TÍNH NĂNG TÌM KIẾM QUA HÌNH ẢNH TÍCH HỢP TRÊN WEBSITE THƯƠNG MẠI Giảng viên hướng dẫn: ThS NGUYỄN QUANG PHÚC Sinh viên thực hiện: TRẦN QUANG TRƯỜNG Lớp: CQ.59.CNTT Khố: 59 TP Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC GIAO THƠNG VẬN TẢI CỘNG HỒ 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: 5951071114 Họ tên SV: Trần Quang Trường Khóa: 59 Lớp: Cơng Nghệ Thông Tin Tên đề tài ỨNG DỤNG THỊ GIÁC MÁY TÍNH NÂNG CAO TRẢI NGHIỆM NGƯỜI DÙNG VỚI TÍNH NĂNG TÌM KIẾM QUA HÌNH ẢNH TÍCH HỢP TRÊN WEBSITE THƯƠNG MẠI Mục đích, yêu cầu a Mục đích Xây dựng website quản lí bán hàng với mục đích ứng dụng thuật tốn vào phần mềm nhằm giải nhu cầu người dùng việc quản lí điều hành cửa hàng cách thuận lợi Hệ thống xây dựng tảng ASP.Net Framework b Yêu cầu - Tìm hiểu C# Net Framework - Tìm hiểu HTML, CSS, Javascript, Bootstrap - Tìm hiểu áp dụng nhận diện hình ảnh để cải thiện việc tìm kiếm sản phẩm nhằm nâng cao trải nghiệm người dùng Trần Quang Trường – K59 i - Tìm hiểu áp dụng Api, toán online chức khác cho website - Xây dựng, thiết kế website phù hợp với mục đích sử dụng Nội dung phạm vi đề tài a Nội dung đề tài - Xây dựng website gồm giao diện cho người dùng admin + Về giao diện người dùng cho phép khách hàng đăng kí, đăng nhập, tìm kiếm, xem chi tiết mua sản phẩm Ngồi khách hàng cịn hủy theo dõi đơn hàng + Về giao diện admin cho phép người dùng thêm, sửa, xóa sản phẩm, quản lí đơn hàng thống kê thông tin sản phẩm, doanh thu, tài khoản b Phạm vi đề tài - Xây dựng website cho phép khách hàng đặt mua hàng trực tuyến giúp việc quản lí trở nên dễ dàng Cơng nghệ, cơng cụ ngơn ngữ lập trình Cơng nghệ: ASP.Net MVC Công cụ: Visual Studio 2022, SQL Server Ngơn ngữ lập trình: C#, HTML, CSS, Javascript, Bootstrap Các kết dự kiến đạt ứng dụng - Hoàn chỉnh báo cáo đề tài - Xây dựng đầy đủ chức cần thiết cho website - Xây dựng giao diện thuận tiện cho người dùng sử dụng - Nắm quy trình nghiệp vụ website - Xây dựng thành công website Trần Quang Trường – K59 ii Giáo viên cán hướng dẫn Họ tên: NGUYỄN QUANG PHÚC Đơn vị công tác: Đại học Kinh tế Luật – Đại học Quốc Gia Thành Phố Hồ Chí Minh Điện thoại: 0777207700 Ngày 01 tháng 07 năm 2022 Email: phucnq.edu@gmail.com Đã giao nhiệm vụ TKTN Giáo viên BM Công Nghệ Thông Tin hướng dẫn Nguyễn Quang Phúc Đã nhận nhiệm vụ TKTN Sinh viên: Trần Quang Trường Ký tên: Điện thoại: 0387531153 Email: 5951071114@st.utc2.edu.vn Trần Quang Trường – K59 iii LỜI CẢM ƠN Lời nói đầu tiên, em xin gửi tới Quý thầy cô 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 “ỨNG DỤNG THỊ GIÁC MÁY TÍNH NÂNG CAO TRẢI NGHIỆM NGƯỜI DÙNG VỚI TÍNH NĂNG TÌM KIẾM QUA HÌNH ẢNH TÍCH HỢP TRÊN WEBSITE THƯƠNG MẠI” Để hoà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 Nguyễn Quang Phúc, người hướng dẫn cho em hướng đi, truyền đạt cho em kiến thức, kỹ để em 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 để rút cho học, kinh nghiệm quý báu Sau cùng, em khơng biết nói ngồi kính chúc Q thầy cô Bộ môn Công Nghệ Thông Tin đặc biệt thầy Nguyễn Quang Phúc 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 Em xin chân thành cảm ơn! TP Hồ Chí Minh, ngày 01 tháng 07 năm 2022 Sinh viên thực Trần Quang Trường Trần Quang Trường – K59 iv NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp Hồ Chí Minh, ngày 01 tháng 07 năm 2022 Giảng viên hướng dẫn Nguyễn Quang Phúc Trần Quang Trường – K59 v MỤC LỤC LỜI CẢM ƠN IV NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN V MỤC LỤC VI DANH MỤC CHỮ VIẾT TẮT X CHƯƠNG MỞ ĐẦU 1.1 Tổng quan đề tài 1.2 Mô tả chi tiết đề tài 1.3 Công cụ sử dụng 1.4 Cấu trúc báo cáo đồ án tốt nghiệp CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1.Tổng quan ngôn ngữ lập trình C# 2.1.1.Ưu nhược điểm C# 2.1.2.Ứng dụng thực tế ngôn ngữ C# 2.2 Tổng quan ASP.Net 2.2.1.Ưu điểm ASP.Net 2.2.2 Nhược điểm ASP.Net 2.3 HTML 2.3.1 Giới thiệu HTML 2.3.2 Vai trò HTML 2.4 CSS 2.4.1 Giới thiệu CSS 2.4.2 Ưu điểm CSS 2.5 JavaScript 2.5.1 Giới thiệu JavaScript 2.5.2 Ưu điểm JavaScript Trần Quang Trường – K59 vi 2.5.3 Nhược điểm JavaScript 2.6 Bootstrap 2.6.1 Giới thiệu Bootstrap 2.6.2 Lý chọn Bootstrap 2.6.3 Cấu trúc tính Bootstrap 2.7 Tổng quan sở liệu 10 2.7.1 Cơ sở liệu SQL Server 10 2.7.2 Các thành phần SQL Server 11 2.8 Tổng quan Finding Domiant Colours in Images – Tìm kiếm màu chủ đạo hình ảnh 13 2.9 Tổng quan detect stop signs in images with model builder 15 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 18 3.1 Đặt vấn đề 18 3.2 Yêu cầu hệ thống 18 3.2.1 Yêu cầu chức 18 3.2.2 Mô tả hệ thống 19 3.3 Mơ hình nghiệp vụ hệ thống 20 3.3.1 Mơ hình hóa lớp nghiệp vụ 20 3.3.2 Sơ đồ Usecase 22 3.3.3 Sơ đồ lớp 24 3.3.4 Sơ đồ hoạt động 24 3.3.5 Sơ đồ trạng thái 25 3.4 Lưu trữ liệu SQL Server 27 3.4.1 Các thuộc tính liệu bảng Products(sản phẩm) 27 3.4.2 Các thuộc tính liệu bảng Brands(thương hiệu) 28 3.4.3 Các thuộc tính liệu bảng Photos(hình ảnh) 28 3.4.4 Các thuộc tính liệu bảng Categories(danh mục) 28 3.4.5 Các thuộc tính liệu bảng Forum(diễn đàn) 30 Trần Quang Trường – K59 vii 3.4.6 Các thuộc tính liệu bảng Customer(khách hàng) 30 3.4.7 Các thuộc tính liệu bảng DetailForum 31 3.4.8 Các thuộc tính liệu bảng Employer(Nhân viên) 31 3.4.9 Các thuộc tính liệu bảng Cart(giỏ hàng) 31 3.4.10 Các thuộc tính liệu bảng Evaluate(đánh giá) 32 3.4.11 Các thuộc tính liệu bảng Order 32 3.4.12 Các thuộc tính liệu bảng OrderDetail 33 CHƯƠNG TRIỂN KHAI CHƯƠNG TRÌNH 34 4.1 Các chức admin 34 4.1.1 Giao diện đăng nhập 34 4.1.2 Giao diện Admin Dashboard 34 4.1.3 Giao diện Quản lí thương hiệu(Brands) 35 4.1.4 Giao diện quản lí danh mục(Categories) 35 4.1.5 Giao diện quản lí sản phẩm 36 4.1.6 Giao diện quản lí đơn hàng 37 4.1.7 Giao diện theo dõi đơn hàng 38 4.1.8 Giao diện quản lí nhân viên(Employer) 38 4.1.9 Giao diện quản lí khách hàng(Customer) 38 4.1.10 Giao diện thống kê doanh thu 38 4.1.11 Giao diện thống kê đơn hàng 39 4.1.12 Giao diện thống kê sản phẩm 39 4.2 Các chức khách hàng 40 4.2.1 Giao diện trang chủ khách hàng 40 4.2.2 Giao diện đăng nhập khách hàng 40 4.2.3 Giao diện trang sản phẩm 41 4.2.4 Giao diện chi tiết sản phẩm 41 4.2.5 Giao diện trang About Us 42 Trần Quang Trường – K59 viii createdate DATETIME grossAmount DECIMAL(18,0) discountAmount DECIMAL(18,0) 10 paymentmethods INT 11 Transport INT 12 note VARCHAR(255) 13 deliver_time VARCHAR(255) 14 ShiperFee DECIMAL(18,0) 15 statusCancel INT Bảng 14 Các thuộc tính liệu bảng order 3.4.12 Các thuộc tính liệu bảng OrderDetail STT Tên trường Kiểu liệu Chức id INT PRIMARY KEY orderId INT FOREIGN KEY product_id VARCHAR(255) FOREIGN KEY grossAmount DECIMAL(18,0) discountAmount DECIMAL(18,0) quantity INT Bảng 15 Các thuộc tính liệu bảng orderdetail Trần Quang Trường – K59 33 CHƯƠNG TRIỂN KHAI CHƯƠNG TRÌNH 4.1 Các chức admin 4.1.1 Giao diện đăng nhập Giao diện đăng nhập Mỗi nhân viên có tài khoản để đăng nhập vào hệ thống Khi nhập đầy đủ thông tin tên đăng nhập, mật người dùng chọn vào biểu tượng đăng nhập để đăng nhập Hình Giao diện đăng nhập 4.1.2 Giao diện Admin Dashboard Sau đăng nhập thành công trả giao diện Admin Dashboard Hình Giao diện admin dashboard Trần Quang Trường – K59 34 4.1.3 Giao diện Quản lí thương hiệu(Brands) Hình Giao diện danh sách thương hiệu Hình 4 Giao diện thêm thương hiệu 4.1.4 Giao diện quản lí danh mục(Categories) Hình Giao danh danh Hình 5.4.Giao diệndiện danh sáchsách danh mụcmục Trần Quang Trường – K59 35 Hình Giao diện thêm danh mục 4.1.5 Giao diện quản lí sản phẩm Hình Giao diện danh sách sản phẩm Hình Giao diện thêm sản phẩm Trần Quang Trường – K59 36 Hình Giao diện chỉnh sửa sản phẩm 4.1.6 Giao diện quản lí đơn hàng Hình 10 Giao diện danh sách đơn hàng Hình 11 Giao diện quản lí đơn hàng Trần Quang Trường – K59 37 4.1.7 Giao diện theo dõi đơn hàng Hình 12 Giao diện theo dõi đơn hàng 4.1.8 Giao diện quản lí nhân viên(Employer) Hình 13 Giao diện danh sách nhân viên Hình 14 Giao diện thêm nhân viên 4.1.9 Giao diện quản lí khách hàng(Customer) Hình 15 Giao diện danh sách khách hàng 4.1.10 Giao diện thống kê doanh thu Trần Quang Trường – K59 38 Hình 16 Giao diện thông kê doanh thu 4.1.11 Giao diện thống kê đơn hàng Hình 17 Giao diện thơng kê đơn hàng 4.1.12 Giao diện thống kê sản phẩm Trần Quang Trường – K59 39 Hình 18 Giao diện thống kê sản phẩm 4.2 Các chức khách hàng 4.2.1 Giao diện trang chủ khách hàng Hình 19 Giao diện trang chủ 4.2.2 Giao diện đăng nhập khách hàng Trần Quang Trường – K59 40 Hình 20 Giao diện đăng nhập tài khoản Giao diện trang sản phẩm 4.2.3 Giao diện trang sản phẩm Hình 21 Giao diện trang sản phẩm Trần Quang Trường – K59 41 4.2.4 Giao diện chi tiết sản phẩm Hình 22 Giao diện chi tiết sản phẩm 4.2.5 Giao diện trang About Us Hình 23 Giao diện trang About Us 4.2.6 Giao diện diễn đàn Trần Quang Trường – K59 42 Hình 24 Giao diện diễn đàn Trần Quang Trường – K59 43 4.2.7 Giao diện giỏ hàng Hình 25 Giao diện giỏ hàng 4.2.8 Giao diện đặt hàng Hình 26 Giao diện đặt hàng Trần Quang Trường – K59 44 4.2.9 Giao diện theo dõi đơn hàng Hình 27 Giao diện theo dõi đơn hàng Trần Quang Trường – K59 45 CHƯƠNG KẾT LUẬN-KIẾN NGHỊ 5.1 Kết Trong trình làm đồ án, em học nhiều kiến thức củng cố kiến thức cũ Kết em đạt : Biết cách thiết kế sở liệu sử dụng công cụ SQL Server để tạo sở liệu, tạo ràng buộc liệu khai thác liệu phù hợp với chương trình Biết cách sử dụng Visual Studio xây dựng chức website, tạo giao diện phù hợp với web, dễ dàng sử dụng HTML, CSS, JS 5.2 Hạn chế Ngoài kết đạt được, website vấp phải nhiều hạn chế cần phải giải quyết: • Giao diện hệ thống thiết kế theo cảm tính cá nhân, chưa đẹp hồn hảo • Cơ sở liệu chưa hồn hảo logic, dễ mắc số lỗi trường hợp phức tạp ngồi thực tế • Cịn thiếu số tính nâng cao để ứng dụng sử dụng tiện lợi 5.3 Hướng phát triển Trong tương lai, chương trình khắc phục hạn chế Song song với việc đó, chương trình bổ sung thêm nhiều tính nâng cao chất lượng nhiều nhu cầu khác người học, nhằm giúp hệ thống quản lý xác Ngồi ra, có thể, chương trình tích hợp vào chương trình, hệ thống khác sử dụng rộng rãi, phù hợp với doanh nghiệp có quy mơ lớn phục vụ cho thương mại Trần Quang Trường – K59 46 TÀI LIỆU THAM KHẢO [1] Object-Oriented Analysis, Design and Implementation An Integrated Second Edition - Brahma Dathan, Sarnath Ramnath [2] Jon Duckett (2011), HTML and CSS: Design and Build Website [3] Jennifer Robbins (2012), Learning Web Design [4] Jon Duckett (2014), JAVASCRIPT & JQUERY: Interactive Front-End Web Development [5] Pgs.Ts Phạm Ngọc Nam (2007), Phân Tích Thiết Kế Hướng Đối Tượng, Đh Bách Khoa Hn [6].https://docs.microsoft.com/vi-vn/aspnet/core/tutorials/first-mvc-app/startmvc?view=aspnetcore-3.0&tabs=visual-studio [7] http://home.vinhuni.edu.vn/cuongvcc/wp-content/uploads/sites/109/2017/10/DangVan-Duc-Giao-trinh-Phan-tích-thiet-ke-Huong-doi-tuong-2002.pdf [8] Tutorial: Detect stop signs in images with Model Builder [9] Finding Dominant Colours in Images Trần Quang Trường – K59 47