SlideShare a Scribd company logo
1 of 51
Download to read offline
”Webbutveckling med den lilla avdelningen”
Per Åström, TV4
Internetdagarna 2010
1990
En kanal
2003
Nischkanalsstrategi
2010
4 länder
31 kanaler
25 lokal-TV stationer
...många siter
TV4-historia
.se.se.se
MobilabTV4 Vision AB
TV4 Sverige ABTV4 Sverige AB
Mobilab
1990
Några TV4-siter
+ Lattjolajban, Soko,
Hockeykanalen, mer
än 150 bloggar och
lite till..
Trafiktoppar
4
Topp
NattMedel?
Kostnad
5
Tid
Kvalitet
Utvecklingsavdelningen TV4 Digitala Medier
6
Text-tv
Text-tvJavaochRuby
Projektledare
html/css/js
CTO 80%
Föräldraledig
SM/Projektledare
Java och Ruby
Utvecklingen av publiceringsplattformar
Generation #1 - Statiska filer
! Statisk html - redaktörer behövde kunna html
! Ingen databas
! Ingen återpublicering av innehåll
! Ingen kanalpublicering
! Typisk egenskap: Server Side Include och ftp
! Dödsorsak: För statiskt och för begränsat
7
Utvecklingen av publiceringsplattformar
Generation #2 - Hemmabygge med CMS
! Databas!
! Hemmabygge! - oftast egenutvecklat
! Beroende av ett fåtal utvecklare
! I långa loppet: dyrt och komplicerat att vidareutveckla
! Typisk egenskap: Skräddarsytt och anpassat efter egna behoven
! Dödsorsak: För komplicerat att underhålla (EOL)
8
Utvecklingen av publiceringsplattformar
Generation #3 - Ett CMS
! Ett CMS - en produkt
! Flerkanalspublicering
! Ofta baserat på någons egenutvecklade plattform
! Sluten källkod (licensierad)
! Dyrt(?)
! Typisk egenskap: en swiss army knife - anpassad till behoven
! Dödsorsak: Långsam utveckling och komplicerade uppgraderingar
9
Utvecklingen av publiceringsplattformar
Generation #4 - Öppna plattformar
! Flera olika produkter och verktyg - ”Legobitar”
! API:er (egna och öppna)
! Byggt för att integrera eller integreras
! Klart för molntjänster
! Öppen källkod(?)
! Typisk egenskap: öppet för integration och ständig förbättring
! Dödsorsak: ?
10
TV4-plattformar
Förut
Polopoly
Xcap
Basefarm
svn
11
Nu
Polopoly
Wordpress
Disqus
Addthis
Polldaddy
Google API
Cover it Live
Basefarm
Akamai
Heroku
Amazon AWS
Github m.fl.
Sen
?
Strategi
Förut
12
Nu
En installation, samma tema (>150 stycken)
13
15
Alla kommentarer med Disqus
16
17
Förbättringar sedan vi började använda Disqus
18
! Mobil-version av Disqus
! iPhone-app för moderering (två olika)
! Gilla-knappar
! Säkerhetsförbättringar
! Redesign på gränssnittet
! Uppdaterad Wordpress-plugin (synkar också kommentarer)
! ”Early Adopter”-version (går att slå av/på)
! html-kod för snabbare sidladdning
! Förbättrat spamfilter och funktioner för att stänga trådar med automatik.
! Inline-moderering
! Yahoo och Facebook-login (och Twitter, OpenId och Disqus sedan tidigare)
19
iPhone-app: 22 kr
Addthis som delningsfunktion
20
Addthis - Analytics
21
Vision och iterationer
22
! Ha en vision, men arbeta i korta iterationer
! Enklare förändra små applikationer än stora
! Använd en tydlig metod (och förbättra den)
Sprint Daily
Tidsuppskattning Retrospektiv
23
Kod är investering
Teknisk skuld
24
Fokusera - välj bort
hardware OS patches
network infrastructure scaling failover
redundancy antivirus upgrades capacity
backup installation planning firewall
specification design coding
operations gui SLA maintenance
new features
25
Idol-auditions 2010
26
Origin
Delivery
Trafik till origin och delivery
27
Origin
Delivery
Avlastning: snitt 90%, bilder 97%
Gamla och nya TV4Play
28
Gamla och nya TV4Play
29
TV4Play.se
iPhone
Backend
Backend
API
TV4Play.se iPhone
AndroidOTT
Gamla => webbtjänst Nya => plattform
Plex
Plex
Boxee
Vad innehåller API:t?
30
Sök
API
Redaktionellt innehåll
31
API
32
33
IaaS
PaaS
Besökare
Amazon AWS
Heroku
API
34
ASF
$ git push heroku master
-----> Heroku recieving push
-----> Rails app detected
-----> Launching..... done
http://www.tv4play.se deployed
35
36
37
38
39
40
ASF
$ heroku dynos 1
tv4play-production now running on 1 dyno
41
ASF
$ heroku dynos 24
tv4play-production now running on 24 dynos
42
ASF
$ heroku dynos 100
tv4play-production now running on 100 dynos
Does it scale?
43
”For dynos - there is no real limit. If you need more, we can
up that limit to just about any number you need. Let us
know a week in advance at least, and we'll get your limit
increased. If you're going to need a few thousand, it's best
if we can work with you to understand your demand.”
Heroku - there’s an app for that
44
47
48
49
Kostnad
50
Tid
Kvalitet
Högre kvalitet
Lägre kostnad
Snabbare
=>
=>
=>
Tack för att ni lyssnade!
51
=> kontakt
=> publik kod och pluginer
=> avdelningens twitterfeed
per.astrom@tv4.se
http://github.com/TV4
http://twitter.com/perkovich/tv4-http

More Related Content

Similar to Webbutveckling med den lilla avdelningen

IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!IBM Sverige
 
Skatteverket, webbstandarder & förstudie: webbplatser 2.0
Skatteverket, webbstandarder & förstudie: webbplatser 2.0Skatteverket, webbstandarder & förstudie: webbplatser 2.0
Skatteverket, webbstandarder & förstudie: webbplatser 2.0Jens Wedin
 
Frukostseminarium iBiz & Microsoft 19/5-2016
Frukostseminarium iBiz & Microsoft 19/5-2016Frukostseminarium iBiz & Microsoft 19/5-2016
Frukostseminarium iBiz & Microsoft 19/5-2016Adam Wahlund
 
Seminarie citizenintegrator
Seminarie citizenintegratorSeminarie citizenintegrator
Seminarie citizenintegratorJeanette Öhlund
 
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen Intranätverk
 
CV Johan Kempe Details
CV Johan Kempe DetailsCV Johan Kempe Details
CV Johan Kempe DetailsJohan Kempe
 
The first Videoplaza idea 2007 (Swedish)
The first Videoplaza idea 2007 (Swedish)The first Videoplaza idea 2007 (Swedish)
The first Videoplaza idea 2007 (Swedish)Sorosh Tavakoli
 
HT17 - DA354A - Webbapplikation
HT17 - DA354A - WebbapplikationHT17 - DA354A - Webbapplikation
HT17 - DA354A - WebbapplikationAnton Tibblin
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Martin Carlsson
 
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Sverige
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Jens östgaard
 
Säkerhet och stabilitet i molnet
Säkerhet och stabilitet i molnetSäkerhet och stabilitet i molnet
Säkerhet och stabilitet i molnetPer Åström
 
IBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Sverige
 
Mediernas digitalisering länkad data
Mediernas digitalisering länkad dataMediernas digitalisering länkad data
Mediernas digitalisering länkad dataMicke Hindsberg
 
Revitalisering av legacy - är det möjligt - Joakim Lindbom
Revitalisering av legacy - är det möjligt - Joakim LindbomRevitalisering av legacy - är det möjligt - Joakim Lindbom
Revitalisering av legacy - är det möjligt - Joakim LindbomJoakim Lindbom
 
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverkVälj rätt i teknikdjungeln - Del 1: CMS och webbramverk
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverkCreuna Sverige
 
ProdSummit 2017: Daniel Wigren, Virtual Manufacturing
ProdSummit 2017: Daniel Wigren, Virtual ManufacturingProdSummit 2017: Daniel Wigren, Virtual Manufacturing
ProdSummit 2017: Daniel Wigren, Virtual ManufacturingPetter Johansson
 
2013 – året då du slipper utveckla ditt nya intranät #WebCoast
2013 – året då du slipper utveckla ditt nya intranät #WebCoast2013 – året då du slipper utveckla ditt nya intranät #WebCoast
2013 – året då du slipper utveckla ditt nya intranät #WebCoastJohan Nilsson
 
HT19 - DA354A - Webbprogrammering med bottle
HT19 - DA354A - Webbprogrammering med bottleHT19 - DA354A - Webbprogrammering med bottle
HT19 - DA354A - Webbprogrammering med bottleAnton Tibblin
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Anton Tibblin
 

Similar to Webbutveckling med den lilla avdelningen (20)

IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!IBM BC2015 - Husqvarna - Den smarta trädgården!
IBM BC2015 - Husqvarna - Den smarta trädgården!
 
Skatteverket, webbstandarder & förstudie: webbplatser 2.0
Skatteverket, webbstandarder & förstudie: webbplatser 2.0Skatteverket, webbstandarder & förstudie: webbplatser 2.0
Skatteverket, webbstandarder & förstudie: webbplatser 2.0
 
Frukostseminarium iBiz & Microsoft 19/5-2016
Frukostseminarium iBiz & Microsoft 19/5-2016Frukostseminarium iBiz & Microsoft 19/5-2016
Frukostseminarium iBiz & Microsoft 19/5-2016
 
Seminarie citizenintegrator
Seminarie citizenintegratorSeminarie citizenintegrator
Seminarie citizenintegrator
 
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
Så skapade SVT energi i arbetet med sitt nya intranät fjärrkontrollen
 
CV Johan Kempe Details
CV Johan Kempe DetailsCV Johan Kempe Details
CV Johan Kempe Details
 
The first Videoplaza idea 2007 (Swedish)
The first Videoplaza idea 2007 (Swedish)The first Videoplaza idea 2007 (Swedish)
The first Videoplaza idea 2007 (Swedish)
 
HT17 - DA354A - Webbapplikation
HT17 - DA354A - WebbapplikationHT17 - DA354A - Webbapplikation
HT17 - DA354A - Webbapplikation
 
Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5Responsiv webbdesign + HTML5 + CSS5
Responsiv webbdesign + HTML5 + CSS5
 
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportföljIBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
IBM Lotus - Utnyttja kraften i Lotus samverkansportfölj
 
Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20Queens Lab Företagspresentation 2019-03-20
Queens Lab Företagspresentation 2019-03-20
 
Säkerhet och stabilitet i molnet
Säkerhet och stabilitet i molnetSäkerhet och stabilitet i molnet
Säkerhet och stabilitet i molnet
 
IBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter SogetiIBM Collaboration Forum - Therese Sinter Sogeti
IBM Collaboration Forum - Therese Sinter Sogeti
 
Mediernas digitalisering länkad data
Mediernas digitalisering länkad dataMediernas digitalisering länkad data
Mediernas digitalisering länkad data
 
Revitalisering av legacy - är det möjligt - Joakim Lindbom
Revitalisering av legacy - är det möjligt - Joakim LindbomRevitalisering av legacy - är det möjligt - Joakim Lindbom
Revitalisering av legacy - är det möjligt - Joakim Lindbom
 
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverkVälj rätt i teknikdjungeln - Del 1: CMS och webbramverk
Välj rätt i teknikdjungeln - Del 1: CMS och webbramverk
 
ProdSummit 2017: Daniel Wigren, Virtual Manufacturing
ProdSummit 2017: Daniel Wigren, Virtual ManufacturingProdSummit 2017: Daniel Wigren, Virtual Manufacturing
ProdSummit 2017: Daniel Wigren, Virtual Manufacturing
 
2013 – året då du slipper utveckla ditt nya intranät #WebCoast
2013 – året då du slipper utveckla ditt nya intranät #WebCoast2013 – året då du slipper utveckla ditt nya intranät #WebCoast
2013 – året då du slipper utveckla ditt nya intranät #WebCoast
 
HT19 - DA354A - Webbprogrammering med bottle
HT19 - DA354A - Webbprogrammering med bottleHT19 - DA354A - Webbprogrammering med bottle
HT19 - DA354A - Webbprogrammering med bottle
 
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
Webbapplikationer - Kursintroduktion (anton.tibblin@mah.se)
 

More from Per Åström

Sveriges kommunikatörer
Sveriges kommunikatörer Sveriges kommunikatörer
Sveriges kommunikatörer Per Åström
 
TV4 Teknikutveckling hos Telia
TV4 Teknikutveckling hos TeliaTV4 Teknikutveckling hos Telia
TV4 Teknikutveckling hos TeliaPer Åström
 
Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Per Åström
 
Inspirationslunch om TV4 (hos Valtech)
Inspirationslunch om TV4 (hos Valtech)Inspirationslunch om TV4 (hos Valtech)
Inspirationslunch om TV4 (hos Valtech)Per Åström
 
10 saker jag önskar jag vetat
10 saker jag önskar jag vetat10 saker jag önskar jag vetat
10 saker jag önskar jag vetatPer Åström
 
Utveckla utvecklingen
Utveckla utvecklingenUtveckla utvecklingen
Utveckla utvecklingenPer Åström
 
Affär - inte teknik
Affär - inte teknikAffär - inte teknik
Affär - inte teknikPer Åström
 
Improove: Utveckling - avdelning och tjänster
Improove: Utveckling - avdelning och tjänsterImproove: Utveckling - avdelning och tjänster
Improove: Utveckling - avdelning och tjänsterPer Åström
 
Utbildningsradion 2011
Utbildningsradion 2011Utbildningsradion 2011
Utbildningsradion 2011Per Åström
 
Building websites with building blocks
Building websites with building blocksBuilding websites with building blocks
Building websites with building blocksPer Åström
 
TV4, Wordpress och ekosystemet
TV4, Wordpress och ekosystemetTV4, Wordpress och ekosystemet
TV4, Wordpress och ekosystemetPer Åström
 
10 things the cloud has taught us
10 things the cloud has taught us10 things the cloud has taught us
10 things the cloud has taught usPer Åström
 

More from Per Åström (13)

Sveriges kommunikatörer
Sveriges kommunikatörer Sveriges kommunikatörer
Sveriges kommunikatörer
 
TV4 Teknikutveckling hos Telia
TV4 Teknikutveckling hos TeliaTV4 Teknikutveckling hos Telia
TV4 Teknikutveckling hos Telia
 
Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)Nya krav, nya kanaler (Mobilitet, Bransch100)
Nya krav, nya kanaler (Mobilitet, Bransch100)
 
Inspirationslunch om TV4 (hos Valtech)
Inspirationslunch om TV4 (hos Valtech)Inspirationslunch om TV4 (hos Valtech)
Inspirationslunch om TV4 (hos Valtech)
 
10 saker jag önskar jag vetat
10 saker jag önskar jag vetat10 saker jag önskar jag vetat
10 saker jag önskar jag vetat
 
Utveckla utvecklingen
Utveckla utvecklingenUtveckla utvecklingen
Utveckla utvecklingen
 
Affär - inte teknik
Affär - inte teknikAffär - inte teknik
Affär - inte teknik
 
Fart och kontroll
Fart och kontrollFart och kontroll
Fart och kontroll
 
Improove: Utveckling - avdelning och tjänster
Improove: Utveckling - avdelning och tjänsterImproove: Utveckling - avdelning och tjänster
Improove: Utveckling - avdelning och tjänster
 
Utbildningsradion 2011
Utbildningsradion 2011Utbildningsradion 2011
Utbildningsradion 2011
 
Building websites with building blocks
Building websites with building blocksBuilding websites with building blocks
Building websites with building blocks
 
TV4, Wordpress och ekosystemet
TV4, Wordpress och ekosystemetTV4, Wordpress och ekosystemet
TV4, Wordpress och ekosystemet
 
10 things the cloud has taught us
10 things the cloud has taught us10 things the cloud has taught us
10 things the cloud has taught us
 

Webbutveckling med den lilla avdelningen