Mobile Phone Publishing Terminalfour Presentation V3

TERMINALFOUR Presentation to

David Miller

COO

[email protected]

The mobile browser wars: Using Web CM solutions to publish mobile

independent of the mobile device

Agenda

• Why Mobile Publishing is so important

• They key issues that you will face

• How Web Content Management can help

Why Mobile Publishing is so important

Why Mobile Publishing is so important

The latest stats:• Nov 27th 2009 : The Wall Street

Journal reported:– greatest usage of mobile

phones during the biggest shopping day

– PayPal reported a 650% increase in payments made that day from mobile phones.

Why Mobile Publishing is so important

The latest stats:

• Facebook: 4m Daily Mobile Users

– iPhone 1.64 million

– Blackberry 1.56 million

– General mobile just under 1 million daily active users

(Feb 2009)

An indication of Mobile Internet Usage

Smart phones to outstrip desktops in 2 years

The key issues that you will face

Why Mobile Publishing is so important

OK, so acceptance is growing

but some major issues:

• Regional Preferences

• Browser Platforms Vary

• Browser Rendering Varies

• Normal Site versus Mobile Specific Version

• Plugin Support (flash etc.)

= A large number of variations

Market Share (North America)

Market Share (Europe)

Market Share (Asia)

So know your audience:

• What territory?

• What’s the most popular platforms/browser?

• Connection Speed (US versus Europe versus Asia)

• Connection plans!

So you know your audience…. But……

• Mobile Rendering versus Internet on Mobile

Many of them use WebKit…. But….

http://www.quirksmode.org/webkit.html

• Key findings:– Nokia Worst (new

version on way)– iPhone Best– Huge variety!

Mobile Screen Sizes

Opera Mobile (VF WM) Nokia E66 (9.5) 240 x 320 HTC Touch Diamond 240 x 228 SE P1i 240 x 320 Motorola V3xx 240 x 239 Opera Mini 4.2 Nokia E71 314 x 196 S60 WebKit Nokia E66 320 x 240 Nokia E71 320 x 240 Nokia N95 320 x 240 Samsung i560 320 x 240 Apple WebKit iPhone 320 x 396 Android 480 x 320 Other WebKit Bolt 800 x 800 Iris (HTC) 640 x 480 NetFront Samsung F700 377 x 183 Sony Ericsson K770i 176 x 220 Sony Ericsson C510 320 x 240 Blackberry Blackberry 9500 480 x 360 IE Mobile HTC Touch Vary

Summary of Key Issues

• Java Script Support• Screen Size• HTML Support• Flash Support• CSS Support• Offline Content (iPhone Apps) versus

Online Content

…. It’s like being back in 1999! Browser wars

How Web Content Management can help

Approaches to the solution

• Use a very basic flexible CSS design

• Serve your standard site

• Design for the most popular devices in your region

Approaches to the solution

• Use a very basic flexible CSS design

• Serve your standard site

• Design for the most popular devices in your region

• Problem, not all devices support CSS to the same level

• Only suitable for devices such as iPhone

• Best approach, more work, but CMS (TERMINALFOUR) can help

Keep it simple:

• One of the most popular mobile sites in Ireland

• Good old teletext!– Simple– Fast– Works on all devices– Lots of content– Current– Cheap!

So how can CMS Help

CMS: General web to mobile web….

TERMINALFOUR Site Manager

TERMINALFOUR Site Manager

Reuse content across output channels

Setup your website…

Setup your website (or create a mobile version)

Multiple output channels

Multiple output channels – including mobile

Multiple channels – including mobile microchannels

Multiple styles – different per device type

Same content repurposed per device type

Auto generate Output variants for images

Auto generate Output variants for images

Built in image manipulation for “mobile tweaks”

Basic Approach

• Develop site as normal• Setup channels for each device &

browser• Different styles for each one• Different output formatters• Image resizing• Detect browser type and redirect to

appropriate channel– We have code to do this.

Summary

• Mobile web content is a mess – Will probably stay a mess for a while

• Keep things VERY simple– Small is beautiful!– Static works– Avoid too much “flashy” stuff!

• Plan your market, device and browser– Don’t assume it’s all iphone!

• Develop your web site “as usual”• Repurpose content per channel• Run it as your normal web infrastructure

Useful Links

Browser Emulators:• http://www.w3schools.com/

dotnetmobile/mobile_emulators.asp

Detect Browser Type:• http://detectmobilebrowsers.mobi/

Happy days

THANK YOU

David Miller

COO

Link to Slides: will tweet later & put on TERMINALFOUR website

[email protected]

Twitter: @TERMINALFOUR