Phát triển ứng dụng điện thoại đa nền tảng bằng framework phonegap

Nghiên Cứu Khoa Học
Phát triển ứng dụng điện thoại
đa nền tảng bằng Framework
PhoneGap
Giảng viên hướng dẫn
Nhóm 3
Lớp

: Thầy Trần Vũ Hiếu - Bộ môn MMT & HTTT
: Hệ Thống Thông Tin - K52


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

Nội Dung

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


Các ứng dụng mobile web
(Web Apps)
• 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 bản địa
(Native 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 lai
(Hybird 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


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


PhoneGap là gì ?
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


Cách thức PhoneGap hoạt động
 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


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

Mô hình PhoneGap


Các tính năng cung cấp bởi PhoneGap
Core APIs
–  Media (audio play/record)

–  Accelerometer

–  Media Capture: audio,video,

–  Compass

camera – (W3C)

–  Camera

–  Network (W3C)

–  Contacts (W3C)

–  Notification

–  File (W3C)

–  Storage (HTML5 Web SQL &

–  File Transfer

Web Storage)

–  Geolocation (HTML5)


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

II

4

III

IV


Một số HTML5 Hybird Framework


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


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


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

1. Giới Nội
thiệudung
về ứng dụng
SMART MAP

Thao tác
chạm
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

Định vị

Xác định toạ
độ hiện tại
Đánh dấu vị trí
hiện tại trên
bản đồ

TÌm đường

Lựa chọn
phương tiện

Tìm kiếm địa
điểm

Lựa chọn nhóm
địa điểm

Vẽ đường đi
trên bản đồ

Hiển thị danh
sách địa điểm

Chỉ dẫn chi
tiết đường đi

Xem chi tiết
thông tin địa
điểm


1. Giới Nội
thiệudung
về ứng dụng


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


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

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


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