Mobilní web

Z WikiKnihovna
Verze z 3. 1. 2013, 13:18, kterou vytvořil Jozeftkacik (diskuse | příspěvky)
(rozdíl) ← Starší verze | zobrazit aktuální verzi (rozdíl) | Novější verze → (rozdíl)

Autor: Jozef Tkáčik

Klíčová slova: web, mobilní web,

Synonyma: ---

Související pojmy:

nadřazené - web, deskopovy web

podřazené - FUP, User-agent, tablet, mobil, validace

Charakteristika

Mobilný web je označenie pre webovú stránku, ktorá sa zobrazí na ploche mobilného zariadenia (smarfónu, tabletu a pod.). S každým novo zakúpeným smartphonom rastie počet webových prístupov z mobilných zariadení. I cez pomerne vysoké číslo týchto zariadení (presahuje 2 milióny), sa administrátory komerčných webov k tomuto pokroku prispôsobujú pomaly.

Vlastnosti mobilneho webu

Nároky na štruktúru mobilného webu sú rozdielne naproti deskopovému webu. Pri navrhovaní takéhoto projektu je potrebné uvážiť tieto faktory:

  • Plocha dotyku - uhlopriečka mobilného zariadenia je niekoľko násobne menšia ako na bežnom monitore. Je dôležité vybrať len tie najpodstatnejšie informácie.
  • Menšie obrázky - veľkosť obrázkov a ich dlhšie načítanie je často veľmi nepríjemné pri prezeraní mobilného webu. Galéria sa v mobilnom webe nedoporučuje.
  • FUP - Ďalším omedzením pri prehliadaní mobilného webu je dátový tarif, ktorý poskytuje operátor. Preto je potrebné vynechať niektoré náročné prvky ako hudba na pozadí.
  • Reklama - Flash bannery, poprípade vyskakovanie okna nie doporučené ako prvky mobilného webu z hľadiska prehľadnosti, dátovej náročnosti. Mobilné zariadenia od firmy Apple technológiu flash vôbec nepodporujú[1].

V pozadí mobilného webu

Dôležité je určite i spomenúť čo sa odohráva na pozadí mobilného webu. Týka sa to predovšetkým otázok, akým jazykom je mobilný web vytvorený, ako a aké informácie má užívateľovi na stránku vypísať, či ako server rozpozná, či má poslať do zariadenia mobilný, alebo deskopový web. Pre mobilný web si väčšinou administrátor vyhraní vlasnú subdoménu. Užívateľovi sa teda presmeruje jeho požadovaná stránka http:/mojastránka.skna podobnú http:/m.mojastránka.sk . Samozrejme toto pravidlo nie je záväzné a bude fungovať aj pri akejkoľvek inej zmene názvu. Mobilný web sa zobrazí aj keď je naprogramovaný v klasickom HTML, avšak správne by sa pre mobilný web mali používať jazyky xhtml basic alebo xhtml mobile profile.

Pre validáciu mobilného webu vytvorila, už v tomto obore známa spoločnosť The World Wide Web Consortium nástroj s názvom W3C mobileOK Checker[2], obdobný nástroj pre testovanie použiteľnosti je mobiReady [3]

User-agent

"Nejčastější způsob, jak rozpoznat přistupující zařízení/telefon na mobilní web je analýza HTTP hlavičky User-Agent."[4] Hlavička user-agent teda identifikuje prehliadač, ktorý požaduje zobrazenie stránky. Sú v nej uložené informácie ako prehliadač, platforma, procesor zariadenia, komunikačný jazyk, funkčný ekvivalent, verzia prehliadača a podobne.

Špecifické prvky mobilného webu

Tak ako existuje zoznam vecí, ktoréby sa v mobilnom webe vyskytovať nemali, rovnako existuje zoznam doporučených prvkov, ktoré návštevníkovi uľahčia manipuláciu na stránke.

  • Vyhľadávacie okno s našeptávačom - nie každý je zvyknutý písať malou dotykovou klávesnicou
  • call to action - ide o funkciu, rozpoznáva telefónne čísla na webe a po kliknutí je uživateľovi sprostredkovaný hovor na to číslo. Podľa štatistiky spoločnosti Google, až 61% uživateľov uskutoční hovor spoločnosti, ktorej číslo nájde na webe[5].
  • mapa stránok - rovnake funkcie ako pri deskopovom prehliadaní. Nie je ale vhodné do mobilnej mapy stránok zaradiť i nemobilné stránky.
  • lokalizácia - dôležítá vlastnosť najmä pri vyhľadávaní
  • možnosť prepnutia na deskopové rozhranie
  • špeciálné mobilné prvky - sem patria prvky, ktoré sú vhodné len pre mobilný web. Mobilná web spoločnosti Vodafone ponúka užívateľom možnosť obnovenia balíčka FUP hneď na domovskej stránke. Táto funkcia by ale pre deskopovú verziu bola viacmenej zbytočná

Aplikácie pre mobilný web

Okrem vyššie spomínaných validátorov pre mobilné weby, je v súčastnosti spustených viacero projektov, ktoré sa zameriavajú na vytváranie mobilných webov.

  • prokejt M.dot - je aplikácia, ktorou si malo-podnikateľ môže behom pár hodín vytvoriť mobilný web, ktorý bude vychádzať z jeho deskopového webu. Na projekte pracujú slovenský programátori Dominik Balogh a Pavel Serbajlo, projekt sa realizje v Amerike. "Zákazník začne teda vytvorením mobilnej webstránky priamo z telefónu, umiestni si ju na subdoménu m. a potom ďalej propaguje: zaregistruje a vytvorí prepojenie na Google Maps, Yelp, Foursquare, OpenTable a podobné" [6]
  • responsive.is - internetová aplikácia, ktorá prezentuje, ako sa konkrétne webová stránka zobrazí na rôznych zariadeniach. Aplikácia predpokladá, že jednotlivé prvky na mobilnom webe sa rozložia podľa uhlopriečky zariadenia. Preto aplikácia ponúka možnosť prepínať medzi deskopom, tabletom, smartphonom a samozrejme ich otočenie na výšku i šírku[7].

Poznámky

  1. Jobs vysvětluje, proč Apple nestojí o Flash. In: Tyinternety.cz [online]. 2010 [cit. 2013-01-03]. Dostupné z: http://www.tyinternety.cz/2010/04/30/clanek/jobs-vysvetluje-proc-apple-nestoji-o-flash/
  2. W3C mobileOK Checker - online nástroj pre validáciu mobilného webu, dostupný z http://validator.w3.org/mobile/
  3. mobiReady - online nástroj pre testovanie použiteľnosti mobilného webu, dostupný z http://ready.mobi/launch.jsp
  4. Jak poznat přistupující zařízení. In: Mobilní web .info [online]. 2010 [cit. 2013-01-03]. Dostupné z: http://www.mobilniweb.info/jak-poznat-pristupujici-zarizeni/55
  5. GOOGLE. The mobile movement: Understanding smartphone users [picture, online]. 2010 [cit. 2013-1-3]. Dostupné z: http://bit.ly/TJW0jM
  6. JANOUŠ, Marek. M.dot vytvoří mobilní web přímo v mobilu, v USA získal investici 700 000 dolarů. In: Http://startup.lupa.cz/ [online]. 2012 [cit. 2013-01-03]. Dostupné z: http://startup.lupa.cz/clanky/m-dot-vytvori-mobilni-web-primo-v-mobilu-v-usa-ziskal-investici-700-000-dolaru/
  7. responsive.is - internetová aplikácia na testovanie funkčnosti mobilného webu, dostupné z http://responsive.is

Literatura