ĐỒ án môn học CHUYÊN đề cơ sở đề tài lập TRÌNH WEB bán HÀNG APPLE

HỌC VIỆN KỸ THUẬT MẬT Mà KHOA CÔNG NGHỆ THÔNG TIN ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ ĐỒ ÁN MÔN HỌC CHUYÊN ĐỀ CƠ SỞ Đề tài: LẬP TRÌNH WEB BÁN HÀNG APPLE Sinh viên thực hiện: NGUYỄN HOÀNG ANH - AT160504 LÊ BẰNG NGUYÊN - AT160539 TRẦN TRUNG HIẾU - AT160519 NHÓM 73 Giảng viên hướng dẫn: ThS LÊ ĐỨC THUẬN Hà Nội, 07-2022 NHẬN XÉT VÀ CHO ĐIỂM CỦA GIÁO VIÊN MỤC LỤC Contents LỜI NÓI ĐẦU CHƯƠNG KHẢO SÁT, CƠ SỞ LÝ THUYẾT XÂY DỰNG BÀI TOÁN 1.1 Tổng quan đề tài 1.1.1 Lý nghiên cứu đề tài 1.2 Khảo sát, sở lý thuyết xây dựng toán 1.2.1 Cơ sở lý thuyết đề tài 1.2.2 Khảo sát, sở xây dựng tốn 1.2.3 Tìm hiểu số website mua bán điện thoại di động 1.3 Giới thiệu ngôn ngữ công cụ sử dụng 1.3.1 Giới thiệu HTML, CSS, JavaScript 1.3.2 Tại sử dụng ngơn ngữ lập trình PHP 1.3.3 Giới thiệu MySQL 1.3.4 Giới thiệu Lavarel CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Các yêu cầu đặt 2.1.1 Các yêu cầu chức 2.1.2 Các yêu cầu phi chức 2.2 Phân tích u cầu tốn 2.2.1 Phân tích u cầu khách hàng vơ danh (Guest) 2.2.2 Phân tích yêu cầu người dùng (User) 2.2.3 Phân tích yêu cầu người chủ cửa hàng (Store Owner) 10 2.3 Xây dựng biểu đồ UseCase 11 2.3.1 UseCase Tổng quát 11 2.3.2 UseCase Chi tiết 13 2.3.3 UseCase Xem danh sách sản phẩm 14 2.3.4 UseCase Xem lại giỏ hàng 15 2.3.5 UseCase Tìm kiếm 17 2.3.6 UseCase Đăng nhập 18 2.3.7 UseCase Gửi phản hồi 20 2.3.8 UseCase Tạo tài khoản 22 2.3.9 UseCase Xem hồ sơ cá nhân 23 2.3.10 UseCase Xem khuyến 24 2.3.11 UseCase Xem chi tiết sản phẩm 26 2.3.12 UseCase Đăng xuất 27 2.3.13 UseCase Quản lý sản phẩm 28 2.3.14 UseCase Quản lý đơn hàng 30 2.3.15 UseCase Quản lý chương trình khuyến 32 2.3.16 UseCase Quản lý danh mục sản phẩm 33 2.3.17 UseCase Quản lý người dùng 35 2.3.18 UseCase Quản lý phản hồi 37 2.4 Xây dựng biểu đồ Squence Diagram 40 2.4.1 Squence Đăng nhập 40 2.4.2 Squence Tạo tài khoản 41 2.4.3 Squence Gửi phản hồi 42 2.4.4 Squence Xem chi tiết sản phẩm 42 2.4.5 Squence Xem lại giỏ hàng 43 2.4.6 Squence Đăng xuất 43 2.4.7 Squence Xem Voucher 44 2.4.8 Squence Xem hồ sơ cá nhân 45 2.4.9 Squence Quản lý sản phẩm 46 2.4.10 Squence Quản lý đơn hàng 47 2.4.11 Squence Quản lý khuyến 47 2.4.12 Squence Quản lý danh mục sản phẩm 49 2.4.13 Squence Quản lý người dùng 50 2.4.14 Squence Quản lý phản hồi 51 2.5 Xây dựng sở liệu 52 2.5.1 Thiết kế lược đồ ER 52 2.5.2 Lược đồ quan hệ 54 2.5.3 Xây dùng Class Diagram 55 2.5.4 Thiết kế Database 56 CHƯƠNG KẾT QUẢ THỰC NGHIỆM 58 3.1 Tính Khách hàng Guest 58 3.1.1 Tính xem danh sách sản phẩm 58 3.1.2 Chức xem chi tiết sản phẩm 60 3.1.3 Chức Đăng nhập 60 3.1.4 Chức Đăng ký 61 3.1.5 Tính tìm kiếm 62 3.2 Tính User 64 3.2.1 Tính Giỏ hàng 64 3.2.2 Tính xem hồ sơ cá nhân 64 3.3 Tính Admin 66 3.3.1 Tinh Quản lý người dùng 67 3.3.2 Tính Quản lý sản phảm 69 3.3.3 Tính Quản lý đơn hàng 71 3.3.4 Tính Quản lý chương trình khuyến 73 3.3.5 Tính Quản lý danh mục sản phẩm 76 3.3.6 Tính Quản lý phản hồi 78 KẾT LUẬN TÀI LIỆU THAM KHẢO PHỤ LỤC Mục lục hình vẽ Hình 2.1 UseCase Diagram mức tổng quát 12 Hình 2.2 UseCase Diagram mức chi tiết 13 Hình 2.3 UseCase Xem danh sách sản phẩm 14 Hình 2.4 UseCase Xem lại giỏ hàng 16 Hình 2.5 UseCase tìm kiếm 17 Hình 2.6 UseCase Đăng nhập 19 Hình 2.7 UseCase Gửi phản hồi 21 Hình 2.8 UseCase Tạo tài khoản 22 Hình 2.9 UseCase Xem hồ sơ cá nhân 24 Hình 2.10 UseCase Xem khuyến tơi 25 Hình 2.11 UseCase Xem chi tiết sản phẩm 27 Hình 2.12UseCase Đăng xuất 28 Hình 2.13UseCase Quản lý sản phẩm 29 Hình 2.14 UseCase Quản lý đơn hàng 31 Hình 2.15 UseCase Quản lý chương trình khuyến 33 Hình 2.16 UseCase Quản lý danh mục sản phẩm 34 Hình 2.17 UseCase Quản lý người dùng 36 Hình 2.18 UseCase Quản lý phản hồi 38 Hình 2.19 Squence Đăng nhập 40 Hình 2.20 Tạo tài khoản 41 Hình 2.21 Gửi phản hồi 42 Hình 2.22 Xem chi tiết sản phẩm 42 Hình 2.23 Xem lại giỏ hàng 43 Hình 2.24 Đăng xuất 44 Hình 2.25 Xem Voucher tơi 44 Hình 2.26 Xem hồ sơ cá nhân 45 Hình 2.27 Quản lý sản phẩm 46 Hình 2.28 Quản lý đơn hàng 47 Hình 2.29 Quản lý khuyến 48 Hình 2.30 Quản lý danh mục sản phẩm 49 Hình 2.31 Quản lý người dùng 50 Hình 2.32 Quản lý phản hồi 51 Hình 2.33 Lược đồ ER tổng quát 52 Hình 2.34 Lược đồ ER chi tiết quan hệ User Orders 52 Hình 2.35 Lược đồ ER chi tiết quan hệ Voucher Orders 53 Hình 2.36 Lược đồ ER chi tiết quan hệ Product Orders 53 Hình 2.37 Lược đồ ER chi tiết quan hệ Product Galery 53 Hình 2.38 Lược đồ ER chi tiết quan hệ Product Category 54 Hình 2.39 Lược đồ ER chi tiết quan hệ User Role 54 Hình 2.40 Class Diagram 55 Hình 2.41 Database 56 Hình 3.1 Giao diện phần trang chủ 58 Hình 3.2 Tính xem danh sách sản phẩm 59 Hình 3.3 Tính xem chi tiết sản phẩm 60 Hình 3.4 Tính Đăng nhập 61 Hình 3.5 Tính tạo tài khoản 61 Hình 3.6 Chức tìm kiếm 62 Hình 3.7 Tính giỏ hàng 63 Hình 3.8 Tính xem hồ sơ nhân 64 Hình 3.9 Tính đăng xuất 64 Hình 3.10 Trang thống kê 65 Hình 3.11 Tính Quản lý Người dùng User 65 Hình 3.12 Tính thêm người dùng 66 Hình 3.13 Tính cập nhật thơng tin người dùng 67 Hình 3.14 Chức Quản lý sản phầm 67 Hình 3.15 Chức thêm sản phẩm 68 Hình 3.16 Chức thêm ảnh 69 Hình 3.17 Chức quản lý đơn hàng 70 Hình 3.18 Chức chi tiết đơn hàng 70 Hình 3.19 Chức Quản lý chương trình khuyến 71 Hình 3.20 Chức tạo Voucher 72 Hình 3.21 Chức cập nhật thơng tin Voucher 72 Hình 3.22 Chức Banner 73 Hình 3.23 Chức thêm Banner 73 Hình 3.24 Chức cập nhật Banner 74 Hình 3.25 Chức Quản lý danh mục sản phẩm 75 Hình 3.26 Chức thêm danh mục 75 Hình 3.27 Chức xem phản hồi 76 Mục lục bảng Bảng Mô tả UseCase Xem danh sách sản phẩm 15 Bảng Mô tả UseCase Xem lại giỏ hàng 17 Bảng Mơ tả UseCase tìm kiếm 18 Bảng Mô tả UseCase Đăng nhập 20 Bảng Mô tả UseCase Gửi phản hồi 22 Bảng Mô tả UseCase Tạo tài khoản 23 Bảng Mô tả UseCase Xem hồ sơ cá nhân 25 Bảng Mô tả UseCase Xem khuyến 26 Bảng Mô tả UseCase Xem chi tiết sản phẩm 27 Bảng 10 Mô tả UseCase Đăng xuất 29 Bảng 11 Mô tả UseCase Quản lý sản phẩm 31 Bảng 12 Mô tả UseCase Quản lý đơn hàng 32 Bảng 13 Mơ tả UseCase Quản lý chương trình khuyến 34 Bảng 14 Mô tả UseCase Quản lý danh mục sản phẩm 36 Bảng 15 Mô tả UseCase Quản lý người dùng 37 Bảng 16 Mô tả UseCase Quản lý phản hồi 39 Hình 3.54 Tính cập nhật thơng tin người dùng Tại giao diện Cập nhật thông tin User Admin sửa chữa lại số thơng tin User Status 3.3.2 Tính Quản lý sản phảm  Giao diện Tính Quản lý sản phẩm Giao diện chức Quản lý sản phẩm kích hoạt Admin chọn tính quản lý sản phẩm 72 Hình 3.55 Chức Quản lý sản phầm Tại giao diện Quản lý sản phẩm ta thêm, xóa, sửa sản phẩm thông tin chúng Chức thêm phía bên cánh phải có phơng màu xanh kiểu chữ trắng Chức xóa sản phẩm bên phải cuối sản phẩm có ký hiệu thùng giác Cịn chức cập nhật thơng tin sản phẩm nằm chức xóa có hình bút  Tính thêm Product Hình 3.56 Chức thêm sản phẩm 73 Tính thêm sản phẩm đưa Admin form chi tiết thông tin sản phẩm Khi điền đủ thơng tin ấn xác nhận sản phẩm đưuọc cập nhật  Tính thêm ảnh Tính này dùng để thêm ảnh cho sản phẩm Hình 3.57 Chức thêm ảnh 74 Giao diện thêm ảnh không cho thêm ảnh mà cho thêm ghi nội dung giá sản phẩm 3.3.3 Tính Quản lý đơn hàng  Giao diện Tính Quản lý đơn hàng Giao diện chức Quản lý đơn hàng kích hoạt Admin chọn tính quản lý đơn hàng Hình 3.58 Chức quản lý đơn hàng Tại giao diện Quản lý đơn hàng ta xóa đơn hàng Chúc xóa nằm cánh phải cuối đờn hàng có biểu tượng thùng rác  Tính xem chi tiết đơn hàng Tính cho phép xem thông tin chi tiết đơn hàng 75 Hình 3.59 Chức chi tiết đơn hàng Mỗi đơn hàng có nhiều thơng tin quan trọng giá bán, thời gian bán, số thơng tin khách hàng chức có hể cho xem lại thơng tin 3.3.4 Tính Quản lý chương trình khuyến  Giao diện Tính Quản lý chương trình khuyến Giao diện chức Quản lý sản phẩm kích hoạt Admin chọn tính quản lý chương trình khuyến 76 Hình 3.60 Chức Quản lý chương trình khuyến Tại giao diện Quản lý chương trình khuyến ta thêm, xóa, sửa khuyến thơng tin chúng Chức thêm phía bên cánh phải có phơng màu xanh kiểu chữ trắng Chức xóa khuyến bên phải cuối sản phẩm có ký hiệu thùng giác Cịn chức cập nhật khuyến nằm chức xóa có hình bút  Tính tạo vocher Tính cho phép Admin tạo voucher 77 Hình 3.61 Chức tạo Voucher Tính làm cho Admin dễ dàng tạo mã khuyến gồm thuộc tính Code, Discount status  Tính cập nhật thơng tin mã khuyến Chức thể giúp Admin cập nhật mã khuyến lỗi thời Hình 3.62 Chức cập nhật thơng tin Voucher Tính cập nhật thơng tin Voucher cho phép Admin tự cập nhật thông tin cho mã Voucher 78  Tính Banner Tính Banner tính nằm tính Quản lý Voucher Tính cho phép liên kết viết quảng cáo có đính kèm mã khuyến với ảnh khuyến mãi(Banner) có trang web Hình 3.63 Chức Banner Tại giao diện Banner ta thêm, xóa, sửa vài Banner thơng tin chúng Chức thêm phía bên cánh phải có phơng màu xanh kiểu chữ trắng Chức xóa khuyến bên phải cuối sản phẩm có ký hiệu thùng giác Còn chức cập nhật khuyến nằm chức xóa có hình bút  Chức thêm Banner 79 Hình 3.64 Chức thêm Banner Chức thêm Banner cho phép thêm ảnh khuyến lên trang web cửa hàng Banner bao gồm thông tin tiêu đề, link ảnh,  Chức cập nhật Banner Tính cập nhật Banner thay đổi thông tin Banner cũ từ đáp ứng nhu cầu cửa hàng Hình 3.65 Chức cập nhật Banner 80 Chức cập nhật đưa Admin tới form nhập thơng tin nới Admin sửa lại thơng tin Banner cũ 3.3.5 Tính Quản lý danh mục sản phẩm  Giao diện Tính Quản lý sản phẩm Giao diện chức Quản lý sản phẩm kích hoạt Admin chọn tính quản lý sản phẩm Hình 3.66 Chức Quản lý danh mục sản phẩm Tại giao diện Quản lý sản phẩm ta thêm, xóa, sửa sản phẩm thông tin chúng Chức thêm phía bên cánh phải có phơng màu xanh kiểu chữ trắng Chức xóa sản phẩm bên phải cuối sản phẩm có ký hiệu thùng giác Cịn chức cập nhật thơng tin sản phẩm nằm chức xóa có hình bút 81 Hình 3.67 Chức thêm danh mục 3.3.6 Tính Quản lý phản hồi Tính Quản lý phản hồi cho phép Admin xem phản hồi sản phẩm Hình 3.68 Chức xem phản hồi Admin xem binh luận Người dùng User ấn chúng nhằm tránh trường hợp bình luận khích xuất Kết luận chương III 82 Kết thúc chương III chúng em xây dựng thành công trang web tương đối hoàn chỉnh với chức phong phú đa rạng Việc áp dụng kiến thức học vào việc xậy dựng trang web diễn sn sẻ cịn số hạn chế mề mặt kiến thức Nếu có thêm thời gian chúng em bổ sung thêm tính cho trang web ngày hoàn thiện 83 KẾT LUẬN Kết đạt  Xây dựng trang web bán bàng gồm đầy đủ Front-end Back-end  Thực hành việc dùng My SQL để liên kết bảng liệu với nhau, liệu liên kết khoa học xử lý cách xác từ tạo Database chỉnh chu  Hiểu rõ quy trình tạo trang web: phân tích tốn thực tế, thiết kế kịch cảu trang web, xây dựng lên trang web demo  Các vùng nhập liệu kiểm sốt, tránh sai sót thoog tin q trình lập liệu Những vấn đề giải chưa giải 2.1 Vấn đề giải  Đã đưa sản phẩm muốn bán đến tầm mắt khách hàng thông qua trang web Về phần khách hàng: Khách hàng thỏa thích xem mẫu sản phẩm cửa hàng, tùy ý  Khách hàng thay đổi thơng tin cá nhân hủy đơn hàng  Hồn thành hầu hết chức cở web bán hàng 2.2 Vấn đề chưa giải  Do hạn chế mặt kiến thứ nên web thiếu đa dạng chức lẫn sản phẩm  Web chưa thân thiện với người dùng, khách hàng muốn mua hàng phải đăng ký trước Phương hướng phát triển Từ thiêu sót nhóm đề hướng phát triển sau:  Cải tiến cho web thêm thân thiện với người dùng, tạo điều kiên thuận lợi cho khách hàng mua hàng  Xây dựng chức bình luận đánh giá sản phẩm 84  Xây dựng chức phản hồi cho Khách hàng vô danh Guest  Hỗ trợ phương thức toán từ xa TÀI LIỆU THAM KHẢO [1] "Fullstack.edu.vn," [Online] Available: https://htmlcss.fullstack.edu.vn/ [2] Elisabeth Robson and Eric Freeman, Head First JavaScript Programming: A BrainFriendly Guide, March 2014 [3] Tom Butler and Kevin Yank, PHP & MySQL: Novice to Ninja: Get Up to Speed With PHP the Easy Way, AMZ, 2012 [4] "Lavarel Document," [Online] Available: https://laravel.com/docs/7.x [5] Jonas, "The Complete JavaScript Course 2022: From Zero to Expert!," [Online] Available: https://www.udemy.com/course/the-complete-javascript-course [6] "JavaScript Document," [Online] Available: https://developer.mozilla.org/enUS/docs/Web/JavaScript [7] "HTML Document," [Online] https://developer.mozilla.org/en-US/docs/Web/HTML Available: [8] "CSS Document," [Online] https://developer.mozilla.org/en-US/docs/Web/CSS Available: Hà nội, ngày tháng năm 2022 XÁC NHẬN CỦA GIẢNG VIÊN HƯỚNG DẪN 85 ThS LÊ ĐỨC THUẬN 86 ... CHƯƠNG KHẢO SÁT, CƠ SỞ LÝ THUYẾT XÂY DỰNG BÀI TOÁN 1.1 Tổng quan đề tài 1.1.1 Lý nghiên cứu đề tài 1.2 Khảo sát, sở lý thuyết xây dựng toán 1.2.1 Cơ sở lý thuyết đề tài 1.2.2 Khảo sát, sở xây dựng... toán 1.2.1 Cơ sở lý thuyết đề tài Dựa sở môn học như: Hệ quản trị sở liệu Phân tích thiết kế hệ thống thông tin 1.2.2 Khảo sát, sở xây dựng tốn 1.2.2.1 Mơ tả tốn Cửa hàng bán đồ công nghệ Apple mong... BÁO CÁO Tên đề tài: Xây dựng website mua bán điện thoại di động mạng Giáo viên hướng dẫn: Thầy Lê Đức Thuận Mục đích đề tài: Tìm hiểu tổng quan lập trình web, qua xây dựng website mua bán điện thoại