For folk i Oslo og Akershus

Aktiv I OsloAktiv I Oslo.no

CMS for Aktiv I Oslo.nobygd på Wordpress

Hei :)

Hei :)

Lene Haug

Hei :)

Lene Haug Vincent S. Hasselgård

Hvorfor er vi her?

Aktiv I Oslo.no• For folk i Oslo og Akershus

• Startet opp i år 2000

• Aktivitet og opplevelseskatalog

• Kulturkalender

• Magasin

• 260.000 brukere hver måned

• Privat eid (Bright Side AS)

• Finansieres via annonseinntekter

Utgangspunktet

• Over 4000 statiske sider

• Mange forskjellige sidetyper og «maler»

• 400 faste annonsører

• Mange forskjellige annonsetyper

• Høy produksjon av redaksjonelt innhold

• Ukentlige nyhetsbrev

• Utsendelse av auditioninfo flere ganger per uke

• Veldig god rangering i Google

• Manuell lenking mellom sider

• Tungvint å oppdatere

• Bilder og sider lastet opp med FTP

• Måtte være på kontoret for å redigere på sidene

• Lett å gjøre spesialtilpasninger

Utgangspunktet

Å lage en sidepå gamlemåten

1Åpne mal.php i en

HTML-editor

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)NB! Bilder!

Alle bilder må manuelt lagres i tre forskjellige størrelser og lastes opp med

FTP.

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

7Legg inn lenker til relatert innhold i

«sidebar»

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

7Legg inn lenker til relatert innhold i

«sidebar»

8Åpne alle sider denne siden skal linkes opp fra (legg inn lenker)

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

7Legg inn lenker til relatert innhold i

«sidebar»

8Åpne alle sider denne siden skal linkes opp fra (legg inn lenker)

9Last alt opp til server’n!

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

7Legg inn lenker til relatert innhold i

«sidebar»

8Åpne alle sider denne siden skal linkes opp fra (legg inn lenker)

9Last alt opp til server’n!

10Håper alle lenkene

ble lagt inn riktig da!

1Åpne mal.php i en

HTML-editor

2NB! Husk å lagre med nytt navn!

3Legg inn metadata(title, description,

keywords)

4Legg inn innhold

(tekst, bilder)5

Husk å lagre underveis! (Ctrl+S)

6OI! Du glemte steg

2, nå må vi fikse malen!

7Legg inn lenker til relatert innhold i

«sidebar»

8Åpne alle sider denne siden skal linkes opp fra (legg inn lenker)

9Last alt opp til server’n!

10Håper alle lenkene

ble lagt inn riktig da!

11Korrektur, fikse

lenkefeil, bilder osv

Med andre ord:

Vi vil så gjerne ha et flott CMS!

Hindringer

Hindringer• Tid- og ressurskrevende

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

• Dyrt

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

• Dyrt

• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

• Dyrt

• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)

• Potensielle leverandører kom ikke med tilbud

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

• Dyrt

• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)

• Potensielle leverandører kom ikke med tilbud

• Hvordan beholde den gode rangeringen i Google?

Hindringer• Tid- og ressurskrevende

• Over 4000 sider må flyttes!

• Kan ikke ha nedetid

• Dyrt

• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)

• Potensielle leverandører kom ikke med tilbud

• Hvordan beholde den gode rangeringen i Google?

• Eksisterende CMS dekker ikke våre behov

Men vi har så lyst på!Og det må jo være en måte vi kan få til dette!

Dessuten...

Joomla

Joomla Drupal

Joomla Drupal

Django

Joomla Drupal

Django Wordpress

Mars/April 2011

Hvorfor Wordpress?

Hvorfor Wordpress?• Enkelt å bygge på

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

• Wordpress introduserte Custom Post Types i versjon 3.0

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

• Wordpress introduserte Custom Post Types i versjon 3.0

• Stor community

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

• Wordpress introduserte Custom Post Types i versjon 3.0

• Stor community

• God dokumentasjon

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

• Wordpress introduserte Custom Post Types i versjon 3.0

• Stor community

• God dokumentasjon

• Bygd på et språk mange kan (PHP)

Hvorfor Wordpress?• Enkelt å bygge på

• Avansert nok i bunn

• Wordpress introduserte Custom Post Types i versjon 3.0

• Stor community

• God dokumentasjon

• Bygd på et språk mange kan (PHP)

• Gode SEO-muligheter

Hva gjør vi nå da?

Eget forprosjekt

Eget forprosjekt

Fire A4-sider

Vi har virkelig aldri gjort dette før

Men:

• Vi kjente våre egne sider ut og inn

• Vi var ikke redd for å bevege oss inn i ukjent terreng

• Visste akkurat hva vi ville ha av et CMS

• Hvilke fordeler/ulemper eksisterende system hadde

Tid• Ikke råd til nedetid

• Ikke kapasitet til parallell drift - oppdatering på to systemer samtidig

• Ansette programmerer som kan jobbe intenst i juli og stille ferdig det meste innen 15. august

• Flyttevindu: 15. august til 4. september

I juli

• Kategorisering

• Programmering

• Design

I juli

• Kategorisering

• Programmering

• Design

I juli

• Kategorisering

• Programmering

• Design

• Hovedkategorier og underhovedkategorier

• Kategorisider

• Presentasjoner

• Hva skjer? - Kulturkalender

• Begivenheter

• Merkedager

• Magasin

• Artikler

• Artikkelarkiv

• Informasjonssider

• Guider

• Sesong, begivenheter, reise, kultur med mer

• Auditions

• «Vanlige sider» - Om oss, kontakt oss og lignende

Mange sidetyper

Men hva med Google?

.htaccess301 RedirectMatch - Permanently moved

Utviklingen

Utviklingen

• Utvikling på eget underdomene

Utviklingen

• Utvikling på eget underdomene

• Utviklet funksjoner og design samtidig

Utviklingen

• Utvikling på eget underdomene

• Utviklet funksjoner og design samtidig

• Spesifikasjonen var «flytende»

Utviklingen

• Utvikling på eget underdomene

• Utviklet funksjoner og design samtidig

• Spesifikasjonen var «flytende»

• Programmerer var ikke kjent med Wordpress(men hadde PHP, MySQL og JavaScript-kunnskap)

Teknisk

• Utviklet på Wordpress 3.2.1 (i dag kjører vi 3.3.1)

• En plugin

• Et tema med over 200 forskjellige malfiler

• 7 custom post types

Flytteprosessen

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

• 22 personer involvert

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

• 22 personer involvert

• Google Docs for oversikt

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

• 22 personer involvert

• Google Docs for oversikt

• «Ghost linking»

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

• 22 personer involvert

• Google Docs for oversikt

• «Ghost linking»

• Bugfiksing underveis

Flytteprosessen

• 1333 arbeidstimer (tok omtrent 1600)

• 6 personer 16 timer i døgnet i to uker

• 22 personer involvert

• Google Docs for oversikt

• «Ghost linking»

• Bugfiksing underveis

Lansering

• Planlagt dato: 6. september 2011

• Ferdig dato: 14. september 2011

Noen lærdommer

• Ikke putt alle funksjonene dine i en plugin

• Kunne godt ha satt av mer tid til bugfiksing

Planer for fremtiden

• Redigeringsverktøy for forsider i back-end

• Bedre annonsestyringsverktøy

• Dele opp eksisterende plugin

?

Takk for oss :)