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