En presentation för CAG vad webb och webbprojekt är för Hypernode.

1. Vad är webb (för oss :-)
2011‐03‐28
CAG Västerås
Andreas Ek

2. Varför?
Varför prata om webb?
• Margareta önskade och jag hakade på
• Flera ”Framfabianer” på CAG, 10 år sedan
• Dan hjälpte oss med SharePoint ‐sök

3. PANIC!

5. Vad?
Vår presenta2on nu
• Webbprojekt
• Arbetsverktyg
• Metod
• Content Management Systems
• Trendspaning
• Återvinning

6. Webbprojekt
Vad ska man tänka på för webbprojekt?
• Arbetsprocessen
• Arkitektur
• Design
• UI
• IntegraRoner
• Systemutveckling
• Mogna system
• Test
• Förvaltning

7. Typ av uppdrag
Typer av projekt
• Rådgivning
• Resurs, underkonsult
• Webbplats / Webbprojekt / Inhouse
• Förvaltning
• DriU

8. Roller
Titlar
• Säljare (med webbinriktning)
• Pre‐sales tekniker
• Projektledare
• Teknisk projektledare
• Webbarkitekt
• Webb‐AD, formgivare
• User Experience Designer (UX/D)
• PresentaRonsprogrammerare
• Systemutvecklare
• DriUstekniker
• (en mängd andra; IA, SEO, AnalyRker, mfl)

9. Nytt projekt
Arbetsprocess för e? webbprojekt
• Förstudie
• Uppska^ning
• Offert
• Utveckling ‐>
• Beta
• Lansering
• Slutleverans

10. Scrum

11. Scrum
Backlogg
As a [TYPE OF USER OR CUSTOMER]
I want [THIS FEATURE OR FUNCTIONALITY]
so that [DESCRIBE THE VALUE I GET FROM WHAT I WANT].

12. Utveckling
Processen för utveckling (förslagsvis)
• Backlogg
• Analys
• Arkitektur
• POC
• KreaRv brief
• Personas
• InformaRonsstruktur
• Wireframes
• Design
• PresentaRon
• FunkRon
• IntegraRon
• Test
• DokumentaRon

13. Informationsstruktur
Informa2onsstruktur
• Sajtmaps
• Innehåll
• Flöden
• Processer
• Taxonomier
• ...

14. Wireframes
Balsamiq för wireframes

15. Design
Photoshopskisser

16. Presentationsprogrammering
Presenta2on / HTML
• Ramverk
• Webbstandard XHTML
• Validerad kod
• Webbläsarkriget (!) fortsä^er
• OpRmerad kod
• Javascript
• Portabilitet
• SEO
• Tjänster, PSD2HTML

17. Utvecklingsverktyg
Verktyg kodutveckling för webbprojekt
• Bra miljö; Utv‐test‐stage‐prod
• E^ bra IDE (integrerad utvecklingsmiljö)
• Hjälpverktyg (Resharper och Reflector)
• ConRnuous integraRon (bygg, test, UI)
• Versionshantering
• Felhantering, ärendehantering
• Boards (Scrum, Kanban / analog, digital)
• Tidrapportering
• Analys och staRsRk

18. Agilt
Itera2va metoder, Agilt

19. Plattformar
WebbplaQormar + Standardprodukter
• Publicering
• Samarbete
• KommunikaRon
• Dokument
• IntegraRon
• Blogg
• Sök
• Socialt
• ...

20. Content Management Systems

21. Trender
Vad tror vi framöver?
• Apple
• Design (UI) före teknik
• MicrosoU
• MVC
• Skriptspråk
• WordPress blir accepterat CMS
• Mer API‐er; REST JSON, oData
• NoSQL blir mer etablerat
• Mer Open Source och öppnare lösningar
• Community kring utveckling; Codeplex, mfl.
• Mindre driU; SaaS, moln, flytande
• Enkla (små) tjänster utvecklas och blir e^ måste
• Widgets, Mashups, Ajax, jQuery fortsä^er
• Streaming

22. Hot
Till vilka risker?
• Apple forget that they must extend our world, not be the world.
• A^ackytorna ökar
Data flyter överallt
Låg säkerhet
• Skriptspråk är korthus
• Förtjänst på mjukvara minskar
• Många små tjänster Rllsammans är dyrt och klustrat

23. Trender

24. Nästa steg? Följ folket!

25. Tack!
Denna slide finns på:
www.slideshare.com/ekandreas
twi^er.com/ekandreas
andreas.ek@hypernode.se
070‐3032203
www.hypernode.se