1. PhoneGap: Writing Mobile
Apps with HTML5/JS
by Tiang Cheng
Tuesday, 26 March 13

2. Що таке PhoneGap
API Abstraction for Mobile Platform
Javascript Library: PhoneGap.js
Cloud-Based Compiler:
http://build.phonegap.com
Responsive web page => Mobile Application
Tuesday, 26 March 13

3. Дуже легко (super easy)
Tuesday, 26 March 13

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

5. 51 рядків HTML
Tuesday, 26 March 13

6. 50 рядків Javascript
Tuesday, 26 March 13

7. • використовує будь-яку mobile UI library:
Tuesday, 26 March 13

8. Chrome Desktop Browser
Tuesday, 26 March 13

9. Ripple Mobile Browser
Emulator (iPhone 5)
Tuesday, 26 March 13

10. On Android
Tuesday, 26 March 13

11. Як працює PhoneGap?
Tuesday, 26 March 13

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

13. Why Native Code > PhoneGap?
Деякі обмеження (some limitations) в UI
Native code має більш продвинуті можливості для
кожного телефону
PhoneGap ще в розробці (still has more development)
Tuesday, 26 March 13

14. Демонстрація
Code demo:
Download song and play
Test on browser
Test on mobile app
Show basic debugging console
Tuesday, 26 March 13

15. Демонстрація Vector Graphics
RaphaelJS
D3JS
jQuery Mobile UI
Tuesday, 26 March 13

16. Ресурси
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

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