Jistě se časem objeví i na oficiálním webu na stránkách jednotlivých přednášek, ale prozatím je tu tento stručný souhrn s několika odkazy navíc:

Workshopy

• St, 21. září, 9.30: Finance jako Poker – Jaroslav Trojan, Credo Ventures … foto »   slidy »
• Čt, 21. září, 9.00: Jak se stát UX designérem – Jiří Močička, R/GA … text a foto »
• Čt, 21. září, 9.30: Autorizovaný překlad WCAG 2.0 – Lukáš Marvan, Seznam.cz … foto »   slidy »

Development Hall (RB101)

Pátek, 23. září …  zápisky z přednášek »

• 9.00: Úvodní Keynote – Filip Hráček, Developer Relations Google … slidy »
• 10.00: Introduction to Web Intents – Paul Kinlan, Google … slidy »
• 10.30: Novinky z konference BUILD – David Grudl, Nette Foundation … slidy »
• 12.30: Cassandra – Michal Augustýn, AVAST Software … slidy »
• 13.00: Jak jsme převáděli desktopovou aplikaci FlexiBee do cloudu – Petr Ferschmann, WinStrom … slidy »
• 14.30: Using Web APIs with OAuth 2.0 – Nicolas Garnier, Google … slidy »
• 15.00: Introduction to WebGL – Ilmari Heikkinen, Google … slidy »
• 15.40: MongoDB – Lukáš Linhart, Centrum Holdings … slidy »
• 17.30: Serversideness – Douglas Crockford, Yahoo! … video »   slidy »

Sobota, 24. září …  zápisky z přednášek »

• 10.00: Symfony 2 – Pavel Campr, Jiří Praus, BARTON STUDIO … slidy »
• 10.30: PHP in 2011 – Rasmus Lerdorf, PHP … video »    slidy »
• 12.00: Strategie kešování – Michal Špaček … slidy »
• 12.30: Scala – jazyk budoucnosti – Zdeněk Farana, Frequentis … slidy »
• 14.30: ElasticSearch: Za hranice běžného fulltextového vyhledávání – Karel Minařík a Lukáš Vlček, Red Hat … slidy »
• 16.25: Ajaxizace – Jakub Vrána … slidy »

Development/Mobile Room (NB D)

Pátek, 23. září … zápisky z přednášek »

• 10.00: Architektura škálovatelných aplikací – Michal Táborský, Mall.cz … slidy »
• 10.30: Deployment prakticky – Ladislav Prskavec, Jobs.cz … slidy »
• 11.00: Deployment PHP aplikací – Jan Mittner, Jizdomat.cz … slidy »
• 12.00: Test Driven Development v CoffeeScriptu – Jiří Knesl … slidy »   další materiály »
• 12.35: AngularJS – Vojta Jína, Google … slidy »
• 14.30: Nestačí vám vaše oblíbené mapové API? Zkuste Nokia mapy – Michal Aichinger, Nokia … slidy »

Sobota, 24. září … zápisky z přednášek »

• 10.00: Accessibility’s not dead! – Radek Pavlíček, Roman Kabelka, Blind Friendly Web … shrnutí »   slidy »
• 10.30: Nativní aplikace pro chytré telefony – Michal Šrajer, Inmite … slidy »
• 11.00: Z praxe mobilního webdesignu – Martin Michálek, Shortcat, Scuk … slidy »
• 12.30: Snadný vývoj pro iOS, Android a další systémy – Borek Bernard … slidy »
• 15.00: Developing lovable mobile services; a tale of two socks – Dave Ruzius, LMC … slidy »

Design/UX Hall (Vencovského aula)

Pátek, 23. září … zápisky z přednášek »

• 10.25: Nejen na okrasu – Pavel Maček … slidy »
• 10.55: Písmo je na webu to nejdůležitější – David Březina … slidy »
• 12.30: Neziskovky goes web – Jana Štěpánová, RedGreenBlue … slidy »
• 16.10: The Cross-Channel Experience – Nick Finck, Blink Interactive … video »   slidy »
• 17.30: Mobile First – Luke Wroblewski, Bagcheck … video »   slidy »   sketchnote »

Sobota, 24. září … zápisky z přednášek »

• 10.30: Ty jsi informační architekt! – Adam Fendrych, Dobrý web … slidy »
• 11.00: Rozhodněte o rozhodnutí druhých – Petr Kosnar, Faxe.cz … slidy »
• 12.00: Komunikace a prodávání výstupů UX designu – Jan Šrůtek, Flow Interactive … slidy »
• 12.30: Design jako příběh – Jiří Močička, R/GA … slidy (cz) »    slidy (en) »
• 14.30: Přidej vejce – Jan Řezáč … slidy »
• 16.20: The Invisible Side of Design – Vitaly Friedman, Smashing Media … video »

Business Hall (Likešova aula)

Pátek, 23. září … zápisky z přednášek »

• 10.00: Jak správně nastavit cenu webových aplikací? – Václav Lorenc, Pricing idiot … slidy »   video »
• 10.50: Bulharská konstanta ve webové analytice – Jan Tichý, Medio interactive … slidy »
• 12.00: Don’t Let Your Baby Die! – Wolf Becvar, Hotgloo … slidy »
• 16.25: Antivirus zdarma a síla komunity – Miloš Korenko, AVAST Software … slidy »

Sobota, 24. září … zápisky z přednášek »

• 10.00: České globální webové startupy – Oldřich Neuberger, Duck on truck … slidy »
• 10.15: Představení startupu Bookfan – Michal Juhás … slidy »

(Skvělé fotky od Tomáše Hellebranda.)

Další materiály

Inmite připravilo mobilní verzi webu WebExpa, Lukáš Churý potom hodně povedený program s dalšími užitečnými infromacemi a mým dílem je Twitter wall se třemi feedy a grafickou wall pro oživení.

Zápisky z přednášek na Google Docs vznikly díky lidem z VŠE GUG a dalším mnoha návštěvníkům. Patří jim velký dík za skvělý nápad.

Pavel Maček sepsal a nakreslil úžasné sketchnotes z Design/UX Hall.

Jirka Chomát vypíchnul zábavné a důležité hlášky z Twitteru, jež padly během WebExpa.

Michal Šrajer vytvořil kolaborativní soupis článků o WebExpu 2011a různých souvisejících materiálů.

Fotky a videa z WebExpa

Přímo od organizátorů jsou na Facebooku k dispozici fotky z Warm Up párty, fotky z pátku a fotky ze soboty. Odkazy na další fotky jsou dostupné v kolaborativním dokumentu s materiály. Tamtéž najdete také seznam článků o WebExpu.

Na YouTube kanálu můžete najít ohlédnutí za WarmUp Party, video z prvního dne a video z druhého dne.

Soundtrack z WebExpa je dostupný na YouTube a na závěr si můžete prohlédnout i přestávkové obrazovky.

Stránka je průběžně aktualizována (poslední aktualizace: 13. října 2011, 12.36).

Víte-li o nějakých dalších materiálech, budu rád, když se zmíníte v komentáři nebo mi napíšete. Díky!

Protože si na záznamy budeme muset ještě chvíli počkat (sledujte @webexpo), rozhodl jsem se prozatím vybrat ty nejlepší mezinárodní konference o webu a sestavit tak přehled s odkazy a dostupnými materiály z prezentací.

Future of Web Apps ƒƒ [Las Vegas & Miami, Londýn, Dublin]

//   FutureOfWebApps.com   @fowa   #fowa   vimeo

Nejbližší ročník: 4.–6. říjen 2010, Londýn

Feature of Web Apps je známá mezinárodní konference o webdesignu pořádaná britskou společností @carsonified. Má již dlouholetou tradici a záznamy z přednášek jsou většinou placené. Několik se jich však přesto každý rok na internetu objeví.

Slidy z prezentací se zpravidla objeví na Slideshare – zkuste vyhledávání FOWA nebo přímo názvu prezentace.

Web Directions ƒƒ [Austrálie, USA, Velká Británie, Japonsko]

//   WebDirections.org   @webdirections

Nejbližší ročník: 12.–15. říjen 2010, Sydney

Web Directions jsou poměrně prestižní konference o webu pořádané již od roku 2004. První ročník tehdy proběhl v Austrálii.

Videa z přednášek jsem neobjevil, za to je však na webu k dispozici rozsáhlý přehled přednášek s popisy, slidy a podcasty (zvukovými záznamy).

An Event Apart ƒƒ [USA]

//   aneventapart.com   @aneventapart

Nejbližší ročník: 1.–2. listopad 2010, San Diego

Tuto konferenci asi nemusím moc představovat. Jejím zakladatelem je Jeffrey Zeldman. Bohužel, nepodařilo se mi sehnat téměř žádné materiály, což je přinejmenším podivné. Snad se časem objeví.

Prozatím vám mohu nabídnout videocast The Big Web Show. @zeldman a @danbenjamin se svými hosty mluví o tématech, na kterých na webu záleží.

Build Conference ƒƒ [Belfast]

//   BuildConf.com   @buildconf   #buildconf   vimeo

Nejbližší ročník: 8.–12. listopad 2010

Build Conference je konference o webdesignu, která loni zažila svůj první ročník a hned sklidila velký úspěch a spoustu nadšených ohlasů. Pořádá jí @goodonpaper (Andy McMillan). Bude se konat pravděpodobně každoročně v první polovině listopadu.

Na WebdesignerNotebook.com vyšlo skvělé ohlédnutí za minulým (prvním) ročníkem. V tomto článku najdete mj. záznamy ze čtyř vybraných přednášek:

• „Seductive Design“ … Andy Budd
• „The Playing Field: Practice Makes Pixel-Perfect“ … Ryan Sims
• „Design & Build: How to be an effective hybrid“ … Wilson Miner
• „A More Tangled Web“ … Eric Meyer

Future of Web Design ƒƒ [New York City, Londýn]

//   FutureOfWebdesign.com   @fowd   #fowd   vimeo

Nejbližší ročník: 15.–17. listopad 2010, New York City

Feature of Web Design je stejně jako FOWA pořádaná britskou společností @carsonified. Také zde jsou záznamy placené, ale občas se na webu přesto nějaký objeví.

Slidy z prezentací se zpravidla objeví na Slideshare – zkuste vyhledávání FOWD nebo přímo názvu prezentace.

Web 2.0 Summit ƒƒ [San Francisco]

//   web2summit.com   @web2summit   blip.tv

Nejbližší ročník: 15.–17. listopad 2010

Tuto konferenci spolupořádá společnost O’Reilly Media a má již 6letou tradici. Mluví se na ní o všem, co souvisí s webem 2.0. Na stránkách naleznete také záznamy zajímavých diskusí a rozhovorů.

Nějakou dobu po skončení konference bývají na webu zveřejněny i záznamy z přednášeka a diskusí. Prohlédněte si videa z loňského ročníku.

MIX ƒƒ [Las Vegas]

//   live.VisitMIX.com/   @mixevent   záznamy

Nejbližší ročník: 12.–14. duben 2011

Konferenci MIX pořádá Microsoft a každoročně se na ní během 3 dnů objeví mnoho zajímavých přednášek, byť s převážně Microsoftí příchutí. Pokud vám vadí Silverlight, na webu konference jsou k dispozici i videa ke stažení.

U většiny záznamů jsou k dispozici ke stažení také slidy.

Front-End Design Conference ƒƒ [Florida]

//   FrontendConf.com   @frontendconf   vimeo

Poslední ročník: 23. červenec 2010

Tato jednodenní konference se řadí spíše k těm komornějším, ale na atraktivitě jí to rozhodně neubírá. Jedním z prezentujících v loňském ročníku byl např. známý @abduzeedo.

Slidy k této prezentaci: Design Inspiration and Influences by Abduzeedo.

Další konference…

Snad jsem na žádnou větší konferenci nezapomněl… Jestli ano, upozorněte mě v komentářích a rád ji do přehledu doplním. Podmínkou je, aby byly dostupné slidy, podcasty či videa v nějaké rozumné kvalitě.

V závěrečných 7 krocích se nyní budu věnovat důležitým předpokladům funkcionality webu.

Živnostenský rejstřík (MPO)

15. Aby se návštěvník na web dostal…

Možná vás překvapí, že i tuto podmínku zahrnuji do použitelnosti. Nejdřív přece člověk na stránky přijde a až potom je začne používat.

Zpravidla je však žádoucí přimět návštěvníka, aby se na web jednou opět vrátil – tedy pokračoval v používání. Když mu návrat ztížíme nebo přímo znemožníme, přestane pro něj být tento web použitelný.

Doména by měla fungovat ve tvaru www.domena.cz, ale také domena.cz. Ač se to zdá být samozřejmé, mnohdy se na tuto funkcionalitu pohříchu zapomíná. Když už si návštěvník zapamatuje naši doménu, neměl by za odměnu dostat chybové hlášení.

Výhodou je rovněž snadná nalezitelnost ve vyhledávačích podle klíčových slov, která si z našich stránek uživatel zapamatuje (podle typu webu je to zpravidla nadpis článku, název společnosti či produktu apod.).

Titulek všech stránek by měl obsahovat jejich název či hlavní nadpis. Dnešní prohlížeče pak stránku snadno najdou v historii při zadání tohoto názvu do adresního řádku.

Obsah a základní prvky webu by se neměly příliš dlouho načítat (vysokorychlostní připojení stále ještě nemá každý, zvlášť na mobilních zařízeních).

Pro zkrácení doby načítání webu je vhodné nepoužívat tabulkový design, optimalizovat grafické prvky, snížit počet požadavků na server (např. použít tzv. CSS Sprites, spojit externí soubory s JavaScriptem do jednoho, případně některý načítat paralelně z Google code aj.), dále komprese kódu a jiné.

Když už se stránky načtou, neměly by přetěžovat procesor „ošklivě“ napsaným JavaScriptem nebo Flashem.

Novinky z webu

16. Upozornění na nový obsah

Webové stránky, jež nemají ze své podstaty stálý a neaktualizovaný obsah, by měly návštěvníkům nabídnout způsob, jak se nechat informovat o novém obsahu.

Typicky to bývá RSS nebo Atom feed. Další možností je využít pro tento účel některých sociálních sítí – např. účet na Twitteru nebo fanouškovskou stránku na Facebooku. U obchodů je dobré neopomenout export do nějakého vyhledávače zboží.

Trochu to souvisí s předchozím bodem. Pokud tuto funkci návštěvníkovi nenabídnete, nebude v jeho silách váš web stále kontrolovat a po čase se tam přestane vracet – přestane ho používat (toto ovšem neplatí u webových aplikací, kam se již z jejich podstaty v různých intervalech rád vrací – sociální sítě, diskusní fóra apod.).

Použitelné a přístupné webové formuláře

17. Pozor na formuláře

Základním konverzním prostředkem na webových stránkách jsou formuláře. Vyskytují se v nejrůznějších podobách a často mají zcela zásadní úlohu při reálném plnění účelu webu. Proto je třeba se na jejich použitelnost soustředit obzvlášť.

Snižte počet polí na nutné minimum. Často dochází ke zbytečným komplikacím, když se rozděluje jméno a příjmení, protože pod slovem „jméno“ si člověk vybaví celé jméno, ne jenom to křestní. Málokdo si prohlíží formulář dopředu, aby si toho mohl všimnout.

Zřetelně označte pole, která je nutné vyplnit pro úspěšné odeslání formuláře. Pokud dojde k chybě, viditelně ji označte (v žádném případě nenuťte uživatele vyplňovat formulář znovu). Buďte trochu předvídaví, a pokud je to možné, nechte předvyplněnou očekávanou hodnotu (např. státní příslušnost, @ v poli pro e-mail apod.).

Dejte uživateli jasnou zprávu, že byl formulář úspěšně odeslán, a nabídněte mu, kam může pokračovat dál. Nezapomeňte ošetřit opětovné odeslání formuláře při aktualizaci stránky.

Výzva „Vytiskněte se“ – LaTrine.cz

18. Tisková podoba stránky

I když jsou dnes již počítače nebo chytré mobilní telefony téměř všude, stále je vhodné nechat návštěvníkovi možnost stránku si vytisknout. Nejlepším řešením je vytvořit speciální styl pro tisk, díky kterému by měly na výstupu být body 1–4, tedy název webu, případný podtitul, nadpis stránky, obsah, jméno autora (případně i kontakt na něj), datum a URL stránky.

Nezapomeňte, že ne vždy je papír interaktivní médium , a tak není od věci za odkazy vypsat jejich adresy. Význam barev často ustupuje do pozadí, je třeba počítat s tiskem černobílým. Pěkný článek na téma CSS pro tisk je Going to Print na aListApart.com.

Částečným řešením může být i využití externí služby, která verzi pro tisk sama vygeneruje a ještě dá návštěvníkovi na výběr, co všechno chce tisknout.

WCAG 2.0 česky

19. Přístupnost webu

Pokud chcete, aby byly vaše stránky bez problému použitelné pro co největší množinu lidí, včetně zrakově postižených, měli byste dbát také na pravidla přístupnosti webu.

Řídit se přitom můžete přívětivě přeloženým kontrolním seznamem pro WCAG 2.0, jenž vás navede k dodržování pravidel z oficiálního dokumentu bez zbytečných řečí okolo.

Doporučit lze také přednášku Radka Pavlíčka z WebExpa 2009 s názvem WCAG 2.0 – nový pohled na přístupnost.

Cílová skupina

20. Poznejte vaši cílovou skupinu

Dokážete se dobře seznámit s vaší cílovou skupinou, sledovat její chování a trendy, které v ní vládnou? Pokud ano, máte velkou výhodu. Můžete díky tomu přemýšlet jako vaši návštěvníci a zjistit, jaké funkce či obsah by na vašem webu ocenili.

Po vynuceném uživatelském testování přichází uživatelé skuteční. Snažte se jim naslouchat.

Google Analytics

21. Sledujte a analyzujte návštěvnost

Stejně jako uživatelské testování je i pravidelná analýza návštěvnosti nezbytná pro dosahování optimální použitelnosti webu.

I v ideálním případě je sledování návštěvnosti důležité jako zpětná vazba, že všechno děláte dobře a návštěvníci jsou u vás spokojení.

Navíc díky ní můžete získat velmi cenná data, která dobře poslouží při budoucím rozvoji webu. Pamatujte, že web nemá konečný stav.

.

Toto je tedy ve zkratce jedenmecítma kroků, kterými se můžete s čistým svědomím řídit při budování dobré použitelnosti webu.

Pokud máte pocit, že jsem nějaký důležitý bod opomněl, budu rád, když mě upozorníte v komentáři, abych mohl seriál doplnit. Díky!

CSFD Last Seen 0.9 plugin

Máte svůj účet na ČSFD a používáte systém WordPress? Pak je tento plugin určený právě pro vás.

Jedná se o widget do postranního panelu, který vypíše daný počet naposledy zhlédnutých (ohodnocených) filmů včetně jejich barvy, roku vydání a vašeho hodnocení.

Před časem jsem dal k dispozici dočasnou verzi, kterou jsem používal zde na stránkách. Nyní to dotáhla už na plnohodnotný WordPress plugin.

Instalace pluginu

Nejprve si stáhněte plugin na jeho oficiální stránce:

CSFD Last Seen plugin

Plugin se instaluje klasickým způsobem.

1. Rozbalte stažený archiv s pluginem.
2. Nahrajte složku csfd-last-seen do wp-content/plugins.
3. V administraci vašeho blogu přejděte do sekce Pluginy a CSFD Last Seen plugin aktivujte.
4. Přejděte do sekce Vzhled/Widgety a umístěte widget CSFD Last Seen jak je libo.
5. Nastavte požadovaný profil, počet zobrazovaných filmů a frekvenci obnovování.
6. Klikněte na Uložit.

Celou tabulku s hodnocením můžete vzhledově upravit pomocí CSS. Stačí do souboru se stylem přidat následující kód:

table#csfd, table#csfd td { border: none; border-collapse: collapse; }
table#csfd td.csfd-stars { text-align: right; white-space: nowrap; }

a případně upravit podle vašich potřeb.

Ukázka pluginu

Demo pluginu si můžete prohlédnout přímo zde na stránkách (pravý sloupec – Naposledy jsem viděl).

CSFD Last Seen plugin

]]> http://josefstepanek.cz/835/wordpress-csfd-last-seen-plugin-0-9.html/feed 20 http://josefstepanek.cz/668/webexpo-2009-slidy-z-prednasek.html http://josefstepanek.cz/668/webexpo-2009-slidy-z-prednasek.html#comments Tue, 20 Oct 2009 11:18:55 +0000 Pepa (admin) http://josefstepanek.cz/?p=668 Zatímco se letošní WebExpo stalo již navždy součástí milých vzpomínek mnohých účastníků, spevoiktczu začalo se zpracováváním desítek hodin pořízených záznamů. (Update: záznamy přednášek na Stream.cz)

Pokud jste si WebExpo 2009 nechali ujít, nebo se vám nedařilo sledovat jednu přednášku a zároveň stream z druhé, určitě se máte na co těšit. Protože zpracování videa jistě ještě nějakou dobu potrvá, můžete si zatím ukrátit dlouhé chvíle čekání a prohédnout si zveřejněné slidy z přednášek.

Warm Up

• Vliv psychotropních látek na kvalitu vývojářů – David Grudl & Jiří Knesl

Developer Hall (SIC)

• JavaFX – Jan Štěrba … (?)
• XML v PHP 5 – Jiří Kosek … (?)
• Když něco rozeberem, tak leda debuggerem – Juraj Michálek … (?)
• Verzování kódu s Gitem – Karel Minařík … (?)
• Tajemství v používání a programování Firebugu – Jan Odvárko … (?)
• Automatizované testování webových aplikací – Michael Juřek … (?)
• RIA jednoduše (video) – ukázkový příklad – David Grudl … (?)
• Jak z vás lenost může udělat lepšího vývojáře – Christian Heilmann … (?)
• Můj život s počítači – Kvíz pro Františka Fuku – Martin Hassman … (?)

Web Design & UX Hall (Aula)

• Dojem uživatele z pohledu tvůrce webové aplikace – Jan Korbel … (?)
• Moderní webdesign II. – Jan Sládek … (?)
• Sémantický web – Josef Holý … (?)
• Optimalizace obchodní výkonnosti webu – Jiří Brázda … (?)
• WCAG 2.0 – nový pohled na přístupnost – Radek Pavlíček … (?)

Business & Startup Room (E II)

• Marketing v sociálních sítích + kompletní text – Michal Berg … (?)
• Slepá honba za zásahem – Robert Haas … (?)
• Jak z úspěšné malé firmy vytvořit úspěšnou velkou firmu – Zbyněk Frolík … (?)
• GTD (Getting Things Done) – Petr Mára … (?)
• Jak změnil Internet náš sexuální život? – Pavel Kozák … (?)
• Světový a český Twitter jako zdroj pro data mining – Josef Šlerka … (?)

Frameworks Room (E III)

• Vytváření RESTful webových aplikací (nejen) v Javě – Jakub Podlešák … (?)
• Drupal pro Váš business – případová studie – Jakub Suchý … (?)
• Test Driven Development v Nette + databáze – Jiří Knesl … (?)
• Vývoj aplikací pro mobilní platformu Android – Pavel Petřek … (?)

Enterprise 2.0 Room (E III)

• Web 2.0 hlasové služby – Jan Kubr … (?)
• Google Apps pro firmy – Ivan Kutil … (?)

Všem autorům patří velký dík za zveřejnění.

Fotografie od Dušana Šimonoviče (galerie na Flickr.com)

Víte o nějakých dalších slidech nebo materiálech k přednáškám z WebExpo 2009? Podělte se v komentářích.