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

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 độngTổ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 So sánh các loại ứng dụng Web apps, Native apps, Hybrid apps

PhoneGap Là Gì ?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 PhonegapBằ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

13

Mô hình PhoneGap

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ểmTÌ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

23

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

24

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

25

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

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/

27