ỨNG DỤNG MENU ĐIỆN TỬ TRÊN NÊN ANDROID

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA ĐIỆN – ĐIỆN TỬ ĐỒ ÁN TỐT NGHIỆP ỨNG DỤNG MENU ĐIỆN TỬ TRÊN NỀN ANDROID Người hướng dẫn: Th.S PHÙ TRẦN TÍN Người thực hiện: NGUYỄN MINH ĐỨC Lớp:10040002 Khố:14 THÀNH PHỐ HỒ CHÍ MINH, NĂM 2014 i LỜI CÁM ƠN Em xin chân thành cám ơn thầy Th.S Phù Trần Tín, người trực tiếp hướng dẫn, giúp đỡ dẫn dắt tận tình suốt trình em thực đồ án tốt nghiệp Em xin dành lời cảm ơn chân thành đến thầy cô giáo trường Đại Học Tôn Đức Thắng tận tình bảo em suốt năm học, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt năm học vừa qua Do thời gian hồn thành có hạn nên q trình thực đồ án tốt nghiệp khơng tránh khỏi sai sót Vì em mong thầy góp ý bổ sung để đồ án tốt nghiệp hoàn thiện TP.HCM,ngày 29 tháng 12 năm 2014 Sinh viên thực Nguyễn Minh Đức i CƠNG TRÌNH ĐƯỢC HỒN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Tơi xin cam đoan cơng trình nghiên cứu riêng hướng dẫn khoa học Th.S Phù Trần Tín Các nội dung nghiên cứu, kết đề tài trung thực chưa cơng bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, đồ án tốt nghiệp cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hoàn toàn chịu trách nhiệm nội dung đồ án tốt nghiệp Trường đại học Tơn Đức Thắng không liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày 29 tháng 12 năm 2014 Tác giả Nguyễn Minh Đức ii iii iv MỤC LỤC DANH MỤC CÁC HÌNH VẼ viii DANH MỤC CÁC BẢNG BIỂU ix DANH MỤC CÁC TỪ VIẾT TẮT x LỜI CÁM ƠN i LỜI MỞ ĐẦU xi CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Đặt vấn đề 1.2 Mục tiêu đề tài 1.3 Phạm vi đề tài 1.4 Hướng giải vấn đề 1.4.1 Lý thuyết 1.4.2 Thực tiễn CHƯƠNG 2:CƠ SỞ LÝ THUYẾT 2.1 Hệ điều hành Android 2.1.1 Giới thiệu 2.1.2 Kiến trúc hệ điều hành Android 2.1.3 Các phiên hệ điều hành Android 2.2 Mơi trường lập trình Android 2.2.1 Cơng cụ lập trình Android 2.2.2 Cấu trúc Android Project 2.2.3 Android emulator 10 2.2.4 Các thành phần giao diện 11 2.2.4.1 View 11 2.2.4.2 ViewGroup 11 2.2.4.3 Các điều khiển 12 2.2.4.4 Một vài thành phần khác 12 2.3 Công nghệ web 13 2.3.1 Ngôn ngữ lập trình PHP 14 v 2.3.2 Hệ quản trị sở liệu 14 2.3.3 JSON Web service 15 2.3.3.1 JSON 15 2.3.3.2 Cú pháp JSON 16 2.3.3.3 Cặp tên,giá trị JSON 16 2.3.3.4 Trích xuất thơng tin từ JSON 17 2.4 WordPress 17 2.4.1 Tìm hiểu WordPress 17 2.4.2 Ưu điểm, nhược điểm WordPress 18 2.4.3 Cấu trúc trang WordPress 18 2.5 Công cụ XAMPP 19 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 20 3.1 Mơ hình đề xuất 20 3.1.1 Kiến trúc hệ thống 20 3.1.2 Yêu cầu chung hệ thống 21 3.1.3 Sơ đồ tổng quan hệ thống 22 3.2 Xác định yêu cầu 23 3.2.1 Chức 23 3.2.1.1 Chức server 23 3.2.1.2 Chức client 23 3.2.2 Mơ hình hoạt động client-server 23 3.2.2.1 Biểu đồ Usercase 23 3.2.2.2 Biểu đồ xử lý 24 3.3 Phân tích thiết kế 26 3.3.1 Thiết kế sở liệu 26 3.3.2 Thiết kế giao diện 28 3.3.2.1 Trang khởi động ứng dụng 28 3.3.2.2 Trang chọn bàn 29 3.3.2.3 Trang chọn 29 3.3.2.4 Trang đặt 30 vi ĐỒ ÁN TỐT NGHIỆP Trang 35/49 3.6 Cài đặt phần mềm: 3.6.1 Cài đặt Android môi trường phát triển android: - Bước 1: Tải cài đặt Android ADT Bundle Hình 3.10 Eclipse ADT  Đầu tiên cần tải công cụ & thư viện hỗ trợ phát triển ứng dụng Android (Android SDK) trang http://developer.android.com/sdk/index.html  Cần chọn phiên Android SDK 32-bit hay Android SDK 64-bit phù hợp với hệ thống máy tính dự kiến sử dụng để lập trình Android  Android mặc định đóng gói mơi trường phát triển ứng dụng Eclipse có tích hợp sẵn cơng cụ để phát triển ứng dụng Adnroid (Android Developer Tools ADT plugin), Android SDK Tools, Android Platform-tools vào file ADT Bundle để người dùng tải thành phần cần thiết lần triển khai môi trường phát triển ứng dụng Android cách nhanh - Bước 2: Cài đặt Java để lập trình ứng dụng Android: Máy tính dùng để lập trình Android cần phải cài đặt Java trước,tải Java địa sau: http://www.oracle.com/technetwork/java/javase/downloads/index.html Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 36/49 - Bước 3: Cài đặt Eclipse & ADT Plugin: Giải nén file Android ADT Bundle download bước vào thư mục máy tính Android đính kèm mơi trường phát triển Eclipse tích hợp ATD Plugin đóng gói sẵn Hình 3.11 Thư mục chứa file giải nén - Bước 4: Cài đặt Android SDK Manager: Hình 3.12 Android SDK Manager - Bước 5: Tạo máy ảo Android để chạy ứng dụng Android: Máy ảo Android chương trình giả lập thiết bị Android (Android Virtual Device – AVD) để giúp lập trình viên kiểm tra ứng dụng nhanh máy tính trước thức triển khai thiết bị Android thực tế Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 37/49 Hình 3.13 Thiết lập máy ảo Android 3.6.2 Cài đặt XAMPP: Đây chương trình dùng để tạo localhost máy tính cá nhân,trong môi trường không cần dùng đến mạng internet để tương tác client-server - Bước 1: Tải cài đặt XAMPP https://www.apachefriends.org/index.html Hình 3.14 Giao diện install Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 38/49 - Bước 2: Tiến hành cài đặt service cho localhost : Apache, MySQL, v.v… cách click vào checkbox màu đỏ để chương trình tự cài đặt Hình 3.15 Bảng điều khiển XAMPP Sau cài đặt xong cửa sổ XAMPP Control Panel lên, bạn kích hoạt Web Localhost việc click vào nút star để khởi động Apache MySQL Hình 3.16 Giao diện chương trình XAMPP Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 39/49 CHƯƠNG 4:XÂY DỰNG ỨNG DỤNG 4.1 Bên phần client: 4.1.1 Giao diện trang khởi động ứng dụng: - Trên textview hiển thị thông tin tên nhà hàng - Thực khách sau khởi động ứng dụng, click vào button “START to ORDER” để bắt đầu chọn bàn chọn Hình 4.1 Giao diện trang khởi động Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 40/49 4.1.2 Giao diện trang chọn bàn: - Thực khách có lựa chọn, click vào radiobutton để chọn vị trí ngồi, danh sách bàn cấu tạo theo radiobutton nên khách hàng chọn lựa chọn giao diện hình - Sau chọn bàn xong, thực khách click vào button “Chọn bàn” - Màn hình xuất hộp thoại Dialog hiển thị dịng chữ “Q khách chọn bàn n” Hình 4.2 Giao diện trang chọn bàn Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 41/49 4.1.3 Giao diện trang chọn món: - Trên Sliding Tab gồm nhóm thức ăn như: khai vị, xào, nướng, lẩu, nước uống & tráng miệng - Sliding Tab có khả trượt qua, trượt lại giúp cho việc chọn tab ăn khách hàng trở nên dễ dàng - Phía danh sách ăn với hình ảnh giá bên cạnh, thực khách muốn chọn cần click vào checkbox bên cạnh Hình 4.3 Giao diện trang chọn Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 42/49 4.1.4 Giao diện trang đặt món: - Ở giao diện trang đặt hiển thị danh sách mà thực khách chọn, bên cạnh cịn có thêm phần tổng số tiền mà thực khách phải tốn - Ngồi thực khách muốn hủy vài món, đơn giản cần click vào checkbox bỏ chọn ăn bị loại khỏi danh sách giá tiền cập nhật theo - Sau đồng ý với chọn,thực khách click vào button “Đặt này”, sau server trả kết “Đặt thành cơng,xin cám ơn quý khách ! ” Hình 4.4 Giao diện trang đặt Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 43/49 4.2 Bên phần server: 4.2.1 Giao diện trang chủ: - Hiển thị số bàn với danh sách mà thực khách đặt, thông qua giao diện trang nhân viên nhà bếp đánh dấu để biết đơn đặt thực xong hay chưa phần “Tiến độ thực ăn” - Nhân viên nhà hàng dùng liệu để in ấn hóa đơn thực ăn, với đánh dấu vào radiobutton để biết hóa đơn thực xong Hình 4.5 Giao diện trang chủ Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 44/49 4.2.2 Giao diện trang giới thiệu: - Giới thiệu tổng quan nhà hàng, cung cấp cho thực khách thông tin liên quan đến nhà hàng : khơng gian ăn uống,các ăn đặc biệt nhà hàng, v.v - Bên cạnh cung cấp vài hình ảnh nhà hàng Hình 4.6 Giao diện trang giới thiệu Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 45/49 4.2.3 Giao diện trang liên hệ: - Cung cấp thông tin cho thực khách địa nhà hàng, email, số điện thoại liên lạc - Kèm theo sơ đồ hướng dẫn đến vị trí nhà hàng Hình 4.7 Giao diện trang liên hệ Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 46/49 4.2.4 Giao diện trang doanh thu: - Để xem thơng tin trang doanh thu, cần phải có để đăng nhập vào - Đây trang dùng cho người chủ sở hữu nhà hàng giúp họ thống kê số tiền thu nhập ngày Hình 4.8 Giao diện trang doanh thu Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 47/49 CHƯƠNG 5:KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết luận: Sau trình nghiên cứu, tìm hiểu thực xây dựng thành công ứng dụng phục vụ cho việc quản lý nhà hàng, quán ăn Về thực nghiệm ứng dụng có khả áp dụng thực tế, mang lại lợi ích cho người dùng - Kết đạt được:  Hiểu nắm vững quy trình xây dựng ứng dụng di động  Nghiên cứu nắm rõ cấu trúc hệ điều hành Android  Ứng dụng hoàn thành yêu cầu đặt  Chương trình cung cấp tương đối tính ứng dụng đặt ăn nhà hàng,cùng với website có gần đầy đủ tính cho việc quản lý nhà hàng, qn ăn  Chương trình có giao diện thân thiện, dễ sử dụng  Client server liên kết rõ ràng, độc lập để dễ dàng việc quản lý, phát triển - Hạn chế:  Tốc độ chương trình chưa tối ưu  Tốc độ truy cập vào website đôi lúc chậm  Chưa chạy thử hệ thống lớn, chương trình có vài chục user vài kết nối lúc  Việc thiết kế bảo mật cho chương trình chưa hồn thiện cần cải tiến thêm ứng dụng vào thực tế  Giao diện thiết kế đơn giản dễ sử dụng chưa đẹp, bắt mắt người dùng cần cải tiến thêm  Một số tính ứng dụng bị hạn chế Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 48/49 5.2 Hướng phát triển:  Hoàn chỉnh giao diện ứng dụng di động, thiết kế giao diện đặc sắc  Tích hợp vào ứng dụng thêm số dịch vụ khác đăng ký thành viên, đặt trực tuyến giao hàng tận nơi, v.v…  Chương trình phát triển tảng khác Windows Phone, IOS  Hoàn chỉnh phần bảo mật cho hệ thống  Xây dựng website với nhiều tính thêm mã giảm giá, hình ảnh chi tiết ăn, v.v Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 49/49 TÀI LIỆU THAM KHẢO Tiếng Việt: [1] “Lập trình Android” - Trương Thị Ngọc Phượng(2009) [2] Diễn đàn Android Việt Nam, http://diendan.vietandroid.com [3] “Tài liệu Thiết kế xây dựng phần mềm”- Huỳnh Quyết Thắng [4] “Hướng dẫn lập trình Android”- Trần Vũ Tất Bình [5] Tìm hiểu WordPress, http://thanhpham.com [6] Lý thuyết Mysql,Php, http://wikipedia.org Tiếng Anh: [7] “Beginning Android Appication Development ”- Wei-Meng Lee (2007) [8] “Head First Android Development” - Jonathan Simon [9] “Programming Android” - Zigurd Mednieks [10] Google Android Developer guide, http://developer.android.com [11] “Java Servlet Programming”, Jason Hunter and William Crawford, 1998 [12] “Android Essentials”, Chris Haseman, 2008 Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ... quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày 29 tháng 12 năm 2014 Tác giả Nguyễn Minh Đức ii iii iv MỤC LỤC DANH MỤC CÁC HÌNH VẼ viii DANH MỤC... tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 22/49 3.1.3 Sơ đồ tổng quan hệ thống: Hình 3.2 Sơ đồ tổng quan hệ thống Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP... dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 25/49 Hình 3.4 Mơ hình tương tác client server Ứng dụng menu điện tử Android SVTH:Nguyễn Minh Đức ĐỒ ÁN TỐT NGHIỆP Trang 26/49