mobile phone publishing terminalfour presentation v3
TRANSCRIPT
TERMINALFOUR Presentation to
David Miller
COO
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
Twitter: @TERMINALFOUR