Create HTML5 Mobile Apps for WordPress Site

•

1 recomendación•2,949 vistas

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.

Tecnología Empresariales

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 & agency

•

Maintain a regular free* class of HTML5 for Mobile Apps

•

http://about.me/oon

2

MOBILE APP VS MOBILE WEB

•

Responsive design WordPress themes

•

Pro-active with notifications

•

Offline Content (caching)

•

Trigger other apps

3

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 (template) generated apps or make your own app

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

9

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

Más contenido relacionado

La actualidad más candente

Hybrid mobile and IonicLiju Pillai

Hybrid Mobile AppPalani Kumar

JavaScript for ASP.NET programmers (webcast) uploadRuss Fustino

Ecommerce Mini Project / Group Project CodingHemant Sarthak

Mobile HTML Hybrid AppsMaryan Kacharaba

Mobile HTML Hybrid AppsABTO Software

Intro Angular Ionic Gianvito Siciliano

Ionic - Hybrid Mobile Application FrameworkSanjay Kumar

Ecommerce Mini Project / Group Project DesignHemant Sarthak

Creating mobile apps - an introduction to Ionic (Engage 2016)Mark Leusink

Native vs. Hybrid ApplicationsCihad Horuzoğlu

Build Consumer Apps Using Mobile SDK and Ionic FrameworkSalesforce Developers

Cross mobilityShady Selim

Build Your First iPhone or Android App with Telerik AppBuilderJeffrey T. Fritz

Getting started with the Ionic FrameworkAnuradha Weeraman

Hybrid mobile appsErik Paulsson

Mobile apps types + Responsice Vs. AdaptiveShady Selim

Cross-Platform App Development Importance in Mobile App DevelopmentAlina Thomas

Building Mobile Apps with Cordova , AngularJS and IonicKadhem Soltani

Introduction of MonacaHideshi Ogoshi

La actualidad más candente (20)

Hybrid mobile and Ionic

Hybrid Mobile App

JavaScript for ASP.NET programmers (webcast) upload

Ecommerce Mini Project / Group Project Coding

Mobile HTML Hybrid Apps

Intro Angular Ionic

Ionic - Hybrid Mobile Application Framework

Ecommerce Mini Project / Group Project Design

Creating mobile apps - an introduction to Ionic (Engage 2016)

Native vs. Hybrid Applications

Build Consumer Apps Using Mobile SDK and Ionic Framework

Cross mobility

Build Your First iPhone or Android App with Telerik AppBuilder

Getting started with the Ionic Framework

Hybrid mobile apps

Mobile apps types + Responsice Vs. Adaptive

Cross-Platform App Development Importance in Mobile App Development

Building Mobile Apps with Cordova , AngularJS and Ionic

Introduction of Monaca

Destacado

Google+ API (2012)Oon Arfiandwi

Pemrograman Python untuk PemulaOon Arfiandwi

HTML CSS Untuk PemulaMoch. Zamroni

PHP untuk pemula Daryusman S.Kom, MTCNA, MTCRE

Belajar menjadi developer webHaswi Haswi

Pelatihan PHP dan MySQL di STT TelkomAchmad Solichin

Tutorial php membuat Aplikasi InventarisDeka M Wildan

Menjadi webmaster dalam 30 hariDidit Septiawan

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Doni Tobing

Buku pemrograman web html-css-javascriptDeka M Wildan

Buat web dgn php mysql dreamweaverHaswi Haswi

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing

Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaRCH_98

Destacado (13)

Google+ API (2012)

Pemrograman Python untuk Pemula

HTML CSS Untuk Pemula

PHP untuk pemula

Belajar menjadi developer web

Pelatihan PHP dan MySQL di STT Telkom

Tutorial php membuat Aplikasi Inventaris

Menjadi webmaster dalam 30 hari

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...

Buku pemrograman web html-css-javascript

Buat web dgn php mysql dreamweaver

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL

Tutorial Pembuatan Aplikasi Website Beserta Databasenya

Similar a Create HTML5 Mobile Apps for WordPress Site

Agile Mobile Strategies on a Shoestring BudgetAaron Grant

ResumeMobileApp2016 1vishnu vardhan

Getting Started with Mobile Websites if You Don't Know CodeCarli Spina

Resume_iOSDevvishnu vardhan

uMobile, I’m Mobile, We’re All Mobile!!Aaron Grant

Adobe phonegap-workshop-2013Haig Armen

Hybrid app development with ionicWan Muzaffar Wan Hashim

AppsFuel, il nuovo marketplace per mobile web app e mobile site!Mobile Web Italy Meetup

Introduction to PhoneGapRamesh Nair

Building mobile apps with PhoneGap and BackboneTroy Miles

Cross Platform Mobile DevelopmentManesh Lad

«I knew there had to be a better way to build mobile app»FDConf

JWC 2015 - Mobile apps development for Joomla!Extly Extensions - JoomGap

PhoneGapDoncho Minkov

PhoneGap/CordovaMihai Corlan

Mobile DevicesYnon Perek

HTML5@NeevNeev Technologies

Introduction to hybrid application developmentKunjan Thakkar

Hybrid vs Native vs Web AppsPoluru S

I knew there had to be a better way to build mobile appsAlius Petraška

Similar a Create HTML5 Mobile Apps for WordPress Site (20)

Agile Mobile Strategies on a Shoestring Budget

ResumeMobileApp2016 1

Getting Started with Mobile Websites if You Don't Know Code

Resume_iOSDev

uMobile, I’m Mobile, We’re All Mobile!!

Adobe phonegap-workshop-2013

Hybrid app development with ionic

AppsFuel, il nuovo marketplace per mobile web app e mobile site!

Introduction to PhoneGap

Building mobile apps with PhoneGap and Backbone

Cross Platform Mobile Development

«I knew there had to be a better way to build mobile app»

JWC 2015 - Mobile apps development for Joomla!

PhoneGap

PhoneGap/Cordova

Mobile Devices

HTML5@Neev

Introduction to hybrid application development

Hybrid vs Native vs Web Apps

I knew there had to be a better way to build mobile apps

Último

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays

Real Time Object Detection Using Open CVKhem

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

Why Teams call analytics are critical to your entire businesspanagenda

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays

GenAI Risks & Security Meetup 01052024.pdflior mazor

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

MINDCTI Revenue Release Quarter One 2024MIND CTI

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

A Year of the Servo Reboot: Where Are We Now?Igalia

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

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

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