Your SlideShare is downloading. ×
Seznam na mobilu
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Seznam na mobilu

949
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
949
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

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