Create HTML5 Mobile Apps for WordPress Site

  • 1,468 views
Uploaded 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.

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • 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
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,468
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
36
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