Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Mobile Web 2.0

                    Mobilise your
                    ASP.NET Website


                                  ...
Mobile Web

       Vs

The web on mobile
What is “Mobile”?

•Person not device
•About context
•About the “Point of Inspiration”
•30 second not 30 minutes
•Not abou...
Web 2.0
1.   The Web as a Platform
2.   Harnessing Collective Intelligence
3.   Data as the Next “Intel Inside”
4.   End o...
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.”
http://www.codeproject.com/
What’s changed?
Who’s using the mobile web?

17,400,000 users in the UK


Mobile Social Networks
(350% increase in last 6 months - Orange)
http://www.stoplivinginthepast.com/
http://mdbf.codeplex.com/

Mobile Browser Definition File
Alternatives
•UAProfile
•WURFL (http://wurfl.sourceforge.net/)
•Device Atlas (http://www.deviceatlas.com)
•DetectRight (ht...
Testing
•Emulators
•Web Emulators
•Firefox (with Add-ons)
  •User Agent Switcher
  •XHTML Mobile Profile
  •Wmlbrowser
•De...
Demos 1 - 3
CSS Solutions
Handheld style sheets
 <link media=quot;handheld“ ... />

CSS Properties
  max-device-width:480px
CSS Tips
•Some browsers don’t
support CSS in other files

•Avoid trying to set position
or anything other than
simple styl...
Demo 4
Demos 5 - 7
http://ready.mobi/ - vbug.co.uk
Demo 8
http://ready.mobi/ - demo8
Demo Summary
•Detecting Mobile Browsers
•CSS
•Domains
•Images
•Colours
•Screen Size
•Page Structure
Nokia 6288
HTTP_USER_AGENT => Nokia6288/2.0 (05.92) Profile/MIDP-
       2.0 Configuration/CLDC-1.1
HTTP_X_WAP_PROFILE =>
...
Nokia 6288 – on Vodafone
HTTP_USER_AGENT => = Mozilla/5.0 (X11; U; Linux i686; en-US;
       rv:1.8.0.7) Gecko/20060909 Fi...
For more information:

•http://mobiforge.com/

•http://www.w3.org/TR/mobile-bp/

•Ask me (matt@mrlacey.co.uk)
Let’s talk
Mobilise your ASP.NET website
Mobilise your ASP.NET website
Mobilise your ASP.NET website
Mobilise your ASP.NET website
Mobilise your ASP.NET website
Upcoming SlideShare
Loading in …5
×

Mobilise your ASP.NET website

1,572 views

Published on

Mobile Web 2.0 and Mobilising your ASP.NET website
VBUG London 7th April 2009

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Mobilise your ASP.NET website

  1. 1. Mobile Web 2.0 Mobilise your ASP.NET Website matt lacey @mrlacey - blog.mrlacey.co.uk - mrlacey.mobi
  2. 2. Mobile Web Vs The web on mobile
  3. 3. What is “Mobile”? •Person not device •About context •About the “Point of Inspiration” •30 second not 30 minutes •Not about minaturisation
  4. 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. 5. quot;we expect that eventually the majority of the usage of the internet will be on mobile phonesquot;
  6. 6. quot;Mobile devices are the most important technology of them all.quot;
  7. 7. “Google’s future depends on the next internet, on cellphones.”
  8. 8. http://www.codeproject.com/
  9. 9. What’s changed?
  10. 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. 11. http://www.stoplivinginthepast.com/
  12. 12. http://mdbf.codeplex.com/ Mobile Browser Definition File
  13. 13. 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/)
  14. 14. Testing •Emulators •Web Emulators •Firefox (with Add-ons) •User Agent Switcher •XHTML Mobile Profile •Wmlbrowser •Devices
  15. 15. Demos 1 - 3
  16. 16. CSS Solutions Handheld style sheets <link media=quot;handheld“ ... /> CSS Properties max-device-width:480px
  17. 17. CSS Tips •Some browsers don’t support CSS in other files •Avoid trying to set position or anything other than simple styling.
  18. 18. Demo 4
  19. 19. Demos 5 - 7
  20. 20. http://ready.mobi/ - vbug.co.uk
  21. 21. Demo 8
  22. 22. http://ready.mobi/ - demo8
  23. 23. Demo Summary •Detecting Mobile Browsers •CSS •Domains •Images •Colours •Screen Size •Page Structure
  24. 24. Nokia 6288 HTTP_USER_AGENT => Nokia6288/2.0 (05.92) Profile/MIDP- 2.0 Configuration/CLDC-1.1 HTTP_X_WAP_PROFILE => quot;http://nds1.nds.nokia.com/uaprof/N6288r100.xmlquot; HTTP_ACCEPT => application/vnd.wap.wmlscriptc, text/vnd.wap.wml, application/vnd.wap.xhtml+xml, application/xhtml+xml, text/html, multipart/mixed, */* HTTP_ACCEPT_CHARSET => ISO-8859-1, US-ASCII, UTF-8; Q=0.8, ISO-10646-UCS-2; Q=0.6 HTTP_ACCEPT_LANGUAGE => en HTTP_ACCEPT_ENCODING => gzip, deflate HTTP_CONNECTION => Keep-Alive
  25. 25. Nokia 6288 – on Vodafone HTTP_USER_AGENT => = Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.0.7) Gecko/20060909 Firefox/1.5.0.7 MG (Novarra- Vision/6.1) HTTP_ACCEPT => text/html;q=1.0, text/css; q=1.0, application/x-javascript; q=1.0, text/plain;q=0.8, application/xhtml+xml;q=0.6, application/x-httpd- php;q=0.1, */*;q=0, image/gif; q=1.0, image/jpeg; q=1.0, image/png; q=1.0 HTTP_ACCEPT_CHARSET => ISO-8859-1,utf-8;q=0.7,*;q=0.7 HTTP_ACCEPT_LANGUAGE => en HTTP_ACCEPT_ENCODING => identity;q=1.0, gzip;q=0.1, *;q=0 HTTP_X_NOVARRA_DEVICE_TYPE => 0 HTTP_X_DEVICE_USER_AGENT => Nokia6288/2.0 (05.94) Profile/MIDP-2.0 Configuration/CLDC-1.1 ...
  26. 26. For more information: •http://mobiforge.com/ •http://www.w3.org/TR/mobile-bp/ •Ask me (matt@mrlacey.co.uk)
  27. 27. Let’s talk

×