mobile app development for joomla!
TRANSCRIPT
![Page 1: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/1.jpg)
Mobile app development for Joomla!
Aníbal H. Sánchez@anibal_sanchez - http://blog.anibalhsanchez.com
Extly Extensions - http://www.extly.com
![Page 2: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/2.jpg)
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)
![Page 3: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/3.jpg)
Mobile Apps para Joomla! CMS
● Apps development for Joomla!
○ Content navigation
○ Search and browse
○ Site management
○ E-commerce apps
○ Enterprise apps (MEAP)
![Page 4: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/4.jpg)
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.
![Page 5: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/5.jpg)
Joocial Composer App case
● In AutoTweet and Joocial, “Composer” is the main editor for manual posts
![Page 6: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/6.jpg)
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.
![Page 7: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/7.jpg)
Step 1 - Hybrid Web App
● Cordova - PhoneGap
○ Local Web Application
○ Html5 / CSS / JavaScript
○ Plugins
![Page 8: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/8.jpg)
Step 1 - Hybrid Web App
● Option A - Remote Packaging
○ PhoneGap Build
○ AppGyver, trigger.io, etc.
● Option B - Local Packaging
○ Android
○ Apple iOS *
![Page 9: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/9.jpg)
Step 2 - Programming Utility Belt
● Html5 / CSS / Javascript Editor
● Local Debugging
○ Chrome DevTools
○ FireBug
● Remote Debugging
○ Chrome DevTools
○ GapDebug
● Version auto-installation
● Device simulation
![Page 10: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/10.jpg)
Step 2 - Opinionated development
● AngularJS / Ionic Framework
http://market.ionic.io/starters/multiplatform
![Page 11: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/11.jpg)
Step 3 - End to end testing
1. Desktop
2. Android 4 and 5
3. Apple iOS 8 and 9
4. Mobiles
5. Tablets
![Page 12: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/12.jpg)
Preliminary Summary
★ There are evolved tools
★ for web application development,
★ to support Android and Apple iOS,
★ with Html5 / CSS / JavaScript.
![Page 13: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/13.jpg)
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
![Page 14: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/14.jpg)
Talking to Joomla! - Composer App
● Joomla Backend access
● 2-legged OAuth authentication
Access token
![Page 15: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/15.jpg)
Talking to Joomla! - Composer App
● Post Management
![Page 16: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/16.jpg)
Conclusions
★ Joomla 3 allows to integrate Mobile Apps
★ App features?
★ Mobile Value Added: movement, GPS,
camera, push notifications, etc.
★ Platforms x devices (Time)
![Page 17: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/17.jpg)
Next steps
● JoomGap release: development library
for Joomla Mobile Apps,
● Joomla starter project for JoomGap.
@joomgap
![Page 18: Mobile app development for Joomla!](https://reader034.vdocument.in/reader034/viewer/2022051711/58660b881a28abd75a8cb4be/html5/thumbnails/18.jpg)
Questions and Feedback
Aníbal Sánchez
@anibal_sanchez
http://blog.anibalhsanchez.com
Extly Extensions
http://www.extly.com