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

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,187
On Slideshare
566
From Embeds
621
Number of Embeds
5

Actions

Shares
Downloads
0
Comments
0
Likes
0

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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

Transcript

  • 1. Seznam na mobiluZdeněk Zicha & Lukáš Kokoška
  • 2. 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ý?
  • 3. Mobilní uživatelé Seznamu
  • 4. Web pro mobilní internet má smysl
  • 5. Mobilní prostředí Prohlížeč Operační systém Výrobce HW Inspirace @ppk
  • 6. Web co funguje na mobilu• Nejjednodužší řešení• Není zaručené, že to bude fungovat• Doba načítání• Použitelnost
  • 7. #FAIL
  • 8. Samostatná mobilní verze• Poměrně jednoduché řešení• Přizpůsobeno nejhoršímu
  • 9. Chytrámobilníverze
  • 10. Složité řešení
  • 11. Náročné na infrastrukturu
  • 12. Stránka se generuje podleschopností telefonu
  • 13. Responsive• Na první pohled jednoduché řešení• Jeden obsah• Omezená podpora zařízení
  • 14. “ @brad_frost
  • 15. RESS
  • 16. RESS• Responsive v kontextu• Poznáme a můžeme ovlivnit jak se vykreslí … stránka obrázky css obsah JavaScriptKolik obsahu videa font
  • 17. Co je správna cesta?• Cestu by neměl určovat technologický trend, ale potřeby produktu.
  • 18. Chytrá mobilní Web Mobilní verze RWD RESS verzeNáročnost navývoj ☺ ☺ ☹ ☺ ☹Podporatelefonů ☹ ☹/☺ ☺ ☹ /☺ ☺Datovánáročnost ☹ ☺ ☺ ☹ ☺Požadavky naobsah ☺ ☹ ☹ ☺ ☹
  • 19. Děkujem za pozornost…@lukoko_name & @zdenekzicha