Slides from the Grok talk I gave at DDD Scotland on 2nd May 2009 on Mobile Web 2.0

1. Mobile
Web 2.0
matt lacey
@mrlacey - blog.mrlacey.co.uk - mrlacey.mobi

2. Eagle Eye Technology
“Creative Thinking for Mobile Technologies”
http://www.eagleeyetechnology.com/
http://m.eagleeyetechnology.com/

4. Web 2.0
1. The Web as a Platform
2. Harnessing Collective Intelligence
3. Data as the Next “Intel Inside”
4. End of the Software Release Cycle
5. Lightweight Programming Models
6. Above the level of a single device
7. Rich User Experiences

5. Above the
level of a
single device

7. quot;we expect that
eventually the
majority of the usage
of the internet will be
on mobile phonesquot;

8. quot;Mobile devices
are the most
important
technology of
them all.quot;

9. “Google’s future
depends on the
next internet,
on cellphones.”

10. Who’s using the mobile web?
17,400,000 users in the UK
Mobile Social Networks
(350% increase in last 6 months - Orange)

11. What’s changed?

12. What is “Mobile”?
•Person not device
•About context
•About the “Point of Inspiration”
•30 second not 30 minutes
•Not about minaturisation

13. <%@ Page language=quot;C#quot;
Inherits=quot;System.Web.UI.MobileControls.Mobile
Pagequot; %>
<%@ Register TagPrefix=quot;Mobilequot;
Namespace=quot;System.Web.UI.MobileControlsquot;
Assembly=quot;System.Web.Mobilequot; %>
<mobile:Form id=Form1 runat=quot;serverquot;>
<mobile:Label id=Test Runat=quot;Serverquot;>
Hello, Mobile World
</mobile:Label>
</mobile:Form>

16. _support_browserIdentity canSendMail cdf rendersWmlDoAcceptsInline SupportsCssMargin
_support_deviceIdentity Cookies crawler rendersWmlSelectsAsMenuCards SupportsCssPadding
_support_majorVersion Css1 css2 requiresAdaptiveErrorReporting supportsDivAlign
_support_minorVersion defaultCharacterHeight requiresAttributeColonSubstitution supportsDivNoWrap
AcceptsAudio3gpp defaultCharacterWidth requiresContentTypeMetaTag SupportsEmbeddedFlashInWebPages
AcceptsAudioAac defaultScreenCharactersHeight requiresDBCSCharacter supportsEmptyStringInCookieValue
AcceptsAudioAmr defaultScreenCharactersWidth requiresFullyQualifiedRedirectUrl supportsFileUpload
AcceptsAudioIMelody defaultScreenPixelsHeight requiresHtmlAdaptiveErrorReporting supportsFontColor
AcceptsAudioMidi defaultScreenPixelsWidth requiresLeadingPageBreak supportsFontName
AcceptsAudioMp3 defaultSubmitButtonLimit requiresNoBreakInFormatting supportsFontSize
AcceptsAudioWav ecmascriptversion requiresNoescapedPostUrl SupportsHtmlRendering
AcceptsImageBmp frames requiresNoSoftkeyLabels supportsImageSubmit
AcceptsImageGif gatewayMajorVersion requiresOutputOptimization supportsIModeSymbols
AcceptsImageJpeg gatewayMinorVersion requiresPhoneNumbersAsPlainText supportsInputIStyle
AcceptsImagePng gatewayVersion requiresPostRedirectionHandling supportsInputMode
AcceptsImageSVG Gold hasBackButton requiresSpecialViewStateEncoding supportsItalic
AcceptsVideo3gpp hidesRightAlignedMultiselectScrollbars requiresUniqueFilePathSuffix supportsJPhoneMultiMediaAttributes
AcceptsVideoMpeg inputType isColor requiresUniqueHtmlCheckboxNames supportsJPhoneSymbols
AcceptsVideoMpeg4 isMobileDevice requiresUniqueHtmlInputNames supportsMaintainScrollPositionOnPostback
activexcontrols IsSslSupported javaapplets requiresUrlEncodedPostfieldValues supportsMultilineTextBoxDisplay
AjaxCanManipulateCss Javascript jscriptversion screenBitDepth supportsQueryStringInFormAction
AjaxSupportsFullDom majorversion screenPixelsHeight supportsRedirectWithCookie
AjaxSupportsGetElementByID maximumHrefLength screenPixelsWidth SupportsSamePageAnchorLinks
AjaxSupportsInnerHtml maximumRenderedPageSize Sk SupportedAudio3gppVersion supportsSelectMultiple
AjaxXmlHttpRequestConstructorSyntax maximumSoftkeyLabelLength SupportedFlashVersion SupportsStandAloneFlash
Ak aol MaxUrlLength SupportedImageGifVersion SupportsSymbolAccessKeys
authenticodeupdate minorversion SupportedVideo3gppVersion SupportsTouchScreen
backgroundsounds mobileDeviceManufacturer supportsAccesskeyAttribute supportsUncheck
Beta browser mobileDeviceModel supportsBodyColor supportsVCard
cachesAllResponsesWithExpires msdomversion supportsBold SupportsWapPush
canCombineFormsInDeck numberOfSoftkeys supportsCacheControlMetaTag SupportsXHtmlRendering
canInitiateVoiceCall platform supportsCallback Tables tagwriter
canRenderAfterInputOrSelectElement preferredImageMime supportsCharacterEntityEncoding type
canRenderEmptySelects preferredRenderingMime SupportsCHtmlRendering UsableScreenPixelsHeight
canRenderInputAndSelectElementsTogether preferredRenderingType supportsCss UsableScreenPixelsWidth
canRenderMixedSelects rendersBreakBeforeWmlSelectAndInput SupportsCssBackgroundColor Vbscript version
canRenderOneventAndPrevElementsTogether rendersBreaksAfterHtmlLists SupportsCssBackgroundImage W3cdomversion Win16
canRenderPostBackCards rendersBreaksAfterWmlAnchor SupportsCssBorder Win32 xml
canRenderSetvarZeroWithMultiSelectionList rendersBreaksAfterWmlInput SupportsCssHyperLinkColorAttribute

17. http://mdbf.codeplex.com/
Mobile Device Browser File

18. How mobilise?
• Separate site or sub-domain
• Adaptive site
• Content appropriate to device
• Remember user context

19. 4 Top Tips
• 1 mobile device != another
• Keep pages simple & small
• Test on real devices (eventually)
• Mobilise don’t just minimise

20. Alternatives
•UAProfile
•WURFL (http://wurfl.sourceforge.net/)
•Device Atlas (http://www.deviceatlas.com)
•DetectRight (http://www.detectright.com/)
•Volantis (http://www.volantis.com/)
•MobileAware (http://www.mobileaware.com/)

21. More Information
•http://mdbf.codeplex.com/
•http://mobiforge.com/
•Talk to me