52
Välkomna Pär Fröberg – CTO / Systemarkitekt Daniel Wroblewski – Technology Manager Systemarkitekt Välja rätt i teknikdjungeln

Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Embed Size (px)

DESCRIPTION

EPiServer, Drupal, Django, Wordpress, Sharepoint, Sitecore, Umbraco... När det gäller CMS och webbramverk är verktygslådan stor! Hur vet man vad man ska välja? Står valet mellan open-source-produkter eller kommersiella produkter eller finns det fler parametrar som spelar in? [23video id="8971811"] I denna första genomgång av den tekniska verktygslådan guidar Pär Fröberg och Daniel Wroblewski dig genom CMS- och webbramverksdjungeln. Vi kommer att berätta om för- och nackdelar med de plattformar som vi på Creuna arbetar mest med och vilka trender vi ser framöver. Pär Fröberg, CTO Creuna Daniel Wroblewski, Technology Manager Creuna

Citation preview

Page 1: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Darker colours You’re basically free to use the different

saturations of the colours, but we still recommend these second to darkest ones

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your

colour 4. Click OK

Insert client logo 1.  Select placeholder 2.  Choose Insert from top menu 3.  Choose Picture from file 4.  Select client logo 5.  Click OK

To view drawing guides 1.  Right click on slide and select ’Grid and Guides...’

2.  Check ’Display drawing guides on screen’

3.  Select OK

Välkomna

Pär Fröberg – CTO / Systemarkitekt Daniel Wroblewski – Technology Manager Systemarkitekt

© Creuna

Välja rätt i teknikdjungeln

Page 2: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different

saturations of the colours, but we still recommend these second to darkest ones

Change colour of numbering 1.  Select all text with numbering

2. Choose Format/Bullets and Numbering 3. Select colour from ‘Color’ dropdown.

4. Click OK

Change background colour 1. Right click outside slide

2. Choose Format Background 3. Select Fill and choose your colour

4. Click OK

Idag kommer vi prata om

© Creuna

1 Rätt teknologi för varje lösning 2 CMS vs. Ramverk 3 Open source vs. Kommersiellt 4 CMS vs. CMS 5 Case 6 Summering

Page 3: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Rätt teknologi för varje lösning

Del 1 av 6

© Creuna

Page 4: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

© Creuna

“Om det enda verktyg du hade var en hammare, skulle du behandla allt som en spik”

- abraham maslow

+ =

Page 5: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

• Komplexitet i funktion och framtida flexibilitet • Spelar språket roll? (PHP,

Python, .NET eller Java) • Budget • Dri!smiljö • Tillgänglighet • Redaktörs- och

administrationsgränssnitt

• Beroende av andra parter •  Licenser och andra juridiska aspekter • Skalbarhet • Prestanda • Support • Spårbarhet • Säkerhet

Hur väljer man rätt då?

© Creuna

Page 6: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

CMS vs. Ramverk Del 2 av 6

© Creuna

Page 7: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

CMS vs. Webbramverk

© Creuna

CMS – Content Management System Webbramverk vs

Page 8: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Fungerande site från början •  Anpassning – Uppifrån ner

© Creuna

Webbramverk vs CMS – Content Management System

Page 9: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Fungerande site från början •  Anpassning – Uppifrån ner

© Creuna

Webbramverk vs

•  Verktyg för utvecklare •  Startar med blank sida •  Nerifrån upp

•  Skapar applikationer: •  Community •  E-handel •  CMS •  Komplexa flöden datamodeller

CMS – Content Management System

Page 10: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Fungerande site från början •  Anpassning – Uppifrån ner

© Creuna

Webbramverk vs

•  Verktyg för utvecklare •  Startar med blank sida •  Nerifrån upp

•  Skapar applikationer: •  Community •  E-handel •  CMS •  Komplexa flöden datamodeller

CMS – Content Management System

.NET MVC Flask Spring Play! Meteor Django Express

Li! Codeigniter Laravel Symfony Zend Ruby On Rails

Sinatra Flex Grails Nodejs

Page 11: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Fungerande site från början •  Anpassning – Uppifrån ner

© Creuna

Webbramverk vs

•  Verktyg för utvecklare •  Startar med blank sida •  Nerifrån upp

•  Skapar applikationer: •  Community •  E-handel •  CMS •  Komplexa flöden datamodeller

.NET MVC Flask Spring Play! Meteor Django Express

Li! Codeigniter Laravel Symfony Zend Ruby On Rails

Sinatra Flex Grails Nodejs

.NET MVC Django

CMS – Content Management System

Page 12: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Anst

räng

ning

Anpassning

ramverk

cms

CMS vs. Webbramverk

Page 13: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Open source vs. Kommersiellt

Del 3 av 6

© Creuna

Page 14: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Click Increase Indent button to get predefined ‘quote-name’ font

“free software is a matter of liberty, not price. To

understand the concept, you should think of free as in free speech, not as in free

beer.” - richard stallman

© Creuna

Page 15: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

1. Man måste ha koll på GNU GPL, AGPL, LGPL, MIT, BSD2, BSD3, Apache License v2 o.s.v.

2. Man behöver fundera lite över framtiden

3. Och till sist är det bra att tänka lite på det här med säkerhet

Frågeställningar - Open Source

Page 16: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Open Source Licenser

Page 17: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

GPL bsd & mit

Page 18: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

GPL bsd & mit

Page 19: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Och så var det här med framtiden

Page 20: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

…till sist några ord om säkerhet

Page 21: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

CMS vs. CMS Del 4 av 6

© Creuna

Page 22: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Facts •  Grundat 1994 •  Språk: .NET MVC •  Versionen 7.5 •  >20.000 webbplatser •  690 partners i 30 länder •  21.000 registrerade

utvecklare

EPiServer Svensktillverkat CMS som är stort i norden och de växer även globalt. Styrkor + Bra CMS, bra basfunktionalitet + Bra nivå när det gäller flexibilitet för utvecklare + Bra tilläggsprodukter som t.ex. Community, Commerce och Find Svagheter - Globalt sett fortfarande okänt - Ostrukturerad information - Inte så mycket färdig funktionalitet

Page 23: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Facts •  PHP •  DB: MySql, PostgreSQL, SQL

Server •  24.000 moduler •  1800 teman •  700 distributioner •  28.000 utvecklare

Drupal Startades 2000 av Dries Buytaert. Senaste versionen 7 kom 2011. Nästa version kommer troligen 2014. Styrkor + Communityn: stor, aktiv, hjälpsam, kompetent + Open Source och ingen licenskostnad + Populärt. Många stora sajter + Bra moduler + Mycket funktionalitet OOTB + Allt går att konfiguera i admin Svagheter - Hög inlärningströskel - Konfigurationshantering - Krävs en del innan man får en “ok” sajt. - Admin är komplext och inte lika lättanvänt som t ex WP. - Långa releasecykler för Core.

Page 24: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Drupal

Page 25: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Facts •  Skapades: 2003 •  Språk: PHP •  60 miljoner sajter •  28 000 plugins

Wordpress Skapades som ett bloggverktyg 1 april 2003 av Matt Mullenweg.

Styrkor + Lätt att använda + Lätt att utveckla för + Väldigt populärt. Över 60 miljoner sajter. > 17% av top 1 miljon populära sajter + Snabbt igång. Ren installation räcker för långt. + Enkelt att host:a Svagheter - Plugins håller i allmänhet låg kvalitet. Kräver kodgranskning. - Communityn inte på samma nivå som Drupals.

Page 26: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Facts •  Språk: Python •  Databaser: MySql, Postgre

m.fl. •  Populärt bland

produktbolag som t.ex. Instagram, Pinterest, Disqus o.s.v.

•  Licens: BSD

Django (+Mezzanine / Django CMS) ‘The Web framework for perfectionists with deadlines’

- Lawrence Journal World 2003, första releasen 2005

Styrkor + Produktivt + Utvecklarvänligt + Genererat admin + Python Svagheter - Inte samma utbud av dri!-leverantörer - Svårare att hitta kompetens - Spartanskt admin

Page 27: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Use Increase Indent button to get predefined level and font

Level 1 = Introtext Level 2 = Subtext

Level 3 = Bodytext

© Creuna

Facts •  Språk: Python •  Databaser: MySql, Postgre

m.fl. •  Populärt bland

produktbolag som t.ex. Instagram, Pinterest, Disqus o.s.v.

•  Licens: BSD

Django (+Mezzanine / Django CMS) ‘The Web framework for perfectionists with deadlines’

- Lawrence Journal World 2003, första releasen 2005

Styrkor + Produktivt + Utvecklarvänligt + Genererat admin + Python Svagheter - Inte samma utbud av dri!-leverantörer - Svårare att hitta kompetens - Spartanskt admin

ok, jämfört med varandra då?

Page 28: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC Drupal

Page 29: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer

Page 30: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer Django Django + Mezzanine

Page 31: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer Django Django + Mezzanine

Wordpress

Page 32: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer Django Django + Mezzanine

Wordpress

Anpa

ssni

ngsb

arhe

t

Låg

Page 33: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Anst

räng

ning

Anpassning

Page 34: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC

Drupal

EPiServer

Django

Django + Mezzanine

Wordpress

Anpa

ssni

ngsb

arhe

t

Låg

Page 35: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Funktionalitet

Jämförelse

.NET MVC

Drupal

EPiServer

Django

Django + Mezzanine

Wordpress

Anpa

ssni

ngsb

arhe

t

Låg

Page 36: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Case Del 5 av 6

© Creuna

Page 37: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Arla

© Creuna

Arla.se är en av Sveriges främsta matinspiratörer med över en miljon unika besökare varje år. Creuna har tillsammans med Arla Sverige tagit fram ett nytt koncept och en ny digital plattform för arla.se. 

Page 38: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

© Creuna

Webbplatser kommer och går – recepten består

Page 39: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Release 1

© Creuna

Receptverktyg

Receptsajter

Applikationer

Arla.se

Arla.fi

Android

IOS

WInPhone

Page 40: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Målbild

© Creuna

Receptverktyg

Receptsajter

Applikationer

Arla.se

Arla.fi

Android

IOS

WInPhone

Arla.dk

Koncernsajter

DEDK

SE

Export

XX

Kundwebb

Page 41: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

• Webbplatsen ska vara skräddarsydd för Arlas kunders behov •  Lättarbetat CMS för Arlas redaktörer • Enkelt att integrera med andra system • Möjlighet till modulariserad arkitektur för att göra det möjligt att återanvända

lösningen för fler länder • Stort fokus på sökmotoroptimering

Bakgrund för produktval för webbplats

© Creuna

Page 42: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

• Skräddarsytt gränssnitt, specialiserade arbetsflöden för Arlas kockar och matskribenter • Produktifierad, enkel att rulla ut och återanvända för olika sy!en och olika

marknader. •  Lång livslängd • Central receptkälla för många system • Höga krav på prestanda, kvalitet och tillförlitlighet •  Innehållet består av tydligt definierade objekt. • Många relationer mellan objekten

Bakgrund för produktval för receptverktyget

© Creuna

Page 43: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Applikationslikt Komplex datamodeller Fel moduler Mycket egen kod

Drupal på fel sätt

© Creuna

The Drupal Way

Page 44: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Skolornas Webbplatser Drupal på rätt sätt

Uppdraget från Utbildningsförvaltningen var att bygga en gemensam lösning för Stockholms stads kommunala skolors hemsidor.

En gemensam plattform där alla skolor ska ingå.

© Creuna

Page 45: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Skolornas Webbplatser Drupal på rätt sätt

Uppdraget från Utbildningsförvaltningen var att bygga en gemensam lösning för Stockholms stads kommunala skolors hemsidor.

En gemensam plattform där alla skolor ska ingå.

Gemensam kodbas och grafisk profil En plattform - varje skola får egen instans

164 webbplatser

© Creuna

Page 46: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Stockholm stad

© Creuna

Page 47: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Stockholm stad

© Creuna

Page 48: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

In some cases you may want background images 1. Click on Picture icon

2. Find image, select OK Size of image=1500x844 px

(2000x1126 px for even better quality)

Stockholm stad

© Creuna

Page 49: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

To add pre-formatted bullet text please use the

Increase/Decrease Indent buttons found in the

Top-PowerPoint menu

Återanvänd - Använd moduler Konfigurera mer – Koda mindre

© Creuna

The Drupal Way

Skolornas Webbplatser Drupal på rätt sätt

Page 50: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Insert image in background 1. Click on image placeholder

2. Choose Insert/Click Picture-button 3. Select image and click OK

Size of image=1500x844 px (2000x1126 px for even better quality)

Summering Del 6 av… sista delen

© Creuna

Page 51: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Summering

© Creuna

Det finns ingen silver-bullet, ingen produkt som passar för allt.

Vänta lite med valet tills ni vet vad ni ska göra.

Genom att välja rätt får bättre lösningar till lägre kostnad.

Page 52: Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk

Choose among many Layouts Right-click on slide and select Layout

Change background colour 1. Click on slide

2. Choose Format Background 3. Select Fill and choose your colour and click OK

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com

Our five basic colours Yellow, Blue, Red, Green and Grey

These are the colours we use for backgrounds

Darker colours You’re basically free to use the different saturations

of the colours, but we still recommend these second to darkest ones

tack! Pär Fröberg Daniel Wroblewski

Creuna.se [email protected]

[email protected]

© Creuna

Make a new slide to add or change the icons by using graphics from www.iconmonstr.com