Oon Arfiandwi, a developer and entrepreneur, presents on creating HTML5 mobile apps at WordCamp 2013 in Jogjakarta. He discusses the advantages of mobile apps over mobile websites, including responsive design, notifications, and offline content. The presentation emphasizes using HTML5, CSS3, and JavaScript, along with tools like PhoneGap and WordPress JSON API for app development.

1. C R E AT E H T M L 5
MOBILE APPS
FOR
Oon Arfiandwi
CTO 7Langit
WordCamp 2013, Jogjakarta
1

2. HELLO!
•
My name is Oon Arfiandwi
•
I’m a developer & entrepreneur
•
Founder of 7Langit.com, mobile app development & agency
•
Maintain a regular free* class of HTML5 for Mobile Apps
•
http://about.me/oon
2

3. MOBILE APP VS MOBILE WEB
•
Responsive design WordPress themes
•
Pro-active with notifications
•
Offline Content (caching)
•
Trigger other apps
3

4. HTML5 (MOBILE) APP
•
HTML5
•
CSS3
•
JavaScript
•
•
jQuery, jQuery Mobile
+ mobile app wrapper
http://www.w3.org/html/logo/
4

5. 5

6. 6

7. HTML5 (MOBILE) APP
http://phonegap.com/about/artwork/
7

8. PHONEGAP
http://phonegap.com/about/artwork/
8

9. •
Feed the mobile app from WordPress
•
•
•
Feed via RSS (XML)
Feed via API, using WordPress JSON-API plugin
Auto (template) generated apps or make your own app
http://wordpress.org/plugins/json-api/
9

10. 10

11. 11

12. http://boomee.oo.or.id/api/get_post/?id=1360
12

13. 13

14. 14

15. DEMO
15

16. 16

17. WORDC AMP 2013
J O G J A K A R TA
17