KIV/PIA 2012 Ing. Jan Tichava

Opera Mini – Zobrazených stránek za měsíc 90 G

80 G

70 G

60 G

50 G

40 G

30 G

20 G

10 G

0G January 2011

May 2011

September 2011

January 2012

May 2012

September 2012

State of the Mobile Web, 2012 (http://www.opera.com/smw/)

Obsah prezentace • • •

Přehled mobilních prohlížečů Omezení mobilní platformy Specifika a doporučení pro vývoj

Mobilní webové prohlížeče •

Platforma Windows Mobile

•

Platforma Apple

• Internet Explorer Mobile

• Mobile Safari

• Opera Mobile

• Opera Mini

• Opera Mini

•

•

•

Platforma Android

Platforma Windows Phone

• Android Browser

• Internet Explorere Mobile

• Opera Mobile

Platforma Symbian

• Firefox For Mobile

• Opera Mobile • Nokia Mini Map Browser

•

Platforma Java ME • Opera Mini

Prohlížeče ve světě 2008 – 2012 45 % Opera iPhone + iPod Touch (bez iPad?) 40 %

Android (včetně tabletů?) BlackBerry

35 %

Nokia Ostatní

30 %

25 %

20 %

15 %

10 %

5%

0% 2008-12 2009-03 2009-06 2009-09 2009-12 2010-03 2010-06 2010-09 2010-12 2011-03 2011-06 2011-09 2011-10 2012-01 2012-04 2012-07 2012-10

Zdroj: http://gs.statcounter.com [23.11.2012]

Opera Turbo

Požadavky mobilního webu Vhodné pro malý display • Podpora co nejvíce prohlížečů a zařízení • Pohodlné ovládání prstem • Využití moderních technologií • Nenáročné na přenesená data •

• Tarifikace po kB • Pomalé GPRS připojení

listopad 2011 http://client0.cellmaps.com/viewer.html?cov=1

Pokrytí 3G 2011

Omezení mobilní platformy • • • •

Malý display a nízké rozlišení Display a jeho jemnost Omezené ovládání Pomalé připojení

Omezení mobilní platformy • • • •

Malý display a nízké rozlišení Display a jeho jemnost Omezené ovládání Pomalé připojení

Omezení mobilní platformy • • • •

Malý display a nízké rozlišení Display a jeho jemnost Omezené ovládání Pomalé připojení

<style type="text/css">*{font-family:Arial;}#a{width:900px;}#b{font:italic normal bold xx-large bold Courier New;}#c{width:200px;float:left;}#d{padding:0 1em 0 1em;width:600px;float:right;}.e{clear:both;}#f{font-weight:bold;}.g{fontstyle:italic;}.h{border-top:thin black solid;border-bottom:thin black solid;}.i,.j{background-color:black;}.k,.l{padding:2em;}#m{font:normal small-caps normal xsmall normal Courier New;}