Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Mobile app development for
Joomla!
Aníbal H. Sánchez
@anibal_sanchez - http://blog.anibalhsanchez.com
Extly Extensions - h...
Extly Extensions - http://www.extly.com
● @extly Leading developer
● 15+ years experience of Internet dev
● Integrating Jo...
Mobile Apps para Joomla! CMS
● Apps development for Joomla!
○ Content navigation
○ Search and browse
○ Site management
○ E...
Joocial Composer App case
● AutoTweet and Joocial
○ Joomla content management for Facebook,
Twitter and other social netwo...
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 techno...
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 Pac...
Step 2 - Programming Utility Belt
● Html5 / CSS / Javascript Editor
● Local Debugging
○ Chrome DevTools
○ FireBug
● Remote...
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,
★ wit...
Talking to Joomla!
● Full Html page load
● AJAX Communication
● Joomla Ajax Interface (docs.joomla)
● Others: WebServices,...
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 n...
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
Upcoming SlideShare
Loading in …5
×

JDay Sevilla 2015 - Mobile app development for Joomla

356 views

Published on

Mobile Apps are the novelty of the moment, in a business that is booming. We are already beyond the initial wave of mobile apps, where developing a native app was an occult science. At this time, all websites may have an App and Internet experience will never be the same. In particular, the topic of my talk was focused on WebApps that can be developed for Android and iOS based on HTML, CSS and Javascript, integrated with Joomla! CMS.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

JDay Sevilla 2015 - Mobile app development for Joomla

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

×