Top Banner
”Webbutveckling med den lilla avdelningen” Per Åström, TV4 Internetdagarna 2010
51

Webbutveckling med den lilla avdelningen

Jul 12, 2015

Download

Technology

Per Åström
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Webbutveckling med den lilla avdelningen

”Webbutveckling med den lilla avdelningen”Per Åström, TV4Internetdagarna 2010

Page 2: Webbutveckling med den lilla avdelningen

1990

En kanal

2003

Nischkanalsstrategi

2010

4 länder31 kanaler

25 lokal-TV stationer...många siter

TV4-historia

.se.se.se

MobilabTV4 Vision AB

TV4 Sverige ABTV4 Sverige AB

Mobilab

1990

Page 3: Webbutveckling med den lilla avdelningen

Några TV4-siter

+ Lattjolajban, Soko, Hockeykanalen, mer än 150 bloggar och lite till..

Page 4: Webbutveckling med den lilla avdelningen

Trafiktoppar

4

Topp

NattMedel?

Page 5: Webbutveckling med den lilla avdelningen

Kostnad

5

Tid

Kvalitet

Page 6: Webbutveckling med den lilla avdelningen

Utvecklingsavdelningen TV4 Digitala Medier

6

Text-tv

Text-tvJav

a och

Ruby

Projek

tledare

html/css/js

CTO 80% Föräldr

aledig

SM/Projektledare

Java och Ruby

Page 7: Webbutveckling med den lilla avdelningen

Utvecklingen av publiceringsplattformarGeneration #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

Page 8: Webbutveckling med den lilla avdelningen

Utvecklingen av publiceringsplattformarGeneration #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

Page 9: Webbutveckling med den lilla avdelningen

Utvecklingen av publiceringsplattformarGeneration #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

Page 10: Webbutveckling med den lilla avdelningen

Utvecklingen av publiceringsplattformarGeneration #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

Page 11: Webbutveckling med den lilla avdelningen

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

?

Page 12: Webbutveckling med den lilla avdelningen

Strategi

Förut

12

Nu

Page 13: Webbutveckling med den lilla avdelningen

En installation, samma tema (>150 stycken)

13

Page 14: Webbutveckling med den lilla avdelningen
Page 15: Webbutveckling med den lilla avdelningen

15

Page 16: Webbutveckling med den lilla avdelningen

Alla kommentarer med Disqus

16

Page 17: Webbutveckling med den lilla avdelningen

17

Page 18: Webbutveckling med den lilla avdelningen

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)

Page 19: Webbutveckling med den lilla avdelningen

19

iPhone-app: 22 kr

Page 20: Webbutveckling med den lilla avdelningen

Addthis som delningsfunktion

20

Page 21: Webbutveckling med den lilla avdelningen

Addthis - Analytics

21

Page 22: Webbutveckling med den lilla avdelningen

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

Page 23: Webbutveckling med den lilla avdelningen

23

Kod är investering

Page 24: Webbutveckling med den lilla avdelningen

Teknisk skuld

24

Page 25: Webbutveckling med den lilla avdelningen

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

Page 26: Webbutveckling med den lilla avdelningen

Idol-auditions 2010

26

Origin

Delivery

Page 27: Webbutveckling med den lilla avdelningen

Trafik till origin och delivery

27

OriginDelivery

Avlastning: snitt 90%, bilder 97%

Page 28: Webbutveckling med den lilla avdelningen

Gamla och nya TV4Play

28

Page 29: Webbutveckling med den lilla avdelningen

Gamla och nya TV4Play

29

TV4Play.se

iPhone

BackendBackend

API

TV4Play.se iPhone

AndroidOTT

Gamla => webbtjänst Nya => plattform

Plex

Plex

Boxee

Page 30: Webbutveckling med den lilla avdelningen

Vad innehåller API:t?

30

Sök

API

Redaktionellt innehåll

Page 31: Webbutveckling med den lilla avdelningen

31

API

Page 32: Webbutveckling med den lilla avdelningen

32

Page 33: Webbutveckling med den lilla avdelningen

33

IaaS

PaaS

Besökare

Amazon AWS

Heroku

API

Page 34: Webbutveckling med den lilla avdelningen

34

ASF

$ git push heroku master

-----> Heroku recieving push-----> Rails app detected-----> Launching..... done http://www.tv4play.se deployed

Page 35: Webbutveckling med den lilla avdelningen

35

Page 36: Webbutveckling med den lilla avdelningen

36

Page 37: Webbutveckling med den lilla avdelningen

37

Page 38: Webbutveckling med den lilla avdelningen

38

Page 39: Webbutveckling med den lilla avdelningen

39

Page 40: Webbutveckling med den lilla avdelningen

40

ASF

$ heroku dynos 1

tv4play-production now running on 1 dyno

Page 41: Webbutveckling med den lilla avdelningen

41

ASF

$ heroku dynos 24

tv4play-production now running on 24 dynos

Page 42: Webbutveckling med den lilla avdelningen

42

ASF

$ heroku dynos 100

tv4play-production now running on 100 dynos

Page 43: Webbutveckling med den lilla avdelningen

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.”

Page 44: Webbutveckling med den lilla avdelningen

Heroku - there’s an app for that

44

Page 45: Webbutveckling med den lilla avdelningen
Page 46: Webbutveckling med den lilla avdelningen
Page 47: Webbutveckling med den lilla avdelningen

47

Page 48: Webbutveckling med den lilla avdelningen

48

Page 49: Webbutveckling med den lilla avdelningen

49

Page 50: Webbutveckling med den lilla avdelningen

Kostnad

50

Tid

Kvalitet

Högre kvalitetLägre kostnadSnabbare

=>=> =>

Page 51: Webbutveckling med den lilla avdelningen

Tack för att ni lyssnade!

51

=> kontakt=> publik kod och pluginer=> avdelningens twitterfeed

[email protected]://github.com/TV4http://twitter.com/perkovich/tv4-http