1. No category

HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA
Tarja Hieta-Koivisto
Eurajoen kristillinen opisto
Web design 2014
1
2
3
VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU ............................. 4
1.1
Käsikirjoitusprosessi ................................................................ 4
1.2
Käyttöliittymä- ja rakennesuunnittelu ........................................ 5
1.2.1
Suunnitelmat .................................................................. 5
1.2.2
Projektidokumentit .......................................................... 6
1.2.3
Muut suunnitteluun littyvät ............................................... 6
VERKKOVIESTINNÄN TYÖMENETELMÄT JA VÄLINEET ....................... 7
2.1
Laitteiden ja ohjelmien käyttö .................................................. 7
2.2
Tietotekniikan ja ohjelmoinnin perusteet .................................... 8
2.3
Oman työn merkitys osana tuotantoa ........................................ 8
VERKKOVIESTINNÄN TUOTANTOPROSESSIT JA -YMPÄRISTÖ ............ 9
3.1
Tuotannon hallinta .................................................................. 9
3.2
Englannin kieli ...................................................................... 11
3.3
Tuotantoprojektin hallinta ...................................................... 12
3.4
Julkaisukanavan ja tallennus- ja jakelumuotojen valinta ............ 12
3 (13)
Tutkinnon suorittaja: Tarja Hieta-Koivisto
Näytön suorituspaikka: Eurajoen kristillinen opisto
Ajankohta: 20.5.2014
Tässä dokumentissa mainitsemani asiakkaat olen luetellut seuraavassa
listassa ja käytän jatkossa heistä nimikirjainlyhennelmää.
1. Porin Filosofinen Seura (PFS)
2. Sunniva-kuoro (SUNNIVA)
3. Virpi Luhtimaa (VL)
4. Porin Mies-Laulu (PML)
4 (13)
1 VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU
1.1 Käsikirjoitusprosessi
Kriteerit:

osaa toteuttaa riittävän tarkkoja, selkeitä ja ymmärrettäviä
käsikirjoituksia, joista ilmenee tuotannon käyttötarkoitus

osaa tuottaa asiatekstiä verkkokäyttöön
Arvioinnin kohde:
Projektidokumentissa olen tehnyt karkean jaottelun (ehdotuksen) wwwsivuille tulevista kohdista. Siitä näkyy ehdotus tulevista valikon kohdista
sekä selventävä teksti sisällöstä. Lisäksi liitin banneriin tulevien kuvien
ehdotukset.
Tein kaikissa asiakasprojekteissa tekstin muokkausta lopulliseen
verkkotekstiin sopivaksi.
Olen kirjoittanut entisessä työssäni CGI:llä liki 30 vuotta kaikki
koulutusmateriaalit itse, sekä ylläpitänyt versioittain noin kymmentä
käsikirjaa uuteen versioon sopivaksi. Jokaiseen uuteen versioon tarkistin
vanhat tekstidokumentit sekä tein ohjeistuksen/dokumentoinnin uusista
asioista. Työhöni kuului myös kouluttaa uudet asiat joten tein myös
koulutusmateriaalit. Näitä dokumentteja oli versiosta riippuen 15-40 kpl.
5 (13)
1.2 Käyttöliittymä- ja rakennesuunnittelu

osaa suunnitella viestintätuotteelle teknisesti toimivan ja visuaalisesti
tarkoituksenmukaisen ulkoasun ja käyttöliittymän, jossa on huomioitu
tuotteen tai palvelun käyttötarkoitus, kohderyhmä ja
vuorovaikutteisuus

osaa havainnollistaa suunnitelman selkeällä tavalla

osaa suunnitella viestäntätuotteelle selkeän, perustellun ja teknisesti
toimivan rakenteen ja informaatio-arkkitehtuurin

osaa ottaa suunnittelussa huomioon tuotteen käytettävyyden sekä
ylläpidon ja päivitettävyyden
1.2.1 Suunnitelmat
Tein jokaiselle asiakkaalle dokumentin tulevien sivujen layoutista ja visioin
sanallisesti ja kuvin mitä sivustolla voisi tulla valikkorakenteen ja tekstin
suhteen. Nämä on kuvattu projektidokumenteissa.
PFS: tein sivuston suunnittelun pelkästään näyttämällä kuvia layouteista
ja väreistä. "Matalan prototyypin" suunnittelun valitsin sen vuoksi, ettei
asiakkaalla ollut mitään konkreettista toivetta mitä sivuille tulisi. Tein
layoutit kuvitteellisilla tiedoilla. Suunnittelman esittelin PFS:n
yhteyshenkilölle esitysohjelmiston avulla.
Tein suunnitelmien esittelyn muille asiakkaiden yhteyshenkilöille (pl. PFS)
dokumentoinnin lisäksi näyttämällä ns. alustavat www-sivut. Sivut olin
tehnyt html-julkaisukielellä, käyttäen hyväksi ulkopuolista Csstyylitiedostoa (Dreamwiever) tai wordpress-ohjelmalla.
6 (13)
1.2.2 Projektidokumentit
Projektidokumenteissa olen käsitellyt kunkin asiakkaan tarpeen wwwsivustojen suhteen, aikataulut sekä olen pyrkinyt ottamaan kantaa
jatkosta esim. koulutuksien ja päivitysten suhteen.
PFS_projekti.pdf
Sunniva_projekti.pdf
PML_projekti.pdf
VL_projekti.pdf
Dokumentit löytyvät portfoliosta kunkin asiakastyön esittelystä.
1.2.3 Muut suunnitteluun littyvät
Keskustelin jokaisen asiakkaan kanssa mahdollisista kouluttamistarpeista.
Asiakkaan PML:n yhteyshenkilön kanssa sovimme, että opastan häntä
wordpressin käytössä ja lisäksi lupasin tehdä ohjeistuksen joiden avulla
sivustoa pystyy hallinnoimaan web-hotellin sivuilla. Ohje löytyy
portfoliosta asiakkaan Porin Mies-Laulu alta.
Huomioin asiakkaan ylläpito- ja päivitettävyysasiat seuraavasti:

Tein itselleni jokaisen asiakkaan sivustosta varmuuskopiot tiedoista

Tallensin kuvat omaan hakemistoon ja sen lisäksi käytin
työhakemistoa jaotteluineen. Näin sain luotua luotettavan tiedon
haun tarpeen mukaan sekä päivitykset pysyivät järjestyksessä.
7 (13)
2 VERKKOVIESTINNÄN TYÖMENETELMÄT JA VÄLINEET
2.1 Laitteiden ja ohjelmien käyttö
Kriteerit:

osaa käyttää työprosessin eri vaiheissa vaadittuja laitteita ja ohjelmia

osaa käyttää sopivia ohjelmia still- ja liikkuvan kuvan käsittelyyn,
tekstinkäsittelyyn, äänenkäsittelyyn, koostamiseen ja dokumentointiin

osaa käyttää tarvittavia pakkaus- ja tallennustapoja
Sähköpostina minulla on ollut Microsoft Outlook 2007 ja sen kautta pidin
yhteyttä asiakkaisiin.
Käytössäni on tällä hetkellä kotona Adobe pilvipalveluna: Flash
Professional, Dreamwiever, Photoshop, Illustrator, InDesign ja Premiere
Pro. Näiden ohjelmien käytön tuloksena ovat syntyneet vaaditut
oppimistehtävät ja itsenäisesti tehtävät asiakastyöt.
Tekstin tuottamiseen olen käyttänyt Microsoftin Office Word 2007
(koulussa 2010) ohjelmaa. Olen tehtyt pitkän asiakirjan mallilla jokaisen
projektidokumentin.
CMS: oppimistehtävissä olen käyttänyt ohjelmia Joomla, WordPress,
Weebly ja CashFlow.
Liikkuvan kuvan käsittely (video portfoliossa)
Animaatioesimerkki (portfoliossa)
8 (13)
2.2 Tietotekniikan ja ohjelmoinnin perusteet
Kriteerit:

osaa tietotekniikan ja ohjelmoinnin perusteet
Verkkosivujen luonnissa olen käyttänyt tietoteknistä osaamistani. Olen
vienyt (ladannut, kopioinut) ohjelmatiedostot ja kuvat web-hotelliin
(palvelimelle). Olen käyttänyt palveluntarjoajan cPanel-näyttöä niissä
määrin kun asiakastehtävissä on ollut tarpeen. Näistä osoituksena ovat
asiakaskohtaiset työni portfoliossa.
Tein itselleni kotikoneelle webbi-palvelimen (WampServer) ja tein sitä
käyttäen Leevi Leipuri -tehtävän WordPressillä ensin omaan koneeseeni ja
siirsin aineiston koulun koneelle. Osaamisellani pystyin tekemään
asiakkaalle PML esittelysivuston ja näyttämään sen esittelytilanteessa.
Suurin osaaminen ohjelmien käytössä ja tuntemisessa mielestäni tulee
esiin tehdyissä asiakastöissäni sekä porfoliossa.
2.3 Oman työn merkitys osana tuotantoa
Kriteerit:

osaa analysoida omaa työtään ja arvioidan oman työnsä merkityksen
osana tuotantoprosessia

osaa ammattimaiset työmenetelmät, alan ammattisananston, selkeän
havainnollistamisen ja tuotannon dokumentoinnin
9 (13)

osaa tulkita kuvakäsikirjoituksia ja konseptikuvituksia
Olen tottunut tekemään itsearviointia entisessä työpaikassani (CGI), jossa
meillä käytiin vuosittain tavoite- ja kehityskeskustelut.
Olen mielestäni hyvä selittämään perusasioita asiakkaille - olihan se
työtehtäväni liki 30 vuotta. Olen toiminut kouluttajana, projektityössä ja
versiokehityksen suunnittelijana ennen tätä opiskelua.
Olen saanut asiakkaalta PML määrittelydokumentin ja olen toteuttanut
sivuston sen suunnitelman pohjalta.
Projekteista selvisin mielestäni hyvin. Selvisin asiakkaiden antamista
haasteista ja keksin ratkaisun haluttuihin ominaisuuksiin.
3 VERKKOVIESTINNÄN TUOTANTOPROSESSIT JA -YMPÄRISTÖ
3.1 Tuotannon hallinta
Kriteerit:

osaa suunnitella, toteuttaa ja testata viestintätuotteita eri
käyttöympäristöissä

tietää osuutensa koko tuotantoprosessissa ja osaa työskennellä
itsenäisesti

tietää tuotannon eri vaiheet ja työtehtävät

ymmärtää viestinnän eettisiä kysymyksiä ja niiden vaikutusta omaan
työhönsä
10 (13)

ymmärtää viestintäalan toiminnan yhteiskunnassa
Testauksista on oma kohtansa jokaisessa asiakkaan
projektidokumentissa.
Projektidokumentointissa on myös kohdat aikataulu ja kustannusarvio.
Olen ollut viimeiset vuodet Sonet toiminnanohjauksen versiokehityksen
pääsuunnittelijana:

versiot ilmestyivät tarkan suunnitelman mukaisesti kerran vuodessa
(excel-suunnitelma)

meillä oli organisoitu testaus, käytössä testausraportit ja tilaisuudet
missä ne läpikäyntiin. (resurssien varaus ja sitouttaminen
testaukseen esikoulutuksen avulla, uusien asioiden koulutukset,
testiraporttien standardointi ja yhteiset testiraporttien
läpikäyntipäivät.)

organisoitu virheidenkäsittelyprosessi (virheet työjonoon
töidensuunnitteluohjelman kautta, korkeimmalla nopeusluokalla)

hallittu dokumenttien käsittely tietyllä layoutilla, käsikirjojen
tekeminen (dokumenteille sovittu pohja, aikataulutus ja käsikirjojen
buildaaminen ohjekentiksi)

viimeiset vuodet olin vastuussa asiakasräätälöintien hallinnasta
(tarjous, tilaus, lasku), niiden dokumentoinnista ja tiedottamisesta,
sekä työtehtävien koordinoinnista ja hallinnasta (Quality Center ohjelmalla).

reklamaatioiden ja asiakaspalautteiden käsittely ja hallinta kuului
myös työtehtäviini.
11 (13)
Edelliset osoittavat ainakin itsenäisen työskentelyn sujuvuuden.
3.2 Englannin kieli
Kriteerit:

ymmärtää englanninkielisiä työhänsä liittyviä asiakirjoja, käyttö ja
ylläpito-ohjeita ja tiedotusluonteista tekstiä

osaa laatia englanninkielisen ansioluettelon ja kuvailla omaa
ammattiosaamistaan englanniksi.
Portfolion liitteenä on englanninkielinen cv, Me as web designer -essee ja
suomenkielinen ansioluettelo.
Ymmärrän englanninkielisiä ohjelmia ja osaan käyttää niitä. Web
Designerin ammatutkinnon aikana olen käyttänyt englanninkielisiä
ohjelmistoja sekä koulussa että osittain kotona.
Aikaisemmin olen käyttänyt työkseni mm. BMC Remedy Action Request
(asiakaspalautteiden hallinta) ohjelmaa sekä Quality Center (QC)
ohjelmaa. Päätyöni suoritin QC:llä eli töiden hallinta tapahtui tällä sekä
töiden jako. Osittain myös testauksen koordinointi oli sinne laitettu
valmiiksi. Edelliset ohjelmat olivat kaikki englanninkielisiä ja niiden kaikki
materiaali oli englanniksi (pl. kääntämämme dokumentit).
Lisäksi olen käynyt Microsoft Dynamics NAV ERP-koulutukset toiminnan ja
talouden osalta. Nämä sovellukset ovat englanninkielisiä.
Microsoft NAV ERP kurssit (12 päivää) olivat: warehouse and inventory,
cost accounting, manufactoring, purchase order, sales order and products.
12 (13)
3.3 Tuotantoprojektin hallinta
Kriteerit:

osaa laatia tuotannolle aikataulun sekä resurssi- ja kustannusarvion

osaa raportoida työnjohdolle (asiakkaalle)

tuntee tarjous- ja tuotantosopimuskäytännöt ja
tekijänoikeuslainsäädännön

osaa tuottaa selkeää työhänsä liittyvää kirjallista materiaalia

osaa esittää asiansa ymmärrettävästi asiakkaalle, työnantajalle ja
muille työyhteisön jäsenille
Olen projektin alussa kertonut asiakkaille projektin aikataulun, sekä
projektidokumenteista löytyy kohta Projektin kustannusarvio.
Projektidokumenteista ja asiakastapaamisten dokumenteista pääsee hyvin
selville osaamiseni tällä osa-alueella.
3.4 Julkaisukanavan ja tallennus- ja jakelumuotojen valinta
Kriteerit:

tuntee julkaisukanavien eroja ja merkityksiä

osaa siirtää valmiin ja testatun tuotteen jakelukanavaan

hallitsee työtiedostojen versiohallinnan
13 (13)

hallitsee oikeiden tallennus- ja jakelumuotojen käyttämisen eri
medioissa

tuntee keskeisimmät tiedostomuodot
Olen asiakastöiden aikana siirtänyt palveluntarjoajan serverille tehdyt
sivustot sekä kuvat. VL asiakkaan sivut siirsin oman domainin alle eri
hakemistoon.
Olen versioinut työtiedostot varmuuskopioimalla ne säännöllisesti omalle
kovalevylleni sekä ulkoiselle kovalevylle. Siitäkin huolimatta, että
asiakkaalla on omat kopioinnit palveluntarjoajalla.
Kuva- ja pdf-tiedostoissa olen ottanut huomioon www-sivustojen sujuvan
käytön asettamat vaatimukset.