Big Brother Hrvatska 2007 Kako smo radili web site

Ko je ovaj tip? Vanja Bertalan web.burza (http://web.burza.hr) Mi radimo web sajtove Zapravo puno planiramo, educiramo klijente, mislimo na korisnike, analiziramo Ali to je dugačko... I komplicirano :)

Vanja Bertalan

web.burza (http://web.burza.hr)

Mi radimo web sajtove

Zapravo puno planiramo, educiramo klijente, mislimo na korisnike, analiziramo

Ali to je dugačko...

I komplicirano :)

Big Brother Globalni fenomen, zato i sasvim zanimljiv 4. sezona u HR Nevjerojatna gledanost Posjećenost - 2006 1.500.000 pageviews prvi dan Prošlih godina nekako padali serveri Mi ne bi tako...

Globalni fenomen, zato i sasvim zanimljiv

4. sezona u HR

Nevjerojatna gledanost

Posjećenost - 2006

1.500.000 pageviews prvi dan

Prošlih godina nekako padali serveri

Mi ne bi tako...

njava phoenix sh00le tom Produkcijski tim lekke pepa zeljka

njava phoenix sh00le tom

Planiranje Inventura sadržaja Tko su posjetitelji? Struktura Funkcionalnost Redakcija – frekvencija objave

Inventura sadržaja

Tko su posjetitelji?

Struktura

Funkcionalnost

Redakcija – frekvencija objave

Wireframes (a gdje su boje?) Naslovnica Odabrani stanar

Dizajn Koji je hex kod za zlatnu boju? A kada stižu službeni vizuali za show?

Koji je hex kod za zlatnu boju?

A kada stižu službeni vizuali za show?

Dizajn

Dizajn

Frontend - Standardi To ionako, zar ne? Standard testing 9 browsera / 3 platforme Javascript on/off Flash on/off Sva funkcionalnost mora raditi u vanilla settinzima (no flash, no javascript) Detalji - god is in the details (devil too)

To ionako, zar ne?

Standard testing

9 browsera / 3 platforme

Javascript on/off

Flash on/off

Sva funkcionalnost mora raditi u vanilla settinzima (no flash, no javascript)

Detalji - god is in the details (devil too)

Capacity Planning Od kuda početi? Statistike posjećenosti prošlih sezona Relativno malo podataka Analiza nekoliko većih siteova koje znamo coolinarika.com, nacional.hr, ezadar.hr Omjer pageviews vs. hits Server treba sve isporučiti, bez obzira što nas u analizi posjećenosti zanimaju samo uniques

Od kuda početi?

Statistike posjećenosti prošlih sezona

Relativno malo podataka

Analiza nekoliko većih siteova koje znamo

coolinarika.com, nacional.hr, ezadar.hr

Omjer pageviews vs. hits

Server treba sve isporučiti, bez obzira što nas u analizi posjećenosti zanimaju samo uniques

Capacity Planning Procjene (1.500.000 pageviews/day prošle godine) Hits per average hour Hits per peak hour - ovo nas zanima Dodaj 30%? Testiranje na lokalnim strojevima Apache + PHP (Aplikacija) Lighttpd (Statički sadržaj) Nije sasvim relevantno Umjetno generirani podaci

Procjene (1.500.000 pageviews/day prošle godine)

Hits per average hour

Hits per peak hour - ovo nas zanima

Dodaj 30%?

Testiranje na lokalnim strojevima

Apache + PHP (Aplikacija)

Lighttpd (Statički sadržaj)

Nije sasvim relevantno

Umjetno generirani podaci

Hardverska arhitektura Što želimo vs. Što imamo App server / DB servers / Static servers DB replication (MySQL) Master (insert/update/delete) Slaves x2 (select)

Što želimo vs. Što imamo

App server / DB servers / Static servers

DB replication (MySQL)

Master (insert/update/delete)

Slaves x2 (select)

Aplikacija – Lego kockice core.web jezgra moduli stanari dnevnik događanja fotogalerije videogalerije stanje nagrade tjedni zadaci nominacije komentari ankete repozitorij (video, slike, fajlovi) newsletter korisnici

core.web jezgra

moduli

stanari

dnevnik događanja

fotogalerije

videogalerije

stanje nagrade

tjedni zadaci

nominacije

komentari

ankete

repozitorij (video, slike, fajlovi)

newsletter

korisnici

Aplikacija - Skalabilnost Prilagoditi za distribuiranu okolinu Baza Posebni db objekti za read (slaves) i write operacije (master) Distribucija sadržaja na static servere Aplikacija vodi računa o tome da su static serveri up-to-date Storage class (ssh2 pecl modul) Queue class (resend content if static server unavailable)

Prilagoditi za distribuiranu okolinu

Baza

Posebni db objekti za read (slaves) i write operacije (master)

Distribucija sadržaja na static servere

Aplikacija vodi računa o tome da su static serveri up-to-date

Storage class (ssh2 pecl modul)

Queue class (resend content if static server unavailable)

Aplikacija – Deploy procedura Ovo je kul :) Lokalni SVN server Deploy modul na live serveru OneClick deploy (Veliki Gumb) Produkcijski server se spaja na lokalni SVN Fix live config files Create minified CSS & JS files Push static content  Static servers (rsync)

Ovo je kul :)

Lokalni SVN server

Deploy modul na live serveru

OneClick deploy (Veliki Gumb)

Produkcijski server se spaja na lokalni SVN

Fix live config files

Create minified CSS & JS files

Push static content  Static servers (rsync)

Aplikacija – Self Maintenance PHP CLI + cron hacking C heck db servers P ort 3306, mysql service up U pdate config if needed C heck static servers SSH service HTTP service U pdate config if needed

PHP CLI + cron hacking

C heck db servers

P ort 3306, mysql service up

U pdate config if needed

C heck static servers

SSH service

HTTP service

U pdate config if needed

Stress testing Na live serverima, prije launcha 6 različitih mašina 100 konkurentnih konekcija sa svake Application server 55 requests/sec Load 200 Loše!

Na live serverima, prije launcha

6 različitih mašina

100 konkurentnih konekcija sa svake

Application server

55 requests/sec

Load 200

Loše!

Optimizacija PEAR Cache_Lite Puno time sensitive informacija, kako pristupiti? Vrlo kratak expiration period (60sec) Djeluje neefikasno ali... Relativno mali ukupni broj stranica, velik broj zahtjeva Velik broj cache hitova!

PEAR Cache_Lite

Puno time sensitive informacija, kako pristupiti?

Vrlo kratak expiration period (60sec)

Djeluje neefikasno ali...

Relativno mali ukupni broj stranica, velik broj zahtjeva

Velik broj cache hitova!

Stress Testing – Take Two Ista konfiguracija testa Application server 250+ requests/sec Load 30 Okej (sva sreća, launch je sutra...)

Ista konfiguracija testa

Application server

250+ requests/sec

Load 30

Okej (sva sreća, launch je sutra...)

Launch Očekivali najveći load na DB serverima Krivo (max load 1.0 - peak razdoblja) Applications server  Bottleneck Ali nije strašno (load 5-8, max 30) 5min downtime (uh!) Bug u lighttpd-u, gasi se sam od sebe Instalacija nove verije on-the-fly Sve radi (smijemo sada spavati? :)

Očekivali najveći load na DB serverima

Krivo (max load 1.0 - peak razdoblja)

Applications server  Bottleneck

Ali nije strašno (load 5-8, max 30)

5min downtime (uh!)

Bug u lighttpd-u, gasi se sam od sebe

Instalacija nove verije on-the-fly

Sve radi (smijemo sada spavati? :)

Brojke - Dan 1 30.000.000 hits 2.900.000 pageviews 300.000 visits 10.000 registriranih korisnika

30.000.000 hits

2.900.000 pageviews

300.000 visits

10.000 registriranih korisnika

Timeline (15.05. – 15.09.)

Timeline (15.08. – 15.09.)

Shameless Plug projects.web Taskovi Time tracking Analiza i reporti Dog Fooding Od 01.01.2006. Closed Beta Uskoro [email_address] Javite se

projects.web

Taskovi

Time tracking

Analiza i reporti

Dog Fooding

Od 01.01.2006.

Closed Beta

Uskoro

[email_address]

Javite se

Hvala! Pitanja?

Hvala!

Pitanja?