Joomla mobile

JOOMLA! IN THE MOBILE WORLD Hagen Graf, cocoate.com 1Saturday, March 31, 12

Hi :) 2Saturday, March 31, 12

Where do we come from? March 2000: Project started by Miro 2002: Release of a commercial CMS called Mambo by Miro 2003: Mambo became Open Source Software 2005: Fork to Joomla! 2008: Joomla! 1.5 Paradigma - Model, View, Controller (MVC) 2012: Joomla! 2.5 Division into Platform and CMS 3Saturday, March 31, 12

Internet Users in 2000 - 200 Millions in 2010 > 900 Millions in 2012 > 1,000 Millions http://www.google.com/publicdata/explore?ds=d5bncppjof8f9_&ctype=l&met_y=it_net_user&hl=en_US&dl=en_US#! ctype=l&strail=false&bcs=d&nselm=h&met_y=it_net_user&scale_y=lin&ind_y=false&rdim=region&idim=region:SAS:NAC:SSA:MNA:ECA:EAP:LAC&ifdim=region&tstart=9537 66000000&tend=1269298800000&hl=en_US&dl=en_US 4Saturday, March 31, 12

Something is changing .. Images by Mathieu Plourde http://twitter.com/mathplourde 5Saturday, March 31, 12

Mobile Cellular Subscriptions in 2000 - 200 Millions in 2010 > 4,000 Millions in 2012 more mobiles than human beings > 7,000 Millions http://www.google.com/publicdata/explore?ds=d5bncppjof8f9_&ctype=l&met_y=it_net_user&hl=en_US&dl=en_US#! ctype=l&strail=false&bcs=d&nselm=h&met_y=it_cel_sets&scale_y=lin&ind_y=false&rdim=region&idim=region:SAS:NAC:SSA:MNA:ECA:EAP:LAC&ifdim=region&tstart=9537660 00000&tend=1269298800000&hl=en_US&dl=en_US 6Saturday, March 31, 12

Smartphone Shipments Top smartphone facts and ﬁgures in 2011 http://www.visionmobile.com/blog/2012/02/infographic-100-million-club-top-smartphone-facts-and-ﬁgures-in-2011/ 7Saturday, March 31, 12

What’s different? The device* knows a lot about you - location, contacts, passwords, ... - you can phone anyone you know - you touch the screen to navigate - it even talks with you :) *and the company that owns the ecosystem behind the device http://www.ﬂickr.com/photos/proimos/6140580579 8Saturday, March 31, 12

Appstores on Mobile Devices Google Play, App Catalog, App Store, App World, Cydia, DSi Shop, Get It Now, GetJar, Google Play, Handango, N-Gage, Ovi Store, PlayNow, PlayStation Store for PSP, Samsung Apps, Native Apps Windows Marketplace for Mobile, Windows Phone Marketplace, Amazon Appstore 9Saturday, March 31, 12

Native Apps vs. Web Apps Native Apps Web Apps - use all possibilities - are running in a of a device ++ browser (which is a native app) - have to developed - are developed once ++ for each device -- e.g. Browser e.g. Joomla! CMS, Drupal, WordPress 10Saturday, March 31, 12

CMS on “good old” websites? 80 70.4 CMS Market Share 60 40 20 15.9 9 2.7 2 0 None WordPress Joomla! Drupal other http://w3techs.com/technologies/overview/content_management/all 11Saturday, March 31, 12

HTML5 Will be “the standard” for developing web apps Standardization process started 2004 and will be finished 2014 Most browsers have already implemented most parts HTML5 12Saturday, March 31, 12

HTML5 Web App Examples www.gabereiser.com/flickr/ Drag and Drop http://html5demos.com/drag Inline editing http://html5demos.com/contenteditable Location http://html5demos.com/geo 13Saturday, March 31, 12

Viewport http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html 14Saturday, March 31, 12

Pragmatic Solution Responsive Web Design Device Detection is Bad :( (but ... think of IE7 and 8) Responsive Web Design is Good :) 15Saturday, March 31, 12

Is Joomla! still “only” a CMS? Since 2011 the Joomla! CMS is a distribution based on Joomla! Platform (joomla.org) Square One is another distribution based on Joomla! Platform (squareonecms.org) Will there be more distributions in the future? 16Saturday, March 31, 12

A new Joomla Distribution? based on HTML5 (geolocation, web storage, video, canvas, JavaScript, events, handlers) Multi Channel Content Delivery (feeds, API-service) Specialized Templating System (Responsive) Location based Content Delivery (e.g. Magnolia CMS http://www.youtube.com/watch?v=wcSKCjauh1k Mobile authoring 17Saturday, March 31, 12

What do we have so far in Joomla? Screenshots of Joomla mobile extensions 18Saturday, March 31, 12

Joomla! CMS Core Template Overrides Layout Overrides Menu Item Overrides 19Saturday, March 31, 12

Beez5 Template in Core A kind of HTML5 starter theme uses overrides to implement HTML5 markup New structuring element like section, article, hgroup, header, footer, aside, nav not responsive so far 20Saturday, March 31, 12

JoomlArt Elastica - Responsive free Elastica: http://www.joomlart.com/demo/#joomla17-templates.joomlart.com/ja_elastica 21Saturday, March 31, 12

One Web - Responsive free OneWeb template: http://internet-inspired.com/blog/css-and-html/one-web-template http:// joomlafuture.com/ 22Saturday, March 31, 12

Mobile Joomla - Device detection - Advanced image adaptation - Flexible layout settings - Sub-domain redirection - Custom templates per device - Menu exclusion per device free http://www.mobilejoomla.com 23Saturday, March 31, 12

Demo It’s your turn :) please access http://joomla25.cocoate.com take a screenshot and tweet it with the hashtag #jd12ne 24Saturday, March 31, 12

Adminpraise3 commercial adminpraise3 http://www.adminpraise.com/joomla/admin-templates/premium/ adminpraise-3.php 25Saturday, March 31, 12

Adminpraise3 commercial adminpraise3 http://www.adminpraise.com/joomla/admin-templates/premium/ adminpraise-3.php 26Saturday, March 31, 12

Joomla! Platform Gallery - jplatform web app - jquery mobile - picasa http://www.youtube.com/watch?v=N7nSLFHLIzo https://github.com/joomla/joomla-platform-examples/tree/master/web/picasamobile 27Saturday, March 31, 12

Android App: jooid http://joooid.com/ 28Saturday, March 31, 12

Example joooid Android Joomla Plug-in Joooid XMLRPC 29Saturday, March 31, 12

Joomla! as a Service Representational state transfer (REST ... defined in the year 2000) Not available in jPlatform or Joomla CMS Techjoomla offers Create/Update/List/Delete users with Jomsocial support Create/Update/List/Delete Jomsocial groups Create/Update/List/Delete Jomsocial group discussions, announcements and wall posts Create/Update/List/Delete Jomsocial events Create contentList categories/sections http://techjoomla.com/rest-api-support.html?view=xml https://github.com/techjoomla/Joomla-REST-API 30Saturday, March 31, 12

jAdmin iPhone/Android Joomla http://www.covertapps.com/jam 31Saturday, March 31, 12

jommobile Joomla! extension with the API SDK for 3rd Party developer ++ you have to buy a plug-in to use it A k2 manager is available http://jommobile.com/ 32Saturday, March 31, 12

iJoomer Customized Apps carz.com.br airportdining.net JDay Chicago VirtueMart http://www.ijoomer.com 33Saturday, March 31, 12

Back to HTML5 and CSS3 34Saturday, March 31, 12

Conclusion We need a responsive Theme in Core We need a free Joomla! REST API We HAVE TO play around with HTML5 and CSS3 (e.g. location based services) We HAVE TO learn from people that uses mobile phones how they use it :) 35Saturday, March 31, 12

Thank you ! http://twitter.com/hagengraf Download our beginner books for free + sponsor them :) http://cocoate.com/j25 http://cocoate.com/jdev 36Saturday, March 31, 12

http://cocoate.com	124
http://us-w1.rockmelt.com	1
https://twitter.com	1

Joomla mobile

by Hagen Graf

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 126

Statistics

Joomla mobile Presentation Transcript

Joomla mobile

by Hagen Graf

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 126

Statistics

Joomla mobile Presentation Transcript

Let LinkedIn power your SlideShare experience

Let LinkedIn power your SlideShare experience

Customize SlideShare content based on your interests

Keep up to date when your LinkedIn contacts post on SlideShare