_ BQ GIAO DUC VA DAO TAO | TRUONG DAI HOC BACH KHOA HA NOI Dam Quốc Phong Nghiên cúu và xây dụng hệ thắng quản lý đặt hàng trong nhà hàng lớn LUẬN VĂN THẠC SĨ KỸ THUẬT KY THUAT PHAN MEM Người hướng dẫn: TS. Nguyễn Thanh Hùng NALA Ve LOC Hà Nội - 2017 LOI CAM DOAN Tdi — Dam Quéc Phong, hee vién lop Cao hoc KTPM 2014A Trường Đại học Bách khoa Hà Nội — cam két Luân văn tốt nghiệp là công trình nghiên cửu của ban thân tồi dưới sự hướng dân của I'S. Nguyén Thanh [hing Viện Công nghệ thỏng, tin va Truyền thông — Đại học Bách khoa Hà Nội. Các kết quả trong Luận văn tốt nghiệp là trung thực, không, sao chép toàn văn của bất kỹ công trình náo khảc.
Tả Nội, ngày 7 tháng 5 năm 2017 Học viên: Đàm Quốc Phong, Lớp: LIAKTPM LOI CAM ON Truée tiền, em xi: dành những lời cảm ơn chân thành tới các thầy cô giáo Dại học Bách Khoa Hà Nội, đặc biệt là các thâu cô Liện Công nghệ thông tin và Truyền thông, Viện Đào tạo Sau dại học dã hết sức tận tình giảng dạy, hướng dẫn em trong suất năm học vừa qua, từng bước xây đựng, vun đắp những kiến thức em tích lũy được ngày nay. Đặc biệt em xi được dành những lời cảm ơn vâu sắc nhất tới thấy giáo 74 Nguyễn Thanh Hùng - giảng viên bộ môn Công nghệ phân mềm, là người đã trực tiến hướng dẫn em hoàn thành luận văn này. Trong suất quá trình nghiên cửu, thay di rắt tận tình chỉ dẫn, dịnh hướng, giip đồ, động viên em dé hoàn thành khóa luận. Ưới tư cúch là một người thấy, một người đẳng nghiệp, một bậc đàn anh di tước, qua thời gian được làm việc với thầy em đã được huyền đạt những kinh nghiệm quý báu và sự nghiệp giảng dạy, sự nghiệp trồng người.
Những kinh nghiệm học được tư thấu chắc chấn sẽ là những hành trang quan trọng cho em trong con đường nghiên cứu, giăng đạp và làm việc sau nay. Xin được cám on các bạn phòng kỹ thuật công ty cỗ phẩm đầu tư và phát triễn KonlSujt đã chia xẻ và giúp đỡ lâi hoàn thành khóa luận này. Cuéi cùng xin cảm ơn gia dink va tap thể lớp KIAA KTPM dã chia sẽ kinh nghiệm và giúp đỡ tôi trong khóa học này. ta DANH MỤC CÁC HÌNH VẼ THình I Mẫu thiệt kế Model - View —Presenter TTình 2 Mẫu thiệt kế Model-View-Whatever 1linh 3 'Tễ chức dạng cây của Scope vả giao tiếp giữa chứng.
llinh 4 Các tầng trong ứng dụng của Xamarin. 5 1Iinh 5 Mô hình thiết kế Model - View - ViewModeL. Linh 6 Cac img dung lin si dung React Native. cessive Tĩinh 7 Cơ chế cập nhật giao diện với Virtual DƠM.
Hình 8 React Native hiển thị lên từng niên tảng khác nhau. Hình 9 Ví dụ về CompoienL. óc con cty Hình L0 Mö hình Flựx. cào cóccceecieisrrierreerree Hình I1 Kiển trúc ứng dụng của GW d.
co iireriririirree Tình 12 Sơ đề hoại động MP trong ứng dụng của GWT Tình 13 Use case long quất phis Client Hinh 14 Biểu dễ chức nắng quan ly nbn ViGn occ ee eee 38 Hình 15 Biểu dỗ chức nắng quân lý món 40 oes. 38 Hình 16 Biểu dễ chức nắng thống kẻ doanh thu. sec 39 Tình 17 Danh sách các lớp của ứng đụng 44 Tình 18 Thiết kế cơ sở đữ liệu Tình 19 Hoạt động của phục vụ bản Tình 20 Hoạt động của đầu bếp Tình 21 Hoạt động của Admin Hình 22 Mé hinh Client-Server Realtime vai Node js Hình 23 Giao điện đăng nhập DANH MỤC CÁC HÌNH VẼ THình I Mẫu thiệt kế Model - View —Presenter TTình 2 Mẫu thiệt kế Model-View-Whatever 1linh 3 'Tễ chức dạng cây của Scope vả giao tiếp giữa chứng. llinh 4 Các tầng trong ứng dụng của Xamarin.
5 1Iinh 5 Mô hình thiết kế Model - View - ViewModeL. Linh 6 Cac img dung lin si dung React Native. cessive Tĩinh 7 Cơ chế cập nhật giao diện với Virtual DƠM. Hình 8 React Native hiển thị lên từng niên tảng khác nhau.
Hình 9 Ví dụ về CompoienL. óc con cty Hình L0 Mö hình Flựx. cào cóccceecieisrrierreerree Hình I1 Kiển trúc ứng dụng của GW d. co iireriririirree Tình 12 Sơ đề hoại động MP trong ứng dụng của GWT Tình 13 Use case long quất phis Client Hinh 14 Biểu dễ chức nắng quan ly nbn ViGn occ ee eee 38 Hình 15 Biểu dỗ chức nắng quân lý món 40 oes.
38 Hình 16 Biểu dễ chức nắng thống kẻ doanh thu. sec 39 Tình 17 Danh sách các lớp của ứng đụng 44 Tình 18 Thiết kế cơ sở đữ liệu Tình 19 Hoạt động của phục vụ bản Tình 20 Hoạt động của đầu bếp Tình 21 Hoạt động của Admin Hình 22 Mé hinh Client-Server Realtime vai Node js Hình 23 Giao điện đăng nhập CHUONG 1: MO DAU 1. Lý do lựa chọn va tinh cấp thiết của đề tải Trong thực lẻ phát triều công nghệ thông tin hién nay, phan mém img dung không chỉ là chương trình chay trên các máy tính cá nhàn, mã còn là các chương trình chạy trên các thiết bị di động (điện thoại thông minh, máy tính bảng, đồng hỗ thông mình. Thêm nữa, các thiết bị di động thông mính cảng ngày cảng trở nên phổ biến, được mọi tảng lớp người dân sử dung.
Vay nén các ứng dụng trên thiết bị đi động thông minh càng ngay cảng trở nên cân thiết đế đáp ứng các nhu câu thu thập thông (in, giải trí, xử lý công việc rực tiếp trêu các thiết bị di động đó. Nhận thấy được yếu tổ đó, các tập đoàn hàng đâu công nghệ đã thúc đây các znôi trường phát triển ứng dụng trên nên tăng đi động mà các tập đoàn đó sở hữu, ví dụ như nên tâng iOS của tập đoàn Apple, Android cia Google, Windows phone cia Microsoft. Và lùe đó, cũng là lúc phát sinh ra các vẫn đề đổi với người dùng, các công ty đặt hàng phân mềm hay chính các lập trình viên. Chính vì vậy, dễ tài “Nghiên cứu và xâp dựng hệ thông quản by dat bàng trong nhà hàng lớn” được táo giả lụa chọn.
Mục đích của luận văn đó là xác định các khó khăn và định hưởng giải pháp công nghệ hỗ trợ lập trình viên phát triển ứng dựng hé tro da nen ting 1. Vấn đề về nền tảng công nghệ Trong thực tế hiện nay, có thể kế ra một. số các nên tảng công nghệ phổ biển như: « Trên máy tính cả nhân (PC) có: Windows, Luux, và MacOS « Trên thiết bị đi động thông mình (SmamDevic): iOS, Android, Windows Phone, Blackberry OS Di với các nền tăng này thì hiển nhiên một điều là sự cần thiết tính tương thích với phẩn nứng. Đó là một răng buộc xuất phát bir của cáo tập đoàn sở hữu các nên tảng nay.
Do do, khỏ khăn dầu tiên khi phát triển ứng dụng cho các nên tảng do là thiết kế các thư viện riêng mà có khả năng tương tác và đồng bộ đữ liệu trong ứng dựng trên các nên tảng khác rau đỏ. Để phát triển thư viện nhụ vậy, cần đuy trị nhân lực để mở rộng mỗi khi có nền tăng mới xuất hiện. Khó khăn thử hai, đó là 9 DANH MỤC CÁC HÌNH VẼ THình I Mẫu thiệt kế Model - View —Presenter TTình 2 Mẫu thiệt kế Model-View-Whatever 1linh 3 'Tễ chức dạng cây của Scope vả giao tiếp giữa chứng. llinh 4 Các tầng trong ứng dụng của Xamarin.
5 1Iinh 5 Mô hình thiết kế Model - View - ViewModeL. Linh 6 Cac img dung lin si dung React Native. cessive Tĩinh 7 Cơ chế cập nhật giao diện với Virtual DƠM. Hình 8 React Native hiển thị lên từng niên tảng khác nhau.
Hình 9 Ví dụ về CompoienL. óc con cty Hình L0 Mö hình Flựx. cào cóccceecieisrrierreerree Hình I1 Kiển trúc ứng dụng của GW d. co iireriririirree Tình 12 Sơ đề hoại động MP trong ứng dụng của GWT Tình 13 Use case long quất phis Client Hinh 14 Biểu dễ chức nắng quan ly nbn ViGn occ ee eee 38 Hình 15 Biểu dỗ chức nắng quân lý món 40 oes.
38 Hình 16 Biểu dễ chức nắng thống kẻ doanh thu. sec 39 Tình 17 Danh sách các lớp của ứng đụng 44 Tình 18 Thiết kế cơ sở đữ liệu Tình 19 Hoạt động của phục vụ bản Tình 20 Hoạt động của đầu bếp Tình 21 Hoạt động của Admin Hình 22 Mé hinh Client-Server Realtime vai Node js Hình 23 Giao điện đăng nhập MUC KY HIEU VIET TAT GWT Google Web Toolkit PC Personal Computer HTML HyperText Markup Language CSDI, Co Sở Dữ Liệu MVC Model - View — Controller MVP Model View Presenter RPC Remote Procedure Call LAN Local Areal Network WLAN Wireless LAN ul User Interface ATAX Asynchronous JavaScript and KML DOM Document Object Model TOE Integrated Development Enviroment XAML Extemible Applicatian Markup Tanguage MVP Model — View — Presenter MVVM Model — View — ViewModel MVW Model — View — Whatever MUC KY HIEU VIET TAT GWT Google Web Toolkit PC Personal Computer HTML HyperText Markup Language CSDI, Co Sở Dữ Liệu MVC Model - View — Controller MVP Model View Presenter RPC Remote Procedure Call LAN Local Areal Network WLAN Wireless LAN ul User Interface ATAX Asynchronous JavaScript and KML DOM Document Object Model TOE Integrated Development Enviroment XAML Extemible Applicatian Markup Tanguage MVP Model — View — Presenter MVVM Model — View — ViewModel MVW Model — View — Whatever MUC KY HIEU VIET TAT GWT Google Web Toolkit PC Personal Computer HTML HyperText Markup Language CSDI, Co Sở Dữ Liệu MVC Model - View — Controller MVP Model View Presenter RPC Remote Procedure Call LAN Local Areal Network WLAN Wireless LAN ul User Interface ATAX Asynchronous JavaScript and KML DOM Document Object Model TOE Integrated Development Enviroment XAML Extemible Applicatian Markup Tanguage MVP Model — View — Presenter MVVM Model — View — ViewModel MVW Model — View — Whatever MUC KY HIEU VIET TAT GWT Google Web Toolkit PC Personal Computer HTML HyperText Markup Language CSDI, Co Sở Dữ Liệu MVC Model - View — Controller MVP Model View Presenter RPC Remote Procedure Call LAN Local Areal Network WLAN Wireless LAN ul User Interface ATAX Asynchronous JavaScript and KML DOM Document Object Model TOE Integrated Development Enviroment XAML Extemible Applicatian Markup Tanguage MVP Model — View — Presenter MVVM Model — View — ViewModel MVW Model — View — Whatever MỤC LỤC LỚI CAM DOAN - - - - - 1 TỎI CÁM ƠN - - - 2 DANH MỤC KÝ LIIỆU VI TẮT,.Š DANH MỤC CÁC BẰNG 6 DANH MỤC CÁC HÌNH VẼ 7 CHƯƠNGI: MỞ DẦU. Lý đo lựa chen vàtính cập thiết của để tài - - 9 1. Vẫn để về nên tầng công nghệ 9 1.
Vẫn đề về ngôn ngữ lập trinh. Giải pháp - - - lại 1. Nội dung của luận văn. -11 CHƯƠNG2: CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ ÁP DỤNG.
Các công nghệ ứng đụng. Công nghệ Google Web Toolkit (GWT). _ Các thành phân của GWT - - - 14 c. Mẫu thiết kế Model-View-Presenter (MVE).