T-111.4360 WWW palvelun suunnittelu

T-111.4360 WWW palvelun suunnittelu Suunnitteluvaihe Harjoitustyön ryhmä 23 Kevät 2008 Tuomas Tanskanen, 49958J tttanska@cc.hut.fi Henrik Karlsson, 53960A hakarlss@cc.hut.fi Jaakko Kestilä, 54492A jaakko.kestila@gmail.com 1

Sisällysluettelo 1. Yleiskuvaus työstä 4 1.1 Yleistä 4 1.2 Kohderyhmät 4 2.SISÄLTÖ 2.1 Sisältösuunnitelma: Etusivu 6 2.2 Tuotantoprosessi: Etusivu 6 2.3 Sisältösuunnitelma: SKWEEE 7 2.4 Tuotantoprosessi: SKWEEE 7 2.5 Sisältösuunnitelma: Artists 8 2.6 Tuotantoprosessi: Artists 8 2.7 Sisältösuunnitelma: Yksittäinen taiteilija 9 2.8 Tuotantoprosessi: Yksittäinen taiteilija 10 2.9 Sisältösuunnitelma: Shops 12 2.10 Tuotantoprosessi: Shops 12 2.11 Sisältösuunnitelma: Articles & others 13 2.12 Tuotantoprosessi: Articles & others 13 2.13 Sisältösuunnitelma: Forum 14 2.14 Ylläpitojärjestelyt 15 3 Ulkoasu ja käyttöliittymä 3.1 Käyttöliittymä 17 3.2 Graafinen ulkoasu 20 2

4. Aktiivinen elementti 4.1 Käyttötarkoitus 21 4.2 Tavoitteet 21 4.3 Elementin toiminta 22 4.4 Toteutus 23 4.5 Tekniikan/käytön rajoitukset 24 4.6 Erityispiirteet 24 4.7 Palvelinvaatimukset 24 4.8 Tietoturva 25 4.9 Mahdollisia ongelmatilanteita 26 4.10 Muita aktiivisia elementtejä 27 5. Projektin suunnittelu 5.1 Ryhmäjako 28 5.2 Ajankäyttö ja aikataulu 28 5.3 Henkilökohtaiset toteutuneet ajankäytöt 30 3

1. Yleiskuvaus työstä 1.1 Yleistä WWW palvelun toteuttamisessa päätimme valita modernisoimaan ja päivittämään www.nationofskweeee.com sivuston. Kyseinen sivusto esittelee uuttaa, skandinaviasta kotoisin olevaa musiikkityylilajia, sen taiteilijoita, ilmiötä ja sidosryhmiä. Tarkoituksena on luoda paremman sanan puuttuessa portaali kaikille uutta musiikkia etsiville ihmisille, jotka kompastuvat skweee:hin jotain kautta ja haluavat tietää asiasta lisää. Nykyinen sivusto antaa musiikista turhan amatöörimäisen kuvan, jolloin monet voivat ajatella kyseessä olevan pelkkä internet vitsi. Ottamatta kantaa asian todelliseen tilaan ja eri toimijoiden todellisiin motivaatioihin pyrimme kuitenkin luomaan sivuston, joka on käytettävä, ammattimainen ja luo miellyttävät puitteet ihmisille, jotka haluavat tietää ko. ilmiöstä enemmän. Koska kyseessä on musiikkia esittelevä sivusto, on pääpaino materiaalin osalta tietenkin musiikissa ja sen oheismedioissa. Kiinnostuneille ryhmille tarjoillaan uusimpia kappaleita, videoita, keikkakuvia, esittelytekstejä ja asianomaisten foorumi, jossa voi keskustella musiikista, ilmiöistä tai vaikkapa päivän säästä mikäli haluaa. Vastakysymyksenä voisi ihmetellä mihin tällaista sivua tarvitaan, jos useat verkottumispalvelut kuten Myspace, Virb ja jossain määrissä Facebook tarjoavat kappaleita ja taiteilijasivuja. Vastauksena voi pitää juuri yllä mainittua ammattimaisuutta. Mikäli tätä portaalia ei ole olemassa, voidaan koko ilmiö kuitata vain ohimenevänä tapauksena, jolla ei ole mitään todellista pohjaa, kuten esim. Cassette Player muotitalo ja lukuisat muut lyhytaikaiset ilmiöt. Samalla voidaan määritellä ilmiölle sopiva visuaalinen ilme, jolloin skweee tyylinä assosioituu haluttuihin muotoihin ja kuviin. 1.2 Kohderyhmät Tärkeimpänä kohderyhminä voidaan pitää uusista ilmiöstä kiinnostuneita ihmisiä, musiikin suurkuluttajia ja eri perinteisiin ja uusiin medioihin liittyviä henkilöitä(toimittajia jne.), jotka haluavat tehdä tyylistä tai yksittäisistä taiteilijoista juttua. Tavoitteena on luoda yhteinen kokoontumispiste kyseisestä ilmiöstä kiinnostuneille ihmisille. He hakevat sivustolta uutta musiikkia, keikkakuvia, videoita ja samanlaisten ihmisten seuraa foorumin osalta. Mediaihmisten osalta tärkeintä materiaalia lienevät pressikitit, joista voi kätevästi ottaa kuvia yksittäisen taiteilijan osalta, musiikki lehtiarvosteluja varten sekä pressivalmiita tekstejä, mikäli tekijä on tarpeeksi laiska. 4

Yleinen käyttökokemus ensikäyttäjälle on luultavimmin etusivulla olevan mp3 soittimen selailu, muutamien etusivulla olevien kuvien selaaminen, keikkatapahtumien tarkistaminen ja ehkä foorumin läpikatselu mielenkiintoisia juttuja varten. Mikäli yksittäinen taiteilija kiinnostaaa enemmän kuin muu sisältö, voi ensikertalainen siirtyä haluamansa taiteilijan sivulle lukemaan biografiaa ja kuuntelemaan lempitaiteilijansa musiikkia tarkemmin. Toistuvalle käyttäjälle voi foorumi muodostua pääasialliseksi käyttökohteeksi uusimpien musiikkikappaleiden, keikkakalenterin ja keikkakuvien / - videoiden katselun jälkeen. Tällöin yksittäiset artistisivut menettävät jonkin verranmerkitystään, ellei niitä käytetä pressimateriaalin etsimiseksi. Samoin käyntikertojen välillä tulleet taiteilijat voivat toistuvaa käyttäjää kiinostaa eniten. Sivukarttaa katsellessa tulee huomata, ettei mistään paikasta mihinkään paikkaan ole enempää kuin kahden askeleen verran matkaa. Tämä mahdollistaa nopean sivun selailun, eikä vierailija eksy liian syvälle puurakenteen uumeniin. Visuaalinen ilme pidetään selkeänä ja funktionaalisena, turhaa ylimääräistä animaatiota pyritään välttämään sivun keveyden säilyttämiseksi tekemättä sivuista spartalaisen tyhjiä. 5

2.SISÄLTÖ 2.1 Sisältösuunnitelma: Etusivu Kuvaus sivusta: Sivulle tulee pääasiassa uutis-feedi, josta voidaan lukea uusimmat tapahtumat sivustolla, mp3 soitin sekä alhaalle linkkejä skweee - videoihin. Etusivu pyritään pitämään kohtuullisen spartalaisena, sillä se toimii pääasiassa tervetuliaissivuna ja nopeana tapana tarkistaa ajankohtaiset tapahtumat, sekä eräänlaisena nopeana visuaalisena määrittelijänä koko musiikkityylille. Kohderyhmä: Tavoitteet: Sivun kohderymänä toimii erinäiset referoijat(toimittajat jne.) ja satunnaiset aiheesta kiinnostuneet ihmiset, jotka haluavat ilman suurempia selailuja tutustua skweee:hin. Sivu toimii myös koko sivuston selailun aloittajana, jotern selkeyteen ja visuaaliseen miellyttävyyteen tulee panostaa. Etusivun tavoitteena on selkeä, informatiivinen ja silmälle mieluisa yleisnäkymä skweeen maailmaan. Ensikävijöitä sivun tulisi houkuttaa tutkailemaan ilmiötä tarkemmin ja vakioasiakkaita sivun tulisi palvella kertoen skweee ilmiön uudet tapahtumat. 2.2 Tuotantoprosessi: Etusivu Lähdemateriaali: Muokkaus: Sivun lähdemateriaalina toimivat taitelijoiden kappaleet, uudet tapahtumat sekä videot. Kappaleiden rajoitettu julkaisu(streaming) oikeus luovutetaan rekisteröitymisen yhteydessä. Tapahtumalistaan tulee artistien lisäämiä tapahtumia (pääasiassa keikkoja). Videolistaan tulee admineiden valitsemia videoita, jotka streamataan Youtube palvelusta. Yksittäisiä musiikkikappaleita ei tarvitse sinänsä muokata ja kappalelistaa muokkaavat adminit omalta hallintosivultaan. Keikkakalenterin yksittäistä tapahtumaa voi sen lisääjä muokata vapaasti. Tämä muokkaus tapahtuu taiteilija/admin hallintosivulta. Videolistaa muokkaavat adminit. Dynaamisuus ja aikadimensio: Tapahtumakalenteri toimii luonnollisestikin aika-akselilla, eli jo olleet tapahtumat häviävät pois näytettävien listalta. Kappalelista on erillisesti adminien muokkaama ja se järjestetään myös aikatasossa, uusimmat kappaleet ensin, jolloin uutuudet saavat kaipaamaansa soittoaikaa. Julkaisukieli: Julkaisukielenä toimii englanti, sillä kansainvälisyys ja matala lukukynnys ovat tärkeitä etusivulla. 6

2.3 Sisältösuunnitelma: SKWEEE Kuvaus sivusta: Tälle sivulle tulee englanninkielinen essee aiheesta skweee, sen historiasta, sen määrittely, tärkeimmät tekijät ja tulevaisuudenvisiot. Ideana on tehdä teksti, joka kelpaisi musiikkilehteen copy&paste menetelmällä. Sivuston tarkoituksena on alentaa kynnystä artikkeleiden ja pienten inserttien tekemiseksi monelle, eli kyse on eräänlaisesta lehdistöpaketista. Kohderyhmät: Tavoitteet: Pääasiallisena kohderyhmänä toimivat koti- ja ulkomaiset toimittajat. Sivua voi pitää tärkeänä kohderyhmälle, sillä se alentaa kynnystä erinäisten artikkelien, inserttien jne. tekemiselle ja vähentää aikaavievää määrittelytyötä. Myös yksityisille selailijoille voi sivusta olla hyötyä yleissivistyksen kannalta. Tavoitteena on luoda helppo ensi kosketus skweeen kirjalliseen määrittelyyn ja alentaa kynnystä tyylilajin medianäkyvyydelle. 2.4 Tuotantoprosessi: SKWEEE Lähdemateriaali: Muokkaus: Lähdemateriaalina toimii erään kirjallisesti lahjakkaan taiteilijan essee aiheesta, joka on ollut valmiina pöytälaatikossa jo jonkin aikaa. Tarkoituksena on käyttää tekstiä pysyvänä määrittelijänä, joten tekstiä ei tarvitse kovinkaan usein päivittää. Oikeudet tekstiin on jo luovutettu sivuston tekijöille. Koska kyseessä on määrittelysivu, ei tekstiä tarvitse juurikaan muokata kun sen on lopullisessa muodossaan. Tällöin tälle sivulle ei tarvita helppoa mahdollisuutta päivittämiseen. Mikäli tarvetta tekstin päivittämiselle ja muuttamiselle tulee, tehdään tämä luonnollisestikin alkuperäistä kirjoittajaa konsultoiden. Dynaamisuus ja aikadimensio: Tämän sivun sisältö ei ole dynaamista ja julkaistaan heti kun sivusto saadaan pyörimään. Aikadimensiotakaan ei ole, sillä tarkoitus on tehdä tekstistä pysyvä. Julkaisukieli: Julkaisukielenä tässä, niin kuin kaikissa muissakin sivuissa, toimii englanti. 7

2.5 Sisältösuunnitelma: Artists Kuvaus sivusta: Tämä sivu ei sisällä muuta kuin linkkilistan taiteilijoista, jotka tekevät skweeetä ja joilla on oma taiteilijasivunsa sivustolla sekä ehkä muutama hyvin valittu kuva graafiseksi elementiksi. Eli ideana on tehdä tästä sivusta navigointivälisivu yksittäisten taiteilijoiden omille sivuille. Kohderyhmät: Sivun kohderyhmänä toimivat ihmiset, jotka ovat matkalla katsomaan yksittäisten taitelijan sivuja. Sivu toimii eräänlaisena backuppina aukivierivälle sidebarille. Sivun tavoitteet: Sivun tavoitteena on antaa käyttäjälle varalle navigointimahdollisuus haluamansa taiteilijan sivulle. 2.6 Tuotantoprosessi: Artists Lähdemateriaali: Muokkaus: Lähdemateriaalina sivulle toimii taitelijaluettelo. Taitelijoita voivat adminit lisätä tietokantaan. Sivua muokataan automaattisesti dynaamisesti taiteilijalistasta. Muuta tekstiä sivulla ei ole. Erillistä sivun muokkaajaa ei tarvita. Dynaamisuus ja aikadimensio: Sivu luodaan dynaamisesti taiteilijatietokannasta eikä sillä ole omaa aikadimensiotaan. Julkaisukieli: Julkaisukielenä tässä, niin kuin kaikissa muissakin sivuissa, toimii englanti. 8

2.7 Sisältösuunnitelma: Yksittäinen taiteilija Kuvaus sivusta: Tämä sivu esittelee yksittäiset taiteilijat heidän omilla sanoillaan, vapaalla tyylillä. Tämä sivu toimii taitelijan käyntikorttina ja tulisi kuvastaa hänen omaa persoonallisuuttaan ja tyyliään musiikin saralla. Sivuille tulee myös taiteilijan mukaan suodatettu mp3 soitin, kuvapalvelu ja mahdollisesti keikkakalenteri taiteilijakohtaisesti. Sivulta on myös linkki mahdolliseen pressikittiin, jonka sisällön kukin taiteilija voi päättää haluamakseen. Pressipaketti on vain hakemisto tai linkki pakattuun tiedostoon. Kohderyhmät: Sivun kohderyhmänä toimivat ihmiset, jotka ovat kiinnostuneita yksittäisestä taiteilijasta sekä toimittajat, jotka haluavat taiteilijan pressimateriaalia itselleen. Nämä sivut ovat www.nationofskweee.com :in suola ja suurin sisältökokonaisuus, sillä ne esittelevät tyylilajin tärkeimmät tekijät taiteilijoiden omin sanoin. Kohderyhmille nämä sivuston osat ovat tärkeimpiä, sillä ne kertovat eniten ko.ryhmän kiinnostuksen kohteista. Sivun tavoitteet: Sivun tavoitteena on kertoa enemmän yksittäisestä taiteilijasta, antaa mahdollisuuden tuotannon tarkempaan kuunteluun, nähdä taiteilijan esiintymiskalenteria, valittuja kuvia jne. Näin luodaan lisää kiinnostusta ko. taiteilijaa kohtaan ja voidaan sitouttaa kiinnostuneita ihmisiä seuraamaan taiteilijan edesottamuksia. 9

2.8 Tuotantoprosessi: Yksittäinen taiteilija Lähdemateriaali: Muokkaus: Sivun lähdemateriaalina toimii taiteilijan itsensä (tai hänen hyväksymänsä) biografia/esittelyteksti, keikkakalenteri, selailtava kuvapankki, mp3 soitin sekä pressikitti. Taiteilija tekee itse kaiken uuden materiaalin sivullensa. Taiteilijat luovuttavat rajoitetut oikeudet(teksti, musiikistreaming ja kuvat) materiaalin käyttöön rekisteröityessään taiteilijaksi. Tulevaa materiaalia tulee muokata siten, ettei biografia teksti muodosta mitään rikkinäistä HTML:ää tms. Koska biografia/henkilökohtainen tekstiosuus kuvaa taiteilijan persoonallisuutta, tekstin toimittaminen admin - puolelta tulee jättää mahdollisimman minimiin, pois lukien suoranaisesti laittomat ja räikeän mauttomat tekstit. Kuvia muokataan siten, että ne skaalataan sopivan kokoisiksi kuvanselailua varten. Musiikkikappaleita ei sinällään tarvitse muokata, mutta kappalelista järjestetään kappaleen nimen mukaisesti. Mp3 - tageja kappaleen nimen muodostamisessa käytetään listauksen määrittämiseksi, tagien puuttuessa käytetään tiedoston nimeä. Keikkakalenteria muokataan aikajärjestykeen automaattisesti ja tapahtuma lisätään samalla myös etusivulla olevaan yleiseen keikkakalenteriin. Tekstin muokkaaminen, mp3 kirjaston hallinta, kuvien lisäily sekä pressikitin lisäys hoituvat yksittäisen taiteilijan hallintasivulta, joka on työmme dynaaminen elementti. Sisällön dynaamisuus ja aikadimensio: Taiteilijasivut luodaan dynaamisesti sen teksti-,kuva-,musiikki- sekä kalenterielementeistä. Kappaleet järjestetään aakkosjärjestykseen ja keikkakalenteri aikajärjestykseen. Jo menneitä tapahtumia ei näytetä. Julkaisukielet: Julkaisukielenä toimii englanti. 10

Muuta: PJVM Yhteensä taiteilijasivuja tulee n.10-15 alkuvaiheessa. Tämä lista odotetaan paisuvan n.20 taiteilijan vahvuiseksi vuoden loppuun mennessä. Seuraavana muutama esimerkki yksittäisten taiteilijoiden biografioista: " PJVM is a skw***-producer, a lover of real stuff and hater of fashion audio. He is an international figure in both skweee and miami-trance scenes with highly-acclaimed floorfillers like "Rubarb Dream" and "*/*****". His outrageous live-performances has caused a stir everywhere he s gone (Rovaniemi, Järvenpää, Turku, Jyväskylä, Tampere, Lahti, Pieksämäki, New York, Stockholm, Kaunas, Riga, Athens..). Like some other skweee producers, PJVM has been producing his music with software and such, but nowadays it is all about hardware and sampling. Other projects: H.O.F.F.A, The Munchies, The Runkkaavat Nörtit and So Help Me God." Claws Costeau: "Claws Costeau started to produce Skweee in the sweeet summer of 2006 to get some money for the family. So far he has only made a few lousy euros but he's still dreaming of the world domination. Claws Costeau is pretty shallowminded and he's ready to jump into any kind of endorsement/sponsorship when it comes to expensive clothes, sneakers and jewelry or maybe some cheesy synthesizers. Shoewise he prefers Nike (especially AF1) over Adidas even though the latter is much more Skweee. Claws Costeau enjoys his hiphop and punkrock raw and unconditional. He has a huge attitude problem when it comes to authorities, trance(music) or stinking hippies. He lives a healty life of vegetarianism and is a keen follower of the straight edge movement. He drinks both Coca Cola Zero and Pepsi Max and loves chocolate like a motherfucker. In the future Claws Costeau will be producing more halfassed Skweeetunes until he gets paid enough. At the moment he is quite busy with his dayjob as a (professional) tattooer." Rigas Den Andre: "I am Rigas den Andre. That is my name. I live in Valla Torg in Årsta, Sweden. I like golf, television and taking care of plants. I really like skweee. Skweee saved my life." Joxaren: Joxaren is a gifted middle-aged european half-breed with a background in punk, dub, rock and some electro. He has performed well over 500 live music shows in different constellations since 1988. Closely related to the Flora & Fauna label, based in the Stockholm suburb of Fruängen. 11

2.9 Sisältösuunnitelma: Shops Kuvaus sivusta: Periaatteessa tässä on kyse vain linkkisivusta kauppoihin, jotka tarjoavat skweee äänitteitä, joten varsinaista omaa sisältöä ei tällä sivulla paljoa ole. Jokaisesta kaupasta on pieni kuvaus, kuva kaupasta, Google Maps linkki mikäli kaupalla on oikea myymälä ja linkki mahdolliselle kaupan nettisivulle. Kaupat listataan aakkosjärjestyksessä. Kohderyhmät: Sivun kohderyhmänä ovat ihmiset, jotka haluavat ostaa skweee:tä eri muodoissa (vinyyli,mp3, cd), mutta eivät tiedä mistä sitä saada. Toisena, joskin passiivisena, kohderyhmänä toimivat tiettenkin kaupat, jotka saavat levytilauksia ja uusia asiakkaita. Molemmille sivut ovat tärkeitä. Sivun tavoitteet: Sivun tavoitteena on helpottaa skweee - musiikin hankkimista ja myymistä. 2.10 Tuotantoprosessi: Shops Lähdemateriaali: Muokkaus: Lähdemateriaalina toimii nykyinen kauppalista. Tämä muokataan vain uuden layoutin mukaiseksi. Uusien kauppojen alkaessa myydä skweeetä adminit lisäävät ko. kaupan listaan ja tekevät siitä pienen esittelyn. Kaupoilta kysytään etukäteen lupaa listaukseen. Sivua ei oletettavasti tarvitse hirveästi muutella, joten erillistä hallintotyökalua tätä varten ei tarvitse tehdä. Adminit muokkaavat suoraan sivua, kun siihen tarvitaan muutoksia. Dynaamisuus ja aikadimensio: Sivulla ei tapahdu niin paljon muutoksia, että sitä voisi laskea dynaamiseksi. Erillistä aikadimensiotakaan ei ole, sillä kaupat eivät ainakaan hyvin usein muutu. Julkaisukieli: Julkaisukielenä tässä, niin kuin kaikissa muissakin sivuissa, toimii englanti. 12

2.11 Sisältösuunnitelma: Articles & others Kuvaus sivusta: Myös tama sivu toimii vain linkkinä sivuston ulkopuolisille artikkeleille, jonka kautta voi seurata kirjoittelua musiikista, taitelijoista jne. Kohderyhmät: Sivun kohderyhmänä toimivat ihmiset, jotka haluavat seurata www.nationofskweee.com:in ulkopuolista skweee keskustelua, lukea arvosteluja jne. Sivu ei ole hirvittävän tärkeä, mutta se luo kuvaa laajemmasta yhteisöstä, jolloin sen olemassaolo on perusteltua. Sivun tavoitteet: Pääasiallisena tarkoituksena on näyttää, että kiinnostusta löytyy pienen piirin ulkopuolellakin skweeehen ja antaa uusia näkökulmia siihen liittyviin ilmiöihin. 2.12 Tuotantoprosessi: Articles & others Lähdemateriaali: Muokkaus: Lähdemateriaalina toimivat linkit ulkopuolisille artikkelisivustoille. Lupaa itse artikkeleiden julkaisemiseksi sivustolla ei todennäköisesti saada, joten pelkkä toimitettu linkkilista, josta kuolleet/siirtyneet linkit poistetaan tasaisin aikavälein, on ainoa järkevä vaihtoehto. Tämän osion toimittaminen on admin käyttäjien vastuulla ja linkit tuleekin tarkistaa tasaisin väliajoin, jottei kiusallisia 404 ilmoituksia rupea tulemaan liikaa. Nykyisillä webzineilla ja lehtitalojen sivustoilla on tosin ajallisesti hyvinkin laajat arkistot, joten tarkistustahdin ei tarvitse olla kovin tiheä. Dynaamisuus ja aikadimensio: Sivu ei sinänsä ole järin dynaaminen, se tuotetaan admineiden järjestämästä linkkilistasta. Aikadimensiotakaan ei tarvita. Julkaisukieli: Julkaisukielenä tässä, niin kuin kaikissa muissakin sivuissa, toimii englanti. 13

2.13 Sisältösuunnitelma: Forum Kuvaus sivusta: Suuri vapaavyöhyke, jossa käyttäjät voivat keskustella musiikista tai vain jokapäiväisistä elämän aiheista. Foorumin aihepiirit jaotellaan seuraavasti: musiikkikeskustelut, yleinen mielipidekirjoittelu, laitteisto, muut tapahtumat, linkkidumppi. Muita otsikoita voidaan myös harkita tarpeen mukaan. Foorumi toteutetaan ulkopuolisella softalla, joka valitaan visuaalisen ilmeen ja jaottelun päivittämisen helppouden mukaan. Foorumin ulkoasu muutetaan koko sivuston visuaalista ilmettä vastaavaksi. Kohderyhmät: Foorumin kohderyhmänä toimivat pääasiassa vanhat käyttäjät, jotka haluavat keskustella samanhenkisten ihmisten kanssa musiikista, ilmiöistä jne. Toisena kohderyhmänä toimii lurker ihmiset, eli ne, jotka vain lukevat keskusteluja, mutta eivät itse aktiivisesti osallistu kirjoittamiseen. Sivun tavoitteet: Tarkoituksena on antaa käyttäjille mahdollisuuden vaihtaa ajatuksia samanhenkisten ihmisten kanssa sekä sitouttaa heitä sivustolle. Hauska foorumi lisää myös kiinnostusta koko ilmiötä kohtaan ja vaikuttaa positiivisesti koko musiikkilajin kuvaan. Tuotantoprosessi: Forum Lähdemateriaali: Muokkaus: Lähdemateriaalina toimivat ihmisten omat kirjoittelut, linkit jne. Rekisteröitynyt foorumin käyttäjä toimii uuden materiaalin tuottajana ja oikeudet materiaalin julkaisemiseksi luovutetaan foorumille rekisteröitymisen yhteydessä. Tämä osio sivustosta tulee olla tarkimmin moderoitu, joten päätimme, että kaikki taiteilija käyttäjät toimivat myös foorumin moderoijina, jolloin sopimattoman tekstin elinikä pysyy mahdollisimman lyhyenä. Tämä ei toki tarkoita sitä, että foorumi olisi jotenkin sisällöllisesti tarkasti rajoitettua, vaan taiteilijat ohjeistetaan pitämään liiallisen moderointi-innon kurissa, sillä moderaattori-natsi asenne vain vähentää keskusteluintoa. Muokkaustyökalut ovat ulkopuolisen foorumi softwaren omia. Dynaamisuus ja aikadimensio: Sivu luodaan dynaamisesti keskustelutietokannasta. Sillä ei tarvitse olle erillistä aikadimensiota. Julkaisukieli: Julkaisukielenä tässä sivuston osassa on vapaa. Foorumin navigointitekstit ovat englanniksi. 14

2.14 Ylläpitojärjestelyt Sivusto on kohtuullisen dynaaminen sisällöltään, joten ylläpitojärjestelyihin tulee kiinnittää erityistä huomiota. Halutaan myös, että sivujen päivittäminen ja ylläpitäminen varsinkin artistien kannalta tehdään mahdollisimman helppokäyttöiseksi vaikeissakin olosuhteissa(esim. kännykän kautta ulkomailta GPRS yhteyden läpi). Artistiylläpitosivujen tulee siis olla kohtuullisen keveitä. Siirtyminen hallinnointisivuille tapahtuu vasemman navigointipalkin alalaidassa olevan loggautumisen jälkeen ilmestyvällä Admin linkillä. Käyttäjäryhmät Päivitys Ylläpito Sivustolla on ideana pitää kolmen tasoisia käyttäjiä: admineita, artisteja ja vieraita/foorumille kirjoittavia. Adminit hoitavat uusien artisti käyttäjien rekisteröinnin, ulkoisten linkkien(kaupat&artikkelit jne.) päivittelyn ja mahdolliset ulkoasupäivitykset. Varsinaiseen sisältöön eivät adminit koske, ellei se ole teknisesti rikkinäistä tai suoranaisesti lainvastaista. Taiteilijat hoitavat omat sivunsa, keikkakalenterin sekä foorumin moderoinnin. Tavalliset käyttäjät kirjoittavat foorumille. Dynaamisimpia sivuston osia, eli artistien omia sivuja ja keikkakalenteria, päivitetään erillisellä hallinnointisivulla, joka on valittu työmme aktiiviseksi elementiksi. Hallinnointisivuja on kahta eri laatua, taiteilijahallinnointi ja admin hallinointi. Taiteilijahallinnointisivuilla on mahdollisuus muokata biografian tekstiä erillisellä tekstiboksilla, lisätä ja poistaa kappaleita ja kuvia, lisätä videoehdotuksia ja muokata keikkakalenteria. Muokkaamiset tapahtuvat upload toiminnolla sekä valitse ja poista tyylisellä järjestelmällä. Keikkojen lisäämiselle on oma työkalunsa. Ylläpitosivun layoutista on kuva Ulkoasu ja käyttöliittymä osoissa. Admin hallinnointisivuilla voidaan muokata kaikkien taiteilijoiden tavaroita, ylläpitää linkkilistaa sekä lisätä ja poistaa taitelijoita. Kauppojen päivitystä ja esittelytekstin ylläpitoa tehdään käsin, sillä sitä ei tarvitse usein tehdä. Sivujen päivitystahti on aivan taiteilijoiden viitseliäisyyden varassa, mutta tässä ei pitäisi olla suurta ongelmaa, sillä ylläpidetyt esittelysivut ovat jokaisen taiteilijan intressien mukaisia. Sivuston ylläpidossa on kaksi tasoa: sisältöä ja foorumeita ylläpitävät pääasiassa taiteilijat, koko sivuston toiminnasta, kauppojen ja linkkien listojen ajankohtaisuudesta ja taiteilijalistan ylläpidosta vastaavat admin käyttäjät, joita on muutama. Admin käyttäjät valitaan sellaisiksi, että he osaavat myös korjata sivustoa ja muokata sivuston kokonaisrakennetta tarpeen mukaan. Tämä varmistaa toimivuuden ja sivuston jatkuvuuden. Taiteilijoiden mukaan ottaminen foorumin moderointiin ja sisällöntuottamiseen takaa myös muuttuvan ja kiinnostavan sisällön sivustolle. 15

3 Ulkoasu ja käyttöliittymä Sivuston perusrakenne on jaettu kahteen pystysuoraan osaan - vasemmalla on navigointipalkki, jonka kautta suurin osa sivujen välisestä navigoinnista tapahtuu, ja oikealla on sivukohtainen sisältö. Tarkempi kuvaus eri sivujen tarkoituksesta ja sisällöstä löytyy ylempää. Navigointipalkki koostu rivimäisistä nappuloista. Kun tällaista nappulaa painaa, aukeaa siihen linkitetty sivu. Tämän jälkeen voi myös napin alle ilmestyä alinappeja, mikäli sivusto on jaettu alasivuihin. Alanapit toimivat kuten tavalliset (tässä mainitut) napitkin. Tämänlainen lista-alilistarakenne mahdollistaa siististi toteutetun sivuhierarkian, sillä koko ajan näytettävissä olevien nappien määrä on rajoitettu. Alla on esitetty navigointipalkin päänapit, eli siinä ovat seuraavat napit näkyvissä neutraalitilassa: Sivubarin navigaatioehdotus 1 Sivupalkin vieritys 1 16

3.1 Käyttöliittymä Pääsivu - Täältä löytyy mm. lista artistien tulevista keikoista, sekä mp3-soitin, jolla voi kuunnella artistien kappaleita. Skwee - Esittelysivu. Historiaa, tarkoitus, päätekijöiden esittelyt, kohokohtia jne. joko yhtenä sivuna tai alasivuihin jaettuna. Artistit - Tästä napista avautuu eräänlainen yleinen kuvaus artisteista. Alanapeiksi tulevat itse artistit. Näiden sivut sisältävät tekstiosuuden, kuvagallerian, keikkalistan ja mp3- soittimen samassa sivussa yksinkertaisine käyttöliitymineen. Mikäli artisteja on liikaa, voidaan alinapeiksi valita aakkosvälit (esim. A-K, L-M jne.), joiden kautta päästään artistilistaan. Taiteilijasivun layout Press - Sivu, josta löytyy linkkejä artisteista tai sivustosta kertoviin, tai muuten vain aiheeseen liittyviin artikkeleihin. Mikäli artikkeleita kertyy liikaa, ruvetaan vanhempia artikkeleita arkistoimaan. Tällöin voitaisiin muodostaa kaksi alalinkkiä: nykyiset ja arkisto. Shops - Sivu, josta löytyy linkkejä artistien musiikkia myyviin myymälöihin. Forum - Linkki sivuston keskustelupalstalle. 17

Admin - Linkki hallinnointisivulle. Sivuja on kahta laatua, riippuen on sisäänloggautunut käyttäjä taiteilija vai admin. Sisäänloggaus Tämä avaa hallinnointisivun, josta päästään navigoimaan halutulle muokkaussivulle. Hallinnointisivun aloitus 18

Hallintosivun aloitussivulta voidaan mennä esim. muokkaamaan artistin biografia sivua. hallintosivut: admin ja taiteilija tai muokkaamaan kuvia. Kuvanmuokkaus Kuvagalleria kaikessa yksinkertaisuudessaan koostuu alueesta, jossa kuva näkyy, sekä kahdesta suurikokoisesta napista, joilla kuvia selaillaan edes- ja taaksepäin. Lisäksi pitäisi näkyä järjestyksessä kuinka monetta kuvaa ollaan katsomassa, ja kuinka monta kuvaa artistilla yhteensä on. Kun artistin sivu avataan, näytetään galleriassa aina järjestyksessä ensimmäinen kuva. Mp3-soitin sisältää vähintään play ja pause napit, sekä soittolistan, jonka kappaleita klikkaamalla voidan pistää kyseinen kappale soimaan. Lisäksi näkyvissä pitäisi olla kappaleen pituus sekä kuinka kauan kappale on soinut. Artistikohtainen soittolista on itse artistin määrättävissä, kun taas pääsivun soittolista on sivuston adminien määrättävissä. Pääsivulla oleva keikkalista näyttää kaikkien artistien keikat aikajärjestyksessä. Artistien sivuilla olevat keikkalistat listaavat vain kyseisen artistin tulevat keikat. Pääsivulla jos klikkaa keikkaa, niin pääsee suoraan kyseisen artistin sivulle. 19

Ylläpitoon vievä linkki voisi ilmestyä navigointipalkkiin, kun käyttäjä on kirjautunut sisään. Ylläpito-oikeudet määräytyisivät sen mukaan, onko käyttäjä artisti vai sivuston ylläpitäjä, tai mahdollisesti vain tavallinen käyttäjä. Ylläpitolinkki veisi artistin tapauksessa sivulle, jolta voi lisätä, poistaa ja muokata erilaisia elementtejä omalle sivulleen. Ylläpitäjän tapauksessa linkki veisi sivulle, jossa voidaan muokata sivuston eri sivuja ja lisätä esim. uutisia. 3.2 Graafinen ulkoasu Alustava logo-osuus bannerista Alustava väriskaala Sivun yläosassa on banneri, joka kertoo sivuston nimen olevan Nation of Skweee. Sen alle, sivun vasemmalle laidalle tulee navigointipalkki, ja oikealle laidalle varsinainen sisältö. Tämä asettelu pysyy vakiona jokaisessa sivussa - sivujen vaihtuessa vain sisältö-osuus vaihtuu. Seuraavaksi sivukohtaiset sisällöt: Home - Päällimmäisenä on keikkalista. Sen alla on mp3-soitin soittolistoineen. Skweee - Sivu sisältää lähinnä tekstiä ja kuvaa. Mahdollisesti jaettu alasivuihin. Sisältää vapaamuotoista tekstiä sivuston syntymästä, historiasta, motiiveista, jne. Artistien sivut - Otsikkona on artistin nimi. Sen alla, vasemmalla puolella on lyhyt, vapaamuotoinen esittely artistista, ja oikeallapuolella (yllä) kuvagalleria sekä (alla) mp3- soitin. Näiden alta löytyy vielä keikkalista. Press - Linkkejä artikkeleihin. Shops - Linkkejä kauppoihin. Sivuston ulkoasun tulisi olla yksinkertainen, helppokäyttöinen, selkeä sekä tukea sitä musiikkityylien osajoukkoa jota artistit edustavat. 20

4. Aktiivinen elementti Valitsimme työmme aktiiviseksi elementiksi sivuston sisällön hallinta- ja ylläpitojärjestelmän. 4.1 Käyttötarkoitus Sivustolla on yksi tai useampia "webmastereita", jotka luovat ja poistavat artisteja käyttäjätunnuksia), hallitsevat sivuston ilmettä ja etusivua, sekä siistivät artistien mahdollisesti rikkinäistä sisältöä. Artistit puolestaan voivat hallita oman sivunsa sisältöä, mm. kalenteria, uutisia, musiikkia, kuvia ja videoita yms. Artistilla ei ole oikeuksia muiden artistien tai pääsivun muokkaamiseen, poislukien omat tapahtumansa etusivun tapahtumakalenterissa. Vierailijoilla ei ole muutosoikeutta muualle kun omiin kirjoituksiinsa keskustelupalstalla. 4.2 Tavoitteet Selkeä ja helppo ylläpitojärjestelmä, jonka avulla sivuston ylläpitämiseen tarvittava tietotaidon määrä minimoidaan. HTML-tason taitoja ei (juurikaan) tarvittaisi, vaan ylläpidon käyttöliittymän kautta saadaan hoidettua jokapäiväinen ylläpitö. Artisteille järjestelmä mahdollistaa helpon tavan ylläpitää henkilökohtaista sivuaan, ja mahdollisesti laajentaa jo olemassaolevaa sivustoaan moduleilla, joita nykyisellä sivustollaan heillä ei ole mahdollista käyttää (esim. dynaaminen kalenteri, kunnollinen kuvagalleria yms). Ylläpitosivun tulee olla myös tarpeeksi kevyt, jotta päivittäminen esim. kännykän kautta toimii mahdollisimman jouhevasti. 21

4.3 Elementin toiminta Ylläpitojärjestelmä koostuu useasta pienestä ja erillisestä elementistä. Jokaisen elementin perustoiminta on kuitenkin suhteellisen samanlainen: Uuden elementti luominen 1. Käyttäjä klikkaa Lisää-toimintoa 2. Elementti lisätään sivulle 3. Käyttäjä muokkaa elementtiä ja lopuksi tallentaa sen 4. Elementti lisätään pysyvästi sivulle 5. Jos elementtiä ei tallennettu, sitä ei näytetä sivuilla Vanha elementin muokkaaminen 1. Käyttäjä klikkaa Muokkaa-toimintoa 2. Elementti näytetään Muokkaa-tilassa 3. Käyttäjä muokkaa elementtiä ja lopuksi tallentaa sen 4. Muokattu elementti päivittyy sivulla 5. Jos elementtia ei tallennettu, elementti pysyy samana Elementtien päivitys ilman JavaScriptiä: 1. Sivu haetaan palvelimelta 2. Klikataan Muokkaa-toimintoa, sivu haetaan palvelimelta Muokkaamuodossa 3. Käyttäjä muokkaa sivua, joka esitetään lomakemuodossa 4. Käyttäjä tallentaa sivun lähettämällä sen takaisin palvelimelle Elementtien päivitys JavaScriptillä: 1. Sivu haetaan palvelimelta 2. Klikataan Muokkaa-toimitoa, vain kyseinen elementti haetaan Muokkaamuodossa, ja se korvaa kyseisessä näkymässä alkuperäisen elementin 3. Käyttäjä muokkaa sivua, joka esitetään lomakemuodossa 4. Käyttäjä tallentaa sivun, ja vain kyseinen elementti päivittyy uudessa muodossaa 22

4.4 Toteutus Järjestelmä toteutetaan pääasiassa HTML-lomakkeilla ja niitä vastaanottavalla Perltai PHP-skriptillä. Tiedot tallennetaan tietokantaan (MySQL / PostgreSQL). Kommunikaatio selaimen kanssa tapahtuu joko lomakkeen lähetyksellä (isommat muutokset) tai asynkronisella siirrolla (JavaScript ja XMLHttpRequest aka AJAX). Jokaiselle osaelementille tulee oma toteutuksensa (kalenterin tapahtumat, kuvagallerian kuvat, musiikkitiedostot, uutiset, biografia, linkit yms), ja jokaiselle tulee oma käsittelijänsä. Jokaisen käsittelijän taustalla on kuitenkin yhtenäinen tietokanta-rajapinta ja käsittelyfunktiot, koodin uudelleenkäyttö on syytä pitää korkealla. Peruslomaketoteutuksen päälle tehtävälle JavaScript-toteutukseen käytetään valmista Dojo Toolkit -kirjastoa, josta löytyy valmiit toteutukset usealle tarvitsemallemme funktiolle. Toteutusvaihtoehtoja Kuvagalleria Iilman JS-tukea galleria on lähinnä lista kuvia kuvauksineen, jotka voi suurentaa niitä klikkaamalla. JS-tuella galleria voi sisältää kuvien zoomauksen, liu'utuksen yms silmäkarkin. Kalenteri Iilman JS-tukea kalenteri on lähinnä lista linkkejä päiväkohtaisille sivuille, joissa sisältöä voi muokata lomakkeilla. JS-tuella kalenterin sisältöä voi muokata samalla sivulla eikä sivujen välistä "loikkimista" esiinny. Musiikkitiedostot ja videot Ssoittimelle menevää soittolistaa voi muokata joko käsin tai määritellä uusi, satunnainen soittolista per sessio. Uutiset/blogi Uutiset lisätään omalla lomakkeellaan, jossa määritellään uutisen otsikko, sisältö, mahdolliset jatkolinkit, referenssilinkit, sekä mahdollinen julkaisu- ja poistopäivämäärä. Biografia Muokataan lomakepohjaisesti. Mikäli JS-tuki löytyy, voidaan sivu tai sen osa päivittää lataamatta sivua kokonaan uudelleen. Linkit Linkkejä voi lisätä yksitellen lisää. JS-tuella niitä voi lisätä lataamatta sivua uudelleen. 23

4.5 Tekniikan/käytön rajoitukset Jos pienempien muutoksien tallentamiseen käytetään asynkronista siirtoa JavaScriptin avulla, aiheuttaa se rajoituksia vanhempien selaimien käyttäjälle. Fallback on tietysti sitten lomakkeen lähetys, joka aiheuttaa sivun uudelleen latauksen, joka tietyissä tilanteissa pitää ottaa huomioon. Sivuston toiminta suunnitellaan alusta lähtien käytettäväksi ilman JavaScriptiä, jolloin periaatteessa kaikki selaimet toimivat tasavertaisesti. JavaScript ja muu "karkki" lisätään mikäli ehditään. Näin varmistetaan toteutuksen toimivuus keskeneräisenäkin. 4.6 Erityispiirteet Sivustolle tulee lista käyttäjätunnuksista, mutta vastaavuuksia oikeisiin nimiin, henkilötunnuksiin tai muuhun tosimaailman tietoihin ei kerätä, joten esim. henkilötietorekisteriä ei synny eikä sen pitämisestä seuraavia velvollisuuksia. 4.7 Palvelinvaatimukset Palvelimelta vaaditaan Perl- tai PHP-tukea ja tietokantatuki (PostgreSQL tai MySQL). Lisäksi mitä enemmän AJAX-tyylisiä asynkronisia kutsuja käytetään, sitä enemmän tehoa palvelimelta vaaditaan, koska sille saapuu enemmän lyhyitä, mutta yleensä tietokantaan liittyviä kutsuja, jotka vaativat prosessoritehoa sekä tietokannan että palvelinprosessin vuoksi. Toisaalta kun päivitetään vain pieni osa sivusta kerrallaan, yksittäinen kutsu on kevyempi kuin koko sivun haku. Tämä korostuu erityisesti mikäli sivu on suurimmalta osaltaan dynaaminen, kuten tällä sivustolla. Linux Standardialusta, sivuston siirtäminen esim. webhotellista toiseen on helppoa Apache Standardialusta, myöskin helpottaa siirtämistä. Tunnettu, tehokas palvelin, paljon käyttöä helpottavia ominaisuuksia. MySQL / PostgreSQL MySQL perusalusta, tosin pienen sivuston tarpeeseen on melko yhdentekevää kumpi. Hätätilanteessa myös SQLite käy alustaksi. Eroja lähinnä SQL syntaksissa, PHP/Perl rajapinnat yleistävät kaikki muut operaatiot. PHP / Perl Mielipideasia, PHP on ehkä enemmän sivuston ylläpitämiseen orientoitunut. 24

4.8 Tietoturva Muut kuin sivun omistava artisti (ja pääylläpitäjät) eivät saa muokata artistin sivuja tai tietoja. Tämä vaatii sivustolle kunnollisen tunnistusjärjestelmän, sekä sessionseurannan. Ainakin PHP tarjoaa valmiit sessionhallintatyökalut, eikä muutenkaan ole syytä keksiä pyörää uudelleen. Kaikki käyttäjältä tuleva syöte täytyy tarkastaa. Syöte tulee sanitoida HTMLkoodista (XSS-hyökkäykset, mainokset yms muu epätoivottu sisältö). Erityisesti AJAX-kutsuissa (GET parametrit on helppo väärentää) sekä tietokantaan kohdistuvissa syötteissä (SQL injection hyökkäykset) parametrit ja syötteet tulee tarkastaa erityisen huolellisesti. PHP sekä Perl tarjoavat tähän valmiit funktiot. Artistin sivuille lisäämä syöte täytyy todennäköisesti sanitoida, jotta vältetään mahdollisista virhesyötteistä aiheutuvat ongelmat (esim. XHTML sivu menee rikki jos artisti syöttää virheellistä tietoa esim. vahingossa, tätä ei saa tapahtua). Tätä voidaan rajoittaa käsittelemällä kaikki saapunut sisältö plain textinä, eli kaikki vaaralliset merkit escapetaan. Keskustelupalstalla kaikki viestit on syytä sanitoida myöskin, erityisesti XSShyökkäyksien varalta, tämän yleisesti tosin hoitaa keskustelupalstaohjelma. Useissa ohjelmissa on kaikki HTML-merkkaus käyttäjien syötteessä kielletty, ja mahdolliset lihavoinnit yms. muokkaukset suoritetaan ns. BB-koodeilla ( [- ja ]-merkkien sisältämät tagit), jotka sitten muunnetaan HTML-tageiksi kun sivu muodostetaan. 25

4.9 Mahdollisia ongelmatilanteita Mahdollisia ongelmatilanteita, joita kohdataan käytettäessä tätä ylläpitojärjestelmää: Rikkinäinen HTML Ei periaatteessa mahdollista, kaikki artistien eli käyttäjien syöte sanitoidaan leipätekstiksi, eikä HTML:n syöttäminen ole mahdollista. Sopimaton teksti Artistien sivuilla artistilla on oikeus syöttää millaista tekstiä haluaa. Tekstin kuitenkin täytyy olla laillista, eli se ei saa kiihottaa tai yllyttää rikokseen, eikä se myöskään saa olla kopioitua tekijänoikeussuojattua materiaalia. Linkit Mitä linkkien takaa löytyy ei ole varsinaisesti tämän sivuston ongelma. Viime aikoina poliisi on sensuurilistoineen kuitenkin alkanut lain vastaisesti estämään pääsyä sivustoille, joilla on linkkejä laittomaan lapsipornoaineistoon. Vaikka tämä on laitonta toimintaa poliisin puolelta, kannattaa ylläpidon tiedoksi saattaa kaikki lisätyt linkit, jotta sivusto itse ei joudu estolistalle. Tämä tietysti tulee automaattisesti tietokannan hauilla, mutta vaatii yhden ylläpitoelementin lisää. Tekijänoikeudet Tekijänoikeudet ovat aina tapetilla. Videoiden ja kuvien lisäämisen yhteydessä pitää varmistaa lisääjältä, että tällä on oikeudet lisäämäänsä sisältöön. Mikäli sisältö sulautetaan ulkopuolisesta lähteestä sivuun (esim. YouTube- videot), ongelma siirtyy ulkopuoliselle lähteelle. Varmuuskopiot Sivustosta tulee pitää varmuuskopioita, sillä mikäli joku käyttäjistä, esim. ylläpitäjä päättää poistaa esim kaiken sisällön, se tulee saada palautettua helposti. Tämä tosin yleensä palauttaa koko sivuston tilaan jossa se oli varmuuskopion aikaan, eli kaikki muutettu sisältö katoaa. Tällaisista tilanteista tulee ilmoittaa käyttäjille eli artisteille, joten jo kerran mahdollisesti lisätty aineisto osataan palauttaa ajoissa eikä esim. keikan jo mentyä. 26

4.10 Muita aktiivisia elementtejä Sivustolla on muitakin aktiivisia elementtejä kuin sivuston ylläpitojärjestelmä. Ne ovat kuitenkin kooltaan pieniä ja vaatimattomia verrattuan ylläpitojärjestelmään. Tässä esitellään muutamia niistä ja mahdollisia toteutusvaihtoehtoja (pyörää ei ole syytä keksiä uudelleen, joten järjestään vaihtoehdot ovat Open Source- tai muuten vapaita ohjelmistoja. Musiikki/videosoitin, toteutusvaihtoehto: JW FLV MEDIA PLAYER 3.15 (http://www.jeroenwijering.com/?item=jw_flv_player) "The JW FLV Media Player (built with Adobe's Flash) is an easy and flexible way to add video and audio to your website. It supports playback of any format the Adobe Flash Player can handle (FLV, but also MP3, H264, SWF, JPG, PNG and GIF). It also supports RTMP and HTTP (Lighttpd) streaming, RSS, XSPF and ASX playlists, a wide range of flashvars (variables), an extensive javascript API and accessibility features." JavaScript-kirjasto, toteutusvaihtoehto: Dojo Toolkit 1.02 (http://dojotoolkit.org/), RichEdit textarea sisältää kaikki normaalin tekstinmuokkauksen välineet, lihavoinnit, kursivoinnit yms. Sisältö on automaattisesti sanitoitua. 27

5. Projektin suunnittelu 5.1 Ryhmäjako Jaakko Kestilä: sisältö, koodaus Tuomo Tanskanen: koodaus, tietorakenne Henrik Karlsson: koodaus, ulkoasumäärittely 5.2 Ajankäyttö ja aikataulu Suunnitteluvaihe Tekovaihe Ensitapaaminen & ideointi: 3 tuntia Työnjako ja omien osuuksien tietojen kartuttaminen: 5 tuntia Suunnittelutekstin tekeminen: 15 tuntia Luetuttaminen ja tekstin viilaaminen: 3 tuntia Sisältö Sisällön ideointi: 3 tuntia Määrittelysivun(what is skweee?) tekeminen ja viilaaminen: 5 tuntia Kauppakuvausten teko: 3 tuntia Linkkien läpikäynti: 3 tuntia Taiteilijoiden biografioiden läpikäynti ja muokkaus: 5 tuntia Artistietusivun teko: 3 tuntia Käyttöohjeiden teko: 3 tuntia 28

Tekniikka Tietokantarakenteet: 10h - Adminit, 2h - Käyttäjät, 2h - Logit: 1h - Kalenteri: 0,5h - Uutiset: 0,5h - Kuvat: 0,5h - Musiikki: 1h - Bio: 0,5h - Linkit: 1h - Keskustelu: 1h Hallintasivut: 50h - Sessionhallinta, 3h - Adminien luominen, 2h - Käyttäjien luominen, 3h - Bio, 2h - Kalenteri, 5h - Uutiset/blogi, 8h - Kuvat, 4h - Musiikki, 5h - Linkit, 3h - Logien tarkastelu, 5h - Fuck-up reservi, 8h Silmäkarkki / AJAX, 30 h - Dojo Toolkit, 20h - Mediaplayer, 5h - Fuck-up reservi, 5h Ulkoasu Sivujen perusteet: 22h - Home: 4h - Skweee: 2h - Artists: 4h - Yksittäinen artistisivu: 4h - Press: 2h - Shops: 2h - Forum: 4h Navigointipalkki: 4h News- ja gigs-feedit: 3h Grafiikka, sivuston ulkoasu jne: 6h 29

5.3 Henkilökohtaiset toteutuneet ajankäytöt Henrik Karlsson: Päivämäärä Projekti Tehtävä Alitehtävä Kuvaus Tunnit 01.03.2008 WWW-palvelu Suunnittelu Käyttöliittymä Sivuston hahmottamista 3,0 02.03.2008 WWW-palvelu Dokumentointi Käyttöliittymä Kirjoittamista 3,0 03.03.2008 WWW-palvelu Dokumentointi Käyttöliittymä Kirjoittamista 2,0 12.03.2008 WWW-palvelu Dokumentointi Käyttöliittymä Kirjoittamista 2,0 13.03.2008 WWW-palvelu Dokumentointi Käyttöliittymä Kuvien piirtämistä ja muokkaamista 2,0 16.03.2008 WWW-palvelu Dokumentointi Dokumentti Dokumentin lukemista, virheiden 1,0 etsimistä 16.03.2008 WWW-palvelu Dokumentointi Käyttöliittymä Lisää kuvien piirtämistä 1,0 Tuomo Tanskanen: Päivämäärä Projekti Tehtävä Alitehtävä Kuvaus Tunnit 19.02.2008 WWW-palvelu Suunnittelu Rakenne WWW-palvelun perusrakenteen 1,5 hahmottelu 20.02.2008 WWW-palvelu Toteutus Hahmotelma Sivuston ilmeen pikainen 4,5 hahmotelma 25.02.2008 WWW-palvelu Suunnittelu Demo Suunnitteludemo 0,5 25.02.2008 WWW-palvelu Suunnittelu Rakenne & Sisältö WWW-palvelun tarkempi 3,0 suunnittelu, työnjako 26.02.2008 WWW-palvelu Dokumentointi Sivukartta Sivukartan luominen MindMap 1,0 tekniikalla 29.02.2008 WWW-palvelu Dokumentointi Aktiivinen elementti Suunnitteludokumentin 3,5 Aktiivinen elementti-osion kirjoitus 03.03.2008 WWW-palvelu Suunnittelu Kirjallisuus Beginning PHP and MySQL5; 7,0 From Novice to Professional kirjaan perehtyminen ja lukeminen, ideoiden adoptointi 04.03.2008 WWW-palvelu Toteutus Mediasoitin Sopivan mediasoittimen 2,0 etsiminen ja testaus 09.03.2008 WWW-palvelu Suunnittelu Kirjallisuus AJAX, Rich Internet 5,5 Applications and Web Development kirjaan perehtyminen ja lukeminen, ideoiden adoptointi 10.03.2008 WWW-palvelu Suunnittelu Palaute Muiden osioiden analysointi ja 1,0 kommentointi 11.03.2008 WWW-palvelu Dokumentointi Aktiivinen elementti Dojo Toolkitiin tutustuminen ja 4,5 sen soveltaminen aktiiviseen elementtiin, dokumenttiosion parantaminen 13.03.2008 WWW-palvelu Dokumentointi Aktiivinen elementti Aktiivinen elementti osion 2,0 parannus, ajankäyttöosion alustus 13.03.2008 WWW-palvelu Toteutus Tietokantarakenteet Tietokannan taulujen suunnittelu ja luonti 4,0 30

Jaakko Kestilä: Päivämäärä Projekti Tehtävä Alitehtävä Kuvaus Työtunnit 19.02.2008 WWW-palvelu Suunnittelu Rakenne WWW-palvelun 1,5 perusrakenteen hahmottelu 20.02.2008 WWW-palvelu Toteutus Hahmotelma Sivuston ilmeen pikainen 4,5 hahmotelma 25.02.2008 WWW-palvelu Suunnittelu Demo Suunnitteludemo 0,5 25.02.2008 WWW-palvelu Suunnittelu Rakenne & Sisältö WWW-palvelun tarkempi 3,0 suunnittelu, työnjako 28.02.2008 WWW-palvelu Suunnittelu Sisältö Sisältötekijöiden 3,0 tunnistamista, biografioiden haalimista 29.02.2008 WWW-palvelu Dokumentointi Sisältö Suunnitteludokumentin 5,0 kirjoittamista, sisällön haalimista 04.03.2008 WWW-palvelu Dokumentointi Sisältö Suunnitteludokumentin 3,0 kirjoittamista 15.03.2008 WWW-palvelu Dokumentointi Dokumentti Suunnitteluvaiheen 8,0 kirjoittamista ja dokumentin kasausta 16.03.2008 WWW-palvelu Dokumentointi Dokumentti Suunnitteludokumentin kasausta ja viilausta 8,0 31