đề tài xây dựng website bán đồng hồ

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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Xây Dựng Website Bán Đồng Hồ Sinh viên thực hiện: Phạm Nguyễn Viết Cảnh Lớp: 19i2 Giảng viên hướng dẫn: TS Lê Thị Thu Nga i Đà 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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Xây Dựng Website Bán Đồng Hồ Sinh viên: Phạm Nguyễn Viết Cảnh Mã: 191C900063 Giảng viên hướng dẫn: TS Lê Thị Thu Nga Đà Nẵng, tháng 11 năm 2021 ii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iii LỜI CẢM ƠN Để hoàn thành báo cáo này, trước hết, em xin cảm ơn thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT Truyền Thông Việt - Hàn, em nhận nhiều quan tâm, giúp đỡ quý thầy cô bạn bè Em xin gửi lời cảm ơn đến ban giám hiệu nhà trường tạo điều kiện tốt cho em củng bạn suốt thời gian học tập Em xin bày tỏ lòng biết ơn xâu sắc tới cô giáo TS Lê Thị Thu Nga, người hướng dẫn, bảo tận tình để em hồn thành q trình làm đồ án tốt nghiệp Xin cảm ơn bạn bè gia đình động viên cổ vũ, đóng góp ý kiến, trao đổi, động viên suốt trình học làm đồ án tốt nghiệp, gúp em hoàn thành đề tài thời hạn Em xin chân thành cảm ơn! Sinh viên, Phạm Nguyễn Viết Cảnh iv MỤC LỤC DANH MỤC HÌNH VẼ ix MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đạt Nhiệm vụ hướng giải Ý nghĩa thực tiển đề tài Bố cục đồ án Chương CÔNG CỤ CÔNG NGHỆ 1.1 Công cụ phần mềm 1.1.1 Visual Studio Code 1.1.2 Xampp 1.2 Công nghệ 1.2.1 HTML , CSS , JAVASCRIPT 1.2.2 Tailwind CSS 1.2.3 Fontawesome.com , boxicon.com 1.2.4 PHP 1.2.5 Laravel 1.2.6 MySQL Chương PHÂN TÍCH MƠ HÌNH HỆ THỐNG 2.1 Phân tích yêu cầu 2.1.1 Yêu cầu chức hệ thống 2.1.2 Yêu cầu hình thức 10 2.1.3 Yêu cầu bảo mật 10 2.2 Sơ đồ chức 11 2.2.1 Sơ đồ UseCase chung 11 2.2.2 Về người dùng 12 2.2.3 Về người quản trị 12 v 2.3 Biểu đồ hoạt động 13 2.3.1 Biểu đồ hoạt động đăng nhập cho người dùng 13 2.3.2 Biểu đồ hoạt động đăng ký cho người dùng 14 2.3.3 Biểu đồ hoạt động tìm kiếm sản phẩm 15 2.3.4 Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng 16 2.3.5 Biểu đồ hoạt động đặt hàng 17 2.3.6 Biểu đồ hoạt động đăng nhập người quản trị 18 2.3.7 Biểu đồ hoạt động quản lý sản phẩm 19 2.4 Biểu đồ class diagram 20 2.5 Phân tích sở liệu 21 2.5.1 Bảng tài khoản 21 2.5.2 Bảng sản phẩm 21 2.5.3 Bảng nhóm sản phẩm 22 2.5.4 Bảng chi tiết sản phẩm 22 2.5.5 Bảng giỏ hàng 23 2.5.6 Bảng đơn hàng 23 2.5.7 Bảng chi tiết đơn hàng 24 2.5.8 Bảng chi tiết đánh giá 24 2.5.9 Bảng ảnh 24 2.5.10 Bảng tin tức 25 2.5.11 Bảng địa 25 2.5.12 Mối quan hệ bảng sở liệu 26 Chương XÂY DỰNG WEBSITE 27 3.1 Giao diện cho người dùng 27 3.1.1 Giao diện đăng ký 27 3.1.2 Giao diện đăng nhập 27 3.1.3 Giao diện trang giới thiệu 28 3.1.4 Giao diện trang đồng hồ nam 28 3.1.5 Giao diện trang đồng hồ nữ 29 3.1.6 Giao diện trang đồng hồ đôi 29 vi 3.1.7 Giao diện trang phụ kiện 30 3.1.8 Giao diện trang chi tiết sản phẩm 30 3.1.9 Giao diện phần đánh giá bình luận 31 3.1.10 Giao diện trang giỏ hàng 32 3.1.11 Giao diện trang toán 32 3.1.12 Giao diện trang xem tình trạng đơn hàng 33 3.1.13 Giao diện trang tin tức 33 3.1.14 Giao diện trang liên hệ 34 3.2 Giao diện người quản trị 34 3.2.1 Giao diện đăng nhập 34 3.2.2 Giao diện trang tổng quan 35 3.2.3 Giao diện trang quản lý đơn hàng 35 3.2.4 Giao diện trang quản lý sản phẩm 36 3.2.5 Giao diện phần sửa thơng tin sản phẩm xố sản phẩm 36 3.2.6 Giao diện phần thêm sản phẩm 37 3.2.7 Giao diện phần thêm sản phẩm 38 3.2.8 Giao diện trang quản lý tài khoản người dùng 38 3.2.9 Giao diện trang quản lý tin tức 39 3.2.10 Giao diện trang thêm sửa xoá phần tin tức 39 3.2.11 Giao diện trang quản lý nhóm sản phẩm 40 3.2.12 Giao diện trang thêm nhóm sản phẩm 40 KẾT LUẬN 41 Kết đạt 41 Hạn chế hướng phát triển 42 2.1 Hạn chế 42 2.2 Hướng phát triển 42 TÀI LIỆU THAM KHẢO i PHỤ LỤC i vii DANH MỤC CÁC TỪ VIẾT TẮT VIẾT TẮT NỘI DUNG PHP Hypertext Preprocessor FTP File Transfer Protocol HTML Hyper Text Markup Language CSS Cascading Style Sheets ID Identification ORM Object Relational Mapping API Application Programming Interface viii DANH MỤC HÌNH VẼ Hình 1: Ứng dụng Visual Studio Code Hình 2: Ứng dụng Xampp Hình 3: HTML Hình 4: Đoạn code dùng CSS Hình 5: Sử dụng JavaScript Hình 6: Sử dụng Tailwind CSS Hình 7: Sử dụng code PHP Hình 8: Sử dụng ngơn ngữ Laravel Hình 9: Ứng dụng MySQL Hình 10: Sơ đồ Usecase 11 Hình 11: Sơ đồ Usecase khách hàng 12 Hình 12: Sơ đồ Usecase người quản trị 12 Hình 13: Biểu đồ hoạt động đăng nhập cho người dùng 13 Hình 14: Biểu đồ hoạt động đăng ký cho người dùng 14 Hình 15: Biểu đồ hoạt động tìm kiếm sản phẩm 15 Hình 16: Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng 16 Hình 17: Biểu đồ hoạt dộng đặt hàng 17 Hình 18: Biểu đồ hoạt động đăng nhập người quản trị 18 Hình 19: Biểu đồ hoạt động quản lý sản phẩm 19 Hình 20: Biểu đồ class diagram 20 Hình 21: Quan hệ bảng MySQL 26 Hình 22: Trang đăng ký tài khoản cho người dùng 27 Hình 23: Trang đăng nhập cho người dùng 27 Hình 24: Trang giới thiệu 28 Hình 25: Trang đồng hồ nam 28 Hình 26: Trang đồng hồ nữ 29 Hình 27: Trang đồng hồ đơi 29 ix Hình 28: Trang phụ kiện 30 Hình 29: Trang chi tiết sản phẩm 30 Hình 30: Trang chi tiết sản phẩm 31 Hình 31: Phần đánh giá bình luận sản phẩm trang chi tiết sản phẩm 31 Hình 32: Trang giỏ hàng 32 Hình 33: Trang tốn 32 Hình 34: Trang xem tình trạng đơn hàng 33 Hình 35: Trang tin tức 33 Hình 36: Trang liên hệ 34 Hình 37: Trang đăng nhập cho ADMIN 34 Hình 38: Trang tổng quan ADMIN 35 Hình 39: Trang quản lý đơn hàng 35 Hình 40: Trang quản lý sản phẩm 36 Hình 41: Phần sửa thơng tin sản phẩm xố sản phẩm 36 Hình 42: Phần sửa thơng tin sản phẩm xố sản phẩm 37 Hình 43: Phần thêm sản phẩm 37 Hình 44: Phần thêm sản phẩm 38 Hình 45: Trang quản lý tài khoản người dùng 38 Hình 46: Trang quản lý tin tức 39 Hình 47: Thêm sửa xố phần tin tức 39 Hình 48: Quản lý nhóm sản phẩm 40 Hình 49: Thêm nhóm sản phẩm 40 x 3.1.7 Giao diện trang phụ kiện Hình 28: Trang phụ kiện 3.1.8 Giao diện trang chi tiết sản phẩm Hình 29: Trang chi tiết sản phẩm 30 Hình 30: Trang chi tiết sản phẩm 3.1.9 Giao diện phần đánh giá bình luận Hình 31: Phần đánh giá bình luận sản phẩm trang chi tiết sản phẩm 31 3.1.10 Giao diện trang giỏ hàng Hình 32: Trang giỏ hàng 3.1.11 Giao diện trang toán Hình 33: Trang tốn 32 3.1.12 Giao diện trang xem tình trạng đơn hàng Hình 34: Trang xem tình trạng đơn hàng 3.1.13 Giao diện trang tin tức Hình 35: Trang tin tức 33 3.1.14 Giao diện trang liên hệ Hình 36: Trang liên hệ 3.2 Giao diện người quản trị 3.2.1 Giao diện đăng nhập Hình 37: Trang đăng nhập cho ADMIN 34 3.2.2 Giao diện trang tổng quan Hình 38: Trang tổng quan ADMIN 3.2.3 Giao diện trang quản lý đơn hàng Hình 39: Trang quản lý đơn hàng 35 3.2.4 Giao diện trang quản lý sản phẩm Hình 40: Trang quản lý sản phẩm 3.2.5 Giao diện phần sửa thơng tin sản phẩm xố sản phẩm Hình 41: Phần sửa thơng tin sản phẩm xố sản phẩm 36 Hình 42: Phần sửa thơng tin sản phẩm xoá sản phẩm 3.2.6 Giao diện phần thêm sản phẩm Hình 43: Phần thêm sản phẩm 37 3.2.7 Giao diện phần thêm sản phẩm Hình 44: Phần thêm sản phẩm 3.2.8 Giao diện trang quản lý tài khoản người dùng Hình 45: Trang quản lý tài khoản người dùng 38 3.2.9 Giao diện trang quản lý tin tức Hình 46: Trang quản lý tin tức 3.2.10 Giao diện trang thêm sửa xoá phần tin tức Hình 47: Thêm sửa xố phần tin tức 39 3.2.11 Giao diện trang quản lý nhóm sản phẩm Hình 48: Quản lý nhóm sản phẩm 3.2.12 Giao diện trang thêm nhóm sản phẩm Hình 49: Thêm nhóm sản phẩm 40 KẾT LUẬN Kết đạt Sau thời gian thục đề tài em đạt số kết sau: Về phía người dùng: - Đăng ký, đăng nhập - Tìm kiếm sản phẩm - Xem chi tiết sản phẩm - Đánh giá bình luận sản phẩm - Thêm sản phẩm vào giỏ hàng - Xem giỏ hàng - Xoá sản phẩm khỏi giỏ hàng - Thêm thông tin địa nhận hàng đặt hàng - Xem trạng thái đơn hàng - Xem tin tức Về phía người quản trị: - Đăng nhập - Quản lý người dùng - Quản lý đơn hàng - Quản lý sản phẩm - Cập nhật thêm sửa xoá tin tức - Quản lý nhóm sản phẩm - Thống kê doanh thu Về thân: - Hiểu rõ quy trình bán hàng trực tuyến - Tìm hiểu nắm rõ công cụ để xây dựng website - Thiết kế giao diện dễ nhìn 41 Hạn chế hướng phát triển 2.1 Hạn chế Đề tài số hạn chế sau: - Chưa thể hoàn thành đầy đủ chức trang web ban đầu đưa - Cơ sở liệu nhỏ, chức phân quyền chưa tối ưu - Chưa kết hợp xử lý chức toán hoá đơn 2.2 Hướng phát triển Đề tài tiếp tục hoàn thiện phát triển theo nội dung sau: - Xây dựng website đáp ứng đầy đủ yêu cầu nghiệp vụ - Phân quyền hệt thống quản trị tối ưu - Kết hợp chức toán trực tiếp hay qua thẻ ATM, liên kết với hệ thống ngân hàng 42 TÀI LIỆU THAM KHẢO [1] http://www.php.net [2] http://www mysql.com [3] http://www.w3school.com [4] http://tailieu.vn/ i PHỤ LỤC ... 3.1.4 Giao diện trang đồng hồ nam Hình 25: Trang đồng hồ nam 28 3.1.5 Giao diện trang đồng hồ nữ Hình 26: Trang đồng hồ nữ 3.1.6 Giao diện trang đồng hồ đơi Hình 27: Trang đồng hồ đơi 29 3.1.7 Giao... pháp bán hàng qua mạng (thương mại điện tử) để khách hàng dễ dạng tìm kiếm thơng tin khơng cần tốn nhiều thời gian chi phí Từ vấn đề đặt trên, em chọn đề tài : ? ?Xây dựng website bán đồng hồ? ?? Mục... THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Xây Dựng Website Bán Đồng Hồ Sinh viên: Phạm Nguyễn Viết Cảnh Mã: 191C900063 Giảng viên hướng dẫn: TS Lê Thị