Mobile app development for Joomla!

Aníbal H. Sánchez@anibal_sanchez - http://blog.anibalhsanchez.com

Extly Extensions - http://www.extly.com

Extly Extensions - http://www.extly.com

● @extly Leading developer

● 15+ years experience of Internet dev

● Integrating Joomla since 2007

● Contributor at Joomla! Bug Squad

● Contributor at Joomla! StackExchange (5000+)

● Marketing Manager at Joomla! Extensions

Directory (JED)

Mobile Apps para Joomla! CMS

● Apps development for Joomla!

○ Content navigation

○ Search and browse

○ Site management

○ E-commerce apps

○ Enterprise apps (MEAP)

Joocial Composer App case

● AutoTweet and Joocial

○ Joomla content management for Facebook,

Twitter and other social networks

○ +63 extension integration plugins

● XTDir for SobiPro

○ Extension for advertising catalogs based on

SobiPro, JomSocial or EasySocial.

Joocial Composer App case

● In AutoTweet and Joocial, “Composer” is the main editor for manual posts

Joocial Composer App case

● Create an App for management,

● based on Open Source,

● of enterprise level,

● with Web technology,

● for Android and Apple iOS,

● with the same code base.

Step 1 - Hybrid Web App

● Cordova - PhoneGap

○ Local Web Application

○ Html5 / CSS / JavaScript

○ Plugins

Step 1 - Hybrid Web App

● Option A - Remote Packaging

○ PhoneGap Build

○ AppGyver, trigger.io, etc.

● Option B - Local Packaging

○ Android

○ Apple iOS *

Step 2 - Programming Utility Belt

● Html5 / CSS / Javascript Editor

● Local Debugging

○ Chrome DevTools

○ FireBug

● Remote Debugging

○ Chrome DevTools

○ GapDebug

● Version auto-installation

● Device simulation

Step 2 - Opinionated development

● AngularJS / Ionic Framework

http://market.ionic.io/starters/multiplatform

Step 3 - End to end testing

1. Desktop

2. Android 4 and 5

3. Apple iOS 8 and 9

4. Mobiles

5. Tablets

Preliminary Summary

★ There are evolved tools

★ for web application development,

★ to support Android and Apple iOS,

★ with Html5 / CSS / JavaScript.

Talking to Joomla!

● Full Html page load

● AJAX Communication

● Joomla Ajax Interface (docs.joomla)

● Others: WebServices, WebSockets, etc.

API

Note: Browser security - Cross-site scripting / Same-origin policy & JSONP

Talking to Joomla! - Composer App

● Joomla Backend access

● 2-legged OAuth authentication

Access token

Talking to Joomla! - Composer App

● Post Management

Conclusions

★ Joomla 3 allows to integrate Mobile Apps

★ App features?

★ Mobile Value Added: movement, GPS,

camera, push notifications, etc.

★ Platforms x devices (Time)

Next steps

● JoomGap release: development library

for Joomla Mobile Apps,

● Joomla starter project for JoomGap.

@joomgap

Questions and Feedback

Aníbal Sánchez

@anibal_sanchez

http://blog.anibalhsanchez.com

Extly Extensions

http://www.extly.com