際際滷

際際滷Share a Scribd company logo
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/
Mobile Web 2.0 (DDD Scotland - Grok Talk)
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
Mobile Web 2.0 (DDD Scotland - Grok Talk)
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;
Googles future
depends on the
next internet,
on cellphones.
Whos using the mobile web?

17,400,000 users in the UK

Mobile Social Networks
(350% increase in last 6 months - Orange)
Whats 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>
Mobile Web 2.0 (DDD Scotland - Grok Talk)
Mobile Web 2.0 (DDD Scotland - Grok Talk)
_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 dont 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

More Related Content

Mobile Web 2.0 (DDD Scotland - Grok Talk)

  • 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. Googles future depends on the next internet, on cellphones.
  • 10. Whos using the mobile web? 17,400,000 users in the UK Mobile Social Networks (350% increase in last 6 months - Orange)
  • 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
  • 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 dont 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/)