Your SlideShare is downloading. ×
0
C R E AT E H T M L 5
MOBILE APPS
FOR

Oon Arfiandwi
CTO 7Langit
WordCamp 2013, Jogjakarta
1
HELLO!
•

My name is Oon Arfiandwi

•

I’m a developer & entrepreneur

•

Founder of 7Langit.com, mobile app development &...
MOBILE APP VS MOBILE WEB

•

Responsive design WordPress themes

•

Pro-active with notifications

•

Offline Content (cac...
HTML5 (MOBILE) APP
•

HTML5

•

CSS3

•

JavaScript
•

•

jQuery, jQuery Mobile

+ mobile app wrapper

http://www.w3.org/h...
5
6
HTML5 (MOBILE) APP

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

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

8
•

Feed the mobile app from WordPress
•
•

•

Feed via RSS (XML)
Feed via API, using WordPress JSON-API plugin

Auto (temp...
10
11
http://boomee.oo.or.id/api/get_post/?id=1360
12
13
14
DEMO

15
16
WORDC AMP 2013
J O G J A K A R TA
17
Upcoming SlideShare
Loading in...5
×

Create HTML5 Mobile Apps for WordPress Site

1,834

Published on

My presentation on WordCamp Indonesia 2013, Jogjakarta.
Oct 18th, 2013.
Create HTML5 Mobile Apps for WordPress site.
Using JSON-API plugin for WordPress.
PhoneGap wrapper. PhoneGap Build intro.
Data by boomee.co wordpress site.

Published in: Technology, Business
1 Comment
1 Like
Statistics
Notes
  • Disculpa sera que puedas ayudarme no logro conectar wordpress con mi aplicacion me manda un arror de No 'Access-Control-Allow-Origin' header is present on the requested resource no se si tenga que ver conque esten alojados por separados
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,834
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
49
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Create HTML5 Mobile Apps for WordPress Site"

  1. 1. C R E AT E H T M L 5 MOBILE APPS FOR Oon Arfiandwi CTO 7Langit WordCamp 2013, Jogjakarta 1
  2. 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. 3. MOBILE APP VS MOBILE WEB • Responsive design WordPress themes • Pro-active with notifications • Offline Content (caching) • Trigger other apps 3
  4. 4. HTML5 (MOBILE) APP • HTML5 • CSS3 • JavaScript • • jQuery, jQuery Mobile + mobile app wrapper http://www.w3.org/html/logo/ 4
  5. 5. 5
  6. 6. 6
  7. 7. HTML5 (MOBILE) APP http://phonegap.com/about/artwork/ 7
  8. 8. PHONEGAP http://phonegap.com/about/artwork/ 8
  9. 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. 10
  11. 11. 11
  12. 12. http://boomee.oo.or.id/api/get_post/?id=1360 12
  13. 13. 13
  14. 14. 14
  15. 15. DEMO 15
  16. 16. 16
  17. 17. WORDC AMP 2013 J O G J A K A R TA 17
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×