Tìm hiểu nền tảng mã nguồn mở Phonegap và xây dựng ứng dụng

Sinh viên thực hiện: Ngô Quang TrungThầy hướng dẫn: ThS. Đoàn Duy Trung

Nội Dung Trình Bày

• 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ự phát triển của thị trường ứng dụng di động

Tương lai của thị trường máy tính truyền thống !

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

Các ứng dụng Mobile Web

• 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ược 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 (Hybrid 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

Web Hybrid Native

Chi phí phát triển Hợp lý Hợp lý Tốn kém

Thời gian phát triển

Ngắn Ngắn Dài

Tính khả chuyển của ứng dụng

Cao Cao Không có

Hiệu năng xử lý Nhanh Có tấc độ xử lý giống ứng dụng bản địa nếu cần

Rất nhanh

Các tính năng bản địa

Không có Có Tất cả

Phát hành qua kho ứng dụng

Không có Có Có

Khả năng mở rộng Không có Có Có

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

HTML dùng để biểu diễn giao diện (layout)Javascript dùng để truy cập tới các tính năng của thiết bị và thực thi xử lý tính toán logicCSS làm giao diện trở nên sinh động với các hiệu ứng, và làm tăng trải nghiệm và cảm nhận của người dùng

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

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

C, C++, C#, …

Biểu đồ kiến trúc Phonegap

Web View

PhoneGap JavaScript Interface

Native Mobile Application

Mobile Device

Native Device ApIs

Device OS

Các tính năng được cung cấp bởi 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)

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

Cộng đồng Phonegap

• Được khởi tạo và xây dựng bởi Nitobi từ năm 2008 • Được Adobe chính thức công bố việc mua lại vào

tháng 10 năm 2011, Phonegap vẫn được giữ là mã nguồn mở, hoàn toàn miễn phí và được đổi tên thành Apache Cordova

• Cho ra mắt phiên bản thử nghiệm của dịch vụ biên dịch đám mây “PhoneGap Build” vào tháng 9 năm 2012

• Đã có trên 10,000,000 lượt truy cập vào website: www.phonegap.com, có trên 1,000,000 lượt tải về, và Phonegap được sử dụng bởi trên 400,000 nhà phát triển

Sức mạnh của “Phonegap Build”

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

Chương trình ứng dụng

Chức năng chính

Sedi

Chức năng tổng thể

Video ghi lại quá trình sử dụng chương trình ứng dụng

Cảm ơn đã lắng nghe !