berghs cms ver1
DESCRIPTION
Basic lecture at Berghs Scool of Communication on CMSTRANSCRIPT
![Page 1: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/1.jpg)
BERGHS SCHOOL OF COMMUNICATION
1
![Page 2: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/2.jpg)
BERGHS SCHOOL OF COMMUNICATION
2
DIGITAL MANAGEMENTDANIEL YTTERGREN, HintTech
![Page 3: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/3.jpg)
BERGHS SCHOOL OF COMMUNICATION
3
CMS/TEKNISKA PLATTFORMAR
NOVEMBER 26 2012 — STOCKHOLM
![Page 4: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/7.jpg)
BERGHS SCHOOL OF COMMUNICATION
Jag tänkte börja med kartan…
7
![Page 8: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/8.jpg)
![Page 9: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/9.jpg)
BERGHS SCHOOL OF COMMUNICATION
Vad är CMS?
9
![Page 10: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/13.jpg)
BERGHS SCHOOL OF COMMUNICATION
CMS - TeknikOfta baserade på ….
13
![Page 14: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/14.jpg)
BERGHS SCHOOL OF COMMUNICATION
CMS – en uppsättning mallarStartsidemallArtikelmallNyhetsmallProduktöversiktsmallProduktgruppsmallProduktsidemallListningsmall
14
![Page 15: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/15.jpg)
BERGHS SCHOOL OF COMMUNICATION
CMS – grundläggande princip
Separerar design & innehåll
15
![Page 16: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/16.jpg)
Att tänka på vid upphandling av CMS
16
![Page 17: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/17.jpg)
BERGHS SCHOOL OF COMMUNICATION
CMS är inte……en magisk box…som löser alla dina digitala utmaningar
17
![Page 18: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/19.jpg)
Gör saker i rätt ordning!
19
![Page 20: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/20.jpg)
Process/steg i webbutveckling
![Page 21: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/21.jpg)
Organisation Användare
Varumärke
Teknik
Affär
Tänk helhet vid val av CMS
![Page 22: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/22.jpg)
Affär• Affärsmål• Effektmål• Webbstrategi
![Page 23: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/28.jpg)
CMS-införande – en läroprocess
• Förståelse• Kompetens• Erfarenhet• Arbetsprocesser
![Page 29: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/29.jpg)
Några CMS + case
29
![Page 30: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/30.jpg)
Gartners översikt över CMS-marknaden
![Page 31: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/31.jpg)
Min översikt av CMS – ett urval• Stora• Mellan• Mindre
![Page 32: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/32.jpg)
Stora
![Page 33: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/33.jpg)
Exempel 1- Scania
![Page 34: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/34.jpg)
Exempel 2- About.hm.com
![Page 35: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/35.jpg)
Mellan •COOP
•Skatteverket
•Svenska Lottakåren
![Page 36: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/36.jpg)
EPiServer - Coop
![Page 37: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/37.jpg)
Case Skatteverket - Sitevison
![Page 38: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/38.jpg)
Drupal – Svenska Lottakåren
![Page 39: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/39.jpg)
Mindre
+ massor fler
![Page 40: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/40.jpg)
Wordpress – Resursbank
![Page 41: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/41.jpg)
Wordpress – TIME Magazine
![Page 42: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/42.jpg)
Fråga från FB: Hur avancerade webbplatser kan man göra i Wordpress?Svar?
42
![Page 43: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/43.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/44.jpg)
Övning
44
![Page 45: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/45.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/46.jpg)
Några CMS-trender
46
![Page 47: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/47.jpg)
Trend: Bygga ihop flera sammanhållande system – ex Adobe
CS Suite (Photoshop etc)
Adobe CQ5
Omniture (webbanalys)
![Page 48: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/48.jpg)
Trend – Fler system i samma lösning
![Page 49: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/49.jpg)
Trend 3• Inget CMS alls – utan endast ramverk med gränssnittkod –
HTML/CSS/Java Script
![Page 50: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/50.jpg)
Trend - Flerkanalspublicering
![Page 51: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/51.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/52.jpg)
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](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/53.jpg)
BERGHS SCHOOL OF COMMUNICATION
53
Tack!Daniel Yttergren| @yttergren +46733336664 | [email protected]| se.linkedin.com/in/yttergren | yttergren.com
![Page 54: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/54.jpg)
En sista – vad är grejen med EPiServer?
![Page 55: Berghs cms ver1](https://reader035.vdocuments.site/reader035/viewer/2022062220/556181bdd8b42a72118b582d/html5/thumbnails/55.jpg)
Hur påverkar mobila apparater CMS?