Mobile apps development for Joomla
Learn | Connect | Share
Anibal Sánchez @anibal_sanchez
@extly
@joomgap
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Extly leading developer
Aníbal Sánchez
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Abstract
Mobile web-based applications are the best choice for individual, small and large businesses developers to provide a way to continue a website experience. This alternative allows you to work directly in the mobile environment with nothing but JavaScript and HTML / CSS, using technologies such as PhoneGap, Ionic and AngularJS Framework. Thus, it is possible to implement the technology stack most used and known in the world to launch apps, simultaneously, on all major platforms, from day one, with the same source code. In Joomla! context, web-based mobile apps can be integrated with the content management system to query or execute operations safely. In this session, we will discuss the main topic , solutions, challenges and a case to introduce how to combine available technologies for mobile development integrated with Joomla.
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Agenda
Welcome
Today’s stats
Definitions
JED Starter App
Talking to Joomla!
Conclusions
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Welcome to Joomorrowland
http://www.tomorrowland.com
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Welcome to Joomorrowland
http://www.tomorrowland.com
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
… and we develop apps for Joomla!
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
WAIT….
WHAT ?
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Wait … what?
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Today’s Stats
The days of desktop dominance are over. Mobile has swiftly risen to become the leading digital platform, with total activity on smartphones and tablets accounting for an astounding 60 percent of digital media time spent in the U.S. The fuel driving mobile’s relentless growth is primarily app usage...
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Today’s Stats
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Definitions
Joomla! is a platform to built websites
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
JED Starter App - Objectives
A prototype to show content navigation (smallest app, 2MB).
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
JED Starter App - A prototype
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
A mobile web-based boilerplate
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
JED Starter App
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Cordova - PhoneGap
Easily create apps using the web technologies you know and love: HTML, CSS and JavaScript. (+Plugins)
Target multiple platforms with one code base.
Free and open source.
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
AngularJS / Ionic Framework
HTML enhanced for web apps!
Create mobile apps with the web technologies you love. Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
A new utility belt for developers
… a Javascript world ruled by Node.js, npm, Grunt, Bower, etc, etc
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Local vs Remote Development
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Talking to Joomla!
Application Program Interface (API)
HTML (JED App) vs Structured Data
Atoms?
Molecules?
Particles?
Cubes?
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Talking to Joomla!
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
… and we develop apps for Joomla!
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Talking to Joomla! - Joocial App
AutoTweetNG and Joocial are our extensions for social content management. Composer App is our new tool for social auto-publishing and content scheduling.
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
2-legged OAuth authentication
(No remote password)
Talking to Joomla! - Joocial App
OAuth API
OAuth API
Token
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Conclusions
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Make It Happen
Are you interested Mobile Apps? Join to Mobile Apps Team�https://volunteers.joomla.org/working-groups/mobile-apps-team�The Mobile Apps working group is dedicated to people contributing to support mobile web-enabled and native applications for Joomla that will be the best "mobile-first" CMS.
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
Questions and Feedback
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8
JoomGap
#JWC15
Joomla! World Conference 2015
Bangalore, India Sheraton Hotel�November 6-8