Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Jak stavět mobilní web Jak vzniká mobilní stránka Seznamu www.seznam.cz … najdu tam, co neznám !

Podobné prezentace


Prezentace na téma: "Jak stavět mobilní web Jak vzniká mobilní stránka Seznamu www.seznam.cz … najdu tam, co neznám !"— Transkript prezentace:

1 Jak stavět mobilní web Jak vzniká mobilní stránka Seznamu … najdu tam, co neznám !

2 … najdu tam, co neznám ! Jaké je mobilní prostředí? malý display neumožňuje zobrazit mnoho pomalé připojení omezuje množství grafiky speciální standardy pro mobilní web desítky mobilních prohlížečů –každá verze se chová trochu jinak stovky mobilních telefonů –každý telefon má svá výrobcem daná omezení

3 … najdu tam, co neznám ! Tři cesty k mobilnímu webu Automatický překlad klasické webové stránky Jedna mobilní verze Generovaná mobilní verze

4 … najdu tam, co neznám ! Transcoding automatický překlad webové stránky Výhody –bez práce –podpora velkého množství telefonů –(zdarma) Nevýhody –stránka nebude nikdy fungovat tak, jak si představujete –služba třetí strany –neovlivníte výsledek

5 … najdu tam, co neznám ! Jedna mobilní verze Výhody – jednoduchá a rychlá příprava – malé nároky na publikační systém Nevýhody – omezené množství mobilních zařízení – na některých telefonech nemusí ani fungovat – nemožnost ovlivnit vzhled na jednotlivých telefonech Verze pro jeden telefon – využití maximálního potenciálu daného zařízení – jen pro malou část uživatelů

6 … najdu tam, co neznám ! Generovaná mobilní verze Výhody – pokrytí drtivé většiny mobilních zařízení – možnost ovlivnit vykreslování na jednotlivých telefonech – jistota, že uživatel vždy uvidí obsah Nevýhody – vysoké náklady na vývoj

7 … najdu tam, co neznám ! Nejjednodušší řešení Co je potřeba – zmenšená grafika – dostupnost obsahu Co je nutné vědět – mobilní internet je pomalý čím méně obsahu, tím lépe – uživatel se na stránce pohybuje jen nahoru a dolu – čím složiťejší stránka bude, tím spíš se bude někde vykreslovat špatně – mobilní web != klasický web nebude se lišit jen layout, ale i počet stránek

8 … najdu tam, co neznám ! Nejjednodušší řešení Kde najít informace – standardy XHTML MP, WCSS – dotMobi Mobile Web Developer's Guide vše podstatné v jednom dokumentu ke každému aspektu mobilního webu najdete i vysvětlení

9 … najdu tam, co neznám ! Řešení Seznamu poznáme model a firmware telefonu víme, co který telefon umí víme, co který mobilní prohlížeč umí připravíme grafický obsah podle možností telefonu složíme stránku podle všech kritérií nabídneme uživateli jen to, co jeho telefon a prohlížeč umí

10 … najdu tam, co neznám ! Jak poznáme telefon důležité HTTP hlavičky – User-Agent – x-wap-profile –... podle klíčových informací v HTTP hlavičkách v naší databázi dohledáme – výrobce / model / firmware telefonu – použitý prohlížeč výsledkem je sada vlastností, potřebná pro správné vykreslení

11 … najdu tam, co neznám ! Když známe telefon víme, které formáty grafiky telefon zobrazí – telefon dostane pouze takové obrázky, jaké zná víme, které položky telefon neumí vykreslit – pro každý telefon používáme takové postupy, aby výsledek vypadal co nejlépe známe maximální velikost obsahu – obsah se automaticky stránkuje podle možností telefonu víme, co telefon podporuje – pokud umí vizitku i s logem společnosti, dostane ji – pokud přehraje video, nabídneme mu ho

12 … najdu tam, co neznám ! Stejná stránka, jiné telefony

13 … najdu tam, co neznám ! Čísla známe ~2000 mobilních telefonů poznáme ~5000 firmwarů ~ vygenerovaných stránek denně

14 … najdu tam, co neznám ! Otázky? Ptejte se na detaily, které vás zajímají


Stáhnout ppt "Jak stavět mobilní web Jak vzniká mobilní stránka Seznamu www.seznam.cz … najdu tam, co neznám !"

Podobné prezentace


Reklamy Google