Mobilní web: Porovnání verzí

Z WikiKnihovna
Řádek 15: Řádek 15:
  
 
===User-agent===
 
===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."<ref>krokodyl</ref>
+
"Nejčastější způsob, jak rozpoznat přistupující zařízení/telefon na mobilní web je analýza HTTP hlavičky User-Agent."<ref>krokodyl</ref> 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''.
  
 
===Ako písať mobilný web===
 
===Ako písať mobilný web===

Verze z 3. 1. 2013, 11:57

Charakteristika

Mobilný web je označenie pre webovú stránku, ktorá sa zobrazí pre prehliadaní z 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.

xx

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
  • 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ú.

Mobilní web nebo aplikace?

Vlastnosti optimalizovaného webu

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.

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."[1] 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.

Ako písať mobilný web

Š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.
  • 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 a prohliadače pro mobilný web

  1. krokodyl