Moderní workflow tvorby webu

…aneb jak to děláme u nás. Prezentace z vývojářského Čtvrtkonu dne 7. února 2013 od 18:00 v konferenčním salónku Café Klubu Slavie.

Transcript

1. WEBU TVORBY WORKFLOW MODERNÍ Jak to děláme u nás…
2. Tomáš Kuba CTO • Edgedesing.cz
3. POMĚRNĚ NEDÁVNO DOKONCE I V TÉTO SPIRÁLNÍ GALAXII VZNIKL EDGEDESIGN
5. Obchod Grafika Realizace
6. Obchod Grafika Realizace Podpora
7. Design Realizace Podpora
8. Analýza Koncepce Model UI Aplikace Obsah Obchod
9. Agilní přístup s využitím scrumu Spolupráce Minimalizace diskutujícíh (no M&M’s) Pozitivní zpětná vazba …něco navíc – každý z nás. Kontinuální vzdělávání (a publikace)
10. Analýza
11. 2 : 1
12. Kam? Odkud? Proč? Jak? 1 2 3 4
13. Ptejte se a poslouchejte (nepředpokládat) Analýza Eliminujte osobní zkreslení Pokud váháte… testujte Poučte se od ostatních (kolo už známe) Heuristická analýza – pro nepočitatelné
14. Koncepce
15. Koncepce Online spolupráce na Google Docs Definujte cíle a hranice Nebojte se začít nedokonalým draftem Začněte řešit obsah brzo – content Sepište i jednoduché projekty (stručně) Nápady na ubrousku (Dan Roam) Domain Driven Design (Eric Evans)
16. Model
17. Model Složité projekty řešte komponentově Testujte co nejdříve Pomožte si procesem z reálného života Nechte si rezervu pro problémy realizace Vyberte vhodný typ Wireframe/Prototyp
18. Design ↓ Realizace
19. User Interface
20. Ovládněte UI Devstack/Framework
21. Inspirujte se z HTML5 Boilerplate
22. Progressive enhancement & Graceful degradation http://www.zdrojak.cz/clanky/graceful-degradation-vs-progressive-enhancement/
23. Chrome 24
24. Internet Explorer 8
25. iOS Safari
26. Testujte efektivně ve více prohlížečích
27. Buďte posedlí rychlostí
28. Buďte posedlí rychlostí
29. User Interface Pozor na komponenty které jdou skrze více vrstev (server/klient – AJAX ) Pomožte si preprocesory SASS/LESS Důsledně separujte (HTML/CSS/JS)
30. Aplikace
31. Aplikace Automatizujeme Composer + Phing Git se stal pro nás nutností Pečlivě separujeme vrstvy – vyplatí se to Debugujte a pochopte (XHProf) Stavíme na frameworkcích Symfony 2.1 + Doctrine / Nette
32. Aplikace Rychlost vývoje ≠ nižší kvalita Automatizujte Testujte, testujte, testujte… Je jedno v čem programujete ale buďte v tom dobří...
33. Obsah
34. Obsah Sedněte si s klientem a pracujte spolu Většina uživatelů CMS nezvládá Definujte si styl komunikace Čas vložený do obsahu je investice Začnete s obsahem co nejdříve :)
35. Analýza Koncepce Model UI Aplikace Obsah Obchod
36. Děkuji za pozornost. Dotazy? @tomaskuba tomas.kuba@edgedesign.cz