Tìm hiểu và xây dựng ứng dụng tìm kiếm quán ăn iOS

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG TÌM KIẾM QUÁN ĂN IOS GVHD: NGUYỄN THIÊN BẢO SVTH: HUỲNH THẾ CƯƠNG MSSV: 15110172 SVTH: BÙI ĐỖ TRUNG TRỰC MSSV: 15110354 SKL005768 Tp Hồ Chí Minh, tháng 6/2019 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN  HUỲNH THẾ CƯƠNG- 15110172 BÙI ĐỖ TRUNG TRỰC - 15110354 ĐỀ TÀI: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG TÌM KIẾM QUÁN ĂN iOS KHOÁ LUẬN CHUYÊN NGÀNH CNPM GVHD: TS NGUYỄN THIÊN BẢO KHĨA 2015 - 2019 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ***** ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪ N Họ tên SV thực 1: Huỳnh Thế Cương Mã số SV: 15110172 Họ tên SV thực 2: Bùi Đỗ Trung Trực Mã số SV: 15110354 Ngành: Cơng nghệ thơng tin Tên đề tài: Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn hệ điều hành iOS Họ tên giáo viên hướng dẫn: T.S Nguyễn Thiên Bảo NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: Lý thuyết: - Tìm hiểu ngơn ngữ Swift, NodeJS - Tìm hiểu sở liệu MongoDB, Firebase - Xây dựng ứng dụng hệ điều hành iOS tìm kiếm quán ăn Ưu điểm: Dễ dàng sử dụng với người dùng Cho phép tìm kiếm quán ăn theo địa tên quán Lưu ăn yêu thích Chia sẻ quán ăn với nhiều người Cho phép report quán ăn Cho phép người dùng bình luận quán ăn Khuyết điểm: Đánh giá loại: ………… Điểm: ……… TP.HCM, ngày tháng năm 2019 Giáo viên hướng dẫn Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ***** ***** PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên SV thực 1: Huỳnh Thế Cương Mã số SV: 15110172 Họ tên SV thực 2: Bùi Đỗ Trung Trực Mã số SV: 15110354 Ngành: Công nghệ thơng tin Tên đề tài: Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn hệ điều hành iOS Họ tên giáo viên phản biện: T.S Nguyễn Thành Sơn NHẬN XÉT: Về nội dung đề tài khối lượng công việc thực hiện: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Ưu điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Khuyết điểm: …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… …………………………………………………………………………………………… Đánh giá loại: ………… Điểm: ……… TP.HCM, ngày Giáo viên phản biện Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn LỜI CẢM ƠN Trên thực tế khơng có thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp khác Trong suốt thời gian học tập trường, em nhận nhiều quan tâm, giúp đỡ q thầy cơ, gia đình bạn bè Em xin chân thành gửi lời cảm ơn đến Khoa Công nghệ thông tin, trường Đại học Sư phạm kỹ thuật Thành phố Hồ Chí Minh tạo điều kiện cho em thực đề tài Em xin kính gửi đến thầy Nguyễn Thiên Bảo lời cảm ơn sâu sắc Trong khoảng thời gian qua, Thầy tận tình hướng dẫn, bảo em suốt trình thực đề tài Chân thành cảm ơn tập thể Giáo viên Khoa Công nghệ thông tin, trường Đại học Sư phạm kỹ thuật Thành phố Hồ Chí Minh giảng suốt khóa học, kiến thức tảng kiến thức chuyên ngành giúp cho em hoàn thành tốt đề tài Xin chân thành cảm ơn anh chị bạn bè ủng hộ, giúp đỡ, động viên em thời gian học tập nghiên cứu Em xin chúc Thầy thành công nghiệp giảng dạy lĩnh vực sống Với quan tâm, dạy dỗ, bảo tận tình, chu đáo Thầy, đến em hoàn thành “ứng dụng hệ điều hành iOS tìm kiếm quán ăn” Trong phạm vi khả cho phép, em cố gắng để hoàn thành đề tài cách tốt Song, chắn không tránh khỏi thiếu sót Em kính mong nhận cảm thơng ý kiến đóng góp q báu Thầy Cô để em học hỏi thêm nhiều kinh nghiệm hoàn thành tốt tương lai Một lần em xin chân thành cảm ơn! Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn ĐỀ CƯƠNG KHOÁ LUẬN CHUYÊN NGÀNH Họ tên SV thực 1: Huỳnh Thế Cương Mã số SV: 15110172 Họ tên SV thực 2: Bùi Đỗ Trung Trực Mã số SV: 15110354 Thời gian làm tiểu luận: từ: 01/03/2019 đến: 30/06/2019 Chuyên ngành: Công Nghệ Phần Mềm Tên tiểu luận: Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn hệ điều hành iOS GV hướng dẫn: T.S Nguyễn Thiên Bảo Nhiệm vụ luận văn: Tìm hiểu ngơn ngữ Swift, NodeJS Tìm hiểu sở liệu MongoDB Firebase Áp dụng để xây dựng ứng dụng tìm kiếm quán ăn hệ điều hành iOS Đề cương chi tiết luận văn MỤC LỤC Giới thiệu 1.1 Sự cần thiết đề tài 1.2 Mục đích đề tài 1.3 Cách tiếp cận 1.4 Kết dự kiến đạt Khảo sát trạng 2.1 Các ứng dụng tương tự 2.2 Yêu cầu ứng dụng Cơ sở lý thuyết 3.1 Mongoose 3.2 NodeJS 3.3 Firebase Thiết kế hệ thống 4.1 Lược đồ usecase 4.2 Lược đồ sequence 4.3 Thiết kế sở liệu 4.4 Thiết kế giao diện Hiện thực kiểm thử hệ thống 5.1 Cài đặt 5.2 Kiểm thử Kết luận 6.1 Kết đạt 6.2 Ưu, nhược điểm 6.3 Hướng phát triển Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn KẾ HOẠCH THỰC HIỆN STT Thời Gian 03/03 đến 17/03 17/03 đến 31/03 31/03 đến 07/04 07/04 đến 14/04 14/04 đến 28/04 28/04 đến 12/05 12/05 đến 19/05 19/05 đến 26/05 26/05 đến 09/06 10 09/06 đến 16/06 11 16/06 đến 23/06 Ý kiến giáo viên hướng dẫn Ngày tháng năm 20 Người viết đề cương (ký ghi rõ họ tên) Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH Danh Mục Bảng CHƯƠNG 1: GIỚI THIỆU 1.1 SỰ CẦN THIẾT CỦA ĐỀ TÀI 1.2 MỤC ĐÍCH CỦA ĐỀ TÀI 1.3 CÁCH TIẾP CẬN 1.4 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 2.1 CÁC ỨNG DỤNG TƯƠNG TỰ 2.1.1 Foody: 2.1.2 Lozi: 2.1.3 ClingMe: 2.2 YÊU CẦU CỦA ỨNG DỤNG CHƯƠNG 3: CƠ SỞ LÝ THUYẾT 3.1 MONGOOSE 3.1.1 Định nghĩa 3.1.2 Các SchemaTypes 3.1.3 Mỗi loại SchemaT 3.1.4 Thiết lập Mongoo 3.1.5 Định nghĩa schem 3.1.6 Tạo lưu 3.1.7 Xác thực liệu 3.1.8 Một số thao tác v 3.2 NODEJS 3.2.1 Định nghĩa: 3.2.2 Ứng dụng No 3.2.3 Nhược điểm 3.2.4 Ưu điểm Nod 3.2.5 Không nên sử dụ 3.2.6 Những trường hợ 3.3 FIREBASE 3.3.1 Định nghĩa 3.3.2 Các dịch vụ fireb 3.3.3 Các nhóm cơng c 3.3.4 Ưu điểm, nhược 3.3.5 Cách cài đặt CHƯƠNG 4: THIẾT KẾ HỆ THỐNG HỆ THỐNG 4.1 LƯỢT ĐỒ USECASE 4.1.1 Mô tả use case Q 4.1.2 Mơ tả use case Q Tìm hiểu xây dựng ứng dụng tìm kiếm qn ăn 4.1.3 Mơ tả Use Case Quản 27 4.1.4 Mô tả Use case quản lý 4.2LƯỢC ĐỒ SEQUENCE 4.2.1 Lược đồ Sequence Diag 4.2.2 Lược đồ Sequence Diag 4.2.3 Lược đồ Sequence Diag 4.2.4 Lược đồ Sequence Diag 4.3CHI TIẾT CÁC BẢNG DỮ LIỆU 4.4THIẾT KẾ GIAO DIỆN 4.4.1 Màn hình giao diện 4.4.1.1 Chức nghiệp vụ Admin 4.4.1.2 Màn hình giao diện 4.4.2 Màn hình xử lý bên 4.4.2.1 Chức nghiệp vụ Guest 4.4.2.2 Màn hình giao diện 4.4.3 Màn hình xử lý 4.4.3.1 Chức nghiệp vụ User: 4.4.3.2 Màn hình giao diện CHƯƠNG 5: HIỆN THỰC VÀ KIỂM THỬ HỆ THỐNG 5.1CÀI ĐẶT 5.2KIỂM THỬ CHƯƠNG 6: PHẦN KẾT LUẬN 6.1KẾT QUẢ ĐẠT ĐƯỢC 6.2ƯU, NHƯỢC ĐIỂM 6.2.1 Ưu điểm 6.2.2 Nhược điểm: 6.3HƯỚNG PHÁT TRIỂN TÀI LIỆU THAM KHẢO PHỤ LỤC: HƯỚNG DẪN CÀI ĐẶT Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn DANH MỤC HÌNH ẢNH Hình Giao diện foody Hình Giao diện ứng dụng Lozi Hình Giao diện ứng dụng ClingMe Hình Các nhóm cơng cụ Firebase .17 Hin ̀ h Usecase hệ thống 21 Hin ̀ h Usecase Quan ly quan an 21 Hin ̀ h Usecase Quan ly thuc an 22 Hình Usecase Quan ly thong tin ca nhan 22 Hình Usecase Thay doi thong tin ca nha 23 Hình 10 Usecase Quan ly thong tin quan an 23 Hình 11 Sequence Diagram cho đăng nhập 33 Hình 12 Sequence Diagram cho đăng kí 33 Hin ̀ h 13 Sequence Diagram cho sửa cửa hàng .34 Hin ̀ h 14 Sequence Diagram cho tìm kiếm quán ăn .34 Hin ̀ h 15 Sequence Diagram cho lưu quán ăn .35 Hin ̀ h 16 Cơ sở liệu ứng dụng .35 Hình 17 Thêm viết .40 Hình 18 Sửa viết 41 Hình 19 Xóa viết 42 Hình 20 Thêm thực đơn 42 Hình 21 Sửa thực đơn .43 Hin ̀ h 22 Xóa thực đơn .44 Hin ̀ h 23 Xem viết User .44 Hin ̀ h 24 Xem Report User 45 Hin ̀ h 25 BM_Search_Name 46 Hình 26 BM_Search_Local .47 Hình 27 View_Info 48 Hình 28 BM_Login 48 Hình 29 BM_Register 49 Hình 30 BM_Save_Info 51 Hin ̀ h 31 BM_View_Save 51 Hin ̀ h 32 BM_Share_Store .52 Hin ̀ h 33 BM_Comments_Store .52 Hin ̀ h 34 BM_Post_Store 53 Hình 35 BM_Notification 53 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 36 BM_Edit_Name • BM_Edit_Pass Hinh̀ 37 BM_Edit_Pass • BM_Edit_Image 54 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 38 BM_Edit_Image • BM_Logout Hinh̀ 39 BM_Logout 55 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn • • BM_Report_Store Hinh̀ 40 BM_Report_Store 56 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn CHƯƠNG 5: HIỆN THỰC VÀ KIỂM THỬ HỆ THỐNG 5.1 CÀI ĐẶT Sử dụng Xcode version 10.1 với ngôn ngữ Swift MongoDB version 4.0.4 Firebase version 8.2 NodeJS version 8.12.0 5.2 KIỂM THỬ Nộ Thê Xo Sử Th X 57 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn S Xem b Nội dun Đăng n Tìm ki Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Danh sach cá Danh sách nội quán Danh sách lưu Danh sách T Bình luận Đăng viết Chia sẻ q Chỉnh sửa th nhân Đăng x Nội dun Đăng Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Danh sach cá Danh sách nội quán Danh sách T 60 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn CHƯƠNG 6: PHẦN KẾT LUẬN 6.1 KẾT QUẢ ĐẠT ĐƯỢC 6.2 Có kiến thức ngơn ngữ lập trình iOS Swift, ngơn ngữ lập trình Web NodeJS Có kiến thức cơng nghệ sở liệu NoSQL mới: Firebase, MongoDB Có kiến thức server: Tạo Virtual Private Server(VPS) đưa database MongoDB lên Tạo ứng dụng tìm kiếm quán ăn hệ hành iOS có tính năng: o Giúp người dùng xem thông tin cần thiết quán ăn o Giúp người dùng lưu lại địa điểm đánh dấu o Chia sẻ quán ăn o Đăng quán ăn muốn chia sẻ o Report quán ăn ƯU, NHƯỢC ĐIỂM 6.2.1 Ưu điểm Ứng dụng dễ dàng tương tác Dễ dàng sử dụng với người dùng Cho phép tìm kiếm quán ăn theo địa tên qn Lưu ăn u thích Chia sẻ quán ăn với nhiều người Cho phép người dùng review quán ăn cách bình luận đánh giá ăn Cho phép report quán ăn 6.2.2 Nhược điểm: 6.3 Ứng dụng sử dụng vps yếu chạy cịn chậm Thao tác nhanh bị bug khỏi ứng dụng Chưa kiểm soát hết lỗi ứng dụng Chưa có đánh giá quán ăn Chưa có đặt thức ăn đặt chỗ Hiện chưa có thơng báo realtime Chưa có tính mời bạn bè HƯỚNG PHÁT TRIỂN Ứng dụng thực lưu viết, bỏ lưu viết, đăng viết Từ phát triển lên cho phép người dùng có tài khoản có thể: o Đánh giá viết o Sửa xóa viết Phát triển đặt hàng order online đặt chỗ ứng dụng Phát triển thành mạng xã hội cho người dùng tương tác Phát triển thêm tính mời bạn bè cho thơng báo realtime 61 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn TÀI LIỆU THAM KHẢO https://stackoverflow.com https://www.mongodb.com/ https://mongoosejs.com/ https://docs.mongodb.com/ https://firebase.google.com/docs/iOS/setup?authuser=0 [6] https://code.tutsplus.com/vi/articles/an-introduction-to-mongoosefor-mongodb-and-NodeJS cms-29527 [7] https://code.tutsplus.com/vi/articles/an-introduction-to-mongoosefor-mongodb-and-NodeJS cms-29527 [1] [2] [3] [4] [5] 62 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn PHỤ LỤC: HƯỚNG DẪN CÀI ĐẶT Tải file source code Yêu cầu phải chạy máy macbook Mở file có xcworkspace Hinh̀ 41 Mở file source code - Kết nối iphone với macbook, sau build ứng dụng lên Hinh̀ 42 Hình Chạy ứng dụng - Đối với thiết bị chạy lần xuất lỗi Hinh̀ 43 Lỗi chạy ứng dụng lần - Bấm ok sau vào thiết bị iphone làm bước sau 63 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 44 Sửa lỗi bước Hinh̀ 45 Sửa lỗi bước 64 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 46 Sửa lỗi bước Hinh̀ 47 Sửa lỗi bước 65 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 48 Sửa lỗi bước Hinh̀ 49 Sửa lỗi bước 66 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ 50 Sửa lỗi bước - Sau bấm command+R để chạy lại ứng dụng lên iphone 67 ... 15110354 ĐỀ TÀI: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG TÌM KIẾM QN ĂN iOS KHỐ LUẬN CHUN NGÀNH CNPM GVHD: TS NGUYỄN THIÊN BẢO KHÓA 2015 - 2019 Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn ĐH SƯ PHẠM KỸ... làm quen lần Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn Hinh̀ Giao diện ứng dụng ClingMe 2.2 YÊU CẦU CỦA ỨNG DỤNG Ở Việt Nam, năm gần đây, việc ứng dụng tin hocc̣ vào tìm kiếm quán ăn phổ biến... chia sẻ o Báo cáo quán ăn ứng dụng Tìm hiểu xây dựng ứng dụng tìm kiếm quán ăn CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG 2.1 CÁC ỨNG DỤNG TƯƠNG TỰ 2.1.1 Foody: Ấn tượng Foody nằm giao diện ứng dụng đầu tư tốt