SEMINAR tốt NGHIỆP đề tài WEBSITE hỗ TRỢ QUẢN lý NHÀ HÀNG

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA ĐIỆN TỬ VIỄN THÔNG BỘ MƠN MÁY TÍNH - HỆ THỐNG NHÚNG SEMINAR TỐT NGHIỆP ĐỀ TÀI WEBSITE HỖ TRỢ QUẢN LÝ NHÀ HÀNG TP Hồ Chí Minh – Năm 2019 ĐẠI HỌC QUỐC GIA TP HCM TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA ĐIỆN TỬ - VIỄN THÔNG NGUYỄN MINH TÂM WEBSITE HỖ TRỢ QUẢN LÝ NHÀ HÀNG SEMINAR TỐT NGHIỆP CỬ NHÂN NGÀNH ĐIỆN TỬ - VIỄN THÔNG CHUYÊN NGÀNH: MÁY TÍNH – HỆ THỐNG NHÚNG NGƯỜI HƯỚNG DẪN KHOA HỌC: ThS Lê Đức Trị ThS Nguyễn Quốc Khoa TP Hồ Chí Minh – Năm 2019 LỜI CẢM ƠN Đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc tới thầy Lê Đức Trị thầy Nguyễn Quốc Khoa tận tình hướng dẫn, giúp đỡ em suốt trình thực báo cáo tốt nghiệp Với bảo thầy, em có định hướng tốt công việc triển khai thực yêu cầu báo cáo Em xin chân thành cảm ơn dạy bảo giúp đỡ Quý Thầy Cô Khoa Điện tử-Viễn thông - Trường Đại học Khoa học Tự nhiên tận tình giảng dạy, truyền đạt kiến thức quý báu cho em năm học vừa qua, giúp em có tảng kiến thức vững để thực báo cáo tốt nghiệp Cuối cùng, em xin nói lời cám ơn chân thành đến anh chị bạn giúp đỡ, khích lệ phê bình, góp ý, giúp em hồn thành công việc cách tốt Em xin chân thành cảm ơn! Thành phố Hồ Chí Minh, tháng năm 2019 Sinh viên Nguyễn Minh Tâm MỤC LỤC MỤC LỤC DANH MỤC CÁC CÁC KÝ HIỆU, CHỮ VIẾT TẮT DANH MỤC CÁC HÌNH DANH MỤC CÁC BẢNG LỜI NÓI ĐẦU CHƯƠNG 1: TỔNG QUAN 1.1 Giới Thiệu Về Đề Tài 1.2 Đặt Bài Toán 1.2.1 Chức 1.2.2 Yêu cầu đặt CHƯƠNG 2: TÌM HIỂU CÁC CƠNG NGHỆ XÂY DỰNG WEBSITE 10 2.1 Framework Laravel 10 2.2 Kiến Trúc MVC 11 2.2.1 Các thành phần mơ hình MVC 11 2.2.2 Quy trình hoạt động mơ hình MVC 12 2.2.3 Ưu điểm nhược điểm mô hình MVC 13 2.3 HTML, CSS, JavaScript 14 2.4 Ajax 15 2.5 JQuery 15 2.6 Boostrap 16 2.7 SQL 16 2.8 Query Builder 16 2.9 Eloquent ORM 17 CHƯƠNG 3: PHÂN TÍCH - THIẾT KẾ 18 3.1 Tổng Quan Thiết Kế 18 3.2 Thiết Kế Dữ Liệu 18 3.2.1 3.2.2 3.2.3 3.2.4 Các thực thể 18 Mơ hình vật lý 20 Danh sách bảng 21 Mô tả chi tiết bảng 21 Website hỗ trợ quản lý nhà hàng | 3.3 THIẾT KẾ GIAO DIỆN 29 3.3.1 Giao diện khách hàng 29 3.3.2 Giao diện quản trị 32 CHƯƠNG 4: DEPLOY WEBSITE LÊN HEROKU 38 4.1 CÁC BƯỚC CHUẨN BỊ 38 4.2 DEPLOY 38 4.3 VẬN HÀNH WEBSITE 39 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 40 5.1 Kết Luận 40 5.2 Hướng phát triển 40 TÀI LIỆU THAM KHẢO 41 Website hỗ trợ quản lý nhà hàng | DANH MỤC CÁC CÁC KÝ HIỆU, CHỮ VIẾT TẮT STT Ký hiệu, chữ viết tắt Giải thích MIT Massachusetts Institute of Technology HTTP Hypertext Transport (or Transfer) Protoco GUI Graphical User Interface HMVC Hierarchical Model View Controller CLI Command-Line Interface Website hỗ trợ quản lý nhà hàng | DANH MỤC CÁC HÌNH Hình 2.1 Các thành phần mơ hình MVC 11 Hình 2.2 Quy trình hoạt động mơ hình MVC 12 Hình 3.1 Mơ hình vật lý 20 Hình 3.2 Giao diện Navigation Bar 29 Hình 3.3 Giao diện Sliders 30 Hình 3.4 Giao diện Danh mục Món ăn 30 Hình 3.5 Giao diện biểu mẫu Đặt bàn 31 Hình 3.6 Giao diện biểu mẫu Góp ý 31 Hình 3.12 Giao diện đăng nhập 32 Hình 3.13 Giao diện Bảng điều khiển 33 Hình 3.14 Giao diện quản lý Sliders 33 Hình 3.15 Giao diện tạo chỉnh sửa Sliders 34 Hình 3.16 Giao diện quản lý Danh mục ăn 34 Hình 3.17 Giao diện tạo chỉnh sửa Danh mục 35 Hình 3.18 Giao diện quản lý Món ăn 35 Hình 3.19 Giao diện tạo chỉnh sửa Món ăn 36 Hình 3.20 Giao diện quản lý Đơn đặt bàn 36 Hình 3.21 Giao diện quản lý Đơn góp ý máy tính 37 Website hỗ trợ quản lý nhà hàng | DANH MỤC CÁC BẢNG Bảng 3.10 Bảng mô tả chi tiết users 22 Bảng 3.11 Bảng mô tả chi tiết sliders 23 Bảng 3.12 Bảng mô tả chi tiết categories 24 Bảng 3.13 Bảng mô tả chi tiết items 25 Bảng 3.14 Bảng mô tả chi tiết category_item 26 Bảng 3.15 Bảng mô tả chi tiết reservations 27 Bảng 3.16 Bảng mô tả chi tiết contacts 28 Bảng 3.17: Bảng mô tả chi tiết migrations 28 Bảng 3.18 Bảng mô tả chi tiết password_resets 29 Website hỗ trợ quản lý nhà hàng | LỜI NÓI ĐẦU Trong năm gần đây, công nghệ thông tin không ngừng phát triển cách mạnh mẽ đại Sự đời công nghệ thông tin làm phong phú mặt xã hội, đời sống người nâng cao rõ rệt, đóng góp to lớn cho phát triển nhân loại Với xu tồn cầu hố kinh tế giới, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng, nhu cầu sử dụng Internet ngày nhiều, hình thức kinh doanh mạng ngày đa dạng phong phú nhiều người sử dụng ưa chuộng Vì vậy, nhiều nhà hàng áp dụng phương pháp quản lý qua mạng để khách hàng dễ dàng tìm kiếm thơng tin mà khơng cần tốn nhiều thời gian, chi phí Chính đồ án em chọn đề tài xây dựng “Website hỗ trợ quản lý nhà hàng” Website hỗ trợ quản lý nhà hàng | CHƯƠNG 1: TỔNG QUAN 1.1 Giới Thiệu Về Đề Tài Khi internet đời, khơng nghĩ phát triển đến ngày hơm nay, len lỏi đến ngóc ngách sống, trở thành phần thiếu, cần ngồi nhà giới tầm tay Cũng lý này, việc chọn nhà hàng thích hợp để đến trở nên dễ dàng có internet Đề tài phát triển nhằm mục đích giúp khách hàng tiếp cận nhà hàng cách chủ động thông qua việc truy cập website nhà hàng 1.2 Đặt Bài Toán Bài toán đặt ra: Xây dựng website quản lý nhà hàng bao gồm chức website quản lý nhà hàng thơng thường Qua q trình khảo sát nguồn thơng tin từ giáo viên hướng dẫn, bạn bè, người có kinh nghiệm phát triển website, trải nghiệm thực tế số website nhà hàng trực tuyến www.marriott.com, www.libaisaigon.com, www.noirdininginthedark.com, em phân tích tốn: 1.2.1 Chức - Cho phép cập nhật ăn vào sở liệu - Quản lý ăn danh mục ăn - Hiển thị danh sách ăn - Hiển thị thơng tin ăn - Quản lý đơn đặt chỗ Website hỗ trợ quản lý nhà hàng | Bảng 3.6 Bảng mô tả chi tiết reservations STT Tên thuộc tính Diễn giải Loại giá trị Kiểu liệu Miền giá trị Chiều dài id Mã đơn đặt hàng Bắt buộc bigint Khóa 20 name Tên khách hàng Bắt buộc varchar 255 phone Số điện thoại Bắt buộc varchar 255 email Email Bắt buộc varchar 255 date_and_time Đặt bàn vào ngày Bắt buộc varchar 255 message Lời nhắn Bắt buộc varchar 255 status Trạng thái xử lý tinyint created_at Ngày tạo timestamp updated_at Ngày cập nhật timestamp Website hỗ trợ quản lý nhà hàng | 27 Bảng 3.7 Bảng mô tả chi tiết contacts STT Tên thuộc tính Diễn giải Loại giá trị Kiểu liệu Miền giá trị Chiều dài id Mã đơn phản hồi Bắt buộc bigint Khóa 20 name Tên khách hàng Bắt buộc varchar 255 email Email Bắt buộc varchar 255 subject Loại Bắt buộc varchar 255 message Lời nhắn Bắt buộc text created_at Ngày tạo timestamp updated_at Ngày cặp nhật timestamp Bảng 3.8: Bảng mô tả chi tiết migrations STT Tên thuộc tính Diễn giải Loại giá trị Kiểu liệu Miền giá trị Chiều dài id Mã bảng Bắt buộc int Khóa 10 migration Tên bảng Bắt buộc varchar 255 batch Số lần chạy lệnh migrate Bắt buộc int 11 Website hỗ trợ quản lý nhà hàng | 28 Bảng 3.9 Bảng mô tả chi tiết password_resets STT Tên thuộc tính Diễn giải Loại giá trị Kiểu liệu Miền giá trị Chiều dài email Email Bắt buộc varchar Khóa 255 token Chuỗi ngẫu nhiên Bắt buộc varchar created_at Ngày tạo 255 timestamp 3.3 THIẾT KẾ GIAO DIỆN Giao diện cần đảm bảo tương thích loại hình máy tính điện thoại khác 3.3.1 Giao diện khách hàng Giao diện dành cho khách hàng gồm thành phần chủ yếu sau: - Navigation Bar (thanh điều hướng): Hình 3.2 Giao diện Navigation Bar Website hỗ trợ quản lý nhà hàng | 29 - Sliders: Hình 3.3 Giao diện Sliders - Danh mục Món ăn: Hình 3.4 Giao diện Danh mục Món ăn Website hỗ trợ quản lý nhà hàng | 30 - Biểu mẫu Đặt bàn: Hình 3.5 Giao diện biểu mẫu Đặt bàn - Biểu mẫu Góp ý: Hình 3.6 Giao diện biểu mẫu Góp ý Website hỗ trợ quản lý nhà hàng | 31 3.3.2 Giao diện quản trị Giao diện dành cho quản trị viên gồm thành phần chủ yếu sau: - Giao diện đăng nhập: Hình 3.7 Giao diện đăng nhập Website hỗ trợ quản lý nhà hàng | 32 - Bảng điều khiển (Dashboard): Hình 3.8 Giao diện Bảng điều khiển - Quản lý Sliders: Hình 3.9 Giao diện quản lý Sliders Website hỗ trợ quản lý nhà hàng | 33 - Tạo chỉnh sửa Sliders: Hình 3.10 Giao diện tạo chỉnh sửa Sliders - Quản lý Danh mục ăn: Hình 3.11 Giao diện quản lý Danh mục ăn Website hỗ trợ quản lý nhà hàng | 34 - Tạo chỉnh sửa Danh mục: Hình 3.12 Giao diện tạo chỉnh sửa Danh mục - Quản lý Món ăn: Hình 3.13 Giao diện quản lý Món ăn Website hỗ trợ quản lý nhà hàng | 35 - Tạo chỉnh sửa Món ăn: Hình 3.14 Giao diện tạo chỉnh sửa Món ăn - Quản lý Đơn đặt bàn: Hình 3.15 Giao diện quản lý Đơn đặt bàn Website hỗ trợ quản lý nhà hàng | 36 - Quản lý Đơn góp ý: Hình 3.16 Giao diện quản lý Đơn góp ý máy tính Website hỗ trợ quản lý nhà hàng | 37 CHƯƠNG 4: DEPLOY WEBSITE LÊN HEROKU Heroku tảng đám mây cho phép cá nhân, doanh nghiệp xây dựng phát triển ứng dụng Sử dụng Heroku cách nhanh để chuyển từ ý tưởng sang URL, bỏ qua tất sở hạ tầng phức tạp khó hiểu Đây trải nghiệm tuyệt vời dành cho developer Heroku giúp developer cần tập trung vào chun mơn phát triển ứng dụng 4.1 CÁC BƯỚC CHUẨN BỊ Để deploy (triển khai) trang web lên Heroku cần chuẩn bị: - Source Code - Git - Composer - Laravel phiển 5.8.* - Một tài khoản Heroku - Heroku CLI (trình quản lý chế độ dịng lênh máy tính) 4.2 DEPLOY Để deploy website lên Heroku cần thực bước sau: - Tạo Procfile để tạo quyền admin server cho thư mục - Đăng nhập vào Heroku thông qua Heroku CLI - Tạo ứng dụng Heroku - Đẩy code lên server Website hỗ trợ quản lý nhà hàng | 38 - Cài đặt env (biến môi trường) - Kết nối database sử dựng PostgreSQL - Khởi tạo database, seed database mẫu - Khởi động website 4.3 VẬN HÀNH WEBSITE Link giao diện khách hàng: http://great-meal.herokuapp.com/ Link đăng nhập hệ thống quản trị: http://great-meal.herokuapp.com/login - Tài khoản quản trị: Admin@admin.com - Mật khẩu: 12345678 Sau đăng nhập thành công, hệ thống tự động chuyển hướng người dùng sang giao diện Bảng điều khiển Hình 3.8 Tại người dùng với vai trị quản trị có đầy đủ quyền để thao tác với tài nguyên có website slider, danh mục, ăn… Website hỗ trợ quản lý nhà hàng | 39 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết Luận Sau thời gian thực seminar tốt nghiệp, em đạt nhiều tiến mặt tìm hiểu, nghiên cứu cơng nghệ lập trình web cách website thực tế vận hành Có thể nói thơng qua seminar tốt nghiệp, em đạt được: Hiểu biết nhiều kĩ thuật lập trình website đặc biệt PHP framework Laravel Nâng cao tình thần tự học tự nghiên cứu Em cảm ơn thầy Lê Đức Trị thầy Nguyễn Quốc Khoa tận tình hướng dẫn để em hồn thành seminar tốt nghiệp 5.2 Hướng phát triển Do thời gian thực đề tài tương đối hạn chế nên website khơng tránh khỏi thiếu sót định số tính chưa hoạt động cách hiệu Website cần phát triển chúng thêm tính ăn theo thời gian định, phát triển hệ thống thông báo qua email cho khách hàng Website hỗ trợ quản lý nhà hàng | 40 TÀI LIỆU THAM KHẢO [1] https://en.wikipedia.org/wiki/Laravel [2] https://laravel.com [3] https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93contr oller [4] https://viblo.asia/p/doi-dieu-ve-mo-hinh-mvc-E375z0vJZGW [5] http://kienthucweb.net/tim-hieu-mo-hinh-mvc.html [6] https://developer.mozilla.org/vi/docs/Web/JavaScript [7] https://www.hostinger.vn/huong-dan/javascript-la-gi/ [8] https://freetuts.net/tim-hieu-ajax-la-gi-90.html [9] https://quantrimang.com/jquery-la-gi-155854 [10] https://viblo.asia/p/bai-1-bootstrap-la-gi-gioi-thieu-ve-bootstrapDzVkpLbDknW [11] https://vi.wikipedia.org/wiki/SQL [12] https://devcenter.heroku.com/articles/getting-started-with-laravel Website hỗ trợ quản lý nhà hàng | 41 ... quản lý qua mạng để khách hàng dễ dàng tìm kiếm thơng tin mà khơng cần tốn nhiều thời gian, chi phí Chính đồ án em chọn đề tài xây dựng ? ?Website hỗ trợ quản lý nhà hàng? ?? Website hỗ trợ quản lý. .. tính: email, token, created_at.Mơ hình vật lý Website hỗ trợ quản lý nhà hàng | 19 3.2.2 Mơ hình vật lý Hình 3.1 Mơ hình vật lý Website hỗ trợ quản lý nhà hàng | 20 3.2.3 Danh sách bảng - Bảng users... quản lý Danh mục ăn Website hỗ trợ quản lý nhà hàng | 34 - Tạo chỉnh sửa Danh mục: Hình 3.12 Giao diện tạo chỉnh sửa Danh mục - Quản lý Món ăn: Hình 3.13 Giao diện quản lý Món ăn Website hỗ trợ