React Native and Fhebase technologies are used to develop the application, and research focuses on exploring new technologies to improveperformance and increasecustomer dust indie servic
Hội nghị Khoa học trẻ ỉần 5 năm 2023(YSC2023)-ỈUH YSC5.F024 XÂY DựNG ỨNG DỤNG HÕ TRỢ TÌM KIỂM THỢ SỬA KHÓA NGUYỄN VĂN THẮNG1’, NGUYỄN MINH VUƠNG2, NGUYỄN VĂN TRINH1 Khoa Công nghệ Thông tin, Trường Đại học Công nghiệp Thành phổ Hồ Chỉ Minh \guyenvanthang@iuh edu vn T óm tăt Hiện nay, ứng dụng di động không chỉ đơn giản là một công cụ giải trí mà còn hỗ trọ’ chúng ta trong các hoạt động tìm kiếm dịch vụ Tuy nhiên, việc tìm kiếm một thợ khóa đáng tin cậy là một thách thức đối với khách hàng Vì vậy, nghiên cứu tập trung vào phát hiển một ứng dụng di động giúp khách hàng tìm kiếm và kết nối các thợ khóa chuyên nghiệp trong khu vực của họ ứng dụng cung cấp các tính năng hiển thị vị trí của các thợ khóa gần đó và xếp hạng của họ để giúp khách hàng tìm thợ khóa phù hợp ứng dụng cũng tích hợp Google Maps API để thợ khóa có thể cập nhật vị trí hiện tại và tiếp cận vị trí khách hàng nhanh chóng Sử dụng công nghệ React Native và Fhebase để phát triển ứng dụng và tập trung vào việc nghiên cứu các công nghệ mới để cải thiện hiệu năng và tăng sự tin tưởng của khách hàng đối với dịch vụ Từ khóa Google Maps API, React Native, Fhebase BUILD AN APPLICATION TO SUPPORT FINDING A LOCKSMITH Abstract Currently, mobile applications are not just a tool for entertainment but also assist US in finding services However, finding a reliable locksmith is a challenge for customers Therefore, the research focuses on developing a mobile application that helps customers search for and connect with professional locksmiths in their area The application provides features to display die location and ratings of nearby locksmiths, helping customers find the right locksmith The application also integrates Google Maps API, allowing locksmiths to quickly update theữ current location and access die customer's location React Native and Fhebase technologies are used to develop the application, and research focuses on exploring new technologies to improve performance and increase customer dust in die service Keywords Google Maps API, React Native, Fhebase 1 LÝ DO CHO Sự XUẤT HIỆN CỦA ỨNG DỤNG HÕ TRỢ TÌM THỢ SỬA KHÓA? Trong cuộc sống hiện đại, ứng dụng di động hở thành một phần không thể thiếu của con người, vì nó cung cấp cho chúng ta tiện ích và tiện lợi dong mọi lĩnh vực Trong lĩnh vực tìm kiếm dịch vụ, việc tìm kiếm một thợ sửa khóa đáng tin cậy là một thách thức đối với khách hàng Việc tìm thợ sửa khóa huyền thống có thể làm khách hàng mất nhiều thời gian và công sức để tìm một thợ sửa khóa chuyên nghiệp, đáng tin cậy và giá cả hợp lý Do đó sự xuất hiện của ứng dụng di động hỗ trợ tìm thợ sửa khóa đã giúp giải quyết vấn đề này và tạo ra sự tiện lợi cho người sử dụng 2 LỢI ÍCH VÀ VAI TRÒ CỦA ỨNG DỤNG HÕ TRỢ TÌM THỢ SỬA KHÓA 2.1 Lọi ích của khách hàng khi sử dụng úng dụng • Tiết kiệm thời gian và công sức: Khách hàng không cần phải tốn nhiều thời gian và công sức để tìm kiếm thợ sửa khóa phù hợp Thay vào đó, họ có thể sử dụng ứng dụng để tìm kiếm các thợ sửa khóa dong khu vực của mình và chọn thợ sửa khóa phù hợp • Tăng tính chính xác: ứng dụng hỗ trợ tìm thợ sửa khóa giúp khách hàng tìm kiếm và kết nối với các thợ sửa khóa chuyên nghiệp trong khu vực của họ Điều này đảm bảo tính chính xác và độ tin cậy dong quá hình sửa chữa khóa của khách hàng 278 © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh Hội nghị Khoa học trẻ lần 5 năm 2023(YSC2023)-ỈUH • Tiết kiệm chi phí: Khách hàng có thể sử dụng ứng dụng để so sánh giá cả và chọn thợ sửa khóa với giá cả hợp lý nhất, giúp họ tiết kiệm chi phí • Dịch vụ thân thiện: Khách hàng có thể quản lý được quá trình của thợ sửa khóa từ lúc bắt đầu đơn hàng đến khi kết thúc đơn 2.2 Lọi ích của thợ sửa khóa khi đãng ký sử dụng úng dụng • Tăng khả năng tiếp cận khách hàng: Khi sử dụng ứng dụng, thợ sửa khóa có thể nhận được đơn của những khách hàng tiềm năng trong khu vực của mình mà không cần quảng bá • Xác định vị trí khách hàng: Khi khách hàng đăng kí yêu cầu dịch vụ, thợ sửa khóa có thể xác định vị trí của khách hàng thông qua ứng dụng và tiếp cận khách hàng một cách nhanh chóng và tiện lợi • Đánh giá và tăng khả năng tin cậy: Khách hàng sử dụng ứng dụng có thể đánh giá về dịch vụ của thợ sửa khóa sau khi kết thúc đơn hàng, từ đó giúp tăng khả năng tin cậy và uy tín của thợ sửa khóa 2.3 Vai trò của ứng dụng hỗ trợ tìm thợ sửa khóa • Tự động hóa tất cả quỵ hình: Kết nối với khách hàng và thợ sửa khóa, cập nhật trạng thái đơn hàng, thống kê được số lượng đơn yêu cầu trong ngày • Thợ sửa khóa được hỗ trợ tối đa nhờ hệ thống định vị GPS, giúp tìm ra địa điểm nhanh chóng, chính xác • Bảo mật thông tin khách hàng, thông tin đơn hàng và cả thông tin của thợ sửa khóa Tóm lại, ưng dụng hỗ trợ tìm thợ sửa khỏa đỏng vai trò quan trọng trong việc khách hàng và thợ sửa khỏa, đồng thời mang lại lợi ích cho cả hai bên trong việc tìm kiếm và cung cấp dịch vụ sửa khỏa chất lượng 3 CÁC CÔNG NGHẸ LIÊN QUAN 3.1 NodeJS Khái niệm NodeJS • NodeJS là một nền tảng (platform) phía Server side được xây dựng, vận hành hên V8 JavaScript runtime của Chrome giúp xây dựng và phát hiển các ứng dụng mạng một cách nhanh chóng và có khả năng mở rộng dễ dàng • Node.js ra mắt vào năm 2009, bởi Ryan Dahl và nhận sự bảo trợ từ công tỵ Joyent (Hoa Kỳ) • Phan core bên dưới của Node.js hầu hết được viết bằng C++ Chính vì thế mà tốc độ xử lý và hiệu năng khá cao • Bên cạnh đó, Node.js còn tạo ra ứng dụng có tốc độ xử lý nhanh với thời gian thực (real-time) • Node.js cũng được áp dụng để tạo các sản phẩm có lượng truy cập lớn, mở rộng nhanh và đổi mới công nghệ hoặc tạo dự án startup tiết kiệm thời gian nhất Đặc điếm của NodeJS Nodejs có nhiều đặc điểm nổi bật, vượt trội Nắm được các đặc điểm này sẽ giúp bạn hiểu sâu hơn về Nodejs, đồng thời đưa ra quyết định sử dụng nền tảng này chính xác • Bất đồng bộ và phát sinh sự kiện (Non-blocking and Event Driven): Tất các các APIs của thư viện Node.js đều bất đồng bộ (non-blocking), NodeJS không cần đợi một API trả về dữ liệu Server chuyển sang một API khác sau khi gọi nó và có cơ chế riêng để gửi thông báo và nhận phản hồi về các hoạt động của Node.js và API đã gọi • Tốc độ nhanh: Phan core phía dưới được viết gần như toàn bộ bằng C++ kết hợp Chrome V8 Engine nên tốc độ xử lý công việc của Node.js cực nhanh, nhưng vẫn đảm bảo được tính chuẩn xác • Đơn giản - Hiệu năng cao: Node.js sử dụng một mô hình luồng đơn luồng (single thread) và các sự kiện lặp (event-loop) Cơ chế sự kiện cho phép phía Server trả về phản hồi theo non-blocking, đồng thời tăng hiệu quả sử dụng Các luồng đơn cung cấp dịch vụ cho nhiều request hơn han Server huyền thống • Không lưu bộ nhớ đệm (non buffer): Nen tảng Node.js không có vùng nhớ đệm, tức không cung cấp khả năng lưu hữ dữ liệu buffer © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh 279 Hội nghị Khoa học trẻ lần 5 nám 2023(YSC2023)-ỈUH Ảnh minh họa NodeJ s 3.2 React Native React Native là gì? Được phát triển bởi Facebook, React Native là một framework hướng đến phát triển ứng dụng di động đa nền tảng Với sự trợ giúp của React Native, lập trình viên (developer) có thể sử dụng JavaScript để tạo ra mobile apps (ứng dụng di động) hỗ trợ cho cả nền tảng Android và ÍOS Instagram, Facebook, Skype, là những ứng dụng nổi bật sử dụng React Native Ảnh minh họa React Native React Native hoạt động như thế nào? React Native hoạt động được nhờ tích họp 2 thread là Main Thread và JS Thread cho ứng dụng mobile Trong đó: ■ Main Thread: cập nhật giao diện người dùng (UI) và xử lý tương tác người dùng * JS Thread: thực thi và xử lý code Javascript 280 © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh Hội nghị Khoa học trẻ lần 5 nám 2023(YSC2023)-ỈUH Hai luồng Main Thread và JS Thread này hoạt động độc lập với nhau Hai Thread sẽ tương tác với nhau nhờ một Bridge(cầu nối) Chiếc cầu này sẽ chuyển đỗi dữ liệu qua lại giữa các Thread ưu điểm o Có thể tái sử dụng code React Native cho phép các developer có thể tái sử dụng code trong khi phát triển các ứng dụng đa nền tảng Đặc biệt, developer có thể tái sử dụng hầu như 80-90% các đoạn code thay vi phải viết và tạo các úng dụng riêng biệt cho các nền tảng khác nhau Ưu điểm này giúp người dùng: * Tiết kiệm thời gian và giảm chi phí phát triển của một ứng dụng ■ T ận dụng nguồn nhân lực tốt hon ■ Duy trì ít code hơn, ít bugs hơn * Các tính năng trong cả 2 platforms cũng tương tự nhau Ảnh minh họa React Native o Cộng đồng người dùng lón React Native được đánh giá là một trong những Framework được yêu thích nhất (khảo sát của stack overflow vào năm 2019) Nhờ cộng đồng ngưòi dùng rất lớn trên toàn thế giới, bạn có thể tim sự hỗ trợ nếu gặp phải bugs o Tính ồn định và tối ưu Được phát triển bởi Facebook, React Native có hiệu năng ốn định khá cao • Mã React Native giúp đơn giản hóa quá trình xử lý dữ liệu * Đội ngũ phát triển ứng dụng không quá lớn • Xây dựng ứng dụng ít native code nhất cho nhiều hệ điều hành khác nhau ■ Trãi nghiệm người dùng tốt hon khi so sánh vói ứng dụng Hybrids © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh 281 Hội nghị Khoa học trẻ lần 5 nám 2023(YSC2023)-ỈUH Ảnh minh họa React Native Nhược điểm • Yêu cầu Native code ■ Hiệu năng kém hon so với Native App * Bảo mật chưa thật sự tốt do dùng JavaScript Do sử dụng JavaScript, người đùng cũng sẽ bị ảnh hưởng bởi nhũng đặc điểm của JavaScript: dễ làm dễ sai, dẫn đến khó duy trì về sau ■ Quản lý bộ nhớ ■ Tùy biến chưa thật sự tốt ở một số module ■ Không thích hợp cho các app cần năng lực tính toán cao (hash, crypto, etc) 3.3 Firebase (NOSQL) / Fire base • Firebase là gi ? - Fire base là nền tảng đám mây của Google, cung cấp các dịch vụ và công cụ để xây dựng và phát triển ứng dụng di động và web Nó bao gồm các tính năng quản lý cơ sở dữ liệu realtime, lưu trtt dữ liệu, xác thực người dùng, push notification, phân tích và thu thập dữ liệu và nhiều tính năng khác Fhebase được thiết kế để hỗ trợ các ứng dụng với lượng người dùng lớn và yêu cầu thời gian thực - Friebase cung cấp cho các nhà phát triển một cách tiếp cận dễ dàng và nhanh chóng để tạo ra ứng dụng chất lượng cao mà không cần quá nhiều kiến thức về hạ tầng phía server Thay vì phải xây dụng các tính năng của ứng dụng như lưu trữ dữ liệu, phân tích và thu thập dữ liệu, Fhebase cung cấp cho các nhà phát triển một cách để dễ dàng tích hợp các tính năng này vào ứng dụng của họ bằng cách sử dụng các API và SDK được cung cấp bởi Fứebase 282 © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh Hội nghị Khoa học trẻ lần 5 nám 2023(YSC2023)-ỈUH - Firebase đã trở thành một trong những nền tảng đám mây phỗ biến nhất trong cộng đồng phát triển ứng dụng di động rà web, với hàng triệu ứng dụng được xây dựng bằng Firebase 3.4 Map4D Map4D là một dịch vụ địa lý đa nền tảng cung cấp bản đồ và công nghệ không gian 3D Vói Map4D, người dùng có thể khám phá, tìm kiếm rà tương tác với địa điểm trên bản đồ thông qua các ứng dụng di động và web Dịch vụ này cung cấp các công cụ và API cho việc tích hợp dữ liệu địa lý vào ứng dụng của bạn và mang lại trải nghiệm địa lý tương tác và trực quan cho người dùng Map4D Ảnh minh họa Map4D 4 KFIX: ÚNG DỤNG HỔ TRỢ TÌM THỢ SỬA KHÓA 4.1 So’ lược công nghệ sử dụng • Font-end: - React!S: Tạo giao diện website phục rụi cho các chức năng quản lý - React Native: Tạo giao diện app, phục vụ các chức năng của người dùng và thợ khóa • Back-end: -NodeJS (JavaScript): là framework hiện đại và mới của ngôn ngữ lập trinh java,nodejs chịư trách nhiệm tạo ra các API, xử lý các request, đồng thòi cũng chịu trách nhiệm xử lý và lưu dữ liệu xuống database • Database: - Ffrebase: Là nơi lưu trữ các dữ liệu của toàn hệ thống như dữ liệu người dùng, thợ khóa, đơn hàng Ngoài ra hỗ trợ cho các chức năng realtime cho ứng dụng 4.2 Phân tích thiết kế hệ thống ửng dụng quản lý shipper 4.2.1 Sơ đồ Use case Sơ đồ use case © 2023 Trường Đại học Công nghiệp Thành phố Hồ Chí Minh 283 Hội nghị Khoa học trẻ lần 5 nám 2023(YSC2023)-ỈUH 4.2.2 Class diagram Sơ đồ lớp 4.2.3 Giao diện đồ họa (Các màn hình đại diện) 14:47 o 3 à