ĐỀ tài WEBSITE bán ĐỒNG hồ ONLINE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN TỐT NGHIỆP WEBSITE BÁN ĐỒNG HỒ ONLINE Sinh viên thực hiện: Nguyễn Minh Hưng Lớp: 19I2 Giảng viên hướng dẫn: Nguyễn Đức Hiển Đà Nẵng, tháng 11 năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN TỐT NGHIỆP WEBSITE BÁN ĐỒNG HỒ ONLINE Sinh viên: Nguyễn Minh Hưng Mã SV: 191C900079 Giảng viên hướng dẫn: Nguyễn Đức Hiển Đà Nẵng, tháng 11 năm 2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN LỜI CẢM ƠN Đối với sinh viên đồ án tốt nghiệp minh chứng cho kiến thức có sau bao năm học tập.Trong tình học tập em nhận nhiều quan tâm giúp đỡ thầy trường để hồn thành tập lớn rút nhiều kinh nghiệm cho Để hồn thành báo đồ án tốt nghiệp với tên đề tài :”WEBSITE BÁN ĐỒNG HỒ ONLINE” em xin chân thành cảm ơn giảng viên Nguyễn Đức Hiển người hướng dẫn em hoàn thành đồ án với báo cáo Do trình độ nghiên cứu cịn hạn chế tình hình dịch bệnh covid phức tạp nên dù cố gắng song báo cáo em khỏi thiếu sót.Vì thế, em mong nhận quan tâm, góp ý thầy để báo cáo hồn chỉnh Những ý kiến đóng góp thầy giúp em nhận thiếu sót mà em mắc phải, qua em có thêm tư liệu mới, rút học quý giá cho Em xin chân thành cảm ơn Sinh viên, Nguyễn Minh Hưng MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT MỞ ĐẦU Giới thiệu Nhiệm vụ hướng giải Ý nghĩa thực tiễn đề tài Bố cục báo cáo 10 Chương NGÔN NGỮ CÔNG NGHỆ VÀ CÔNG CỤ SỬ DỤNG 11 1.1 Ngôn ngữ sử dụng 11 1.1.1 HTML 11 1.1.2 CSS 12 1.1.3 JAVASCRIPT 12 1.1.4 PHP 13 1.2 Công nghệ sử dụng 14 1.2.1 VUE.JS 14 1.2.2 LARAVEL 14 1.2.3 BOOTSTRAP 15 1.3 Công cụ sử dụng 15 1.3.1 VISUAL STUDIO CODE 15 1.3.2 MYSQL 16 1.4 Kết thúc chương 19 Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 20 2.1 Phân tích yêu cầu 20 2.1.1 Yêu cầu chức hệ thống 20 2.1.2 Yêu cầu hình thức 20 2.1.3 Yêu cầu bảo mật 21 2.2 Phân tích chức 21 2.2.1 Người dùng 21 2.2.2 Quản trị viên 23 2.3 Sơ 26 2.3.1 Khách hàng 26 2.3.2 Admin 29 2.4 Kết chương 30 Chương THIẾT KẾ CƠ SỞ DỮ LIỆU 31 3.1 Sơ đồ tổng quát 31 3.2 Bảng liệu chi tiết 31 3.3 Kết chương 35 Chương XÂY DỰNG WEBSITE 36 4.1.Giao diện chung 36 4.2.Về phía khách hàng 38 4.3.Về phía người quản trị hệ thống 41 4.4 Kết chương 44 KẾT LUẬN 45 Kết đạt 45 Hạn chế hướng nghiên cứu 46 DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG HTML Hypertext Markup Language CSS Cascading Style Sheets PHP Hypertext Preprocessor MỞ ĐẦU Giới thiệu Hiện nhắc đến mua bán online hẳn biết đến trải qua vài lần mua bán hình thức này, với thời đại công nghệ phát triển người có điện thoại thơng minh hay máy tính cho riêng mua bán online trở nên quen thuộc với khơng người, nhiều website phục vụ cho mục đích mua bán online đời Để đáp ứng nhu cầu người dùng doanh nghiệp hay tư nhân có website cho riêng với tình hình dịch covid ngày trở nên phức tạp Vì đời website bán đồng hồ online cần thiết để phục vụ mua sắm người giúp doanh nghiệp thuận lợi việc mua bán quản lý sản phẩm Website bán đồng hồ online hệ thống website quản lý doanh nghiệp giúp cho doanh nghiệp quản lý sản phẩm tốt hơn,giới thiệu quản bá hình ảnh cửa hàng, cơng ty mở rộng quy mô lớn giúp cho việc mua bán trở nên thuận lợi mang lại hiệu cao, người dùng đặt mua sản phẩm từ xa qua thiết bị có kết nối internet Mục tiêu đề tài Nhằm quản bá sản phẩm đến người dùng giúp việc mua bán trở nên thuận lợi website bán đồng hồ online tạo để : - Xây dựng website cung cấp cho khách hàng thơng tin chi tiết sản phẩm có website, thông tin liên hệ sản phẩm cập nhập thường xuyên - Giao diện dễ nhìn, hài hịa, thân thiện với người dùng - Khách hàng đặt hàng ngày sản phẩm thích - Website cung cấp chức : + Xem sản phẩm có website, tìm kiếm sản phẩm phù hợp + Thêm vào giỏ hàng + Mua hàng, hủy đơn hàng + Xem tin tức cập nhập sản phẩm cửa hàng… số chức khác - Củng cố, nâng cao kiến thức ngơn ngữ học Qua áp dụng cho việc thực đề tài khác Nhiệm vụ hướng giải Từ yêu cầu đặt trên, đề xuất nhiệm vụ hướng giải theo bước sau: - Tìm hiểu nhu cầu người dùng kết hợp với website tương tự để xây dựng chức phù hợp với đa phần người sử dụng - Tiến hành khảo sát thực tiễn khái niệm liên quan từ thông tin khảo sát phân tích chức phù hợp - Tìm hiểu ngôn ngữ sử dụng, cài đặt công cụ môi trường để thiết kế giao diện trang web - Xây dựng website - Tiến hành chạy thử, kiểm tra lỗi Ý nghĩa thực tiễn đề tài - Ý nghĩa doanh nghiệp: website giúp doanh nghiệp quảng bá sản phẩm thị trường rộng rãi giảm chi phí phát sinh Qua giúp tăng doanh thu cho doanh nghiệp, tạo sức hút cho người mua - Ý nghĩa khách hàng: website giúp người dùng lựa chọn sản phẩm đáp ứng nhu cầu cá nhân cách nhanh chóng dễ dàng, quản lý đơn hàng thơng qua Internet Khách hàng không cần đến cửa hàng vận chuyển phức tạp - Ý nghĩa sinh viên: Tăng khả tư duy, cải thiện trau dồi kiến thức, kỹ làm web thân Bố cục báo cáo Sau phần Mở đầu, nội dung báo cáo tập trung vào ba chương sau: - Chương 1.Ngôn ngữ, công nghệ công cụ sử dụng Trong chương nêu ngôn ngữ, công nghệ, công cụ sử dụng cho trang web - Chương Phân tích yêu cầu người dùng, chức trang web Nội dung chương bao gồm chức người dùng, chức bảo mật,… - Chương Xây dựng sở liệu giao diện cho trang web Chương đề xuất xây dựng sở liệu cho trang web Cuối Kết luận, Tài liệu tham khảo Phụ lục liên quan đến đề tài 10 Feedback Text Phản hồi quản trị viên - Cart: Chứa thơng tin sản phẩm có giỏ hàng Tên cột Id_cart id_product id_user Colors SumMoney Quantity Kiểu liệu int int Int Varchar(255) real Int Mơ tả Khóa chính(tự động tăng) Id sản phẩm(khóa phụ) Id người dùng(khóa phụ) Màu sắc Tổng tiền Số lượng sản phẩm - shipmentDetails: Chứa thông tin chi tiết nhận hàng người dùng Tên cột id_shipment_Details id_user Surname Name phone_number city_province District Wards Address Kiểu liệu int Int Varchar(255) Varchar(255) Int Varchar(255) Varchar(255) Varchar(255) Varchar(255) Mơ tả Khóa (tự động tăng) Id người dùng(khóa phụ) Họ người dùng Tên người dùng Số điện thoại người dùng Tỉnh thành phố Quận huyện Phường, xã Địa cụ thể - order: Chứa thông tin đơn hàng 34 Tên cột id_order id_shipment_Details Kiểu liệu Int Int Node id_user Status Text Int Int Mơ tả Khóa chính(tự động tăng) Id địa nhận hàng(khóa phụ) Ghi đơn hàng Id người dùng(khóa phụ) Trạng thái đơn hàng - orderDetails: Thông tin chi tiết đơn hàng Tên cột id_orderdetails id_order id_product Color Totalmoneys Quantity Kiểu liệu Int Int Int Varchar(255) Decimal(20,2) Int - news: chứa liệu bảng tin Tên cột id_news Image Title Content Mơ tả Khóa chính(tự động tăng) Id đơn hàng(khóa phụ) Id sản phẩm(khóa phụ) Màu sắc Tổng số tiền Số lượng sản phẩm Kiểu liệu int varchar(50) Varchar(255) Text Mơ tả Khóa chính(tự động tăng) Hình ảnh tin tức Tiêu đề Nội dung bảng tin - Slide:chứa hình ảnh slide Tên cột id_slide Image Kiểu liệu int varchar(50) Mơ tả Khóa chính(tự động tăng) Hình ảnh slide 3.3 Kết chương Thơng qua việc phân tích nắm rõ yêu cầu người dùng, sở liệu gồm 13 bảng đại diện cho liệu cần thiết cho trang web tạo Cơ sở liệu tạo giúp cho liệu lưu trữ an toàn liên kết với cách chặt chẽ Từ sở liệu, giao diện trang web tạo trình bày chương 35 Chương XÂY DỰNG WEBSITE Chương trình bày giao diện trang web, bao gồm giao diện chung, giao diện phía khách hàng, giao diện phía quản trị viên, giao diện đăng nhập, đăng ký tài khoản, Giao diện thiết kế theo yêu cầu người dùng, phân chia bố cục hợp bảo mật an toàn, tránh bị kẻ gian xâm nhập, đánh cắp liệu, sửa đổi thông tin 4.1 Giao diện chung - Giao diện trang chủ: giao diện người dùng truy cập vào thấy trang đầu tiên, trang mô tả giới thiếu chung sản phẩm viết liên quan đến sản phẩm, liệt kê nhiều yếu tố để khách hàng quan tâm Hình 4.1 Giao diện trang chủ - Giao diện danh mục sản phẩm: Giao diện chứa sản phẩm theo danh mục người dùng chọn sản phẩm để xem 36 Hình 4.2 Giao diện danh mục sản phẩm - Giao diện chi tiết sản phẩm: Đây giao diện hiển thị chi tiết thông tin sản phẩm, người dùng xem chi tiết sản phẩm Hình 4.3 Giao diện chi tiết sản phẩm 37 - Giao diện trang tin tức: Trang chứa thông tin viết mà người quản trị đăng, người dùng đọc thơng tin trang Hình 4.4 Giao diện trang tin tức 4.2 Về phía khách hàng - Giao diện trang đăng nhập: Đây trang người dùng đăng nhập, đầy người dùng cần cung cấp thơng tin xác để tiến hành đăng nhập vào trang web 38 Hình 4.5 Giao diện đăng nhập - Giao diện đăng xuất:Ở trang người dùng tiến hành đăng xuất tài khoản khỏi hệ thống Hình 4.6 Giao diện đăng xuất 39 - Giao diện hồ sơ: Đây trang trang hồ sơ người dùng, trang thị thông tin chi tiết người dùng đăng nhập, người dùng tiến hành cập nhật lại thơng tin cho xác Hình 4.7 Giao diện hồ sơ - Giao diện đổi mật khẩu: trang mà người dùng thể tiến hành đổi mật 40 Hình 4.8 Giao diện đổi mật - Quản lý giỏ hàng: Đây trang hiển thị thông tin sản phẩm mà người dùng thêm vào giỏ hàng, người dùng tiến hành cập nhật sản phẩm theo ý muốn Hình 4.9 Quản lý giỏ hàng 4.3 Về phía người quản trị hệ thống - Giao diện danh sách sản phẩm: Đây trang hiển thị danh dánh sản phẩm có cửa hàng, người quản trị thực xóa sản phẩm 41 Hình 4.10 Giao diện danh sách sản phẩm - Giao diện thêm sản phẩm: Đây trang dùng để thêm sản phẩm mới, người quản trị tiến hành nhập đầy đủ thông tin yêu cầu để thêm sản phẩm 42 Hình 4.11 Giao diện thêm sản phẩm - Giao diện thông tin sản phẩm: Đây trang chưa thông tin sản người quản trị tiến hành cập nhật lại thơng tin cần thiết Hình 4.12 Giao diện thơng tin sản phẩm 43 - Giao diện admin login: Đây trang mà người quản trị thực đăng nhập để tiến hành vào trang quản lý Hình 4.12 Giao diện admin login 4.4.Kết chương Từ việc phân tích yêu cầu thiết kế sở liệu, giao diện trang web tạo trên, giúp người dùng tiếp cận thông tin dễ dàng Trang web phân chia quyền truy cập, bố cục hợp lý, hình ảnh, màu sắc hài hịa, bắt mắt, giúp người dùng dễ sử dụng 44 KẾT LUẬN Kết đạt Sau thời gian thực đề tài, em nhận thấy đạt kết sau Về phía quản trị viên - Hồn thành chức nẳng quản lý sản phẩm người dùng, quản lý tin tức, quản lý đơn hàng - Rút kinh nghiệm quản lý sản phẩm cách tối ưu - Bảo mật thơng tin khách hàng bảo mật hệ thống Về phía người dùng: Người dùng sử dụng số chức sau: - Xem tất sản phẩm có cửa hàng, xem chi tiết sản phẩm - Tạo tài khoản riêng cho để tiện quản lý - Đăng nhập, đăng ký - Sau đăng nhập tài khoản, thực số chức năng: + Chỉnh sửa thông tin cá nhân, đổi mật + Thêm hàng vào giỏ, chỉnh sửa thông tin giỏ hàng + Đặt hàng, hủy đơn hàng, đánh giá sản phẩm + Đánh giá sản phẩm, bình luận đưa ý kiến cá nhân sản phẩm + Đăng xuất Về phía thân: - Hiểu cách vận dụng trang web bán hàng online, biết giá trị bán việc bán hàng online qua khảo sát thực trạng người sử dụng - Hiểu q trình mua bán online thơng qua q trình xây dựng trang web - Biết thêm nhiều kinh nghiệm làm web, nâng cao khả làm việc độc lập - Hiểu biết thêm nhiều công nghệ, cơng cụ q trình xây dựng website - Có thêm kiến thức phân tích sở liệu 45 - Xây dựng trang web hợp với nhu cầu người dùng Hạn chế hướng nghiên cứu Trang web tồn số hạn chế: - Giao diện chưa đẹp, bố cục chưa chắn - Một số chức phụ chưa hoàn thành Hướng nghiên cứu: Từ hạn chế trên, em cố gắng rút kinh nghiệm cho thân hoàn thiện trang web, chỉnh sửa giao diện cho đẹp hơn, thêm số chức phụ khác tối ưu trang web 46 TÀI LIỆU THAM KHẢO [1] [2] [3] [4] i Trang web: w3school.com Trang web : https://stackoverflow.com Trang web: http://mauweb.monamedia.net/dongho// Trang web: shoppe.vn ... nhiều quan tâm giúp đỡ thầy trường để hồn thành tập lớn rút nhiều kinh nghiệm cho Để hồn thành báo đồ án tốt nghiệp với tên đề tài :? ?WEBSITE BÁN ĐỒNG HỒ ONLINE? ?? em xin chân thành cảm ơn giảng... tạp Vì đời website bán đồng hồ online cần thiết để phục vụ mua sắm người giúp doanh nghiệp thuận lợi việc mua bán quản lý sản phẩm Website bán đồng hồ online hệ thống website quản lý doanh nghiệp... website phục vụ cho mục đích mua bán online đời Để đáp ứng nhu cầu người dùng doanh nghiệp hay tư nhân có website cho riêng với tình hình dịch covid ngày trở nên phức tạp Vì đời website bán đồng