Đồ án gồm khảo sát hệ thống, phân tích yêu cầu, các giai đoạn thiết kế hệ thống. Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặc biệt là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã đóng góp phần to lớn cho sự nghiệp phát triển của con người. Trong các lĩnh vực đó thì lĩnh vực quản lý thật sự giúp ích được nhiều cho con người, việc áp dụng quản lý mua bán bằng máy tính thay cho quản lý bằng thủ công ở các doanh nghiệp, công ty, cá nhân…. Là rất cần thiết và thật sự cần thiết. Do đó, việc áp dụng công nghệ thông tin vào lĩnh vực mua bán hàng hóa là rất có ích cho cá nhân hay doanh nghiệp
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN Trần Minh Quang PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG CÀ PHÊ BABILAND ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Hệ thống thông tin HÀ NỘI – 2022 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN Trần Minh Quang PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG CÀ PHÊ BABILAND ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Hệ thống thơng tin Cán hướng dẫn: ThS Phạm Đức Anh HÀ NỘI – 2022 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp, em nhận giúp đỡ, đóng góp ý kiến, bảo nhiệt tình thầy cơ, bạn bè giúp em hồn thiện đồ án tốt nghiệp Trước tiên em xin gửi lời cảm ơn thầy cô khoa Công nghệ thông tin trường Đại học Công nghệ Giao thông vận tải Với quan tâm, bảo tận tình thầy tạo điều kiện cho em suốt trình hoàn thành đồ án tốt nghiệp Đặc biệt em xin gửi lời cảm ơn đến thầy ThS Phạm Đức Anh trực tiếp tận tình hướng dẫn nhận xét giúp đỡ em suốt trình thực đồ án Em xin chân thành cảm ơn đến Ban giám hiệu trường Đại học Công nghệ Giao thông vận tải thầy cô khoa Công nghệ thông tin tạo điều kiện tốt suốt q trình học tập hồn thiện đồ án Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án không tránh khỏi thiếu sót Em mong nhận giúp đỡ thầy cô bạn để hoàn thiện đồ án Em xin chân thành cảm ơn! Hà Nội, ngày … tháng … năm 2022 Sinh viên thực thiện Trần Minh Quang LỜI CAM ĐOAN Em xin cam đoan đồ án kết nghiên cứu riêng em Các tài liệu đồ án sử dụng trung thực, nguồn trích dẫn có ghi rõ ràng, minh bạch Các kết đồ án có tính độc lập riêng chưa cơng bố cơng trình khác Nếu khơng nêu, em xin hoàn toàn chịu trách nhiệm đề tài Hà Nội, ngày … tháng … năm 2022 Sinh viên thực thiện Trần Minh Quang MỤC LỤC LỜI CẢM ƠN .1 LỜI CAM ĐOAN MỤC LỤC .3 DANH MỤC HÌNH DANH MỤC BẢNG .7 DANH MỤC CHỮ VIẾT TẮT .8 LỜI NÓI ĐẦU CHƯƠNG 1: TỔNG QUAN .10 1.1 Lý chọn đề tài 10 1.2 Mục tiêu đề tài 10 1.3 Giới hạn phạm vi đề tài 10 1.4 Kết dự kiến 10 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 12 2.1 Cơ sở lý thuyết 12 2.1.1 Phân tích thiết kế hệ thống thơng tin 12 2.1.2 Cơ sở liệu .14 2.2 Ngôn ngữ thiết kế hệ thống 15 2.2.1 HTML 15 2.2.2 CSS 16 2.2.3 JavaScript 16 2.2.4 PHP 17 2.2.5 MYSQL .18 2.2.6 Framework Laravel 19 2.3 Công cụ, kiến trúc sử dụng .22 2.3.1 XAMPP .22 2.3.2 StarUML 22 2.3.3 Visual Studio Code 23 2.3.4 Mơ hình MVC 23 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ 25 3.1 Mô tả toán 25 3.2 Khảo sát hệ thống .25 3.2.1 Giới thiệu địa điểm khảo sát 25 3.2.2 Quy trình khảo sát .26 3.2.2 Kết khảo sát 27 3.2.3 Mục tiêu giải pháp 28 3.2.4 Yêu cầu chức phi chức 28 3.3 Phân tích liệu hệ thống 29 3.3.1 Các biểu đồ use case 29 3.3.2 Các biểu đồ 38 3.3.3 Các biểu đồ trạng thái 46 3.4.4 Các biểu đồ hoạt động .47 3.4.5 Biểu đồ lớp 52 3.4 Thiết kế sở liệu vật lý .52 CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH 55 4.1 Xây dựng hệ thống 55 4.1.1 Giao diện chương trình 55 4.1.2 Chức 62 4.2 Kết đạt phương hướng phát triển .63 4.2.1 Kết đạt 63 4.2.2 Hướng phát triển đồ án 63 TÀI LIỆU THAM KHẢO 64 DANH MỤC HÌNH Hình 2.1 Ngơn ngữ đánh dấu siêu văn (Hypertext Markup Language) 15 Hình 2.2 Ngơn ngữ lập trình JavaScript 17 Hình 2.3 PHP ngơn ngữ lập trình phổ biến 17 Hình 2.4 Hệ quản trị sở liệu MySQL .18 Hình 2.5 Laravel PHP Framework .19 Hình 2.6 XAMPP - phần mềm cho phép giả lập mơi trường server hosting .22 Hình 2.7 StarUML 22 Hình 2.8 Visual Studio Code 23 Hình 2.9 Mơ hình MVC .24 Hình 3.1 Biểu đồ use case tổng quát 29 Hình 3.2 Biểu đồ use case đăng nhập 30 Hình 3.3 Biểu đồ use case quản lý giỏ hàng 31 Hình 3.4 Biểu đồ use case quản lý sản phẩm .32 Hình 3.5 Biểu đồ use case quản lý hóa đơn .33 Hình 3.6 Biểu đồ use case quản lý slide .34 Hình 3.7 Biểu đồ use case quản lý người dùng 35 Hình 3.8 Biểu đồ use case quản lý tài khoản 36 Hình 3.9 Biểu đồ use case báo cáo thống kê 37 Hình 3.10 Biểu đồ đăng nhập 38 Hình 3.11 Biểu đồ đăng ký 38 Hình 3.12 Biểu đồ tìm kiếm sản phẩm 39 Hình 3.13 Biểu đồ đặt hàng 39 Hình 3.14 Biểu đồ thêm sản phẩm 40 Hình 3.15 Biểu đồ sửa sản phẩm 40 Hình 3.16 Biểu đồ xóa sản phẩm 41 Hình 3.17 Biểu đồ xem đơn hàng 41 Hình 3.18 Biểu đồ xóa đơn hàng 42 Hình 3.19 Biểu đồ views 42 Hình 3.20 Biểu đồ sửa thông tin 43 Hình 3.21 Biểu đồ xóa người dùng 43 Hình 3.22 Biểu đồ báo cáo thống kê 44 Hình 3.23 Biểu đồ thêm slide 44 Hình 3.24 Biểu đồ sửa slide 45 Hình 3.25 Biểu đồ xóa slide 45 Hình 3.26 Biểu đồ trạng thái giỏ hàng .46 Hình 3.27 Biểu đồ trạng thái tìm kiếm .46 Hình 3.28 Biểu đồ trạng thái đăng nhập .46 Hình 3.29 Biểu đồ hoạt động đăng nhập 47 Hình 3.30 Biểu đồ hoạt động đăng ký 47 Hình 3.31 Biểu đồ hoạt động tìm kiếm sản phẩm 48 Hình 3.32 Biểu đồ hoạt động đặt đơn 48 Hình 3.33 Biểu đồ hoạt động thêm sản phẩm 49 Hình 3.34 Biểu đồ hoạt động sửa sản phẩm .49 Hình 3.35 Biểu đồ hoạt động xóa sản phẩm 50 Hình 3.36 Biểu đồ hoạt động xem đơn hàng 50 Hình 3.37 Biểu đồ hoạt động sửa người dùng 51 Hình 3.38 Biểu đồ hoạt động xóa người dùng 51 Hình 3.39 Biểu đồ lớp 52 Hình 4.1 Giao diện đăng ký tài khoản 55 Hình 4.2 Giao diện đăng nhập 55 Hình 4.3 Giao diện trang chủ .56 Hình 4.4 Giao diện loại sản phẩm 56 Hình 4.5 Giao diện thông tin khuyến mại 57 Hình 4.6 Giao diện giới thiệu sản phẩm .57 Hình 4.7 Giao diện thơng tin liên hệ 58 Hình 4.8 Giao diện quản lý loại sản phẩm 58 Hình 4.9 Giao diện thêm loại sản phẩm .59 Hình 4.10 Giao diện quản lý sản phẩm 59 Hình 4.11 Giao diện thêm sản phẩm 60 Hình 4.12 Giao diện quản lý đơn hàng 60 Hình 4.13 Giao diện xem chi tiết đơn hàng .61 Hình 4.14 Giao diện quản lý slide 61 Hình 4.15 Giao diện thêm slide 62 Hình 4.16 Giao diện quản lý tài khoản .62 DANH MỤC BẢNG Bảng 2.1 Bảng cấu trúc thư mục Laravel 21 Bảng 3.1 Bảng liệu users (Người dùng) 52 Bảng 3.2 Bảng liệu products (Sản phẩm) 53 Bảng 3.3 Bảng liệu type_products (Loại sản phẩm) .53 Bảng 3.4 Bảng liệu slide .54 Bảng 3.5 Bảng liệu bills (Hóa đơn) .54 Bảng 3.6 Bảng liệu bill_detail (Chi tiết hóa đơn) 54 DANH MỤC CHỮ VIẾT TẮT STT Ký tự chữ viết tắt Chữ viết đầy đủ HTML HyperText Markup Language CSS Cascading Style Sheets PHP Hypertext Preprocessor SQL Structured Query Language IDE Integrated Development Environment GUI Graphical User Interface CSDL Cơ sở liệu UC Use Case QL Quản lý 10 Hd Hóa đơn ... điều kiện tốt suốt q trình học tập hồn thiện đồ án Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, đồ án khơng tránh khỏi thiếu sót Em mong nhận giúp đỡ thầy cô bạn để hoàn thiện đồ án Em... … tháng … năm 2022 Sinh viên thực thiện Trần Minh Quang LỜI CAM ĐOAN Em xin cam đoan đồ án kết nghiên cứu riêng em Các tài liệu đồ án sử dụng trung thực, nguồn trích dẫn có ghi rõ ràng, minh. .. 3.9 Biểu đồ use case báo cáo thống kê 37 Hình 3.10 Biểu đồ đăng nhập 38 Hình 3.11 Biểu đồ đăng ký 38 Hình 3.12 Biểu đồ tìm kiếm sản phẩm 39 Hình 3.13 Biểu đồ đặt