Your SlideShare is downloading. ×
Create HTML5 Mobile Apps for WordPress Site
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Create HTML5 Mobile Apps for WordPress Site

1,712
views

Published on

My presentation on WordCamp Indonesia 2013, Jogjakarta. …

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,712
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
42
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×