Andreas håller låda på CAG om webbprojekt

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
• DriV

8. Roller
Titlar
• Säljare (med webbinriktning)
• Pre‐sales tekniker
• Projektledare
• Teknisk projektledare
• Webbarkitekt
• Webb‐AD, formgivare
• User Experience Designer (UX/D)
• PresentaRonsprogrammerare
• Systemutvecklare
• DriVstekniker
• (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
• MicrosoV
• 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 driV; 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
Återvinning!
1993 BL‐Systemteknik, vi pratade förpackning
1995 CAP Gemini, vi pratade återvinning
2000 Framfab, vi pratade kuvöser
2001 ABB, vi pratade IT‐bolag med produkter
2002 Bombus, vi byggde CMS‐produkt
2004 Internelabriken, moduler
2011 Hypernode, återvinning

24. Trender
KonsulWmmar
1000kr * 0,1 * X = återvinning
Så hur når vi dit?

25. Trender
E? exempel
Episerver
Creuna Framework

26. Trender
Återvinning inom CMS
Open Source
CreaRve Commons
Widgets och moduler
Tjänster

27. Trender
CMS
Wordpress
Drupal
Episerver
SharePoint

28. Trender
Vad ska vi då tjäna pengar på?
Söka betalningsvilja
Framkant
Tjänster
Öppenhet

29. Trender

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

31. Tack!
Andreas Ek
andreas.ek@hypernode.se
070‐3032203
www.hypernode.se