67
Välkomna Pär Fröberg – CTO / Systemarkitekt Mattias Uhlegård –Systemarkitekt Välja rätt i teknikdjungeln

Välj rätt i teknikdjungeln

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? I denna första genomgång av den tekniska verktygslådan guidar Pär Fröberg och Mattias Uhlegård 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 Mattias Uhlegård System Architect Creuna

Citation preview

Page 1: Välj rätt i teknikdjungeln

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 Mattias Uhlegård –Systemarkitekt

© Creuna

Välja rätt i teknikdjungeln

Page 2: Välj 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  Hur väljer man rätt? 3  Är det en eller flera lösningar? 4  CMS vs. Ramverk 5  Open source vs. Kommersiellt 6  CMS vs. CMS 7  Case 8  Summering

Page 3: Välj rätt i teknikdjungeln

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 8

© Creuna

Page 4: Välj rätt i teknikdjungeln

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

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)

Hur väljer man rätt?

Del 2 av 8

© Creuna

Page 6: Välj rätt i teknikdjungeln

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

•  Funktioner och flexibilitet

•  Programmeringsspråk

•  Budget

•  Driftsmiljö

•  Tillgänglighet

•  Redaktörsgränssnitt

•  Administrationsgränssnitt

•  Beroende av andra parter

•  Licenser och andra juridiska aspekter

•  Skalbarhet

•  Prestanda

•  Support

•  Spårbarhet

•  Säkerhet

•  Språkstöd

•  Flersajtsstöd

•  Stöd för workflows

•  Integrationer

•  Vad är det för data som ska lagras

•  …

Det finns mycket man måste fråga sig

© Creuna

Page 7: Välj rätt i teknikdjungeln

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

…men man måste ställa rätt frågor!

© Creuna

“CMS:et ska ha en sökfunktion”

“Sök kommer att vara en viktig del av den nya lösningen. Söken är viktig för att ge slutanvändarna en bra sökupplevelse men söken kommer dessutom användas för att visa kategoriserad information och relaterade produkter. Sökfunktionen måste ha möjlighet att crawla och indexera andra webblösningar och det behöver finnas ett API åtkomligt för utvecklare.”

Page 8: Välj rätt i teknikdjungeln

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

…men man måste ställa rätt frågor!

© Creuna

“CMS:et ska ha ett redaktörsgränssnitt”

“Vi har många redaktörer (> 50) och många av dem har liten erfarenhet av CMS och ingen erfarenhet av HTML. CMS:et måste därför vara anpassat för att de enkelt ska kunna utföra sina uppgifter och det behöver finnas en godkännandeprocess för publicering. Redaktörerna arbetar med alla olika typer av information på webbplatsen.”

Page 9: Välj rätt i teknikdjungeln

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

…och då måste man veta en del om vad man ska bygga

© Creuna

•  Vilka är de viktigaste målen för den nya webbplatsen? •  Hur länge ska den leva? •  Är det en lösning eller flera och ska den integreras med andra system? •  Vilken typ av data ska lagras och vilka är klienterna? •  Finns det saker som skapar oro, saker man vill undvika?

Page 10: Välj rätt i teknikdjungeln

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)

En lösning vs. Flera

© Creuna

Del 3 av 8

Page 11: Välj 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

Flera lösningar

© Creuna

Main web site(CMS)

Integration service(SQL Server)

WebServices

Service B(SQL Server) REST

Data source A

Data source B

Data source C

Applications

REST

Web site B(Database)

Page 12: Välj rätt i teknikdjungeln

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 4 av 8

© Creuna

Page 13: Välj rätt i teknikdjungeln

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

CMS vs. Webbramverk

© Creuna

CMS – Content Management System Webbramverk vs

Page 14: Välj rätt i teknikdjungeln

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

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Funktionsbas

•  Fungerande site från början •  Anpassning – Uppifrån ner

© Creuna

Webbramverk vs CMS – Content Management System

Page 15: Välj rätt i teknikdjungeln

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

CMS vs. Webbramverk

© 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

•  Applikation för innehållshantering •  Funktionsbas

•  Fungerande site från början •  Anpassning – Uppifrån ner

Page 16: Välj rätt i teknikdjungeln

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

CMS vs. Webbramverk

© 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

Lift Codeigniter Laravel Symfony Zend Ruby On Rails

Sinatra Flex Grails Nodejs Angular.js

•  Applikation för innehållshantering •  Funktionsbas

•  Fungerande site från början •  Anpassning – Uppifrån ner

Page 17: Välj rätt i teknikdjungeln

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

CMS vs. Webbramverk

•  Applikation för innehållshantering •  Funktionsbas

•  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

Lift Codeigniter Laravel Symfony Zend Ruby On Rails

Sinatra Flex Grails Nodejs Angular.js

CMS – Content Management System

.NET MVC Django

Page 18: Välj rätt i teknikdjungeln

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

© Creuna

Anst

räng

ning

Anpassning

ramverk

cms

CMS vs. Webbramverk

Page 19: Välj rätt i teknikdjungeln

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 5 av 8

© Creuna

Page 20: Välj rätt i teknikdjungeln

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 21: Välj rätt i teknikdjungeln

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 22: Välj rätt i teknikdjungeln

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

© Creuna

Open Source Licenser

Page 23: Välj rätt i teknikdjungeln

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

© Creuna

GPL bsd & mit

Page 24: Välj rätt i teknikdjungeln

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

© Creuna

GPL bsd & mit

Page 25: Välj rätt i teknikdjungeln

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

© Creuna

Och så var det här med framtiden

Page 26: Välj rätt i teknikdjungeln

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

© Creuna

…till sist några ord om säkerhet

Page 27: Välj rätt i teknikdjungeln

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 6 av 8

© Creuna

Page 28: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundat 1994

•  Språk: .NET

•  Versionen 7.5

•  +20.000 webbplatser

•  690 partners i 30 länder

•  21.000 registrerade utvecklare

– Globalt sett fortfarande okänt – Ostrukturerad information – Inte så mycket färdig funktionalitet

Svensktillverkat CMS som är stort i norden och de växer

även globalt.

+ Bra CMS med bra basfunktionalitet + Bra nivå när det gäller flexibilitet för utvecklare + Bra tilläggsprodukter som t.ex. Community, Commerce och Find

Page 29: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundare: Dries Buytaert

•  Grundat 2000

•  Licens: GPL

•  Språk: PHP

•  Versionen 7

•  + 30.000 Add-ons

•  ~800 Distributioner

•  ~1.900 Teman

•  31.000 utvecklare

– Hög inlärningströskel – Hitta rätt moduler – Krävs en del innan man får en “ok” sajt. – Admin är komplext – Långa releasecykler för Core.

en av de ledande globala open source webbplattformarna.

+ Open Source och ingen licenskostnad + Communityn: stor, aktiv, hjälpsam, kompetent + Populärt. Många stora sajter + Bra moduler + Mycket funktionalitet OOTB + Allt går att konfiguera i admin

Page 30: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundare: Niels Hartvig

•  Grundat 2005

•  Språk: .NET

•  Licens: MIT

•  Version: 7

•  +200.000 installationer

•  +200 partners

•  Hundratals certifierade

utvecklare

– Mindre spelare i Sverige – Stöd för utvecklingsteam – Inte så mycket färdig funktionalitet

Globalt ledande .net-baserade open-source CmS’et

+ Öppen källkod + ”Plattform as a service” + Stark och kompetent utvecklar-community + Flexibelt API för skapande av moduler & funktioner + Låg tröskel för utvecklare

Page 31: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Microsoft Inc.

•  Språk: .NET

•  Version: 2013

•  +60.000 kunder

•  Ca 100 partners i Sverige

•  700.000 utvecklare

– Hög tröskel för utvecklare – Anpassningsbarhet – Enterprise – Licensmodellen

Den Ledande globala samarbetsplattformen

+ Integration med Microsofts produktportfölj + Mycket funktionalitet OOB + Dokumenthantering + Väl utbyggda API’er för integration + Väldokumenterat

många utvecklare?

Page 32: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundat 2001

•  Språk: .NET

•  Version: 7.2

•  +3.000 varumärken

•  +1000 partners i 50 länder

•  17.000 registrerade utvecklare

– Bristande närvaro i Sverige – Enterprise passar inte alla – Tröskel för redaktörer

Global leverantör av mjukvara för webbinnehåll

och kundengagemang

+ Stor flexibilitet och stöd för utvecklare + Enterprise OOTB + Bra och väl integrerad produktsvit (Customer- Engagement, CMS + Ecommerce, Marketing)

Page 33: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundat 2001

•  Språk: Java

•  Version: 3

– Anpassningar – Liten spelare i och utanför Sverige

svensk plattform för portalintegration och

webbpublicering

+ Mycket färdiga moduler och funktioner + Plattformsoberoende + Molnlösning som val + Bra redaktörsgränssnitt

Page 34: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Grundat 2003

•  Språk: PHP

•  Version: 3.9

•  + 60 Miljoner sajter

•  + 30.000 plugins

– Kvalitet på Plugins – Inte lika aktiv community som Drupal – Enterprise-stöd

Världens mest använda plattform

+ Lätt att använda + Lätt att utveckla för + Väldigt populärt + Snabbt igång. + Ren installation räcker långt. + Enkelt att host:a

Page 35: Välj rätt i teknikdjungeln

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

Styrkor

Quick Facts

Svagheter

•  Första release: 2005

•  Språk: Python

•  Licens: BSD

•  Django

(+Mezzenine / Django CMS)

– Inte samma utbud av drift-leverantörer – Svårare att hitta kompetens – Spartanskt admin

The Web framework for perfectionists with deadlines

+ Produktivt + Utvecklarvänligt + Genererat admin + Python

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

Page 36: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse

.NET MVC Drupal Sharepoint

Page 37: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse

.NET MVC Drupal Sharepoint

EPiServer Umbraco Sitecore

Page 38: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse

.NET MVC Drupal Sharepoint

EPiServer Umbraco Sitecore

Django Django + Django CMS

Page 39: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse

.NET MVC Drupal Sharepoint

EPiServer Umbraco Sitecore

Django Django + Django CMS

Wordpress Sitevision

Page 40: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse An

pass

ning

sbar

het

Låg

.NET MVC Drupal Sharepoint

EPiServer Umbraco Sitecore

Django Django + Django CMS

Wordpress Sitevision

Page 41: Välj rätt i teknikdjungeln

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

© Creuna

Anst

räng

ning

Anpassning

Page 42: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse

.NET MVC

Drupal

EPiServer

Django

Django + Django CMS

Wordpress

Anpa

ssni

ngsb

arhe

t

Låg

Umbraco

Sharepoint

Sitecore

Sitevision

Page 43: Välj rätt i teknikdjungeln

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

Funktionalitet

Jämförelse An

pass

ning

sbar

het

Låg

Drupal

EPiServer

Django

Django + Django CMS

Wordpress Umbraco

Sharepoint

Sitecore

Sitevision

.NET MVC

Page 44: Välj rätt i teknikdjungeln

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 7 av 8

© Creuna

Page 45: Välj rätt i teknikdjungeln

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

© Creuna

Visit Stockholm

Page 46: Välj rätt i teknikdjungeln

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

• Gamla sajten var utdaterad • Skaplig arkitektur men dåligt

genomförd • Dålig prestanda & mycket

problem

• Fungerar ej för mobila enheter

Bakgrund till projektet

© Creuna

Page 47: Välj rätt i teknikdjungeln

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

• Modern webbplats med responsiv design och stort fokus på mobila användare • Stort fokus på prestanda och

sökmotoroptimering

• Framtidssäker arkitektur och lösning

• Möjlighet att dela information till andra sajter/applikationer (interna och externa)

Mål med nya lösningen

© Creuna

Page 48: Välj rätt i teknikdjungeln

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

• Vi ville bygga en skräddarsydd lösning Anpassningsbart CMS

• Vi vill separera lagring av objekt från övrigt innehåll

• Vi behöver ett lättarbetat CMS för redaktörerna som hanterar många olika sajter (övriga sajter använder EPiServer) • Creunas team förvaltar alla sajter

Bakgrund till val av CMS

© Creuna

Page 49: Välj rätt i teknikdjungeln

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

• Vi ville bygga en skräddarsydd lösning Anpassningsbart CMS

• Vi vill separera lagring av objekt från övrigt innehåll

• Vi behöver ett lättarbetat CMS för redaktörerna som hanterar många olika sajter (övriga sajter använder EPiServer) • Creunas team förvaltar alla sajter

Bakgrund till val av CMS

© Creuna

Flexibelt 6 anpassningsbart cms

Page 50: Välj rätt i teknikdjungeln

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

© Creuna

Ibland blir det fel …

Page 51: Välj rätt i teknikdjungeln

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

I vårt fall: q  Ville vi ha något applikationslikt q  Vi hade komplex datamodeller q  De moduler som vi hade tänkt använda

var inte tillräckligt bra q  Vi fick skriva mycket egen kod

© Creuna

Varför ? Ett vanligt misstag - vi gjorde valet av plattform för tidigt, innan vi visste tillräckligt om vad vi skulle bygga.

Page 52: Välj rätt i teknikdjungeln

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

I vårt fall: q  Ville vi ha något applikationslikt q  Vi hade komplex datamodeller q  De moduler som vi hade tänkt använda

var inte tillräckligt bra q  Vi fick skriva mycket egen kod

© Creuna

The Drupal Way

Varför ?

Ett vanligt misstag - vi gjorde valet av plattform för tidigt, innan vi visste tillräckligt om vad vi skulle bygga.

Page 53: Välj rätt i teknikdjungeln

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

I vårt fall: q  Ville vi ha något applikationslikt q  Vi hade komplex datamodeller q  De moduler som vi hade tänkt använda

var inte tillräckligt bra q  Vi fick skriva mycket egen kod

© Creuna

The Drupal Way

Varför ?

Ett vanligt misstag - vi gjorde valet av plattform för tidigt, innan vi visste tillräckligt om vad vi skulle bygga.

Men… Gör man rätt Blir det bra !

Page 54: Välj rätt i teknikdjungeln

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

© Creuna

Skolornas Webbplatser

Page 55: Välj rätt i teknikdjungeln

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

• Över 160 webbplatser

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

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

instans

Mål med lösningen

© Creuna

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

Page 56: Välj rätt i teknikdjungeln

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

• Många webbplatser • Egna installationer

• Flexibel arkitektur • En pragmatisk inställning till

utformningen av enskilda funktioner

Bakgrund till val av CMS

© Creuna

Page 57: Välj rätt i teknikdjungeln

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

Bakgrund till val av CMS

© Creuna

Många installationer & Pragmatiskt synsätt

• Många webbplatser • Egna installationer

• Flexibel arkitektur • En pragmatisk inställning till

utformningen av enskilda funktioner

Page 58: Välj rätt i teknikdjungeln

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 59: Välj rätt i teknikdjungeln

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

© Creuna

Webbplatser kommer och går – recepten består

Page 60: Välj rätt i teknikdjungeln

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 61: Välj rätt i teknikdjungeln

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 62: Välj rätt i teknikdjungeln

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

Flexibelt 6 anpassningsbart cms

Page 63: Välj rätt i teknikdjungeln

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 syften och olika marknader.

• Central receptkälla för många system

• Höga krav på livslängd, 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 64: Välj rätt i teknikdjungeln

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 syften och olika marknader.

• Central receptkälla för många system

• Höga krav på livslängd, 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

Maximalt Flexibelt Ramverk

Page 65: Välj rätt i teknikdjungeln

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 8 av… sista delen

© Creuna

Page 66: Välj rätt i teknikdjungeln

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 ni bättre lösningar till lägre kostnad.

Page 67: Välj rätt i teknikdjungeln

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 Mattias Uhlegård

Creuna.se [email protected]

[email protected]

© Creuna

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