Phát triển ứng dụng tìm đường cho SmartPhone

Trang 2

ỨNG DỤNG BẢN ĐỒ

Trang 3

Mục Lục

Lời Nói đầu

1 Giới thiệu chung

2 Google Map API

3 Các công nghệ sử dụng

- Html , css , javascript

- FrameWork PhoneGap

- Android

4 Thiết lập , cài đặt môi trường lập trình cho PhoneGap

5 Mô tả bài toán tìm đường

6 Phân tích và thiết kế chương trình ứng dụng

Trang 4

Giới thiệu công nghệ

Trang 5

Google map là gì ?

• Google Map là một dịch vụ ứng dụng và công

nghệ bản đồ trực tuyến trên web miễn phí được

cung cấp bởi Google, hỗ trợ nhiều dịch vụ khác của Google nổi bật là dẫn đường.

1 Giới thiệu Google Map API

Trang 6

• Nó cho phép thấy bản đồ đường đi, đường đi cho

xe đạp, cho người đi bộ và xe hơi, và những địa điểm kinh doanh trong khu vực cũng như khắp

nơi trên thế giới

Trang 8

• Google Map API đã được nâng cấp lên phiên bản thứ 3 Phiên bản này hỗ trợ không chỉ cho các

máy để bàn truyền thống mà cho cả các thiết bị

di động Nhanh hơn và nhiều hơn các ứng dụng

Trang 9

 Một số ứng dụng của Google Map API

• Đánh dấu các địa điểm trên bản đồ cùng các thông tin cho địa điểm: các khu vui chơi giải trí, nhà hàng khách sạn, các quán ăn ngon, các shop quần áo, nữ trang…

• Chỉ dẫn đường đến các địa điểm cần tìm,chỉ dẫn đường giao thông công cộng

• Khoanh vùng khu vực: các trung tâm kinh tế, khu đô thị, khu ô nhiễm…

• Tình trạng giao thông các khu vực…Đưa ra các giải pháp có thể…

Trang 10

Phonegap là gì ?

• PhoneGap là một nền tảng mã nguồn mở dùng để phát triển ứng dụng mobile cho cả iOS, Android,

Windows Phone, BlackBerry, webOS, Bada, Symbian cùng lúc, viết một lần chạy trên nhiều nền tảng

smartphone khác nhau

2 Framework mã nguồn mở PhoneGap

Trang 11

Trang 12

• Các ứng dụng được phát triển bởi PhoneGap là ứng dụng thuộc dạng Hybrid Những ứng dụng này không thuần HTML/CSS cũng như không hoàn toàn là ứng dụng

• PhoneGap cung cấp 1 cầu nối từ JavaScript đến

platform thiết bị Điều này cho phép JavaScript API có thể điều khiển và truy cập thiết bị.

Trang 13

• PhoneGap chủ yếu cung cấp JavaScript API để truy cập thiết bị sử dụng các ứng dụng như camera, GPS, thông tin thiết bị và nhiều cái khác

Trang 14

Mô hình PhoneGap

Trang 15

 Lợi ích sử dụng PhoneGap

• Tận dụng lợi thế của HTML5 và CSS3

• Sử dụng JavaScript để code

• Truy cập vào các tính năng native của thiết bị

• Triển khai ứng dụng trên nhiều nền tảng

• Phát triển nhanh

• Chi phí hiệu quả

Trang 16

Yêu cầu cài đặt

• Bộ công cụ Android SDK tại http://

developer.android.com/sdk/index.html

• Phonegap phiên bản 2.9.0 tại

http://phonegap.com/install/

2 Thiết lập , cài đặt môi trường làm việc cho

phonegap trên nền android

Trang 17

Tạo Project sử dụng PhoneGap trong Eclipse

• Mở eclipse->chọn New -> Android Application Project

Trang 18

• Nhập vào Project, SDK version cho Project và các thông tin liên quan

Trang 19

• Nhập vào project, SDK version cho project và các thông tin liên quan

Trang 20

• Trong thư mục assets tạo thêm thư mục www

• Copy thư mục xml vào thư mục /res (/res/xml)

Trang 21

Trang 22

• Trong cửa sổ Package Explorer, chọn

Trang 23

Trang 24

Trang 25

• Tạo project mẫu Hello World

Trang 26

Xây dựng ứng dụng

Trang 27

Ứng dụng từ điển được đặt tên là Smart Map

có chức năng chính tìm đường

Hỗ trợ thao tác chạm , cảm ứng thuận tiện sử dụng trên cả smartphone và tablet

Ứng dụng phát triển dựa trên PhoneGap 2.9.0

ngoài ra còn sử dụng PHP để viết services cho ứng dụng

Giao diện xây dựng trên jQuery Mobile

1 Giới thiệu về ứng dụng

Trang 28

2 Đặc tả chức năng của ứng dụng

Định vị Khi ứng dụng được khởi động, thiết bị sẽ định vị vị trí

hiện tại của bạn

Tìm kiếm địa danh bất kì Khi bạn nhập một địa danh nào đó thì địa danh đó sẽ

hiện ra trên bản đồ.

Tìm đường Bạn nhập vị trí muốn đến thì bản đồ sẽ hiện ra

đường đi tới điểm bạn muốn, cùng thời gian để đến đó

Trang 29

3 Thiết kế CSDL cho ứng dụng

Trang 30

Trang 31

Trang 32

Trang 33

Trang 34

4 Thiết kế giao diện cho ứng dụng

Trang 35

4 Thiết kế giao diện cho ứng dụng

Trang 36

4 Thi t k giao di n cho ng d ng ết kế giao diện cho ứng dụng ết kế giao diện cho ứng dụng ện cho ứng dụng ứng dụng ụng

Trang 37

1 https://developers.google.com/maps/

started_android_index.md.html

salopek.eu/content/22/display-locations-from-a-database-on-a-map-using-google-maps-javascript-api-and-php

4 http

://chungta.vn/tin-tuc/cong-nghe/2013/07/ung-dung-di-dong-da-nen-thuan-loi-va-kho-khan/

37

Tài Liệu Tham Khảo

Định dạng
Số trang	37
Dung lượng	3,06 MB