Mobile apps
development for
Joomla
Learn | Connect | Share
Anibal Sánchez @anibal_sanchez @extly
Extly leading developer
● 15+ years dev experience
● Integrating Joomla since 2007
● Marketing Manager at Extensions
Directory (JED)
● Contributor at Joomla! StackExchange (5000+) ● Contributor at Bug Squad Aníbal Sánchez
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
Agenda
Welcome Today’s stats
Definitions JED Starter App Talking to Joomla!
Welcome to Joomorrowland
Welcome to Joomorrowland
● Joomla 4 ● PHP 7 ● Bootstrap 4 ● Javascript ECMAScript 6 ● AngularJS 2 (Typescript) http://www.tomorrowland.com…
and we develop apps for Joomla!
WAIT….
WHAT ?
Wait … what?
● Content navigation ● Search and browse
● Site management
● E-commerce apps
Today’s Stats
http://www.comscore.com/USMobileAppReport
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...
Definitions
Joomla! is a platform to built websites
● A content management system.
● Evolving from desktop usage. ● Supports responsive design.
JED Starter App - Objectives
JED Starter App - A prototype
http://www.joomgap.com/jwc15
● Fork JGJEDStarter repo
● Create an account (or log in) in
PhoneGap build
● Connect your github account and create a new App
● Pull JGJEDStarter source code and build
A mobile web-based boilerplate
http://www.joomgap.com/jwc15
● Fork JGBoilerplate repo
● Create an account (or log in) in
PhoneGap build
● Connect your github account and create a new App
● Pull JGBoilerplate source code and build
JED Starter App
● Mobile web-based app
● HTML, CSS and JavaScript
● Cordova - PhoneGap
● AngularJS Framework (optional)
● Ionic Framework (optional)
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.
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.
A new utility belt for developers
● HTML / CSS / JS Editor ● Local Debugging ○ Chrome DevTools ○ FireBug ● Remote Debugging ○ Chrome DevTools ○ GapDebug ● Device simulationLocal vs Remote Development
● Local Packaging ○ Android ○ Apple iOS * ● Remote Packaging ○ PhoneGap Build○ AppGyver, trigger.io, etc.
● Other services
○ Firebase
Talking to Joomla!
Application Program Interface (API)
HTML (JED App) vs Structured Data
Atoms? Molecules?
Particles? Cubes?
Talking to Joomla!
● Joomla Ajax Interface
● Custom APIs
● Joomla 3.6 - REST API
…
and we develop apps for Joomla!
Talking to Joomla! - Joocial App
AutoTweetNG and Joocial are our extensions for social content management. Composer
2-legged OAuth authentication (No remote password)
Talking to Joomla! - Joocial App
OAuth API OAuth API
Conclusions
● Mobile web-apps are ready for prime time
● Joomla offers a sound content
model and a mature framework ● Responsive web design is only a
part of the solution
● Mobile apps for Joomla offer a
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.
JoomGap
Create amazing apps for Joomla!
