• Save
Seznam na mobilu
Upcoming SlideShare
Loading in...5
×
 

Seznam na mobilu

on

  • 1,123 views

 

Statistics

Views

Total Views
1,123
Views on SlideShare
502
Embed Views
621

Actions

Likes
0
Downloads
0
Comments
0

5 Embeds 621

http://vyvojari.seznam.cz 384
http://pacek.dev 199
http://vyvojari.seznam.dev 31
http://vyvojari1-new.ng.seznam.cz 6
http://vyvojari1.ng.seznam.cz 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Představení Otázky: Kdo už někdy koukal na webovou stránku přes mobilní telefon? Kdo si mysli, ze ma smysl resit web pro mobilni telefony
  • Pro koho děláme služby? Zajímají nás jen uživatelé s telefonem nad 6000, koupeným za poslední rok? Co data?
  • Od 7 2009 Mobilní internet stále roste
  • Proto si myslíme, že řešit web pro mobilní zařízení má smysl, ptotože je v něm velký potenciál do budoucna. Západní svět a rozvojové země
  • Z top výrobců jen apple a bb mají pod palcem hw, os I browser Ano můžem tu počítat I badu (malé rozšíření) Patří sem I umírající symbian ale nějakou dobu nebyl součástí nokie Google se koupí motoroly snaží dostat do této škatule Pak tu máme další systémy Výrobci Hauwei a htc, nedělá úpravy, nebo jen minimální Samsung se v tom vrtá hodně Browsery Všechno je jinak
  • Jedna verze pro desktop a mobilni zarizeni. Člověk si musí dávat pozor jak web staví, aby to všude fungovalo. S největší pravděpodobností se mu to nepovede  Tento přístup vůbec neřesí datové optimalizace.
  • Asi si říkáte, každý web funguje na mobilu Pokud pro přečtení odstavce tectu jezdit ze strany na stranu … to podle nění dobře udělaný web
  • Text, minimum grafiky
  • Samostatna mobilni verze Stejná stránka … vykreslená pro N6300 a iPhone
  • Umíme poznat co je to za zarizeni a podle toho uzpusobit web Potřeba si vybudovat databazi zarizeni a jejich vlastnosti, na volne dostupne se neda moc spolehnout Potřeba upravovat části stránky podle schopností telefonu
  • Ano počítá se to na serveru, nějaký výkon si to vezme
  • Možností je hodně
  • Responsive design Přizpůsobení obsahu zařízení na kterém jej zobrazuji. Co responsive resi Jeden obsah pro více zařízení, ale i jeden kód Vše pod jedním URL Future frendly Co neřesí Datové optimalizace Rozdíli mezi zařízeními
  • Optimální řešení
  • Bere si to nejlepsi z responsive a z chytre webovky. V podstate tyto dva principy spojuje dohromady. Jak to funguje? Děláte responsive verzi webu do které zapouštíte logiku z detekce na serveru. Takže jednoduše můžete ovlivnit například to jakou velikost obrázků chcete vydat.
  • Data za leden + unor TOP 200 teledonu dela 80% návštěvnosti

Seznam na mobilu Seznam na mobilu Presentation Transcript

  • Seznam na mobiluZdeněk Zicha & Lukáš Kokoška
  • Zbytek světa“Mobilní trh západní Evropyje dva roky za Americkým.”forrester.com, 19.3.2012 http://blogs.forrester.com/michael_ogrady/12-03-19-mobile_internet_use_in_the_us_is_two_years_ahead_of_western_europe Kde je asi ten český?
  • Mobilní uživatelé Seznamu
  • Web pro mobilní internet má smysl
  • Mobilní prostředí Prohlížeč Operační systém Výrobce HW Inspirace @ppk
  • Web co funguje na mobilu• Nejjednodužší řešení• Není zaručené, že to bude fungovat• Doba načítání• Použitelnost
  • #FAIL
  • Samostatná mobilní verze• Poměrně jednoduché řešení• Přizpůsobeno nejhoršímu
  • Chytrámobilníverze
  • Složité řešení
  • Náročné na infrastrukturu
  • Stránka se generuje podleschopností telefonu
  • Responsive• Na první pohled jednoduché řešení• Jeden obsah• Omezená podpora zařízení
  • “ @brad_frost
  • RESS
  • RESS• Responsive v kontextu• Poznáme a můžeme ovlivnit jak se vykreslí … stránka obrázky css obsah JavaScriptKolik obsahu videa font
  • Co je správna cesta?• Cestu by neměl určovat technologický trend, ale potřeby produktu.
  • Chytrá mobilní Web Mobilní verze RWD RESS verzeNáročnost navývoj ☺ ☺ ☹ ☺ ☹Podporatelefonů ☹ ☹/☺ ☺ ☹ /☺ ☺Datovánáročnost ☹ ☺ ☺ ☹ ☺Požadavky naobsah ☺ ☹ ☹ ☺ ☹
  • Děkujem za pozornost…@lukoko_name & @zdenekzicha