Vad är webb

431 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
431
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Vad är webb

    1. 1. Vad är webb (för oss :-) 2011‐03‐28 CAG
Västerås Andreas
Ek
    2. 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. 3. PANIC!
    4. 4. Vad?Vår
presenta2on
nu• Webbprojekt• Arbetsverktyg• Metod• Content
Management
Systems• Trendspaning• Återvinning
    5. 5. WebbprojektVad
ska
man
tänka
på
för
webbprojekt?• Arbetsprocessen• Arkitektur• Design• UI• IntegraRoner• Systemutveckling• Mogna
system• Test• Förvaltning
    6. 6. Typ av uppdragTyper
av
projekt• Rådgivning• Resurs,
underkonsult• Webbplats
/
Webbprojekt
/
Inhouse• Förvaltning• DriU
    7. 7. RollerTitlar• 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)
    8. 8. Nytt projektArbetsprocess
för
e?
webbprojekt• Förstudie• Uppska^ning• Offert• Utveckling
‐>• Beta• Lansering• Slutleverans
    9. 9. Scrum
    10. 10. ScrumBacklogg As a [TYPE OF USER OR CUSTOMER] I want [THIS FEATURE OR FUNCTIONALITY] so that [DESCRIBE THE VALUE I GET FROM WHAT I WANT].
    11. 11. UtvecklingProcessen
för
utveckling
(förslagsvis)• Backlogg• Analys• Arkitektur• POC• KreaRv
brief• Personas• InformaRonsstruktur• Wireframes• Design• PresentaRon• FunkRon• IntegraRon• Test• DokumentaRon
    12. 12. InformationsstrukturInforma2onsstruktur• Sajtmaps• Innehåll• Flöden• Processer• Taxonomier• ...
    13. 13. WireframesBalsamiq
för
wireframes
    14. 14. DesignPhotoshopskisser
    15. 15. PresentationsprogrammeringPresenta2on
/
HTML• Ramverk• Webbstandard
XHTML• Validerad
kod• Webbläsarkriget
(!)
fortsä^er• OpRmerad
kod• Javascript• Portabilitet• SEO• Tjänster,
PSD2HTML
    16. 16. UtvecklingsverktygVerktyg
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
    17. 17. AgiltItera2va
metoder,
Agilt
    18. 18. PlattformarWebbplaQormar
+
Standardprodukter• Publicering• Samarbete• KommunikaRon• Dokument• IntegraRon• Blogg• Sök• Socialt• ...
    19. 19. Content Management Systems
    20. 20. TrenderVad
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
    21. 21. HotTill
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
    22. 22. Trender
    23. 23. Nästa steg? Följ folket!
    24. 24. Tack!
Denna
slide
finns
på:www.slideshare.com/ekandreastwi^er.com/ekandreasandreas.ek@hypernode.se070‐3032203www.hypernode.se

    ×