Đồ án tốt nghiệp xây dựng ứng dụng “đặt món ăn tại bàn” cho nhà hàng, quán ăn

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH HỌ VÀ TÊN HSSV Trương Vĩnh Kha TÊN ĐỀ TÀI Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Đà Nẵng – Tháng 11 Năm 2021 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH HỌ VÀ TÊN HSSV Trương Vĩnh Kha Mã HSSV: 191C900022 TÊN ĐỀ TÀI Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Cán hướng dẫn: ThS Phạm Hồ Trọng Nguyên Đà Nẵng – Tháng 11 Năm 2021 Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Nhận xét cán hướng dẫn Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Nhận xét phản biện Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Nhận xét phản biện Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn LỜI CẢM ƠN Lời đầu tiên, em khơng biết nói ngồi bày tỏ biết ơn sâu sắc đến thầy cô Trong suốt chặng đường học tập Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn, em nhận nhiều quan tâm, giúp đỡ q thầy bạn bè Với lịng biết ơn chân thành, em xin gửi đến quý thầy cô Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn cân cần giúp đỡ hướng dẫn em, dùng tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho em suốt thời gian em học trường Đặc biệt, em xin gửi lời cảm ơn chân thành tri ân sâu sắc đến thầy ThS Phạm Hồ Trọng Nguyên, thầy người trực tiếp hướng dẫn em việc lựa chọn đề tài nghiên cứu, hướng tiếp cận giúp em chỉnh sửa thiếu sót q trình nghiên cứu Trong q trình nghiên cứu, khó tránh khỏi sai sót, mong Thầy, Cơ bỏ qua giúp em hồn thiện Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên luận văn khơng thể tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp từ phía Thầy, Cơ để em học thêm nhiều kinh nghiệm hoàn thành tốt Em xin chân thành cảm ơn! Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn MỤC LỤC DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT 10 DANH MỤC HÌNH VẼ 11 MỞ ĐẦU 13 Tính cấp thiết đề tài 13 Mục tiêu nghiên cứu 13 Đối tượng phạm vi nghiên cứu 13 Phương pháp nghiên cứu 14 Ý nghĩa khoa học thực tiễn đề tài 14 Bố cục đề tài 14 Chương 1: Tổng quan công nghệ sử dụng đề tài 1 Node JS 1.1 Khái niệm Node JS 1.2 Đặc điểm Node JS 1.3 Điểm mạnh hạn chế Node JS React JS 2.1 Khái niệm React JS 2.2 Tính bật React JS 2.3 Tại nên dùng ngôn ngữ React JS để xây dựng web app 3 React Native 3.1 Khái niệm React Native 3.2 Ưu điểm nhược điểm React Native 3.3 Điểm khác biệt ReactJS React Native MySQL 4.1 Khái niệm MySQL 4.2 Ưu điểm, nhược điểm MySQL 4.3 Tại nên sử dụng hệ quản trị sở liệu MySQL Socket IO 5.1 Khái niệm Socket IO 5.2 Những điểm bật Socket IO Chương 2: Phân tích, thiết kế hệ thống Các tác nhân Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 1.1 Người dùng 1.2 Người quản trị 1.3 Nhân viên Biểu đồ use-case 2.1 Biểu đồ use-case tổng quát 2.2 Biểu đồ use-case người dùng 2.3 Biểu đồ use-case nhân viên 2.4 Biểu đồ use-case admin 10 Biểu đồ 11 3.1 Biểu đồ đăng nhập admin, nhân viên 11 3.2 Biểu đồ thêm tài khoản nhân viên 12 3.3 Biểu đồ chỉnh sửa tài khoản nhân viên 13 3.4 Biểu đồ xóa tài khoản nhân viên 13 3.5 Biểu đồ thêm ăn 14 3.6 Biểu đồ chỉnh sửa giá thành, hình ảnh ăn 14 3.7 Biểu đồ tự xóa ăn 15 3.8 Biểu đồ thêm bàn 15 3.9 Biểu đồ xóa bàn 16 3.10 Biểu đồ tạo hóa đơn 16 3.11 Biểu đồ gọi 17 3.12 Biểu đồ xác nhận đặt 17 3.13 Biểu đồ toán 18 Biểu đồ ERD 18 Chương 3: Xây dựng ứng dụng 19 Ứng dụng di động (Dành cho khách hàng) 19 1.1 Màn hình trang chủ 19 1.2 Màn hình chọn 19 1.3 Màn hình chi tiết gọi 20 1.4 Màn hình cài đặt 20 Ứng dụng Web (Dành cho Admin, nhân viên) 21 2.1 Màn hình đăng nhập 21 2.2 Màn hình trang chủ 21 2.3 Màn hình lịch sử gọi 22 2.4 Màn hình quản lý tài khoản (Dành cho Admin) 22 Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 2.5 Màn hình quản lý ăn (Dành cho Admin) 23 2.6 Màn hình quản lý bàn (Dành cho Admin) 23 Chương 4: Kết luận hướng phát triển 24 Kết đạt 24 Hướng nghiên cứu 24 TÀI LIỆU THAM KHẢO 25 Trương Vĩnh Kha – 19I1 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT Viết tắt PHP SQL CSDL API UI IO CPU HTML DOM SEO VPS Perl ASP NET JSX Trương Vĩnh Kha – 19I1 Nội dung Hypertext Preprocessor Structured Query Language Cơ sở liệu Application Programming Interface User Interface Input/output Central Processing Unit Hypertext Markup Language Document Object Model Search Engine Optimization Virtual Private Server Practical Extraction and Report Language Active Server Pages Network Enabled Technologies Javascript eXtensible Markup Language Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Biểu đồ 3.1 Biểu đồ đăng nhập admin, nhân viên Hình 7: Biểu đồ tuần từ đăng nhập admin Hình 8: Biểu đồ đăng nhập nhân viên Trương Vĩnh Kha – 19I1 11 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Hình 9: Biểu đồ đăng nhập nhân viên bếp 3.2 Biểu đồ thêm tài khoản nhân viên Hình 10: Biểu đồ thêm tài khoản nhân viên Trương Vĩnh Kha – 19I1 12 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.3 Biểu đồ chỉnh sửa tài khoản nhân viên Hình 11: Biểu đồ chỉnh sửa tài khoản nhân viên 3.4 Biểu đồ xóa tài khoản nhân viên Hình 12: Biểu đồ xóa tài khoản nhân viên Trương Vĩnh Kha – 19I1 13 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.5 Biểu đồ thêm ăn Hình 13: Biểu đồ thêm ăn 3.6 Biểu đồ chỉnh sửa giá thành, hình ảnh ăn Hình 14: Biểu đồ chỉnh sửa giá thành, hình ảnh ăn Trương Vĩnh Kha – 19I1 14 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.7 Biểu đồ tự xóa ăn Hình 15: Biểu đồ xóa ăn 3.8 Biểu đồ thêm bàn Hình 16: Biểu đồ thêm bàn Trương Vĩnh Kha – 19I1 15 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.9 Biểu đồ xóa bàn Hình 17: Biểu đồ xóa bàn 3.10 Biểu đồ tạo hóa đơn Hình 18: Biều đồ tạo hóa đơn Trương Vĩnh Kha – 19I1 16 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, qn ăn 3.11 Biểu đồ gọi Hình 19: Biểu đồ tuần từ gọi 3.12 Biểu đồ xác nhận đặt Hình 20: Biểu đồ xác nhận đặt Trương Vĩnh Kha – 19I1 17 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.13 Biểu đồ tốn Hình 21: Biểu đồ tốn Biểu đồ ERD Hình 22: Biểu đồ ERD Trương Vĩnh Kha – 19I1 18 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Chương 3: Xây dựng ứng dụng Ứng dụng di động (Dành cho khách hàng) 1.1 Màn hình trang chủ Hình 23: Màn hình trang chủ di động 1.2 Màn hình chọn Hình 24: Màn hình chọn Trương Vĩnh Kha – 19I1 19 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 1.3 Màn hình chi tiết gọi Hình 25: Màn hình chi tiết gọi 1.4 Màn hình cài đặt Hình 26: Màn hình cài đặt Trương Vĩnh Kha – 19I1 20 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Ứng dụng Web (Dành cho Admin, nhân viên) 2.1 Màn hình đăng nhập Hình 27: Màn hình đăng nhập 2.2 Màn hình trang chủ Hình 28: Màn hình trang chủ Trương Vĩnh Kha – 19I1 21 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 2.3 Màn hình lịch sử gọi Hình 29: Màn hình lịch sử gọi 2.4 Màn hình quản lý tài khoản (Dành cho Admin) Hình 30: Màn hình quản lý tài khoản Trương Vĩnh Kha – 19I1 22 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 2.5 Màn hình quản lý ăn (Dành cho Admin) Hình 31: Màn hình quản lý ăn 2.6 Màn hình quản lý bàn (Dành cho Admin) Hình 32: Màn hình quản lý bàn Trương Vĩnh Kha – 19I1 23 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Chương 4: Kết luận hướng phát triển Kết đạt Về công nghệ:  Tìm hiểu nắm bắt cơng cụ thiết kế Web, ứng dụng di động  Biết cách thiết kế Web động cách tổ chức sở liệu  Cơ nắm bước xây dựng ứng dụng, thực quy trình  Xây dựng bố cục ứng dụng hợp lí, bước đầu thực nghiệp vụ hệ thống Tính ứng dụng:  Giới thiệu ăn có nhà hàng, quán ăn  Cho phép khách hàng thực việc đặt qua ứng dụng di động  Tiếp nhận đơn đặt khách hàng  Cập nhật: Tài khoản nhân viên, ăn, bàn, …  Thơng tin mặt ăn cập nhật kịp thời, xác  Giao diện thân thiện với người dùng Hạn chế  Ứng dụng nhỏ, mang tính chất mơ  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 tốn hóa đơn mã QRCode, thẻ tín dụng Hướng nghiên cứu Với hạn chế tồn nêu trên, hướng nghiên cứu đề tài dự kiến sau:  Xây dựng ứng dụng đáp ứng đầy đủ yêu cầu nghiệp vụ hệ thống  Phân quyền quản trị tối ưu  Cơ sở liệu phong phú  Cho phép khách hàng toán mã QRCode, thẻ tín dụng Trương Vĩnh Kha – 19I1 24 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn TÀI LIỆU THAM KHẢO [1] https://nordiccoder.com/blog/tong-quan-ve-react-native/ [2] https://wiki.tino.org/nodejs-la-gi/ [3] https://wiki.tino.org/reactjs-la-gi/ [4] https://wiki.tino.org/react-native-la-gi/ [5] https://bizflycloud.vn/tin-tuc/mysql-la-gi-tai-sao-nen-su-dung-mysql20200917180705499.htm [6] https://www.hostinger.vn/huong-dan/react-la-gi-va-no-hoat-dong-nhu-the-nao [7] https://bizflycloud.vn/tin-tuc/socket-io-la-gi-huong-dan-su-dung-socket-io-coban-20210330114148979.htm Trương Vĩnh Kha – 19I1 25 ... TÀI Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Cán hướng dẫn: ThS Phạm Hồ Trọng Nguyên Đà Nẵng – Tháng 11 Năm 2021 Trương Vĩnh Kha – 19I1 Xây. .. Hình 22: Biểu đồ ERD Trương Vĩnh Kha – 19I1 18 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn Chương 3: Xây dựng ứng dụng Ứng dụng di động (Dành cho khách hàng) 1.1 Màn hình trang chủ Hình... Biểu đồ xóa tài khoản nhân viên Hình 12: Biểu đồ xóa tài khoản nhân viên Trương Vĩnh Kha – 19I1 13 Xây dựng ứng dụng “Đặt ăn bàn” cho nhà hàng, quán ăn 3.5 Biểu đồ thêm ăn Hình 13: Biểu đồ thêm ăn