Mobile Internet

MOBILE INTERNET Photo: circulating on ﬂickr

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

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 ﬂickr

Photo: William Hook on ﬂickr • The iPhone • Clear interface • Fully tactile • Fast • An amazing web browser • A true revolution ! A FEW YEARS AGO...

Photo: storm-crypt on ﬂickr • Smartphones • Laptops • Netbooks • Tablets: Archos, N900, iPad,... • MP3 players: iPod touch • e-books: Kindle, Nook MOBILE DEVICES

Photo: mikebaird on ﬂickr • iPhone OS • Android • Symbian • Maemo • BlackBerry • WebOS • Windows Mobile PLATFORMS

Photo: goincase on ﬂickr 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 !

Photo: astanush on ﬂickr 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

Photo: William Hook on ﬂickr • 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

Photo: edans on ﬂickr • Main focus: business people • Very good email client • Push email • Physical keyboard is a must BLACKBERRY

Photo: RafeB on ﬂickr • 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

Photo: storm-crypt on ﬂickr • 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

Photo: BobDevlin on ﬂickr • 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

Photo: DJOtaku on ﬂickr • Native applications • Crossplatform apps • Mobile applications • HTML5 APPLICATIONS TODAY

Photo: Quasic on ﬂickr • Same OS, same user experience • Good integration between apps • Easy access to hardware • Less client-server communication NATIVE APPS: ADVANTAGES

Photo: cfrausto on ﬂickr • Proprietary • High development cost • Does not run everywhere • Not easily updated NATIVE APPS: DISADVANTAGES

Photo: bridge on ﬂickr • PhoneGap • AppCelerator • Qt • WebSDK • JavaME • Flash NATIVE APPS: CROSS-PLATFORM

Photo: bridge on ﬂickr • Develop once, run everywhere • Very cost-effective • Free choice of development framework • Easy deployment and updates • Short learning curve MOBILE WEBAPPS: ADVANTAGES

Photo: druclimb on ﬂickr • Different screen resolutions • Different experience than browser • Less CPU • Less memory • Less bandwidth • Less power • Less connection stability MOBILE WEBAPPS: CHALLENGES

Photo: druclimb on ﬂickr • Less predictible availability • Different input interfacing • Touch • Non-touch • Javascript support • Different browsers MOBILE WEBAPPS: CHALLENGES

Photo: alphadesigner on ﬂickr • iPhone OS, Android, Symbian, WebOS and soon BlackBerry use the open source WebKit: good push for HTML5 • Firefox • Microsoft • Opera Mini MOBILE BROWSERS

Bron: Wikipedia Commons

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?

Photo: brothermagneto on ﬂickr • 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

• Autodetect ! • HTTP headers • Supported types • Browser name • Device proﬁle • WURFL MOBILE WEB: BEST PRACTICES

• Exploit device capabilities • Do not only use the less common denominator • Better user experience means better adoption MOBILE WEB: BEST PRACTICES

• Layout • Navigation and most important items on top • Repeat links on bottom • Use strong contrasts MOBILE WEB: BEST PRACTICES

• 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

QUESTIONS? Photo: oberazzi on ﬂickr

Photo: the|G| on ﬂickr Michaël Uyttersprot http://labs.emich.be labs@emich.be THANKS

http://blog.markee.be	180
http://labs.emich.be	172
http://www.slideshare.net	19
http://www.dailybits.be	12
http://translate.googleusercontent.com	6
http://www.cirip.ro	4
http://feeds.feedburner.com	2
http://www.brijj.com	1
http://localhost:8080	1

Mobile Internet

by eMich on Feb 13, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

9 Embeds 397

Statistics

Mobile Internet — Presentation Transcript