C R E AT E H T M L 5 M O B I L E A P P S

F O R

Oon ArfiandwiCTO 7Langit

WordCamp 2013, Jogjakarta

1

H E L L O !

• 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

M O B I L E A P P V S M O B I L E W E B

• Responsive design WordPress themes

• Pro-active with notifications

• Offline Content (caching)

• Trigger other apps

3

H T M L 5 ( M O B I L E ) A P P

• HTML5

• CSS3

• JavaScript

• jQuery, jQuery Mobile

• + mobile app wrapper

4http://www.w3.org/html/logo/

5

6

H T M L 5 ( M O B I L E ) A P P

7http://phonegap.com/about/artwork/

P H O N E G A P

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

• 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

9http://wordpress.org/plugins/json-api/

10

11

12

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

13

14

D E M O

15

16

W O R D C A M P 2 0 1 3J O G J A K A R TA

17