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

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

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

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

+ =

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

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

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

CMS vs. Webbramverk

© Creuna

CMS – Content Management System Webbramverk vs

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

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

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

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

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

© Creuna

Anst

räng

ning

Anpassning

ramverk

cms

CMS vs. 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

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

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

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

© Creuna

Open Source Licenser

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

© Creuna

GPL bsd & mit

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

© Creuna

GPL bsd & mit

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

© Creuna

Och så var det här med framtiden

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

© Creuna

…till sist några ord om säkerhet

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

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

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.

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

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.

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

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å?

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

Funktionalitet

Jämförelse

.NET MVC Drupal

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

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer

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

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer Django Django + Mezzanine

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

Funktionalitet

Jämförelse

.NET MVC Drupal EPiServer Django Django + Mezzanine

Wordpress

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

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

© Creuna

Anst

räng

ning

Anpassning

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

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

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

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. 

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

© Creuna

Webbplatser kommer och går – recepten består

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

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

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

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

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

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

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

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

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

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

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

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

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.

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 par.froberg@creuna.se

daniel.wroblewski@creuna.se

© Creuna

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