Tiểu luận về ứng dụng ẩm thực địa điểm sử dụng công nghệ React Native

Tiểu luận khám phá ứng dụng React Native trong xây dựng mạng xã hội địa điểm ẩm thực, mang đến trải nghiệm ẩm thực phong phú và tiện lợi.

• Tác giả: Trần Minh Hiếu
• Người hướng dẫn: ThS. Nguyễn Hữu Vĩnh
• Trường học: Trường Đại Học Thủ Dầu Một
• Chuyên ngành: Kỹ Thuật Phần Mềm
• Đề tài: Xây Dựng Mạng Xã Hội Địa Điểm Ẩm Thực What Eat Dựa Trên Công Nghệ React Native
• Loại tài liệu: báo cáo chuyên đề thực tập tốt nghiệp
• Năm xuất bản: 2021
• Địa điểm: Bình Dương

Mục lục chi tiết

• LỜI MỞ ĐẦU
• 1. CHƯƠNG 1: TỔNG QUAN VỀ CƠ SỞ THỰC TẬP
• 1.1. Thành lập và phát triển
• 1.2. Chức năng hoạt động của cơ quan tiếp nhận
• 1.3. Lĩnh vực hoạt động
• 1.4. Thế mạnh của công ty. Sơ đồ tổ chức và bố trí nhân sự
• 2. CHƯƠNG 2: NỘI DUNG THỰC TẬP TẠI CƠ QUAN TIẾP NHẬN
• 2.1. Mô tả công việc
• 2.2. Phương thức làm việc
• 2.3. Quy trình thực hiện
• 2.4. Kết quả đạt được
• 3. CHƯƠNG 3: SO SÁNH THỰC TẾ VỚI LÝ THUYẾT. ĐỀ XUẤT GIẢI PHÁP CẢI TIẾN
• 3.1. So sánh thực tế so với lý thuyết
• 3.2. Đề xuất giải pháp cải tiến
• 4. CHƯƠNG 4: XÂY DỰNG VÀ CÀI ĐẶT HỆ THỐNG
• 4.1. Màn hình chính
• 4.2. Bài viết mới
• 4.3. Tìm kiếm và lọc
• 4.4. Chi tiết bài viết
• 4.5. Chỉnh sửa bài viết
• 4.6. Thích bài viết, bình luận
• 4.7. Trang cá nhân của người dùng khác
• 4.8. Chỉnh sửa trang cá nhân
• 4.9. Xoá bài viết
• 4.10. Chi tiết địa điểm
• 4.11. Đổi mật khẩu
• 4.12. Quên mật khẩu
• 4.13. Sơ đồ liên kết màn hình
• 4.14. Sơ đồ triển khai hệ thống
• 5. CHƯƠNG 5: KẾT LUẬN
• 5.1. Kết quả đạt được
• 5.2. Kết quả chưa đạt được
• 5.3. Định hướng phát triển trong tương lai
• KẾT LUẬN VÀ KIẾN NGHỊ
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Phát triển ứng dụng ẩm thực React Native Tổng quan và mục tiêu

Báo cáo chuyên đề tốt nghiệp này tập trung vào việc phát triển ứng dụng ẩm thực dựa trên nền tảng React Native. Ứng dụng mobile ẩm thực React Native này, được đặt tên là What Eat, giải quyết vấn đề khó khăn trong việc tìm kiếm thông tin về địa điểm ăn uống. Ứng dụng hướng đến việc tạo một cộng đồng người dùng chia sẻ đánh giá, review về các nhà hàng, quán ăn. Mục tiêu chính là cung cấp một nền tảng tiện ích, đáng tin cậy cho người dùng. What Eat sử dụng React Native vì khả năng phát triển đa nền tảng, tiết kiệm thời gian và chi phí. Xây dựng ứng dụng đặt món ăn React Native là một phần quan trọng của dự án. Ứng dụng tích hợp nhiều tính năng, bao gồm tìm kiếm, lọc, đánh giá, và bản đồ.

1.1. Lựa chọn React Native

Việc lựa chọn React Native trong phát triển ứng dụng ẩm thực là chiến lược tối ưu. React Native và ứng dụng giao đồ ăn có mối liên hệ mật thiết. Khả năng viết một lần, chạy trên nhiều nền tảng (iOS và Android) của React Native giảm thiểu thời gian và chi phí phát triển. Khả năng tái sử dụng code và cộng đồng hỗ trợ lớn của React Native cũng là những yếu tố quan trọng. So sánh React Native với các framework khác cho thấy React Native thích hợp cho ứng dụng này. Lợi ích của việc sử dụng React Native cho ứng dụng ẩm thực là rõ ràng. Đây là một lựa chọn thực tiễn và hiệu quả.

1.2. Mục tiêu và phạm vi

Ứng dụng ẩm thực React Native What Eat đặt ra mục tiêu cụ thể: tạo một nền tảng chia sẻ review nhà hàng, quán ăn. Ứng dụng tìm kiếm nhà hàng bằng React Native là một chức năng cốt lõi. Ứng dụng cần dễ sử dụng, giao diện trực quan (thiết kế UI/UX ứng dụng ẩm thực React Native). Quản lý dữ liệu ứng dụng ẩm thực React Native cần hiệu quả và bảo mật. Phạm vi ứng dụng bao gồm chức năng chính: tìm kiếm, lọc, xem bản đồ, đánh giá, và đăng bài viết. Tích hợp GPS vào ứng dụng ẩm thực React Native giúp người dùng tìm kiếm nhà hàng gần nhất. Hiện thị địa điểm trên bản đồ trong ứng dụng ẩm thực React Native là một tính năng quan trọng.

II. Thiết kế và phát triển ứng dụng

Phần này tập trung vào quá trình xây dựng ứng dụng đặt món ăn React Native. Hệ thống gợi ý (Recommendation System) được tích hợp để đề xuất các nhà hàng phù hợp với sở thích người dùng. Cơ sở dữ liệu ứng dụng ẩm thực React Native được thiết kế để lưu trữ thông tin nhà hàng, đánh giá, người dùng. Quản lý dữ liệu ứng dụng ẩm thực React Native được thực hiện hiệu quả. Thư viện React Native cho ứng dụng ẩm thực được lựa chọn cẩn thận. API cho ứng dụng ẩm thực React Native được sử dụng để tích hợp các tính năng khác nhau. Ứng dụng ẩm thực React Native tích hợp bản đồ giúp người dùng định vị nhà hàng dễ dàng. Ứng dụng ẩm thực React Native hỗ trợ thanh toán online là một tính năng cần xem xét trong tương lai.

2.1. Kiến trúc ứng dụng

Ứng dụng sử dụng kiến trúc MVC hoặc tương tự. Hồ sơ lập trình React Native cho ứng dụng ẩm thực được tuân thủ nghiêm ngặt. Hướng dẫn lập trình ứng dụng ẩm thực React Native được cung cấp đầy đủ. Ứng dụng sử dụng các thư viện phổ biến của React Native. Ứng dụng được thiết kế theo hướng module để dễ bảo trì và mở rộng. Tối ưu hiệu năng ứng dụng ẩm thực React Native là ưu tiên hàng đầu.

2.2. Tính năng chính

Các tính năng chính của ứng dụng bao gồm: tạo ứng dụng review nhà hàng React Native, tìm kiếm nhà hàng theo tên, địa điểm, loại món ăn; lọc kết quả tìm kiếm; xem thông tin chi tiết nhà hàng trên bản đồ (tích hợp GPS vào ứng dụng ẩm thực React Native); đánh giá và bình luận; đăng bài viết review; ứng dụng ẩm thực React Native với chức năng đặt bàn. Ứng dụng ẩm thực React Native tích hợp mạng xã hội cũng là một hướng phát triển. Phân tích dữ liệu người dùng trong ứng dụng ẩm thực React Native giúp cải thiện trải nghiệm.

III. Kiểm thử và triển khai

Sau khi hoàn thành, ứng dụng trải qua giai đoạn kiểm thử kỹ lưỡng. Test ứng dụng ẩm thực React Native bao gồm kiểm thử chức năng, hiệu năng, và bảo mật. An ninh ứng dụng ẩm thực React Native được đặt lên hàng đầu. Triển khai ứng dụng ẩm thực React Native lên các kho ứng dụng (App Store và Google Play). Ví dụ ứng dụng ẩm thực React Native được nghiên cứu để tham khảo. Ứng dụng ẩm thực React Native nguồn mở có thể được xem xét cho mục đích học tập.

3.1. Kiểm thử

Quá trình kiểm thử bao gồm nhiều giai đoạn: kiểm thử đơn vị, tích hợp, hệ thống, và người dùng. Các lỗi được phát hiện và sửa chữa kịp thời. Kiểm thử ứng dụng đảm bảo chất lượng và trải nghiệm người dùng tốt nhất. Ứng dụng cần đáp ứng các tiêu chuẩn về hiệu năng và bảo mật. Kiến trúc ứng dụng cần được thiết kế để dễ dàng kiểm thử.

3.2. Triển khai và bảo trì

Sau khi kiểm thử thành công, ứng dụng được triển khai lên các kho ứng dụng. Chi phí phát triển ứng dụng ẩm thực React Native được tối ưu. Xu hướng ứng dụng ẩm thực React Native được cập nhật thường xuyên. Thị trường ứng dụng ẩm thực React Native cạnh tranh nhưng có tiềm năng lớn. Việc bảo trì và cập nhật ứng dụng là cần thiết để khắc phục lỗi và thêm tính năng mới. Báo cáo này đề cập đến các vấn đề bảo trì và cập nhật.

Trích đoạn nội dung tài liệu

LỜI MỞ ĐẦU Đại dịch COVID-19 ngày càng diễn biến phức tạp hơn khiến học tập và làm việc gặp không ít kh khăn. Nhờ sự phát triển của công nghệ, việc học tập và làm việc trực tuyến đang là một giải pháp hiệu quả được đa số trường học và công ty lựa chọn. Tuy nhiên do dịch bệnh nên các công ty đang tuyển thực tập sinh với số lượng hạn chế, dẫn đến sinh viên ít cơ hội được thực tập thực tế hơn. Chính v thế việc tham gia một khoá học trong thời gian này là một giải pháp thay thế tương đối hợp lý.

Linux là một hệ điều hành khá phổ biến hiện nay, n thường xuất hiện trên rất nhiều hệ thống đặc biệt là hệ thống máy chủ. Hiểu biết về hệ điều hành này không chỉ giúp chúng ta xử lý những công việc liên quan mà còn giúp mở rộng kiến thức. Nhận thức được tầm quan trọng đ, Công ty cổ phần CrossTech đã phối hợp cùng Công ty TEL4VN và trường Đại học Thủ Dầu Một tổ chức khoá học Linux Essential, giúp sinh viên có cái nhìn mới và hiểu biết hơn về hệ điều hành Linux. Với khoá học này em đã tích luỹ cho mình rất nhiều kiến thức bổ ích và biết cách vận dụng nó một cách hiệu quả.

Song song với quá trình thực tập tại CrossTech, theo yêu cầu của giáo viên hướng dẫn tại trường, em đã nghiên cứu và thực hiện đề tài “Xây dựng Mạng xã hội địa điểm ẩm thực What Eat”. “Hôm nay ăn g?” – Đây không chỉ là một câu hỏi, đây còn là nỗi ám ảnh đối với rất nhiều người mỗi khi muốn đi ăn g đ. Buổi sáng, buổi trưa, buổi tối, câu hỏi đ sẽ xuất hiện bất cứ lúc nào mỗi khi con người ta muốn đi ăn. Vậy câu trả lời cho nó là gì? Thật kh đúng không! Bởi vì hiện nay có rất nhiều mn ăn cũng như cửa hàng để mọi người lựa chọn.

Tuy nhiên để chọn một mn ăn ngon cũng như một địa điểm uy tín lại là một vấn đề khá hóc búa. Trước nhu cầu như trên, các Food Reviewer – những người chuyên đánh giá các địa địa điểm và các mn ăn lần lượt xuất hiện ngày càng nhiều. Song song đ là các website, hội nhóm về ẩm thực cũng xuất hiện ngày một nhiều. Tuy nhiên, đến hiện tại vẫn chưa c một ứng dụng hoặc website nào thật sự đáng tin cậy.

Trước những vấn đề đ, em đã nãy ra ý tưởng thực hiện một ứng dụng để giải quyết vấn đề trên. Và từ đ ứng dụng What Eat được ra đời. Ý tưởng chính của ứng dụng dựa trên các nền tảng mạng xã hội phổ biến hiện nay như Facebook, Instagram, Tiktok, … với những chức năng cơ bản mà một mạng xã hội hiện c. Điểm đặc biệt của ứng dụng là ứng dụng trí tuệ nhân tạo và hệ thống gợi ý để gợi các mn ăn, địa điểm dựa trên thói quen tìm kiếm và sử dụng ứng dụng của ngườ i dùng.

Ứng dụng cũng tích hợp Google Map giúp việc tìm kiếm của người dùng, cũng như việc gợi ý dựa trên địa điểm hiện tại của họ trở nên dễ dàng hơn. Trong báo cáo này em sẽ chia thành 02 phần với những nội dung như sau: PHẦN 1: THỰC TẬP TẠI DOANH NGHIỆP. Gồm các chương: Chương 1: Tổng quan về cơ sở thực tập Chương 2: Nội dung thực tập tại cơ quan tiếp nhận Chương 3: So sánh thực tế với lý thuyết. Đề xuất giải pháp cải tiến.

PHẦN 2: ĐỀ TÀI TỰ NGHIÊN CỨU. G ồm các chương: Chương 1: Giới thiệu tổng quan đề tài Chương 2: Cơ sở lý thuyết và công nghệ Lời mở đầu Trang 1 0 0 c CHƯƠNG 4: XÂY DỰNG VÀ CÀI ĐẶT HỆ THỐNG. Màn hình chính. Bài viết mới.

Tìm kiếm và l ọc. Chi tiết bài viết. Chỉnh sửa bài viết. Thích bài viết, bình luận.

Trang cá nhân của người dùng khác. Chỉnh sửa trang cá nhân. Xoá bài viết. Chi tiết địa điểm.

Đổi mật khẩu. Quên mật khẩu. Sơ đồ liên kết màn hình. Sơ đồ triển khai hệ thống.

CHƯƠNG 5: KẾT LUẬN. Kết quả đạt được. Kết quả chưa đạt được. Định hướng phát triển trong tương lai.

88 KẾT LUẬN VÀ KIẾN NGHỊ. Ý kiến bản thân sau khi hoàn thành báo cáo thực tập tốt nghiệp. 90 TÀI LIỆU THAM KHẢO. Tài liệu đơn vị cung cấp.

Tài liệu trên mạng. Tài liệu giáo trình. 9 0 0 c vi 0 0 c DANH MỤC BẢNG Bảng 1 - Các cột mốc quan trọng trong quá trình thành l ập và phát triển của Công ty Cổ phần CrossTech. Bảng 2 - Các thành viên Co-Founder của CrossTech.

6 Bảng 3 - Các thành viên trong Training Team. 6 Bảng 4 - Các thành viên trong HR Team. 7 Bảng 5 - Các thành viên trong Content Team. 8 Bảng 6 - Các thành viên trong Design Team.

8 Bảng 7 - Các thành viên trong Marketing Team. 9 Bảng 8 - Thành viên trong Admin Team. Bảng 9 – Bảng các nhóm công cụ Firebase Develop & Test Your App. 23 Bảng 10 - Bảng các nhóm công cụ Firebase Grow & Engage Your Audience.

23 Bảng 11 - Bảng đặc tả use case đăng nhập. 30 Bảng 12 - Bảng đặc tả use case đăng ký. 31 Bảng 13 - Bảng đặc tả use case quên mật khẩu. 32 Bảng 14 - Bảng đặc tả use case đổi mật khẩu.

34 Bảng 15 - Bảng đặc tả use case đăng xuất. 35 Bảng 16 - Bảng đặc tả use case đăng bài viết. 36 Bảng 17 - Bảng đặc tả use case chỉnh sửa bài viết. 38 Bảng 18 - Bảng đặc tả use case xoá bài viết.

39 Bảng 19 - Bảng đặc tả use case thích bài viết. 40 Bảng 20 - Bảng đặc tả use case bình luận vào bài viết. 41 Bảng 21 - Bảng đặc tả use case lưu bài viết. 42 Bảng 22 - Bảng đặc tả use case xem bản đồ.

43 Bảng 23 - Bảng đặc tả use case tìm kiếm. 44 Bảng 24 - Bảng đặc tả use case thông báo. 46 Bảng 25 - Bảng đặc tả use case nhắn tin. 47 Bảng 26 - Bảng đặc tả use case theo dõi người dùng.

48 Bảng 27 - Bảng đặc tả use case huỷ theo dõi người dùng. 49 Bảng 28 - Bảng đặc tả use case cập nhật thông tin cá nhân. 50 0 0 Bảng 29 - Bảng đặc tả use case cập nhật ảnh đại diện. 51 c Bảng 30 Bảng đặc tả use case thống kê.

52 Bảng 31 - Bảng đặc tả use case quản lý người dùng. 53 Bảng 32 - Bảng đặc tả use case quản trị quyền của tài khoản. 53 vii Bảng 33 - Bảng đặc tả use case quản lý danh sách địa điểm. 54 Bảng 34 - Bảng đặc tả use case quản lý danh mục.

55 Bảng 35 - Bảng dữ liệu người dùng 0. 0 6 Bảng 36 - Bảng dữ liệu các tài khoản c người dùng đang theo dõi. 66 Bảng 37 - Bảng dữ liệu các tài khoản đang theo dõi người dùng. 67 Bảng 38 – Bảng dữ liệu bài viết.

6 Bảng 39 - Bảng dữ liệu thích bài viết. 6 Bảng 40 - Bảng dữ liệu bình luận. 6 Bảng 41 - Bảng dữ liệu lưu trữ bài viết. 68 Bảng 42 - Bảng dữ liệu địa điểm.

6 Bảng 43 - Bảng dữ liệu các danh mục. 6 Bảng 44 - Bảng dữ liệu các quyền hạn. 6 Bảng 45 - Bảng dữ liệu tin nhắn. 6 Bảng 46 - Bảng dữ liệu mn ăn.

6 viii 0 0 c DANH MỤC HÌNH Hình 1 - Một vài số liệu nổi bật của công ty. 4 Hình 2 - Sơ đồ tổ chức Công ty Cổ phần CrossTech. 5 Hình 3 - Đội ngũ Mentor tại CrossTech. 7 Hình 4 - Buổi khai giảng khoá học, ngày 24/09/2021.

11 Hình 5 - Buổi học đầu tiên, ngày 26/09/2021. Nguồn: TEL4VN. 11 Hình 6 - Buổi học thứ 2, ngày 10/10/2021. Nguồn: TEL4VN.

11 Hình 7 - Buổi học thứ 3, ngày 17/10/2021. Nguồn: TEL4VN. 12 Hình 8 - Buổi seminar Road Map 4U, ngày 23/10/2021. 12 Hình 9 - Buổi học thứ 4, ngày 31/10/2021.

Nguồn: TEL4VN. 12 Hình 10 - Tổng kết khoá học ngày 31/10/2021. Kết thúc khoá Linux Essential. 13 Hình 11 - Chứng chỉ hoàn thành khoá học Linux Essential.

13 Hình 12 - Giao diện website Foody. Hình 13 - Giao diện ứng dụng Foody 0 17 c Hình 14 - Ứng dụng Hatto. 1 Hình 15 - Website Bản đồ ăn. 1 Hình 16 - Website Bản đồ ăn - Chi tiết địa điểm.

19 Hình 17 - Ứng dụng được xây dựng bằng React Native. 20 Hình 18 - Một số ứng dụng của Nodejs. 21 Hình 19 - Giao diện Firebase. 2 Hình 20 - Hệ thống gợi ý của ứng dụng Spotify.

27 Hình 21 - Ma trận users - items. 2 Hình 22 - Ma trận dữ liệu đã được chuẩn hoá. 28 Hình 23 - Cấu trúc của Redux. 2 Hình 24 - Sơ đồ use case.

Hình 26 - Sơ đồ tuần tự chức năng đăng nhập. 58 Hình 27 - Sơ đồ tuần tự chức năng đăng ký. 58 Hình 28 - Sơ đồ tuần tự chức năng quên mật khẩu. 59 Hình 29 - Sơ đồ tuần tự chức năng đổi mật khẩu.

60 Hình 30 - Sơ đồ tuần tự chức năng đăng xuất. 60 Hình 31 - Sơ đồ tuần tự chức năng đăng bài viết mới. 61 Hình 32 - Sơ đồ tuần tự chức năng chỉnh sửa bài viết. 61 Hình 33 - Sơ đồ tuần tự chức năng xoá bài viết.

62 ix 0 0 c Hình 34 - Sơ đồ tuần tự chức năng thích bài viết. 62 Hình 35 - Sơ đồ tuần tự chức năng bnh luận. 63 Hình 36 - Sơ đồ tuần tự chức năng lưu bài viết. 63 Hình 37 - Sơ đồ tuần tự chức năng xem bản đồ.

64 Hình 38 - Sơ đồ tuần tự chức năng tm kiếm. 64 Hình 39 - Sơ đồ tuần tự chức năng nhắn tin. 64 Hình 40 - Sơ đồ tuần tự chức năng theo dõi người dùng. 65 Hình 41 - Sơ đồ tuần tự chức năng huỷ theo dõi người dùng.

65 Hình 42 - Sơ đồ tuần tự chức năng cập nhật ảnh đại diện. 65 Hình 43 - Sơ đồ tuần tự chức năng cập nhật thông tin cá nhân. 66 Hình 44 - Giao diện đăng nhập. 7 Hình 45 - Giao diện đăng ký .