MOBILE INTERNET




Photo: circulating on flickr
ME

• Michaël Uyttersprot
• I have 2 cats
• I’m a passionate photographer
• I’m a software engineer
• I’m a travelling add...
REMEMBER, REMEMBER,...


                                 • When phone had antennas
                                 • Whe...
Photo: William Hook on flickr




 • The iPhone
  • Clear interface
  • Fully tactile
  • Fast
  • An amazing web browser

...
Photo: storm-crypt on flickr




• Smartphones
• Laptops
• Netbooks
• Tablets: Archos, N900, iPad,...
• MP3 players: iPod t...
Photo: mikebaird on flickr




• iPhone OS
• Android
• Symbian
• Maemo
• BlackBerry
• WebOS
• Windows Mobile


            ...
Photo: goincase on flickr




IPHONE OS

• By Apple
• On iPhone, iPod and soon iPad
• Derived from Mac OSX
• First of its k...
Photo: astanush on flickr




                         ANDROID

• Linux-based OS by Google
• Open source
• Gaining market s...
Photo: William Hook on flickr




 • Most widely spread mobile OS
 • Declining market share
 • Present on Nokia, Sony Erics...
Photo: edans on flickr




• Main focus: business people
• Very good email client
• Push email
• Physical keyboard is a mus...
Photo: RafeB on flickr




• Linux distribution by Nokia
• Only one cell phone equiped: the
  N900
• Nice and powerful plat...
Photo: storm-crypt on flickr




• A mobile «Windows»
• Advantages of Windows
• Disadvantages of Windows
• Good mail integr...
Photo: BobDevlin on flickr




• 1G: Analog
• 2G: WAP, CSD
• 2.5G: GPRS, HSCSD
• 2.75G: EDGE
• 3G: UMTS
• 3.5G: HSDPA/HSUPA...
Photo: DJOtaku on flickr




• Native applications
 • Crossplatform apps
• Mobile applications
 • HTML5




APPLICATIONS TO...
Photo: Quasic on flickr




• Same OS, same user experience
• Good integration between apps
• Easy access to hardware
• Les...
Photo: cfrausto on flickr




• Proprietary
• High development cost
• Does not run everywhere
• Not easily updated




NATI...
Photo: bridge on flickr




 • PhoneGap
 • AppCelerator
 • Qt
 • WebSDK
 • JavaME
 • Flash



NATIVE APPS: CROSS-PLATFORM
Photo: bridge on flickr




• Develop once, run everywhere
• Very cost-effective
• Free choice of development
  framework
•...
Photo: druclimb on flickr




• Different screen resolutions
• Different experience than browser
• Less CPU
• Less memory
•...
Photo: druclimb on flickr




• Less predictible availability
• Different input interfacing
  • Touch
  • Non-touch
• Javas...
Photo: alphadesigner on flickr




• iPhone OS, Android, Symbian,
  WebOS and soon BlackBerry use
  the open source WebKit:...
Bron: Wikipedia Commons
Photo: marooned on flickr




• No graphics plugin needed anymore
• Offline content: SQLite DB
• Video without flash
• Geoloc...
Photo: brothermagneto on
                                                    flickr




• Mobile does not equal iPhone
 • T...
• Autodetect !
 • HTTP headers
   • Supported types
   • Browser name
 • Device profile
 • WURFL




MOBILE WEB: BEST PRACT...
• Exploit device capabilities
 • Do not only use the less
   common denominator
 • Better user experience
   means better ...
• Layout
 • Navigation and most
   important items on top
 • Repeat links on bottom
 • Use strong contrasts




MOBILE WEB...
• Web URL should work on mobile
• Do not put too much content
• Use short forms
• Give a user the possibility to switch
  ...
QUESTIONS?




Photo: oberazzi on flickr
Photo: the|G| on flickr




Michaël Uyttersprot
http://labs.emich.be
labs@emich.be




THANKS
Mobile Internet
Mobile Internet
Upcoming SlideShare
Loading in...5
×

Mobile Internet

2,736

Published on

Mobile Internet: Where are we today?

Published in: Technology
1 Comment
7 Likes
Statistics
Notes
  • Excellent EXCELLENT presentation.
    Very good perspective.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,736
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
235
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide

Mobile Internet

  1. 1. MOBILE INTERNET Photo: circulating on flickr
  2. 2. ME • Michaël Uyttersprot • I have 2 cats • I’m a passionate photographer • I’m a software engineer • I’m a travelling addict • I’m a tinkerer • I’m a mobile internet addict
  3. 3. REMEMBER, REMEMBER,... • When phone had antennas • When they didn’t vibrate • When you could only text • When they had a LOT of keys • When they were monochrome Photo: albert_photos on flickr
  4. 4. Photo: William Hook on flickr • The iPhone • Clear interface • Fully tactile • Fast • An amazing web browser • A true revolution ! A FEW YEARS AGO...
  5. 5. Photo: storm-crypt on flickr • Smartphones • Laptops • Netbooks • Tablets: Archos, N900, iPad,... • MP3 players: iPod touch • e-books: Kindle, Nook MOBILE DEVICES
  6. 6. Photo: mikebaird on flickr • iPhone OS • Android • Symbian • Maemo • BlackBerry • WebOS • Windows Mobile PLATFORMS
  7. 7. Photo: goincase on flickr IPHONE OS • By Apple • On iPhone, iPod and soon iPad • Derived from Mac OSX • First of its kind • Very intuitive • Enjoying the cult of Apple • Over 100000 applications !
  8. 8. Photo: astanush on flickr ANDROID • Linux-based OS by Google • Open source • Gaining market share • Used by HTC, SonyEricsson, LG, Samsung, Dell, etc. • Not only on phones, also tablets! • Good integration with Google services
  9. 9. Photo: William Hook on flickr • Most widely spread mobile OS • Declining market share • Present on Nokia, Sony Ericsson, Samsung and others. • Just in: it’s now open source! • Current version S60v3 & S60v5 SYMBIAN OS
  10. 10. Photo: edans on flickr • Main focus: business people • Very good email client • Push email • Physical keyboard is a must BLACKBERRY
  11. 11. Photo: RafeB on flickr • Linux distribution by Nokia • Only one cell phone equiped: the N900 • Nice and powerful platform • Still missing some maturity • Perfect phone for a geeky/nerdy audience MAEMO
  12. 12. Photo: storm-crypt on flickr • A mobile «Windows» • Advantages of Windows • Disadvantages of Windows • Good mail integration with Exchange push • Not a clear strategy • No uniform UI • Windows Mobile 7 coming... WINDOWS MOBILE
  13. 13. Photo: BobDevlin on flickr • 1G: Analog • 2G: WAP, CSD • 2.5G: GPRS, HSCSD • 2.75G: EDGE • 3G: UMTS • 3.5G: HSDPA/HSUPA • 3.75G: HSPA+ • 4G: coming soon • WiFi CONNECTION EVOLUTION
  14. 14. Photo: DJOtaku on flickr • Native applications • Crossplatform apps • Mobile applications • HTML5 APPLICATIONS TODAY
  15. 15. Photo: Quasic on flickr • Same OS, same user experience • Good integration between apps • Easy access to hardware • Less client-server communication NATIVE APPS: ADVANTAGES
  16. 16. Photo: cfrausto on flickr • Proprietary • High development cost • Does not run everywhere • Not easily updated NATIVE APPS: DISADVANTAGES
  17. 17. Photo: bridge on flickr • PhoneGap • AppCelerator • Qt • WebSDK • JavaME • Flash NATIVE APPS: CROSS-PLATFORM
  18. 18. Photo: bridge on flickr • Develop once, run everywhere • Very cost-effective • Free choice of development framework • Easy deployment and updates • Short learning curve MOBILE WEBAPPS: ADVANTAGES
  19. 19. Photo: druclimb on flickr • Different screen resolutions • Different experience than browser • Less CPU • Less memory • Less bandwidth • Less power • Less connection stability MOBILE WEBAPPS: CHALLENGES
  20. 20. Photo: druclimb on flickr • Less predictible availability • Different input interfacing • Touch • Non-touch • Javascript support • Different browsers MOBILE WEBAPPS: CHALLENGES
  21. 21. Photo: alphadesigner on flickr • iPhone OS, Android, Symbian, WebOS and soon BlackBerry use the open source WebKit: good push for HTML5 • Firefox • Microsoft • Opera Mini MOBILE BROWSERS
  22. 22. Bron: Wikipedia Commons
  23. 23. Photo: marooned on flickr • No graphics plugin needed anymore • Offline content: SQLite DB • Video without flash • Geolocation • Easier forms • Fast adoption • ...but limited API: no access to contacts, accelerometer, compass,... NEXT? HTML5?
  24. 24. Photo: brothermagneto on flickr • Mobile does not equal iPhone • Teenagers use feature phones • Enterprises use BlackBerry, WinMo • Nokia is very present in Europe and Asia • Africa has a lot of low-cost feature phones. MOBILE WEB: BEST PRACTICES
  25. 25. • Autodetect ! • HTTP headers • Supported types • Browser name • Device profile • WURFL MOBILE WEB: BEST PRACTICES
  26. 26. • Exploit device capabilities • Do not only use the less common denominator • Better user experience means better adoption MOBILE WEB: BEST PRACTICES
  27. 27. • Layout • Navigation and most important items on top • Repeat links on bottom • Use strong contrasts MOBILE WEB: BEST PRACTICES
  28. 28. • Web URL should work on mobile • Do not put too much content • Use short forms • Give a user the possibility to switch between mobile and desktop • Do not use too much Javascript MOBILE WEB: BEST PRACTICES
  29. 29. QUESTIONS? Photo: oberazzi on flickr
  30. 30. Photo: the|G| on flickr Michaël Uyttersprot http://labs.emich.be labs@emich.be THANKS
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×