Joomla mobile

JOOMLA! IN THE MOBILE WORLDHagen 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

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=953766000000&tend=1269298800000&hl=en_US&dl=en_US

in 2000 - 200 Millions

in 2010> 900 Millions

in 2012

> 1,000 Millions

4Saturday, March 31, 12

Something is changing ..

5

Images by Mathieu Plourde http://twitter.com/mathplourde

Saturday, March 31, 12

Mobile Cellular Subscriptions

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=953766000000&tend=1269298800000&hl=en_US&dl=en_US

in 2000 - 200 Millions

in 2010> 4,000 Millions

in 2012more mobiles than human beings> 7,000 Millions

6Saturday, March 31, 12

7

Smartphone Shipments

Top smartphone facts and figures in 2011 http://www.visionmobile.com/blog/2012/02/infographic-100-million-club-top-smartphone-facts-and-figures-in-2011/

Saturday, March 31, 12

What’s different?

http://www.flickr.com/photos/proimos/6140580579

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

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, Windows Marketplace for Mobile, Windows Phone

Marketplace, Amazon Appstore

Native Apps

9Saturday, March 31, 12

Native Apps vs. Web Apps

Native Apps - use all possibilities

of a device ++- have to developed for each device --

Web Apps - are running in a

browser (which is a native app)- are developed once ++

e.g. Browser e.g. Joomla! CMS, Drupal, WordPress

10Saturday, March 31, 12

CMS on “good old” websites?

0

20

40

60

80

None WordPress Joomla! Drupal other

922.7

15.9

70.4CMS Market Share

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

Drag and Drophttp://html5demos.com/drag

Inline editinghttp://html5demos.com/contenteditable

Locationhttp://html5demos.com/geo

www.gabereiser.com/flickr/

13Saturday, March 31, 12

Viewport

14

http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html

Saturday, 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?

18

Screenshots of Joomla mobile extensions

Saturday, 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

free http://www.mobilejoomla.com

- Device detection- Advanced image adaptation- Flexible layout settings- Sub-domain redirection- Custom templates per device- Menu exclusion per device

23Saturday, March 31, 12

DemoIt’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

http://www.youtube.com/watch?v=N7nSLFHLIzo

https://github.com/joomla/joomla-platform-examples/tree/master/web/picasamobile

- jplatform web app

- jquery mobile

- picasa

27Saturday, March 31, 12

Android App: jooid

http://joooid.com/

28Saturday, March 31, 12

Example joooid

Joomla Plug-inJoooid XMLRPC

Android

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 supportCreate/Update/List/Delete Jomsocial groupsCreate/Update/List/Delete Jomsocial group discussions, announcements and wall postsCreate/Update/List/Delete Jomsocial eventsCreate contentList categories/sectionshttp://techjoomla.com/rest-api-support.html?view=xmlhttps://github.com/techjoomla/Joomla-REST-API

30Saturday, March 31, 12

jAdmin

http://www.covertapps.com/jam

JoomlaiPhone/Android

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

http://www.ijoomer.com

VirtueMartJDay Chicagocarz.com.br airportdining.net

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 :)

36

http://cocoate.com/j25

http://cocoate.com/jdev

Saturday, March 31, 12