Mobile Joomla

Page 1

(

)

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

Arc Technology Group w w w. a rc 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 Group w w w. a rc t g . c o m


(

)

Mobile Platforms

Windows Mobile 6 and 6.5

Palm OS / Web OS

Android

iPhone

Arc Technology Group w w w. a rc t g . c o m


(

)

Mobile Browsers ⊛

WAP

iMode

XHTML

Internet Explorer

WebKit

Blackberry

Arc Technology Group w w w. a rc t g . c o m


(

)

Mobile Browsers August 2009, AdMob Mobile Metrics Report, Worldwide

40%

30%

20%

10%

0%

iPhone OS

Symbian OS

RIM OS

Android

webOS

Windows

Palm OS

Arc Technology Group w w w. a rc t g . c o m


(

)

Benefits

⊛

Write content once

⊛

Formatted correctly

Arc Technology Group w w w. a rc t g . c o m


(

)

Users

End user

Administator

Arc Technology Group w w w. a rc t g . c o m


(

)

Costs

Implemenation 5%

Maintenance 3% Original 90%

Addons 2%

Arc Technology Group w w w. a rc t g . c o m


(

)

What is Mobile Joomla? ⊛

Joomla

Templates

CSS

Browser Detection

Extensions

Arc Technology Group w w w. a rc t g . c o m


(

Default in Safari

rhuk_milway template

)

Arc Technology Group w w w. a rc t g . c o m


(

Default in iPhone

rhuk_milway template

)

Arc Technology Group w w w. a rc t g . c o m


(

Default in iPhone

administrator template

)

Arc Technology Group w w w. a rc t g . c o m


(

Custom in Safari

Taylor Bruce Design Partnership taylorbruce.com

)

Arc Technology Group w w w. a rc t g . c o m


(

Custom in iPhone

Taylor Bruce Design Partnership taylorbruce.com

)

Arc Technology Group w w w. a rc 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 Group w w w. a rc t g . c o m


(

)

Browser Detection

Why?

Tools

Hints

Arc Technology Group w w w. a rc 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 Group w w w. a rc t g . c o m


(

Plugin in iPhone

pda plugin template

)

Arc Technology Group w w w. a rc 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 Group w w w. a rc t g . c o m


(

)

Extensions

Flash will fail in many situations

Front Page Slide Show (FPSS)

Heavy JavaScript can fail

Arc Technology Group w w w. a rc 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 Group w w w. a rc t g . c o m


(

)

Resources ⊛

AdMob Report http://metrics.admob.com/wp-content/ uploads/2009/09/AdMob-Mobile-MetricsAug-092.pdf

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

MobiForge PDA Bot Tutorial http://mobiforge.com/developing/story/ mobile-sites-with-joomla-cms Arc Technology Group w w w. a rc t g . c o m


(

)

Thank you! Arc Technology Group

open solutions driving business success

www.arctg.com

Questions now and later welcome :-)

Arc Technology Group w w w. a rc t g . c o m


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.