55
BERGHS SCHOOL OF COMMUNICATION 1

Berghs cms ver1

Embed Size (px)

DESCRIPTION

Basic lecture at Berghs Scool of Communication on CMS

Citation preview

Page 1: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

1

Page 2: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

2

DIGITAL MANAGEMENTDANIEL YTTERGREN, HintTech

Page 3: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

3

CMS/TEKNISKA PLATTFORMAR

NOVEMBER 26 2012 — STOCKHOLM

Page 4: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

Kort om mig• Kommunikatör som jobbat med digitala medier i 15 år, både som

konsult och på kundsidan.• Lett utvecklingen av ca 80 olika projekt - webbplatser, intranät och

mobila applikationer baserat på ett 15-tal olika CMS

• Mer på www.yttergren.com

4

Page 5: Berghs cms ver1

Agenda• Inledning

• Vad är CMS?

• Att tänka på vid upphandling av CMS

• En genomgång av de vanligaste CMS-plattformarna + case

• Övning

• Några relevanta CMS-trender

• Slutord5

Page 6: Berghs cms ver1

Mål• Att ni ska få en översikt om vad CMS är och vilka CMS som finns på

marknaden

• Att ni ska bli bättre kravställare på CMS genom bättre förståelse vad som krävs för ett lyckat CMS-införande

• Mer?

6

Page 7: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

Jag tänkte börja med kartan…

7

Page 8: Berghs cms ver1
Page 9: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

Vad är CMS?

9

Page 10: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

CMS - akronymerCMS – Content Management SystemECM - Enterprise Content ManagementWCM – Web Content ManagementWEM – Web Experience ManagementCXM – Customer Experience Management

….eller….

10

Page 11: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

…på svenskaSystem för att skapa, hantera, kategorisera och publicera innehåll i

form av …

• Text• Bild• Grafik• Rörlig bild• Ljud-filer• Dokument

11

Page 12: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

Varför CMS ?• Kontroll på grafisk profil• Bättre kontroll & hantering av digitalt material• Kräver inte programmeringskunskaper av redaktörer för att

uppdatera• Snabbare “time-to-market

12

Page 13: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

CMS - TeknikOfta baserade på ….

13

Page 14: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

CMS – en uppsättning mallarStartsidemallArtikelmallNyhetsmallProduktöversiktsmallProduktgruppsmallProduktsidemallListningsmall

14

Page 15: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

CMS – grundläggande princip

Separerar design & innehåll

15

Page 16: Berghs cms ver1

Att tänka på vid upphandling av CMS

16

Page 17: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

CMS är inte……en magisk box…som löser alla dina digitala utmaningar

17

Page 18: Berghs cms ver1

Behov/krav först sedan lösning !

Hej vi har valt Episerver som CMS. Jaha kul ! Vad ska ni göra då?

Det vet vi inte ännu men nu har vi ju ett verktyg med massor av funktioner….

Page 19: Berghs cms ver1

Gör saker i rätt ordning!

19

Page 20: Berghs cms ver1

Process/steg i webbutveckling

Page 21: Berghs cms ver1

Organisation Användare

Varumärke

Teknik

Affär

Tänk helhet vid val av CMS

Page 22: Berghs cms ver1

Affär• Affärsmål• Effektmål• Webbstrategi

Page 23: Berghs cms ver1

Användare – intern målgrupp• Vem ska använda systemet inom organisationen ?• Hur ser deras kompetens & erfarenhet ut kring digitala kanaler?

Page 24: Berghs cms ver1

Användare – extern målgrupp• Hur ser målgruppens användare ut och vad är deras förväntningar på upplevelse?

Page 25: Berghs cms ver1

Varumärke• Innehåll – Vilket innehåll ska finnas på sidan?• Riktlinjer kring design & interaktion• Riktlinjer kring tonalitet • Riktlinjer kring “Governance”- Övervakning och uppföljning av

riktlinjer

Page 26: Berghs cms ver1

Teknik• Vilken funktionalitet ska CMS:et ha för att lösa uppgiften? Ex:

– Språkhantering– Bildhantering– Rörlig bild– Produkthantering– SEO

• Uppdateringsfrekvens – Hur ofta och hur ska webbplatsen uppdateras?

• Vilka system ska CMS:et integreras mot? Interna & externa system• Kompetens - Vilka tekniska kompetenser finns det internt i företaget?

Page 27: Berghs cms ver1

Organisation• Hur vill vi arbeta med de digitala kanalerna?• Har vi rätt arbetsformer för att realisera den digitala strategin?• Behöver vi ytterligare eller annan kompetens?

Page 28: Berghs cms ver1

CMS-införande – en läroprocess

• Förståelse• Kompetens• Erfarenhet• Arbetsprocesser

Page 29: Berghs cms ver1

Några CMS + case

29

Page 30: Berghs cms ver1

Gartners översikt över CMS-marknaden

Page 31: Berghs cms ver1

Min översikt av CMS – ett urval• Stora• Mellan• Mindre

Page 32: Berghs cms ver1

Stora

Page 33: Berghs cms ver1

Exempel 1- Scania

Page 34: Berghs cms ver1

Exempel 2- About.hm.com

Page 35: Berghs cms ver1

Mellan •COOP

•Skatteverket

•Svenska Lottakåren

Page 36: Berghs cms ver1

EPiServer - Coop

Page 37: Berghs cms ver1

Case Skatteverket - Sitevison

Page 38: Berghs cms ver1

Drupal – Svenska Lottakåren

Page 39: Berghs cms ver1

Mindre

+ massor fler

Page 40: Berghs cms ver1

Wordpress – Resursbank

Page 41: Berghs cms ver1

Wordpress – TIME Magazine

Page 42: Berghs cms ver1

Fråga från FB: Hur avancerade webbplatser kan man göra i Wordpress?Svar?

42

Page 43: Berghs cms ver1

Fråga från FB: Vilket CMS är bäst för redaktörern/användareSvar: Det beror på vem användaren är.

43

Page 44: Berghs cms ver1

Övning

44

Page 45: Berghs cms ver1

Instruktion övning• Välj ett företag• Med utgångspunkt från modellen hur skulle ni gå tillväga för att

välja cms till det företaget? (vet ni inte alla förutsättningar så anta vissa saker)i företaget?

• Motivera era svar

Organisation Användare

Varumärke

Teknik

Affär

Page 46: Berghs cms ver1

Några CMS-trender

46

Page 47: Berghs cms ver1

Trend: Bygga ihop flera sammanhållande system – ex Adobe

CS Suite (Photoshop etc)

Adobe CQ5

Omniture (webbanalys)

Page 48: Berghs cms ver1

Trend – Fler system i samma lösning

Page 49: Berghs cms ver1

Trend 3• Inget CMS alls – utan endast ramverk med gränssnittkod –

HTML/CSS/Java Script

Page 50: Berghs cms ver1

Trend - Flerkanalspublicering

Page 51: Berghs cms ver1

Slutord• Gör saker i rätt ordning• Behov/krav före lösning• Tänk på helheten – alla delar måste samspela• Ett CMS är ingen magisk box – Det är endast en del av lösningen

Page 52: Berghs cms ver1

Vidare läsning om CMS• www.mkse.com• www.realstorygroup.com• www.cmswire.com • www.sdl.com• www.adobe.se• www.episerver.se• www.Wordpress.org • www.sitevision.se • www.drupal.org

Page 53: Berghs cms ver1

BERGHS SCHOOL OF COMMUNICATION

53

Tack!Daniel Yttergren| @yttergren +46733336664 | [email protected]| se.linkedin.com/in/yttergren | yttergren.com

Page 54: Berghs cms ver1

En sista – vad är grejen med EPiServer?

Page 55: Berghs cms ver1

Hur påverkar mobila apparater CMS?