Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User

Luận văn xây dựng ứng dụng tìm kiếm và đặt đồ ăn quanh vị trí người dùng - ĐH SPKT TPHCM

• Tác giả: Phạm Duy Lập
• Người hướng dẫn: TS. Lê Vĩnh Thịnh
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2022
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan ứng dụng tìm kiếm và đặt món ăn quanh vị trí người dùng

Sự phát triển mạnh mẽ của công nghệ di động đã thay đổi sâu sắc thói quen ăn uống của người tiêu dùng hiện đại. Đề tài nghiên cứu tốt nghiệp ngành Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh (ĐH SPKT TPHCM) do sinh viên Phạm Duy Lập và Đinh Minh Thiện thực hiện dưới sự hướng dẫn của Tiến sĩ Lê Vĩnh Thịnh đã tập trung giải quyết nhu cầu thực tiễn này. Đề tài phát triển hệ thống ứng dụng di động thông minh hỗ trợ người dùng tìm kiếm quán ăn, quán cà phê trong phạm vi gần nhất và đặt món giao tận nơi một cách thuận tiện. Hệ thống gồm hai phân hệ chính: ứng dụng di động Android dành cho khách hàng tìm đường và đặt đồ ăn, cùng website quản trị dành cho doanh nghiệp và quản trị viên quản lý thực đơn, đơn hàng và tài khoản người dùng. Dự án kết hợp công nghệ định vị không gian địa lý cùng nền tảng kiến trúc phần mềm hiện đại nhằm tối ưu hóa trải nghiệm ẩm thực cho cộng đồng học đường và cư dân đô thị xung quanh.

1.1. Bối cảnh nghiên cứu tại Trường ĐH SPKT TPHCM

Khu vực xung quanh các trường đại học lớn như ĐH SPKT TPHCM tập trung mật độ sinh viên và người lao động rất cao. Nhu cầu tìm kiếm quán ăn, quán cà phê phù hợp với ngân sách và sở thích cá nhân diễn ra hàng ngày. Tuy nhiên, việc tìm kiếm quán ăn truyền thống phụ thuộc vào truyền miệng hoặc các bài đăng mạng xã hội thiếu tính hệ thống. Nhiều địa điểm ăn uống chất lượng không được quảng bá rộng rãi. Người mua gặp khó khăn trong việc xác định khoảng cách, thời gian di chuyển và mức giá cụ thể. Khảo sát thực tế từ nhóm nghiên cứu cho thấy sự cần thiết của một nền tảng số chuyên biệt. Công cụ này phải hiển thị trực quan bản đồ địa phương và cung cấp dịch vụ đặt món nhanh chóng.

1.2. Mục tiêu phát triển hệ thống định vị ẩm thực

Mục tiêu cốt lõi của đề tài là xây dựng hoàn chỉnh giải pháp công nghệ kết nối khách hàng với các đơn vị kinh doanh ăn uống. Ứng dụng di động giúp người dùng định vị chính xác vị trí cá nhân trên bản đồ số. Từ đó, phần mềm tự động gợi ý danh sách nhà hàng và quán cà phê lân cận trong bán kính tối ưu. Hệ thống cung cấp chỉ đường chi tiết bằng thuật toán định tuyến giao thông. Đồng thời, nền tảng tích hợp tính năng tạo đơn hàng, quản lý giỏ hàng và theo dõi trạng thái giao nhận trực tuyến. Phía máy chủ đảm bảo việc lưu trữ và đồng bộ dữ liệu giao dịch liên tục giữa các tác nhân trong hệ thống một cách an toàn và bảo mật.

II. Phân tích thực trạng tìm kiếm quán ăn và đặt món quanh người dùng

Thực trạng tìm kiếm và đặt hàng ẩm thực tại các đô thị đông đúc đang bộc lộ nhiều điểm nghẽn kỹ thuật và trải nghiệm. Người tiêu dùng thường xuyên đối mặt với việc thông tin địa điểm bị sai lệch tọa độ trên bản đồ. Các ứng dụng thương mại hiện hành thường ưu tiên hiển thị những đối tác trả phí quảng cáo thay vì quán ăn thực tế ở gần người dùng nhất. Điều này gây khó khăn lớn cho sinh viên muốn tìm kiếm quán ăn hợp túi tiền trong phạm vi đi bộ hoặc xe máy ngắn hạn. Mặt khác, các quán ăn nhỏ và căng tin địa phương không đủ kinh phí duy trì trên các nền tảng giao hàng lớn do chiết khấu hoa hồng quá cao. Quá trình xử lý đơn hàng thủ công qua điện thoại hay tin nhắn dẫn đến sai sót thực đơn và thất lạc dữ liệu. Hệ thống công nghệ thiếu đồng bộ giữa định vị địa lý, xử lý đơn hàng và hiển thị thời gian thực tạo ra rào cản lớn đối với cả khách hàng lẫn nhà hàng cơ sở.

2.1. Thách thức định vị và gợi ý lộ trình di chuyển

Thách thức lớn nhất trong việc phát triển ứng dụng di động theo vị trí là độ chính xác của định vị GPS. Môi trường đô thị với nhiều tòa nhà cao tầng thường gây nhiễu tín hiệu vệ tinh. Sai số vị trí khiến bản đồ định vị lệch khỏi tọa độ thực tế của khách hàng. Bên cạnh đó, thuật toán tính toán khoảng cách cần phải dựa trên mạng lưới đường đi thực tế thay vì đường chim bay đơn thuần. Việc vẽ lộ trình di chuyển từ vị trí khách hàng đến quán ăn đòi hỏi xử lý dữ liệu bản đồ phức tạp và liên tục cập nhật theo thời gian thực để tránh nghẽn mạng.

2.2. Vấn đề đồng bộ đơn hàng giữa khách hàng và quán

Quy trình đặt món truyền thống gặp nhiều trở ngại trong khâu kiểm soát giỏ hàng và trạng thái đơn hàng. Khi khách hàng thao tác thêm sản phẩm từ nhiều đơn vị khác nhau vào giỏ hàng, việc phân tách đơn theo từng quán ăn đòi hỏi cơ chế xử lý logic chặt chẽ. Nếu không có hệ thống quản lý tập trung, quán ăn không nhận được thông báo kịp thời khi có đơn mới. Khách hàng cũng không thể theo dõi đơn hàng đang ở bước tiếp nhận, chuẩn bị hay vận chuyển. Sự thiếu hụt thông tin trạng thái dẫn đến trải nghiệm tiêu cực, chậm trễ thời gian phục vụ và tăng tỷ lệ hủy đơn ngoài ý muốn của các bên tham gia giao dịch.

III. Giải pháp công nghệ xây dựng ứng dụng đặt món ăn theo vị trí thực

Để giải quyết triệt để các vấn đề trên, nhóm tác giả từ ĐH SPKT TPHCM đã xây dựng giải pháp công nghệ toàn diện kết hợp giữa Flutter và Node.js. Nền tảng phân tách kiến trúc hệ thống rõ ràng thành ba lớp: giao diện người dùng di động, hệ thống quản trị website và tầng dịch vụ máy chủ trung tâm. Ứng dụng di động được xây dựng nhằm phục vụ khách hàng tra cứu bản đồ, chọn lựa thực đơn và đặt giao hàng thuận tiện. Hệ thống website đóng vai trò giao diện quản lý dành cho đối tác nhà hàng cập nhật món ăn và quản trị viên giám sát vận hành toàn hệ thống. Máy chủ trung tâm đóng vai trò tiếp nhận, phân tích các truy vấn dữ liệu địa lý và duy trì tính toàn vẹn của giỏ hàng. Mô hình này giúp tối ưu hóa hiệu năng, giảm độ trễ mạng và đảm bảo độ phản hồi nhanh khi xử lý đồng thời nhiều giao dịch trong giờ cao điểm.

3.1. Ứng dụng Flutter trong phát triển giao diện đa nền tảng

Flutter được lựa chọn làm công nghệ phát triển ứng dụng di động phía người dùng. Khung làm việc này sử dụng ngôn ngữ lập trình Dart, cho phép biên dịch mã nguồn trực tiếp sang mã máy gốc. Nhờ cơ chế vẽ đồ họa trực tiếp trên canvas của hệ điều hành, giao diện ứng dụng duy trì tốc độ khung hình mượt mà và tính nhất quán cao. Flutter hỗ trợ thư viện giao diện phong phú, giúp hiện thực hóa màn hình bản đồ trực quan, danh sách quán ăn theo khoảng cách và giỏ hàng cá nhân hóa. Nhóm phát triển tiết kiệm đáng kể thời gian xây dựng ứng dụng khi chỉ cần duy trì một cơ sở mã duy nhất nhưng vẫn đảm bảo trải nghiệm người dùng đạt chuẩn gốc.

3.2. Xây dựng máy chủ Node.js xử lý dữ liệu thời gian thực

Hệ thống máy chủ sử dụng Node.js để xây dựng kiến trúc backend hướng dịch vụ API chuẩn RESTful dựa trên định dạng JSON. Node.js nổi bật với cơ chế vào ra bất đồng bộ điều khiển bằng sự kiện, rất thích hợp cho các ứng dụng chuyên về xử lý I/O và truyền dữ liệu thời gian thực. Máy chủ quản lý các phiên đăng nhập, tiếp nhận luồng xử lý đơn hàng và tính toán tọa độ không gian địa lý nhanh chóng. Khi người dùng thực hiện thao tác đặt hàng, hệ thống lưu vết đơn hàng vào cơ sở dữ liệu và chuyển tiếp thông tin tới ứng dụng quản lý của quán ăn. Cấu trúc gọn nhẹ này giúp hệ thống hoạt động ổn định và mở rộng tải dễ dàng.

IV. Kết luận về ứng dụng tìm kiếm và đặt món ăn tại ĐH SPKT TPHCM

Dự án tốt nghiệp về ứng dụng tìm kiếm và đặt món ăn quanh vị trí người dùng tại ĐH SPKT TPHCM đã hoàn thành xuất sắc các mục tiêu nghiên cứu và kỹ thuật đề ra. Sản phẩm khẳng định tính khả thi của việc ứng dụng công nghệ định vị GPS kết hợp cùng Flutter và Node.js vào việc giải quyết bài toán tiêu dùng địa phương. Hệ thống cung cấp luồng quy trình khép kín từ khâu tìm kiếm vị trí quán ăn, xem thông tin thực đơn đến việc xác nhận giỏ hàng và theo dõi vận chuyển. Kết quả thử nghiệm thực tế chứng minh ứng dụng vận hành mượt mà, phản hồi giao dịch ổn định và đáp ứng tốt tiêu chuẩn kỹ thuật phần mềm di động hiện đại. Thành công của đề tài không chỉ đánh dấu năng lực nghiên cứu ứng dụng của sinh viên ngành Công nghệ Thông tin mà còn mở ra tiềm năng thương mại hóa thực tế, mang lại giá trị thiết thực cho cả người tiêu dùng và các đơn vị kinh doanh dịch vụ ăn uống trong khu vực.

4.1. Hiệu quả thực nghiệm và tiềm năng thương mại hóa

Quá trình thử nghiệm thực tế cho thấy các ca sử dụng như tìm kiếm quán ăn lân cận, xem chi tiết giỏ hàng và đặt hàng đều đạt tỷ lệ thành công cao. Tốc độ hiển thị vị trí và dẫn đường đạt độ phản hồi tức thì với sai số định vị thấp. Doanh nghiệp và chủ quán ăn có thể tự quản lý thực đơn và tình trạng đơn hàng thông qua trang quản trị web một cách độc lập. Mô hình vận hành tinh gọn giúp giảm bớt chi phí trung gian cho các hàng quán nhỏ lẻ quanh khu vực trường đại học. Đây là tiền đề thuận lợi để ứng dụng tiến tới thương mại hóa và nhân rộng mô hình kinh doanh ẩm thực học đường.

4.2. Hướng phát triển mở rộng hệ sinh thái dịch vụ ẩm thực

Trong các giai đoạn tiếp theo, hệ thống có thể mở rộng nhiều tính năng nâng cao nhằm hoàn thiện trải nghiệm dịch vụ. Việc tích hợp các cổng thanh toán điện tử trực tuyến như ví điện tử hoặc thẻ ngân hàng sẽ hỗ trợ giao dịch không tiền mặt an toàn. Bên cạnh đó, việc áp dụng trí tuệ nhân tạo để cá nhân hóa gợi ý món ăn theo sở thích và lịch sử mua sắm sẽ tối ưu hóa trải nghiệm khách hàng. Thuật toán định tuyến cũng có thể nâng cấp để tự động tối ưu hóa lộ trình giao hàng cho shipper khi gom nhiều đơn cùng tuyến đường. Những cải tiến này sẽ hoàn thiện hệ sinh thái dịch vụ ẩm thực thông minh và gia tăng giá trị kinh tế.

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

MINISTRY OF EDUCATION AND TRAINING HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION GRADUATION THESIS INFORMATION TECHNOLOGY CREATE APPLICATION  FINDING AND ORDERING FOOD/DRINK FOR  FROM RESTAURANT/CAFETERIA AROUND USER /(&785(5 LE VINH THINH, PhD. STUDENT6:PHAM DUY LAP  DINH MINH THIEN  SKL 009602 Ho Chi Minh City, -XQH 15 202 HO CHI MINH CITY UNIVERSITY OF TECHNOLOGY AND EDUCATION FACULTY FOR HIGH QUALITY TRAINING ------------------------------------ GRADUATION THESIS Topic: Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User Instructor: Le Vinh Thinh Ph.D Team Members: No. Name Student ID 01 Pham Duy Lap 18110143 02 Dinh Minh Thien 18110205 … THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, June 15, 2022 GRADUATION PROJECT ASSIGNMENT Full name of student: Pham Duy Lap MSSV: 18110143 Sector: Information Technology Class: 18110CLST1 Full name of student: Dinh Minh Thien MSSV: 18110205 Sector: Information Technology Class: 18110CLST2 Instructor: Le Vinh Thinh Ph.D Date of receiving the project: Date of submitting the project: 1. Project name: Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User.

Initial data and documents: Survey the current situation through current phone applications and consult the professional to perform. Contents of the project: − Build an android app that allows customers to find a path to a restaurant/cafeteria around them, or order shipping food/drink to their home. − Build a website that allows enterprises and admins to manage systems, accounts, and product. Product: Android application to find a path to a restaurant/cafeteria and to order food/drink from these.

PROGRAMMING CHAIR INSTRUCTOR (Signature and full name) (Signature and full name) THE SOCIALIST REPUBLIC OF VIETNAM Independence – Freedom – Happiness Ho Chi Minh City, June 15, 2022 INSTRUCTIONAL TEACHER 'S COMMENT SHEET Full name of student: Pham Duy Lap MSSV: 18110143 Full name of student: Dinh Minh Thien MSSV: 18110205 Sector: Information technology Project name: Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User. Instructor: Le Vinh Thinh Ph. Regarding the content of the topic & volume of implementation:. Recommended for security or not?.

) Ho Chi Minh City, month day, year ADVISOR (Sign with full name) Graduate Thesis Report ACKNOWLEDGMENTS As the completion of this topic, first, we want to express our gratefulness to our Instructor –Le Vinh Thinh Ph.D – who had always been by our side to teach, inspect and give us feedback during our research on topic: “Create Application for Finding and Ordering Food/Drink from Restaurant/Cafeteria around User”. We would also like to show a deep respect for all the lecturers of Faculty for High Quality Training and Faculty for Information Technology, who, in four years, teach us almost everything we need to get our first job, to become who we wanna be, to learn and implement our project well. Along with that, we would like to thank our classmates for providing a lot of information and useful knowledge to help us improve our project. Thank to all of you, we get our project completed on time, but we still have some mistakings during the process of making this project because of our limited knowledge and many other technical limitations and experience in implementing a project.

Therefore, we hopefully want to receive your feedback to improve our project in the future. Finally, the whole team wishes you and your family good health and further success in your career. Once again, Thank you very much! Ho Chi Minh city, day …… month …… year 2022 Students perform Pham Duy Lap Dinh Minh Thien 1 Graduate Thesis Report SUMMARY Urgency of the subject With the development of engineering technology in the 4.0 industrial revolution, people nowaday have many way to get their meal ready when they don’t want to cook or even don’t want to go out. There are a lots app which meet that need like GrabFood, ShopeeFood, we think building an app like these will be a change to make use of our knowlegde and skills that we have gained during the past 4 year.

Naturally, building an app absolutely the same with those app is not possible for a two- man team, but we will try our best to apply the knowledge learned along with some research on Google Map APIs provided by Google to design a search around application so that users can easily find restaurant and cafeteria on demand. And, ordering their food/drink if they still don’t want to go out. Subjects of the research The mainly subjects of the research are user who want to find some where to enjoy their meal or to order these when they don’t want to go out and the enterprise that want to sell their products. The main technologies used for the topic: - Flutter to develop the application interface - NodeJS Restful API, ExpressJS to build an APIs system to support data retrieval - MongoDB for database management for the application Scopes of the research Build an android app that allows customers to find a path to a restaurant/cafeteria around them, or order shipping food/drink to their home.

2 Graduate Thesis Report TABLE OF CONTENT ACKNOWLEDGMENTS .2 TABLE OF CONTENT .3 LIST OF FIGURE .7 LIST OF TABLE. 11 CHAPTER 1: INTRODUCTION TO THE TOPIC. Reason for choosing topic. Objectives of research.

Process of Registing New Store on Ecommerce System. Order receipt and delivery process. User classes and layer-by-layer characteristics .18 CHAPTER 2: THEORETICAL BASIS. What is Node.19 3 Graduate Thesis Report 2.

Features of Node. Who Uses Node. Where to Use Node. Where Not to Use Node.

Features of Flutter. Advantages of Flutter. Disadvantages of Flutter. Collections/Views/On-Demand Materialized Views .22 CHAPTER 3: SYSTEM ANALYSIS AND DESIGN.

Usecase diagram specification. Sequence Forgot Password. Sequence Show Home Screen. Sequence Show Product Detail.

Sequence Show Evaluations. Sequence Evaluate Product. Sequence Show Path. Sequence Search Product.

Sequence Change Info.82 4 Graduate Thesis Report 3. Sequence Change Password. Sequence Place Order. Sequence Confirm Order.

Description of tables .93 CHAPTER 4: IMPLEMENTATION AND TESTING. Detail of product. List of enterprise carts. Detail of cart.

List of orders. Detail of order. Evaluation of product. Home Page of Enterprise.

Detail of not confirm order .108 5 Graduate Thesis Report 4. List of enterprise’s products. Home page of Shipper. Detail of shipper’s order.

126 6 Graduate Thesis Report LIST OF FIGURE Figure 1: Grab Homepage .12 Figure 2: Grab Map UI .13 Figure 3: Require User Position .14 Figure 4: Search Screen .14 Figure 5: Gojek Homepage .15 Figure 6: Gojek Map Screen .15 Figure 7: Register new store process .16 Figure 8: Usecase User .24 Figure 9: Usecase Admin .25 Figure 10: Usecase Shipper.25 Figure 11: Usecase Enterprise .26 Figure 12: Sequence Login .73 Figure 13: Sequence Register.74 Figure 14: Sequence Forgot Password .75 Figure 15: Sequence Show Home Screen .76 Figure 16: Sequence Show Product Detail .77 Figure 17: Sequence Show Evaluations .78 Figure 18: Sequence Evaluate Product .79 Figure 19: Sequence Show Path .80 Figure 20: Sequence Search Product .81 Figure 21: Sequence Change Info .82 Figure 22: Sequence Logout .83 Figure 23: Sequence Change Password .84 Figure 24: Sequence Place Order .85 Figure 25: Sequence Confirm Order .94 Figure 28: Home Screen .95 Figure 29: Search products .96 Figure 30: Enterprise’s product .97 Figure 31: Detail of product .98 Figure 32: Google Map .99 Figure 33: Settings account .100 Figure 34: Change information .101 Figure 35: List of enterprise carts.102 Figure 36: Detail of cart .103 Figure 37: List of orders .104 Figure 38: Detail of order.105 Figure 39: Evaluation of product.106 7 Graduate Thesis Report Figure 40: Home page of enterprise .107 Figure 41: Detail of not confirm order .108 Figure 42: List of enterprise’s products .109 Figure 43: Home page of shipper .110 Figure 44: Detail of shipper’s order .111 Figure 45: Result TC_01 .114 Figure 46: TC_02 results .115 Figure 47: TC_03 results .116 Figure 48: TC_FP_01 results .118 Figure 49: TC_FP_02 results .119 Figure 50: TC_FP_03 Results .120 Figure 51: TC_PO_01 results.122 Figure 52: TC_PO_02 results 1 .123 Figure 53: TC_PO_02 results 2 .124 8 Graduate Thesis Report LIST OF TABLE Table 1: Usecase Login.26 Table 2: Usecase Register .28 Table 3: Usecase Forgot Password .29 Table 4: Usecase Show Home Screen .30 Table 5: Usecase Logout .32 Table 6: Usecase Show Product Detail .33 Table 7: Usecase Change Password .34 Table 8: Usecase Update Profile .35 Table 9: Usecase Show Evaluations .36 Table 10: Usecase Evaluate Product .38 Table 11: Usecase Edit Evaluation .39 Table 12: Usecase Search Product .40 Table 13: Usecase Add Product to Cart .41 Table 14: Usecase Show Path .43 Table 15: Usecase Show Cart .44 Table 16: Usecase Place Order.45 Table 17: Usecase Show Order List .46 Table 18: Usecase Delete Product from cart.48 Table 19: Usecase Increase Product’s amount .49 Table 20: Usecase Decrease Product’s amount .50 Table 21: Usecase Delete Enterprise Cart .52 Table 22: Usecase Show order’s detail.53 Table 23: Usecase Show side bar menu .54 Table 24: Usecase Show information .55 Table 25: Usecase Show confirm order list .57 Table 26: Usecase Show unconfirm order list .58 Table 27: Usecase Show detail of order enterprise .59 Table 28: Usecase Confirm Order .60 Table 29: Usecase Show enterprise’s products .62 Table 30: Usecase Show product’s detail .63 Table 31: Usecase Show evaluation of product in enterprise .64 Table 32: Usecase Open/Close mode confirm order .66 Table 33: Usecase Manage received Order .67 Table 34: Usecase Add Enterprise .68 Table 35: Usecase Usecase Add Product .70 Table 36: Usecase Edit Product .71 Table 37: PRODUCT Table .89 Table 38: USERINFO Table .89 Table 39: CART Table .91 9 Graduate Thesis Report Table 40: TYPE Table .91 Table 41: ORDER Table .91 Table 42: EVALUATE Table .94 Table 44: Home Screen.95 Table 45: Search products .96 Table 46: Enterprise’s product .97 Table 47: Detail of product .98 Table 48: Google Map .99 Table 49: Settings account .100 Table 50: Change information.101 Table 51: List of enterprise carts .102 Table 52: Detail of cart .103 Table 53: List of orders .104 Table 54: Detail of order .105 Table 55: Evaluation of product .106 Table 56: Home page of enterprise .107 Table 57: Detail of not confirm order .108 Table 58: List of enterprise’s products .109 Table 59: Home page of shipper .110 Table 60: Detail of shipper’s order.111 Table 61: Test cases .112 Table 62: Test results of "Login" function. 113 Table 63: Test results of "Forgot password" function .117 Table 64: Test results of "Place Order" function .121 10 Graduate Thesis Report ABBREVIATIONS 1. API: Application Programming Interface 11 Graduate Thesis Report CHAPTER 1: INTRODUCTION TO THE TOPIC 1. Reason for choosing topic As we had discussed in the Summary (page 2), we want to make use of knowlegde and skills that we have gained to build an Ecommerce app that can meet some key requirement.

Beside, we want to test some technology on our app to make it smarter and improve user experience. Objectives of research - Research on Flutter technology to create a friendly user interface. - Research on Javascript and Restful API to code Backend for application. - Research on Ecommerce Bussiness to build bussiness logics for application.

- Research on Google Map APIs to get the distance between two place, then show the path to go from a place to another. Grab Figure 1: Grab Homepage - Characteristic: + Search bar on the top of the screen under advertisements banner. + Service modes are in the center of the screen, can be scrolled right to left. + List of products is placed at the bottom of the screen, can be scrolled right to left.

- Advantages: + Users can easily focus on the search bar and what service they want to use.