PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN 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...7 3 TOTEUTUS...8 3.1 Valokuvat ja kuvienkäsittely...9 3.2 Verkkoteksti...9 4 TESTAUS JA VALIDOINTI...9 5 SIVUSTON YLLÄPITO...10 6 HINTA-ARVIO JA AIKATAULUTUS...11 7 ARVIOINTI...12 7.1 Itsearviointi...12 7.2 Asiakkaan arviointi...12
1 1 ASIAKKAAN JA PROJEKTIN ESITTELY Monipalvelu Halonen on Harri Halosen yritys, joka tekee puutarhatöitä ja kiinteistötöitä. Asiakaskuntana hänellä on yksityiset ihmiset ja muut yritykset. Yrityksellä ei ole olemassa aikaisempaa sivustoa. Sivuston hankkimisen tarkoituksena on saada lisää näkyvyyttä. 1.1 Aikataulu Suunnittelin sivuston tekemisen kestävän noin yhden viikon. Ensimmäinen päivä tai kaksi menee sivuston suunnitteluun ja mallien tekemiseen asiakkaalle. Kun asiakas on valinnut sivulle pohjan antamistani malleista, voin alkaa tekemään sivustoa. Kun asiakas toimittaa sivuston tekstit minulle, sivun toteutukseen ei kulu kauan.
2 2 SUUNNITTELU Ensimmäisellä asiakaskeskustelulla näytin asiakkaalle yksinkertaisia rakennemalleja, jotka tein toisessa projektissa. Malli 1
3 Malli 2 Malli 3
4 Malli 4 Näistä malleista asiakas valitsi malli 2:n. Kolmesarakkeinen sivurakenne on asiallinen ja selkeä. Asiakas halusi myös oman yrityksensä Facebook-sivun näkymään sivulle. Kolmesarakkeisessa rakenteessa voin laittaa Facebook-sivun näkymään alueelle, jonka mallissani olen varannut uutisille ja ajankohtaisille asioille.
5 Tein ensimmäisen asiakaskeskustelun pohjalta mind mapin sivuston rakenteesta. Asiakas halusi sivustolle harmaan sävyjä, mustaa ja valkoista, ja ehkä sinistä. Asiakas halusi sivuston olevan helposti muokattavissa, joten teen sivuston WordPressillä. Näytin asiakkaalle malleja eri WordPress-teemoista, joista hän voi valita mieleisensä.
6 Editor LiveRide
7 Hydrogen Näistä malleista asiakas valitsi LiveRide-teeman. 2.1 Toinen asiakaskeskustelu Näytin asiakkaalle, miltä sivusto tässä vaiheessa näytti ja keskustelimme mahdollisista muutoksista.
8 Ehdotin asiakkaalle sisällön fontin suurentamista. Asiakas oli samaa mieltä. Asiakas halusi myös navigaation fonttia suuremmaksi. Asiakas halusi otsakekuvaksi sivulle maisemakuvan. Asiakkaalla ei ole omia kuvia, joita voisin käyttää, joten etsin kuvan ilmaisesta kuvapankista. 3 TOTEUTUS Toteutin sivuston WordPressillä LiveRide-teemalla. Kuvagalleriassa käytin Photo Gallery -lisäosaa. Katsoimme asiakkaan kanssa erilaisia kuvagallerioita, ja tämä vastasi asiakkaalle mieluisinta galleriaa.
9 Käytin yhteydenottolomakkeeseen Form Maker -lisäosaa. Käytin tätä lisäosaa, koska olen käyttänyt sitä aiemminkin. Katsoin Facebookin omalta sivulta ohjeet ja sain sieltä koodin, jolla sain asiakkaan Facebook-sivun sivulle. 3.1 Valokuvat ja kuvienkäsittely Sivuston valokuvat asiakas toimitti minulle, jonka jälkeen minä muokkasin ne. Sivuston otsakekuvan hain ilmaisesta kuvapankista. Tarkistin kuvapankin sivulta kuvan käyttöoikeudet. 3.2 Verkkoteksti Asiakas toimitti sivuston tekstit minulle, jotka minä oikoluin ja varmistin, että ne ovat hyvässä verkkomuodossa. 4 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
10 Google Chrome versio 49.0.2623.112 m Microsoft Edge versio 25.10586.0.0 Mozilla Firefox 45.0.1 Opera versio 36.0 Safari versio 5.1.7 Motorola Moto G Sivusto toimi kaikilla selaimilla ja laitteilla moitteettomasti. Käytin sivuston kontrastin tarkistamiseen http://www.checkmycolours.com/ -sivustoa. Sivuston responsiivisuuden testasin quirktools.com -sivustolla. Sivusto toimi hyvin kaikilla resoluutioilla ja laitteilla. 5 SIVUSTON YLLÄPITO Toteutin sivuston WordPress-hallintajärjestelmällä, jotta asiakkaan on helppo muokata sivustoa itse. Tein asiakkaalle ohjeet sivun muokkausta varten ja opetin hänelle sen WordPressin käyttöä.
11 6 HINTA-ARVIO JA AIKATAULUTUS Käytin hinta-arviossani 70 /h veloitusta. Sivuston lopulliseksi hinnaksi tuli 954,80 ALV mukaan laskettuna. Projektin aikataulu näkyy alla olevassa kaaviossa. Projektin kartoitus 1 Suunnittelu 9 Kehittäminen ja toteutus 5 Testaus ja toteutus 1 Päätös 1
12 7 ARVIOINTI 7.1 Itsearviointi Olen tyytyväinen toteuttamaani sivustoon. Sivusto on hyvin selkeä ja helppo navigoida. Käytin tuntimääräisesti sivuston toteuttamiseen juuri sen verran kuin suunnittelin. 7.2 Asiakkaan arviointi