�ݺ�ߣ

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

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

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

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

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

• 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)

• Đượ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)

• Đượ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)

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

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ì ?

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

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

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

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

Một số HTML5 Hybird Framework

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

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

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

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 đồ

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

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

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

24

25

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

�ݺ�ߣ

Application PhoneGap with Google Map

Recommended

More Related Content

Similar to Application PhoneGap with Google Map (20)

More from Lương Bá Hợp (12)

Application PhoneGap with Google Map