Mobile Web 2.0 (DDD Scotland - Grok Talk)

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

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

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

Above the level of a single device

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

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

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

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

What’s changed?

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

<%@ 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>

_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

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

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

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

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/)

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

Mobile Web 2.0 (DDD Scotland - Grok Talk)

by Matt Lacey on May 05, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 13

Statistics

Mobile Web 2.0 (DDD Scotland - Grok Talk) — Presentation Transcript

http://www.slideshare.net	7
http://blog.mrlacey.co.uk	6