Jak přenést svět na display

Prezentace na téma: "Jak přenést svět na display"— Transkript prezentace:

1 Jak přenést svět na display
m.seznam.cz

2 Seznam na mobil Jedná se o služby portálu Seznam.cz přizpůsobené pro optimální zobrazení v mobilních telefonech. m.seznam.cz

3 Na počátku … statistiky různé typy mobilních zařízení
nasazení služeb na mobilních portálech operátorů zpoplatnění whitelistování různé typy mobilních zařízení více mobilních prohlížečů více verzí či modifikací firmware nutnost distribuce obrázků - grafiky m.seznam.cz

4 Základní komponenty pro distribuci obsahu
mobileDetect PageBuilder imageResizer StatsCollector WapPROXY m.seznam.cz

5 Zjednodušený náhled na skupiny mobilních telefonů
Základní skupiny Vlastnosti a odlišující prvky WML Old XHTML Small Symbian S60 3rd Edition Opera Mini PDA OpenWawe Palm Smartphone WML Color XHTML Normal XHTML High XHTML Big XHTML Screen Mobilní operátoři Vodafone live! T-Mobile t-zones T-Mobile Web n Walk XHTML VGA XHTML QGA m.seznam.cz

6 Detekce mobilních telefonů - komponenta mobileDetect
WURFL (otevřená databáze vlastností) jako základní stavební kámen náročná aktualizace, přizpůsobení vlastností chystanému obsahu aktuálně cca 1100 mobilních zařízení 50. definovaných vlastností ke každému mobilnímu zařízení mobileDetect HTTP hlavička User-Agent údaj od výrobce daného telefonu o jaký typ telefonu se jedná m.seznam.cz

7 Administrační rozhraní - komponenta mobileDetect
m.seznam.cz

8 Vykreslování stránek - komponenta PageBuilder
7. základních sad pravidel pro vykreslování stránek WML a XHTML Mobile Profile implementace pro služby na mobilních portálech operátorů dodržení jednotlivých styleguides operátorů možnost definovat další specifické skupiny (iPhone atd.) PageBuilder HTTP hlavička User-Agent mobileDetect m.seznam.cz

9 Distribuce grafiky, obrázků - komponenta imageResizer
zobrazení obrázků dle jednotlivých skupin mobilních zařízení úprava zdrojového obrázku rozhraní pro reklamní systém PageBuilder HTTP hlavička User-Agent mobileDetect imageResizer m.seznam.cz

10 Reálný náhled na Homepage našich služeb m.seznam.cz
Nokia N95 Samsung SGH-X660 Nokia 3120 Uživatel dostane pro svůj telefon vždy tu nejlepší možnou verzi, kterou je schopen zobrazit a pohodlně používat. m.seznam.cz

11 Statistiky - komponenta StatsCollector
uživatelské statistiky reklamní statistiky auditovaná data m.seznam.cz

12 Rendering webových stránek - komponenta WapPROXY
m.seznam.cz

13 Rendering webových stránek - komponenta WapPROXY
m.seznam.cz

14 Příklad zobrazení mobilní stránky …
… modelový příklad zobrazení pro uživatele u operátora Vodafone Dostupnost služeb neomezeně pro všechny služby na m.seznam.cz, dle tarifu uživatele formou předplatného na Vodafone live! ( , Lidé) služby zcela zdarma na Vodafone live! - Balíček služeb Seznam (Firmy, Mapy, Sreality, Zboží, Slovník, Encyklopedie) Nutné úpravy úprava dle Vodafone live styleguides whitelistování na určených doménách zpoplatnění - pro služby formou předplatného distribuce grafiky mobilní reklama m.seznam.cz

15 Příklad zobrazení mobilní stránky - záhlaví
Hlavička Vodafone live Mobilní bannerová reklama Reklama - Sponzorované odkazy Začátek výpisu výsledků hledání na Firmy.cz m.seznam.cz

16 Příklad zobrazení mobilní stránky - zápatí
Konec výpisu výsledků hledání na Firmy.cz Reklama PPC - Sklik Možnost filtrování dle regionu Patička Vodafone live m.seznam.cz

17 m.seznam.cz www.smobil.cz Vyhledávání Novinky.cz Rozcestník služeb
Fulltextové vyhledávání je v mobilní verzi navíc schopné automaticky převádět webové stránky na mobilní. Novinky.cz Rozcestník služeb Sport.cz Jednotná patička Tato patička je stejná pro všechny mobilní služby. Odkazuje na vždy na tuto homepage a nabízí zobrazení klasické webové verze. m.seznam.cz

18 Ukázky služby m.Firmy.cz
m.seznam.cz

19 Ukázky služby m.Mapy.cz m.seznam.cz

20 Ukázky dalších služeb (komunitní)
m.seznam.cz

21 Ukázky dalších služeb m.seznam.cz

22 Ukázky dalších služeb m.seznam.cz

23 Ukázky dalších služeb (zpravodajství)
m.seznam.cz

24 m.seznam.cz m.seznam.cz