PROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto
1 ASIAKKAAN JA PROJEKTIN ESITTELY...1 1.1 Aikataulu...1 2 SUUNNITTELU...2 2.1 Toinen asiakaskeskustelu...6 3 TOTEUTUS...9 3.1 Valokuvaus ja kuvienkäsittely...9 3.2 Verkkoteksti...10 3.3 Muut muutokset...10 4 TEKIJÄNOIKEUS- JA KÄYTTÖOIKEUSASIAT...12 5 TESTAUS JA VALIDOINTI...12 6 SIVUSTON YLLÄPITO...13 7 HINTA-ARVIO JA AIKATAULUTUS...13 8 ARVIOINTI...14 8.1 Itsearviointi...14 8.2 Asiakkaan arviointi...15
1 1 ASIAKKAAN JA PROJEKTIN ESITTELY Asennus M. Niemi on Miska Niemen yritys, joka tekee teollisuuden kunnossapitotöitä, metallitöitä, lämpölaitosten huoltotöitä, lämpökamerakuvausta ja kaivinkonetöitä. Asiakaskuntana hänellä on pääsijassa toiset yritykset ja pienemmissä määrissä kotitaloudet. Hänellä ei ole olemassa aikaisempaa sivustoa. Sivuston hankkimisen tarkoituksena onkin saada lisää näkyvyyttä, jotta hänen toimintansa olisi enemmän näkyvillä yksityisille henkilöille. 1.1 Aikataulu Suunnittelin sivuston tekemisen kestävän noin 2 viikkoa. Ensimmäinen viikko menee asiakkaan kanssa keskusteluun, sivuston suunnitteluun, eri logojen käyttöoikeuksien tarkistamiseen ja valokuvaamiseen. Projektin toisella viikolla hoidan kuvien käsittelyn, lopullisen sivuston toteutuksen ja viimeistelyn sekä teen ohjeet asiakkaalleni sivuston tekstien muokkaamista varten.
2 2 SUUNNITTELU Ensimmäiseksi asiakaskeskusteluksi tein 4 erilaista yksinkertaista mallipohjaa joista katsoimme, minkä rakenne sopii sivustolle parhaiten. Malli 1
3 Malli 2 Malli 3
4 Malli 4 Näistä malleista asiakas valitsi malli 2:n. Alasivuja sivustolle tuli niin monta, että vaakanavigaatiopalkki olisi saattanut olla liian pieni ja asiakas halusi eri logoja näkyvän sivuston reunassa. Muutinkin siis alueen, jonka olin aluksi varannut uutisille, tapahtumille tai muulle ajankohtaiselle logojen paikaksi.
5 Tein ensimmäisen asiakaskeskustelun pohjalta mind mapin sivuston rakenteesta.
6 2.1 Toinen asiakaskeskustelu Tein ensimmäisen asiakaskeskustelun pohjalta uusia malleja. Asiakas halusi pitää sivuston mustavalkoisena, muttei tiennyt haluaako hän tumman vai vaalean sivuston. Tästä johtuen tein kaksi erilaista mallikappaletta, tumman ja vaalean. Tumma versio
7 Vaalea versio Näistä asiakas valitsi sivuston tumman version. Tein myös bannerista muutaman erilaisen version, joita esitin asiakkaalle. Tumman sivuston 1. banneri
8 Tumman sivuston 2. banneri Vaalean sivuston 1. banneri Vaalean sivuston 2. banneri malli 5 Näistä asiakas valitsi bannerin malli 5:n.
9 3 TOTEUTUS 3.1 Valokuvaus ja kuvienkäsittely Kävimme valokuvaamassa asiakkaani kanssa hänen eri työkohteissa. Kuvasin hänen eri työtiloja, työkaluja, hänen tuotoksiansa ja töitänsä kun hän työskenteli näissä työpisteissä. Valitsin kuvaamistani valokuvista parhaiten onnistuneet ja käsittelin ne itse. Ennen Jälkeen Ennen Jälkeen
10 Ennen Jälkeen Sivuston lämpökamerakuvat ja osan valokuvista asiakas toimitti minulle. Käsittelin nämäkin kuvat itse. 3.2 Verkkoteksti Asiakas toimitti sivuston tekstit minulle, jotka minä oikoluin ja varmistin, että ne ovat hyvässä verkkomuodossa. 3.3 Muut muutokset Bannerit, joita esitin asiakkaalle olivat hyvin yksinkertaisia. Tein asiakkaan valitsemasta bannerista hieman näyttävämmän ja kiinnostavamman. Asiakas piti tästä bannerista, mutta halusi pieniä muokkauksia siihen.
11 Asiakas pyysi myös navigaation alla olevalle tyhjälle alueelle jotain koristetta. Tein tyyliltään samanlaisen koristeen siihen, kuin mitä näkyy bannerin oikeassa laidassa.
12 4 TEKIJÄNOIKEUS- JA KÄYTTÖOIKEUSASIAT Asiakas halusi sivullensa muutamia logoja. Tarkistin näiden logojen käyttöoikeudet ja noudatin logojen omistajien ohjeita. 5 TESTAUS JA VALIDOINTI Validoin HTML- ja CSS-koodini https://validator.w3.org/ ja https://jigsaw.w3.org/css-validator/ sivuilla. Testasin sivuston näillä selaimilla ja laitteilla Google Chrome versio 46.0.2490.86 m Microsoft Edge versio 20.10240.16384.0 Mozilla Firefox versio 42.0 Opera versio 33.0.1990.115 Safari versio 5.1.4 Motorola Moto G Sivusto toimi kaikilla selaimilla ja laitteilla oikein, lukuunottamatta Autoviewer-kuvagalleriaa. Galleria ei näy mobiililaitteilla. En löytänyt mitään, mitä itse voisin tehdä ratkaistakseni tämän ongelman.
13 Kerroin tästä ongelmasta asiakkaalleni ja hän oli sitä mieltä, että se saa olla näin. 6 SIVUSTON YLLÄPITO Tein asiakkaalle ohjeet, miten hän voi muokata ja lisätä tekstiä sivustolle. Lupasin auttaa häntä, jos hänelle tulee muita pieniä asioita, joita hän haluaa lisätä tai muokata. Puhuimme myös paljon mahdollisesta sivuston päivityksestä, jonka tekisin seuraavalla harjoittelujaksollani. 7 HINTA-ARVIO JA AIKATAULUTUS Käytin hinta-arviossani 50 /h veloitusta. Käytin sivuston tekemiseen 33 tuntia. Sivuston hinnaksi tuli 1650 tai 2046 ALV:n lisättyä hintaan mukaan.
14 Projektin aikataulutus näkyy alla. Projektin kartoitus 1 Määrittely 2 Suunnittelu 5 Kehittäminen ja toteutus 4 Testaus ja toteutus 4 Päätös 1 8 ARVIOINTI 8.1 Itsearviointi Katsoisin kokonaisuudeltaan onnistuneeni projektissa melko hyvin. Kuuntelin asiakkaan toiveita tarkkaan ja kun asiakas ei ollut varma jostain, käytin omaa luovuuttani ja tein esimerkkimalleja, joista asiakas sai valita mieleisensä. Jotkin tekniset ongelmat hidastivat projektin etenemistä jonkin verran. Projektia hidasti myös se, että jouduin käyttämään eri ohjelmia joihin olen koulussa tottunut, joten niitten opiskeluun meni oma aikansa.
15 Itse olen tyytyväinen sivustoon ja katsoisin sen täyttävän tarkoituksensa. 8.2 Asiakkaan arviointi Janin työssäoppimisjakso oli oikein onnistunut. Hän osasi koota juuri oleellisimmat tiedot firmastani sivustolle.