Xây dựng hệ thống quán cà phê báo cáo đồ án tốt ngiệp

ĐẠI HỌC LẠC HỒNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG HỆ THỐNG QUÁN CAFE THÁNG 5/2023 ĐẠI HỌC LẠC HỒNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG HỆ THỐNG QUÁN CAFE THÁNG 5/2023 LỜI CẢM ƠN Lời nói đầu tiên, nhóm chúng em xin phép gửi lời cảm ơn đến quý thầy cô khoa Công Nghệ Thông Tin đồng hành chúng em thực tiến trình cơng việc môn Phát Triển Ứng Dụng Nhờ giúp đỡ đến từ q thầy cơ, nhóm chúng em học nhiều kiến thức bước đệm dẫn đến đồ án tốt nghiệp nhóm Ngồi em xin đặt biệt gửi đến giáo viên hướng dẫn nhóm em thầy lời cảm ơn sâu sắc đồng hành nhóm, đưa góp ý hướng phát triển giúp chúng em có sản phẩm thực với trải nghiệm người thật việc thật Nhóm em xin chân thành cảm ơn! CAM KẾT Báo cáo tốt nghiệp chúng tơi viết khơng chép từ viết tổ chức cá nhân khác Người thực (Ký ghi rõ họ tên) Người thực (Ký ghi rõ họ tên) MỤC LỤC MỤC LỤC DANH MỤC TỪ KHĨA DANH MỤC HÌNH ẢNH PHẦN MỞ ĐẦU 12 Chương KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU 15 Khảo sát trạng 15 2.1 2.1.1 Hiện trạng hệ thống 16 2.2 Phân tích yêu cầu 19 2.3 Kết khảo sát phân tích yêu cầu 19 Chương MƠ HÌNH HĨA U CẦU VÀ THIẾT KẾ HỆ THỐNG 23 Mơ hình hóa chức hệ thống 2.4 2.4.1 Mơ hình UseCase hệ thống Đặc tả UseCase 23 23 24 Đặc tả Use case: Đăng nhập 24 Đặc tả Use case: Quản lý nhân viên 26 Đặc tả Use case: Thống kê doanh thu 28 Đặc tả Use case: Quản lý đơn hàng 28 Active diagram 30 2.5 Demo giao diện App 37 2.6 Demo giao diện Website 41 2.4.2 45 Chương XÂY DỰNG CHƯƠNG TRÌNH 48 3.1 Cơ sở lý thuyết 3.1.1 Hệ điều hành Android 48 48 Lịch sử đời [1] 48 Các phiên hệ điều hành Android qua đời 49 3.1.2 Mơi trường lập trình Visual Studio Code [2] Những tính vượt trội Visual Studio Code 3.1.3 Ngơn ngữ lập trình Dart [3] 50 51 52 Ưu điểm ngôn ngữ Dart 52 Nhược điểm ngơn ngữ Dart 52 10 Các tính ngơn ngữ Dart 3.1.4 Framework Flutter [4] 52 53 11 Tính Flutter 53 12 Lợi sử dụng Flutter 54 13 Hạn chế dùng Flutter 54 3.1.5 Ngơn ngữ lập trình PHP [5] 54 14 Định nghĩa PHP 54 15 Lý nên dùng PHP 55 16 Ứng dụng ngôn ngữ PHP 55 3.1.6 Framework Laravel [6] 56 17 Định nghĩa 56 18 Các đặt tính Laravel 57 19 Các tính cung cấp Laravel 57 20 Cấu trúc thư mục ứng dụng Laravel 58 3.1.7 HTML, CSS 60 21 Giới thiệu HTML [7] 60 22 Cấu trúc đoạn HTML 61 23 Giới thiệu CSS 61 24 Phương thức hoạt động 62 25 Mối tương quan HTML CSS 62 26 Bố cục cấu trúc đoạn CSS 62 3.1.8 API [8] 62 27 API thường ứng dụng vào đâu? 63 28 Ưu điểm API 63 29 Nhược điểm API 63 3.1.9 Express JS [9] 64 3.1.10 MongoDB [10] 64 30 MongoDB gì? 64 31 Định nghĩa thêm MongoDB 64 32 Ưu điểm MongoDB 65 33 Nhược điểm MongoDB 65 3.2 Cơ sở liệu 66 3.2.1 Diagram hệ thống 66 3.2.2 Chi tiết Diagram 66 3.3 Xây dựng Backend 72 3.3.1 Tạo Database 72 3.3.2 Tạo API theo chức 85 3.4 Xây dựng Fontend Chương TỔNG KẾT ĐỒ ÁN 117 131 4.1 Kết đạt 131 4.2 Thuận lợi khó khăn phát triển đồ án 131 4.3 Hướng phát triển tương lai 131 DANH MỤC TỪ KHÓA & VIẾT TẮT Tên Giải thích Flutter Flutter SDK phát triển ứng dụng di động nguồn mở tạo Google Nó sử dụng để phát triển ứng ứng dụng cho Android iOS Laravel Laravel PHP framework, có mã nguồn mở miễn phí, xây dựng nhằm hỗ trợ phát triển phần mềm, ứng dụng, theo kiến trúc MVC MongoDB MongoDB hệ quản trị sở liệu NoSQL mã nguồn mở đa tảng viết C++ App App từ viết tắt Application, có nghĩa ứng dụng Website Website, gọi trang web trang mạng, nội dung liên quan xác định tên miền chung xuất máy chủ web AD Active diagram SQL Structured Query Language STT DANH MỤC HÌNH ẢNH Hình 1.1: Các shipper người dân xếp hàng chờ đến lượt để mua ly 15 Hình 1.2: Nội dung trao đổi tính ứng dụng dựa theo yêu cầu khách hàng dạng tin nhắn 18 Hình 1.3: Hình ảnh minh chứng sau vấn nhằm tìm kiếm thơng tin góc nhìn đến từ quản lý qn cafe 18 Hình 2.1: Mơ hình Use Case người dùng 23 Hình 2.2: Mơ hình Use Case người quản lý 24 Hình 2.3: Phân rã chức quản lý nhân viên 26 Hình 2.4: Phân rã chức thống kê doanh thu 28 Hình 2.5: Phân rã chức quản lý đơn hàng 29 Hình 2.6: AD Đăng nhập 30 Hình 2.7: AD đăng ký 31 Hình 2.8: AD quên mật 32 Hình 2.9: AD quản lý nhân viên 33 Hình 2.10: AD quản lý đơn hàng 34 Hình 2.11: AD quản lý sản phẩm 35 Hình 2.12: AD quản lý doanh thu 36 Hình 2.13: Màn hình chờ - đăng nhập - đăng ký 37 Hình 2.14: Màn hình trang chủ - chi tiết sản phẩm 37 Hình 2.15: Màn hình menu - giỏ hàng 38 Hình 2.16: Màn hình đơn hàng - chi tiết đơn hàng 39 Hình 2.17: Màn hình trạng thái đơn hàng 39 Hình 2.18: Màn hình Feedback - coupons 40 Hình 2.20: Màn hình thơng tin người dùng - chi tiết thơng tin 41 Hình 2.21: Giao diện đăng nhập website 41 Hình 2.22: Giao diện quên mật 42 Hình 2.23: Giao diện trang chủ website 42 Hình 2.24: Giao diện quản lý nhân viên 43 Hình 2.25: Giao diện thêm nhân viên 43 Hình 2.26: Giao diện quản lý khách hàng 44 Hình 2.27: Giao diện quản lý sản phẩm 44 Hình 2.28: Giao diện thêm sản phẩm 45 Hình 2.29: Giao diện doanh thu 45 Hình 2.30: Giao diện ưu đãi 46 Hình 2.31: Giao diện thêm ưu đãi 46 Hình 2.32: Giao diện feeback 47 Hình 3.1 Biểu tượng hệ điều hành Android 48 Hình 3.2 Phiên đầy đủ hệ điều hành Android 50 Hình 3.3 Biểu tượng Visual Studio Code 50 Hình 3.4 Tổng quan Diagram hệ thống 66 10 Chức xóa giỏ hàng Chức tốn 120 ● Website Chức đăng nhập Chức quản lý khách hàng 121 Chức quản lý nhân viên Chức thêm nhân viên 122 Chức sửa nhân viên Chức xóa nhân viên Chức quản lý doanh thu 123 Chức quản lý sản phẩm Chức thêm sản phẩm 124 Chức sửa sản phẩm Chức xóa sản phẩm 125 Chức quản lý feedback Chức quản lý hóa đơn Chức quản lý ưu đãi 126 Chức thêm ưu đãi Chức sửa ưu đãi 127 Chức xóa ưu đãi 128 3.5 Kiểm tra sửa lỗi - Mobile Một số lỗi phát trình thực ứng dụng: + Lỗi không kéo liệu ứng dụng Cách khắc phục:  Kiểm tra lại Url API xem chưa  Kiểm tra trường liệu nhập vào từ App  Kiểm tra sever hoạt động hay chưa + Lỗi không sản phẩm lên APP Cách khắc phục:  Kiểm tra Url API xem chưa  Kiểm tra code theo logic giá trị trả ứng dụng chưa  Kiểm tra liệu hình ảnh định dạng trùng với giá trị khai báo hay chưa + Lỗi không cập nhật liệu người dung Cách khắc phục:  Kiểm tra Url API xem chưa  Kiểm tra khai báo trường chưa  Kiểm tra nhấn nút cập nhật liệu có sử dụng phương thức “PUT” API không - Website Một số lỗi phát q trình xây dựng Website: + Lỗi khơng hiển thị liệu lên bảng 129 Cách khắc phục  Kiểm tra trường có Database  Kiểm tra câu lệnh gọi API controller có xác + Lỗi chưa tạo APP_KEY: Cách khắc phục:  Fix lỗi câu lệnh php artisan key:generate + Lỗi chưa cấu hình route cho web Cách khắc phục:  Kiểm tra Route đặt lại tên cho + Lỗi chưa có token form Cách khắc phục:  Thêm token vào form: {{ csrf_field()}} 130 Chương TỔNG KẾT ĐỒ ÁN 4.1 Kết đạt Với thời gian hai học kỳ phát triển dự án này, nhóm em đạt số kết sau: + Ra định thân theo hướng phát triển sau tốt nghiệp + Được học áp dụng công nghệ vào đồ án + Được thầy cô, giáo viên hướng dẫn trợ giúp đưa góc nhìn khác từ thực tế + Được tiếp xúc với người khách hàng, vấn thu thập thêm góc nhìn họ + Được nâng cao nhiều kỹ mềm kỹ chuyên ngành 4.2 Thuận lợi khó khăn phát triển đồ án ● Thuận lợi: + Có giúp đỡ từ giáo viên hướng dẫn đồ án + Áp dụng mơn học lập trình hướng đối tượng, logic chuyên ngành, vào đồ án + Có đủ thời gian để vừa học vừa phát triển công nghệ ● Khó khăn + Là cơng nghệ nên có nhiều kiến thức lạ nhiều thời gian để học rèn luyện + Gặp nhiều lỗi, Bug dự án khiến tiến độ làm việc chậm + Phát triển nhiều tảng nên bất cập liệu, thời gian, 4.3 Hướng phát triển tương lai - Cố gắng nâng cao chất lượng sản phẩm, cải thiện hiệu suất hướng đến mục tiêu có sản phẩm hồn thiện làm sở cho kinh nghiệm công nghệ 131 - Thêm số tính phát triển vào hệ thống giúp sản phẩm có hội phát triển thị trường 132 DANH MỤC TÀI LIỆU THAM KHẢO viettelinnovation, [ “Lịch sử hệ điều hành Android?,” [Trực tuyến] Available: 1] http://viettelinnovation.vn/lich-su-he-dieu-hanh-android Nguyễn [ Hưng, "Visual Studio Code gì?," [Online] Available: 2] https://vietnix.vn/visual-studio-code-la-gi TOPCV, [ “Ngôn Ngữ Dart Là Gì?,” [Trực tuyến] Available: 3] https://topviecit.vn/blog/ngon-ngu-dart TOPDEV, [ “Ngơn ngữ lập trình PHP gì?,” [Trực tuyến] Available: 4] http://topdev.vn/blog/ngon-ngu-lap-trinh-php-la-gi-tat-tan-tat-nhung-dieu-ban-canbiet-ve-php/ LeThiNgocAnh, [ “Tìm hiểu Framwork Laravel,” [Trực tuyến] Available: 5] https://viblo.asia/p/tim-hieu-ve-framwork-laravel-p1-amoG8191vz8P TOPDEV, [ “CSS gì?,” [Trực tuyến] Available: https://topdev.vn/blog/css-la-gi/ 6] TOPDEV, [ “HTML gì?,” [Trực tuyến] Available: https://topdev.vn/blog/html-la7] gi/ Nguyễn [ Hưng, “API gì?,” [Trực tuyến] Available: https://vietnix.vn/api-la-gi/ 8] Đơng [ Tùng, “ExpressJS gì?,” [Trực tuyến] Available: 9] https://wiki.tino.org/expressjs-la-gi/ TOPDEV, [ “MongoDB gì?,” [Trực tuyến] Available: 10] https://topdev.vn/blog/mongodb-la-gi/ 133 DAISY, [ “Giới thiệu Flutter,” [Trực tuyến] Available: 11] https://tuhoclaptrinh.edu.vn/gioi-thieu-ve-flutter-590.html 134