( )Arc Technology Groupw w w . a r c t g . c o m

Mobile Joomla!Joomla Chicago - October 14, 2009Robert Jacobi, Arc Technology Group

( )

Arc Technology Groupw w w . a r c t g . c o m

Little bit about Arc

⊛ Arc is the Web Design, Development and Content Management Company whose open solutions drive business success

⊛ Successfully completed over 100 open solutions

⊛ Smooth transition from implementation to customer takeover

⊛ Experts in Joomla

⊛ Ecstatic customers

( )

Arc Technology Groupw w w . a r c t g . c o m

Mobile Platforms

⊛ Windows Mobile 6 and 6.5

⊛ Palm OS / Web OS

⊛ Android

⊛ iPhone

( )

Arc Technology Groupw w w . a r c t g . c o m

Mobile Browsers

⊛ WAP

⊛ iMode

⊛ XHTML

⊛ Internet Explorer

⊛ WebKit

⊛ Blackberry

( )

Arc Technology Groupw w w . a r c t g . c o m

Mobile Browsers

0%

10%

20%

30%

40%

iPhone OS Symbian OS RIM OS Android webOS Windows Palm OS

August 2009, AdMob Mobile Metrics Report, Worldwide

( )

Arc Technology Groupw w w . a r c t g . c o m

Benefits

⊛ Write content once

⊛ Formatted correctly

( )

Arc Technology Groupw w w . a r c t g . c o m

Users

⊛ End user

⊛ Administator

( )

Arc Technology Groupw w w . a r c t g . c o m

Costs

Original90%

Implemenation5%

Maintenance3%

Addons2%

( )

Arc Technology Groupw w w . a r c t g . c o m

What is Mobile Joomla?

⊛ Joomla

⊛ Templates

⊛ CSS

⊛ Browser Detection

⊛ Extensions

( )Arc Technology Groupw w w . a r c t g . c o m

Default in Safari rhuk_milway template

( )Arc Technology Groupw w w . a r c t g . c o m

Default in iPhone rhuk_milway template

( )Arc Technology Groupw w w . a r c t g . c o m

Default in iPhone administrator template

( )Arc Technology Groupw w w . a r c t g . c o m

Custom in Safari Taylor Bruce Design Partnershiptaylorbruce.com

( )Arc Technology Groupw w w . a r c t g . c o m

Custom in iPhone Taylor Bruce Design Partnershiptaylorbruce.com

( )

Arc Technology Groupw w w . a r c t g . c o m

CSS Hints

⊛ No fixed margins

⊛ No floats

⊛ No big fixed fonts

⊛ Reduce columns / tables

⊛ Reduce JavaScript

⊛ Degrade gracefully, e.g. Flash

( )

Arc Technology Groupw w w . a r c t g . c o m

Browser Detection

⊛ Why?

⊛ Tools

⊛ Hints

( )

Arc Technology Groupw w w . a r c t g . c o m

Tools

⊛ http://extensions.joomla.org/extensions/core-enhancements/mobile

⊛ PDA-plugin for Joomla!1.5

⊛ http://joomup.com/blog/2007/10/20/pdaplugin-joomla-15/

⊛ Template and Plugin

( )Arc Technology Groupw w w . a r c t g . c o m

Plugin in iPhone pda plugin template

( )

Arc Technology Groupw w w . a r c t g . c o m

CSS Hints

⊛ No fixed margins

⊛ No floats

⊛ No big fixed fonts

⊛ Reduce columns / tables

⊛ Flat or pull-down menus

⊛ Reduce JavaScript

⊛ Degrade gracefully, e.g. Flash

( )

Arc Technology Groupw w w . a r c t g . c o m

Extensions

⊛ Flash will fail in many situations

⊛ Front Page Slide Show (FPSS)

⊛ Heavy JavaScript can fail

( )

Arc Technology Groupw w w . a r c t g . c o m

What have we learned?

⊛ Not expensive

⊛ Depending on the mobile platform and site complexity you can develop one template

⊛ PDA-plugin provides browser detection

⊛ Certain elements cause problems

( )

Arc Technology Groupw w w . a r c t g . c o m

Resources

⊛ AdMob Reporthttp://metrics.admob.com/wp-content/uploads/2009/09/AdMob-Mobile-Metrics-Aug-092.pdf

⊛ Extensionshttp://extensions.joomla.org/extensions/core-enhancements/mobile

⊛ MobiForge PDA Bot Tutorialhttp://mobiforge.com/developing/story/mobile-sites-with-joomla-cms

( )

Arc Technology Groupw w w . a r c t g . c o m

Thank you!

⊛ www.arctg.com

⊛ Questions now and later welcome :-)

Arc Technology Groupo p e n s o l u t i o n s d r i v i n g b u s i n e s s s u c c e s s