Create HTML5 Mobile Apps for WordPress Site
1 like2,951 views
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.
Create HTML5 Mobile Apps for WordPress Site
- 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
- 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
- 13. 13
- 14. 14
- 15. DEMO 15
- 16. 16
- 17. WORDC AMP 2013 J O G J A K A R TA 17