PhoneGap: Writing Mobile Apps with HTML5/JS

by Tiang Cheng

Tuesday, 26 March 13

Що таке PhoneGapAPI Abstraction for Mobile Platform

Javascript Library: PhoneGap.js

Cloud-Based Compiler: http://build.phonegap.com

Responsive web page => Mobile Application

Tuesday, 26 March 13

Дуже легко (super easy)

Tuesday, 26 March 13

Як працює PhoneGap?

Якщо ви використовуєте HTML/Javascript, ви можете створювати програми для мобільних пристроїв.

Tuesday, 26 March 13

51 рядків HTML

Tuesday, 26 March 13

50 рядків Javascript

Tuesday, 26 March 13

• використовує будь-яку mobile UI library:

Tuesday, 26 March 13

Chrome Desktop Browser

Tuesday, 26 March 13

Ripple Mobile Browser Emulator (iPhone 5)

Tuesday, 26 March 13

On Android

Tuesday, 26 March 13

Як працює PhoneGap?

Tuesday, 26 March 13

PhoneGap - Advantages (Переваги)

Підтримує JS libraries like jQuery, RaphaelJS

забезпечує один JS API for phone controls (GPS, Camera, Media) на ВСІХ мобільних платформах (ALL mobile platforms)

Один код компілюється на всіх мобільних платформах (One codebase compiles to all mobile platforms).

Швидко Code/Build/Deploy/Test/Debug.

Tuesday, 26 March 13

Why Native Code > PhoneGap?

Деякі обмеження (some limitations) в UI

Native code має більш продвинуті можливості для кожного телефону

PhoneGap ще в розробці (still has more development)

Tuesday, 26 March 13

Демонстрація

Code demo:

Download song and play

Test on browser

Test on mobile app

Show basic debugging console

Tuesday, 26 March 13

Демонстрація Vector Graphics

RaphaelJS

D3JS

jQuery Mobile UI

Tuesday, 26 March 13

Ресурси

PhoneGap - Tools, Getting started guide: http://www.tricedesigns.com/2013/01/18/my-workflow-for-developing-phonegap-applications/

Simon MacDonald’s Blog: http://simonmacdonald.blogspot.com/

MobileUI Responsive Patterns: http://bradfrost.github.com/this-is-responsive/patterns.html

PhoneGap Cheatsheet: http://iphonedevlog.wordpress.com/phonegapcordova-crib-sheet/

Tuesday, 26 March 13

Contact me:Organise a PhoneGap Hackathon, or if you need help with any of the topics

website: www.translateKarate.com

email: tiang@kaizenagency.com.au

twitter: @tiang

vk: vk.com/tiang

Tuesday, 26 March 13