Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
”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.s...
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...
Utvecklingen av publiceringsplattformar
Generation #1 - Statiska filer
! Statisk html - redaktörer behövde kunna html
! In...
Utvecklingen av publiceringsplattformar
Generation #2 - Hemmabygge med CMS
! Databas!
! Hemmabygge! - oftast egenutvecklat...
Utvecklingen av publiceringsplattformar
Generation #3 - Ett CMS
! Ett CMS - en produkt
! Flerkanalspublicering
! Ofta base...
Utvecklingen av publiceringsplattformar
Generation #4 - Öppna plattformar
! Flera olika produkter och verktyg - ”Legobitar...
TV4-plattformar
Förut
Polopoly
Xcap
Basefarm
svn
11
Nu
Polopoly
Wordpress
Disqus
Addthis
Polldaddy
Google API
Cover it Liv...
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...
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
! A...
23
Kod är investering
Teknisk skuld
24
Fokusera - välj bort
hardware OS patches
network infrastructure scaling failover
redundancy antivirus upgrades capacity
ba...
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 => pla...
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://w...
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...
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://gi...
Webbutveckling med den lilla avdelningen
Webbutveckling med den lilla avdelningen
Webbutveckling med den lilla avdelningen
Upcoming SlideShare
Loading in …5
×

Webbutveckling med den lilla avdelningen

1,197 views

Published on

Internetdagarna i Stockholm 2010 under rubriken Utvecklingsarbetet.

Published in: Technology
  • Be the first to comment

Webbutveckling med den lilla avdelningen

  1. 1. ”Webbutveckling med den lilla avdelningen” Per Åström, TV4 Internetdagarna 2010
  2. 2. 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
  3. 3. Några TV4-siter + Lattjolajban, Soko, Hockeykanalen, mer än 150 bloggar och lite till..
  4. 4. Trafiktoppar 4 Topp NattMedel?
  5. 5. Kostnad 5 Tid Kvalitet
  6. 6. Utvecklingsavdelningen TV4 Digitala Medier 6 Text-tv Text-tvJavaochRuby Projektledare html/css/js CTO 80% Föräldraledig SM/Projektledare Java och Ruby
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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 ?
  12. 12. Strategi Förut 12 Nu
  13. 13. En installation, samma tema (>150 stycken) 13
  14. 14. 15
  15. 15. Alla kommentarer med Disqus 16
  16. 16. 17
  17. 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)
  18. 18. 19 iPhone-app: 22 kr
  19. 19. Addthis som delningsfunktion 20
  20. 20. Addthis - Analytics 21
  21. 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
  22. 22. 23 Kod är investering
  23. 23. Teknisk skuld 24
  24. 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
  25. 25. Idol-auditions 2010 26 Origin Delivery
  26. 26. Trafik till origin och delivery 27 Origin Delivery Avlastning: snitt 90%, bilder 97%
  27. 27. Gamla och nya TV4Play 28
  28. 28. Gamla och nya TV4Play 29 TV4Play.se iPhone Backend Backend API TV4Play.se iPhone AndroidOTT Gamla => webbtjänst Nya => plattform Plex Plex Boxee
  29. 29. Vad innehåller API:t? 30 Sök API Redaktionellt innehåll
  30. 30. 31 API
  31. 31. 32
  32. 32. 33 IaaS PaaS Besökare Amazon AWS Heroku API
  33. 33. 34 ASF $ git push heroku master -----> Heroku recieving push -----> Rails app detected -----> Launching..... done http://www.tv4play.se deployed
  34. 34. 35
  35. 35. 36
  36. 36. 37
  37. 37. 38
  38. 38. 39
  39. 39. 40 ASF $ heroku dynos 1 tv4play-production now running on 1 dyno
  40. 40. 41 ASF $ heroku dynos 24 tv4play-production now running on 24 dynos
  41. 41. 42 ASF $ heroku dynos 100 tv4play-production now running on 100 dynos
  42. 42. 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.”
  43. 43. Heroku - there’s an app for that 44
  44. 44. 47
  45. 45. 48
  46. 46. 49
  47. 47. Kostnad 50 Tid Kvalitet Högre kvalitet Lägre kostnad Snabbare => => =>
  48. 48. 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

×