Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk
-
Upload
creuna-sverige -
Category
Documents
-
view
1.287 -
download
3
description
Transcript of 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 [email protected]
© Creuna
Make a new slide to add or change the icons by using graphics from www.iconmonstr.com