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

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

Giảng viên hướng dẫn : Thầy Trần Vũ Hiếu - Bộ môn MMT & HTTT Nhóm 3

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

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

Mô hình PhoneGap

13

Core APIs

–  Media (audio play/record)

–  Media Capture: audio,video,

–  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

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

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 dung

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

Nội dung

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

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

23

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

24

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

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.ht ml

3 http://

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

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

26

27