Application PhoneGap with Google Map phát triển bới sinh viên khoa công nghệ thông tin - đại học giao thông vận tải Lương Bá Hợp

1. Nghiên Cứu Khoa Học
Giảng viên hướng dẫn : Thầy Trần Vũ Hiếu - Bộ môn MMT & HTTT
Sinh viên thực hiện : Lương Bá Hợp-MSSV 1105068
: Bùi Thị Xuyên- MSSV 1114928
Lớp : Hệ Thống Thông Tin - K52
1
Phát triển ứng dụng điện thoại
đa nền tảng bằng Framework
PhoneGap

2. Nội Dung
Tổng quan về thị trường ứng dụng di động
So sánh các loại ứng dụng
Web apps, Native apps, Hybrid apps
PhoneGap Là Gì ?
Nền tảng kiến trúc của Phonegap
Giới thiệu về chương trình ứng dụng

3. Sự bùng nổ của thị trường
ứng dụng di động

4. Sức tiêu thụ SmartPhone & Máy tính bảng vượt
trội so với Desktop & Laptop

5. Thị trường ứng dụng di động
đang bị phân mảnh

6. • Quá trình phát triển dễ dàng, nhanh chóng và
đơn giản
• Phải chạy trong trình duyệt browser của
mobile
• Được xây dựng dựa trên các công nghệ theo
chuẩn W3C
• Bị giới hạn truy cập tới các tính năng của thiết
bị
Các ứng dụng mobile web
(Web Apps)

7. • Được phát triển dành riêng cho từng nền
tảng cụ thể
• Được phát hành thông qua các kho ứng
dụng
• Được xây dựng dưạ trên các công nghệ
và các môi trường phát triển dành riêng
Các ứng dụng bản địa
(Native Apps)

8. • Được xây dựng với các công nghệ Web
• Có khả năng truy cập vào các tính năng của
thiết bị
• Được phát hành thông qua kho ứng dụng
Các ứng dụng lai
(Hybird Apps)

9. Bảng so sánh các dạng ứng dụng Mobile

10. Phonegap là 1 bộ khung phát triển để giúp việc
xây dựng các ứng dụng mobile bằng cách sử
dụng các công nghệ Web
PhoneGap là gì ?

11. Xây dựng ứng dụng chỉ với công nghệ web
tiêu chuẩn:
Dựa vào HTML5, Phonegap thúc đẩy phát triển các công nghệ
Web. Do đó nhà lập trình chỉ cần nắm rõ về HTML, CSS và
Javascript.
 Đóng gói mã nguồn với Phonegap
Bằng cách sử dụng framework mã nguồn mở Phonegap, thì ứng
dụng có thể truy cập tới các hàm APIs bản địa (native APIs)
Xuất ứng dụng tới nhiều nền tảng khác nhau
Cách thức PhoneGap hoạt động

12. Giảm gánh nặng cho lập trình viên

13. Mô hình PhoneGap
13

14. Core APIs
– Media (audio play/record)
– Media Capture: audio,video,
camera – (W3C)
– Network (W3C)
– Notification
– Storage (HTML5 Web SQL &
Web Storage)
– Accelerometer
– Compass
– Camera
– Contacts (W3C)
– File (W3C)
– File Transfer
– Geolocation (HTML5)
Các tính năng cung cấp bởi PhoneGap

15. II III IV
4
Bảng các hàm Phonegap APIs được hỗ trợ cho từng nền tảng

16. Một số HTML5 Hybird Framework

17. Các tổ chức tham gia đóng góp

18. Google map là gì ?
Giới thiệu Google Map API

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

20. Nội dung1. Giới thiệu về ứng dụng
Thao tác
chạm
Định vị
Tìm kiếm địa
điểm
TÌm đường
SMART MAP
Lựa chọn
phương tiện
Chỉ dẫn chi
tiết đường đi
Vẽ đường đi
trên bản đồ
Kéo thả để di
chuyển trên
bản đồ
Chạm để lựa
chọn địa điểm
Tìm kiếm địa
địa
Lựa chọn nhóm
địa điểm
Hiển thị danh
sách địa điểm
Xem chi tiết
thông tin địa
điểm
Xác định toạ
độ hiện tại
Đánh dấu vị trí
hiện tại trên
bản đồ

21. Nội dung1. Giới thiệu về ứng dụng

22. Nội dungGiới thiệu về ứng dụng

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

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

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

26. Tài Liệu Tham Khảo
1. https://developers.google.com/maps/
2. http://docs.phonegap.com/en/2.1.0/guide_getting-
started_android_index.md.html
3. http://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/
26

27. 27