HENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU Emilia Ketola Eurajoen kristillinen opisto Avat 2015-2016
1 Johdanto... 3 2 Käsikirjoitusprosessi... 4 3 Käyttöliittymäsuunnittelu... 5 4 Rakennesuunnittelu... 5 5 Latteiden ja ohjelmien käyttö... 6 6 Oman työn merkitys osana tuotantoa... 8 7 Tuotannon hallinta... 9 8 Englannin kieli... 10 9 Tuotantoprojektin hallinta... 10 10 Julkaisukanavan ja tallennus- ja jakelumuotojen valinta... 11
3 1 JOHDANTO Verkkoviestinnän suunnittelun ja ilmaisun arvioinnin kohteena ovat tekemäni asiakastyöt, sekä muut työt, jotka olen tehnyt opintojen ohessa itsenäisenä harjoitteluna. Kerron jokaisessa kohdassa lyhyesti, missä töissäni kyseiset asiat tulevat ilmi. Tarkemmin töistäni kerron jokaisen projektin omassa dokumentaatiossa. Dokumentaatiossa viitatessani asiakastöihini käytän lyhenteitä, jotka näkyvät asiakkaan nimen perässä sulkumerkeissä. Asiakastyöt: Ritvan Toivematkat, kotisivu (Rt) Jari Hellbom, kotisivu (Jh) Piia Ristilä, kotisivu (Pr) Oona Karhunen, portfolio (Ok) Irene Järvi, kuvaus ja kuvien muokkaus (Ij) Muut työt: Monivalintakysely Instagramkuvat Verkkokauppa Kuvankäsittely Video
4 2 KÄSIKIRJOITUSPROSESSI Osaa toteuttaa riittävän tarkkoja, selkeitä ja ymmärrettäviä käsikirjoituksia, joista ilmenee tuotannon käyttötarkoitus Olen toteuttanut riittävän tarkkoja, selkeitä ja ymmärrettäviä käsikirjoituksia, joista ilmenee tuotannon käyttötarkoitus asiakastöissäni. Tein Rt:n ja Jr:n sivustoista layout-suunnitelmat ulkoasuista ja rautalankamallit, joista pystyi hahmottamaan elementtien kokoja ja paikkoja. Pr:n työssä tein layout-suunnitelman ulkoasusta. Tein myös luonnoksen sivustolla olevasta peitesivusta, jonka toteutin Google Web Designerilla. Tein kaikista sivustoista mindmapit ja rakennekartat sivustojen rakenteista. Kaikille sivustoille tein myös aikataulusuunnitelman, mistä ilmenee työvaiheet ja julkaisupäivä. Ok:n työssä tein mindmapin selventämään, mitä portfoliosta pitää löytyä. Osaa tuottaa asiatekstiä verkkokäyttöön Asiatekstin tuottaminen verkkokäyttöön käy ilmi Rt:n ja Jh:n asiakastöissäni. Rt:n sivustolle kirjoitin itse tekstit haastattelun perusteella. Jh:n projektissa sain tekstit asiakkaalta, jotka tarkistin nettiin sopiviksi ja tein hieman muutoksia.
5 3 KÄYTTÖLIITTYMÄSUUNNITTELU 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 Jh:n, Rt:n, Pr:n ja Ok:n töissä suunnittelin teknisesti toimivan ja visuaalisesti tarkoituksenmukaisen ulkoasun, jossa olen ottanut huomioon sivuston käyttötarkoituksen, kohderyhmän ja vuorovaikutteisuuden. Käyttöliittymän otin joka sivustolla erikseen huomioon kuunnellen asiakkaiden tarpeita liittyen hintaan ja päivitettävyyteen. Ij:n työssä olen ottanut huomioon valmiin tuotteen käyttötarkoituksen. Osaa havainnollistaa suunnitelman selkeällä tavalla. Tein Jh:n, Rt:n ja Pr:n sivustojen suunnitelmat värillisillä layoutsuunnitelmilla ja aikataulutuksesta Gantt in-kaaviot, joista pystyi havainnollistamaan suunnitelmat selkeällä tavalla. 4 RAKENNESUUNNITTELU Osaa suunnitella viestintätuotteelle selkeän, perustellun ja teknisesti toimivan rakenteen ja informaatio-arkkitehtuurin Rt:n, Jh:n ja Pr:n sivustoille tein selkeän, perustellun ja teknisesti toimivan rakenteen. Tein sivustoille layout-mallit, joissa käytin oikeita nimityksiä hahmottamaan ulkoasua. Tein Rt:n ja Jh:n sivustoon myös rakennekartan selventämään sivuston rakennetta.
6 Osaa ottaa suunnittelussa huomioon tuotteen käytettävyyden sekä ylläpidon ja päivitettävyyden Kaikki tekemäni sivustot olen yrittänyt toteuttaa asiakkaiden toiveiden mukaan pitäen mielessä hyvän käytettävyyden. Käytin Rt:n ja Jh:n sivustoilla helppoja elementtien nimiä ja kommentoin koodausta, jotta päivitettävät kohdat löytyvät jatkossa helposti. Nimesin myös kuvia tunnistettavasti, jotta niitä on helppo myöhemmin vaihtaa. Pr:n sivustolla tein käytettävään Wordpress-teemaan lapsiteeman, jotta muokkaaminen onnistuu jatkossa helpommin. 5 LATTEIDEN JA OHJELMIEN KÄYTTÖ Osaa käyttää työprosessin eri vaiheissa vaadittuja laitteita ja ohjelmia Asiakastöissäni ja muissa töissäni olen käyttänyt suunnitteluun ja toteutukseen Adoben ohjelmia ja ilmaisen lähdekoodin ohjelmia. Töiden dokumentaatioon, aikataulutukseen ja hinnoitteluun käytin Microsoft Officen ohjelmia. Adobe Creative Cloud: Dreamweaver Photoshop Illustrator InDesign Lightroom Flash Professional CC Adobe Reader Adobe Premiere Pro CC
7 Ilmainen lähdekoodi: Kompozer GimpShop Inkscape Google Web Designer Notepad++ FileZilla Bluefish HitFilm 3 Express Microsoft Office: Microsoft Word Microsoft Excel Osaa käyttää sopivia ohjelmia still- ja liikkuvan kuvan käsittelyyn, tekstinkäsittelyyn, äänenkäsittelyyn, koostamiseen ja dokumentointiin Ij:n valokuvaus projektissa muokkasin kuvat kuvankäsittelyohjelma Gimpi:llä. Myös muiden asiakkaiden nettisivuille menevät kuvat käsittelin Gimpillä. Kaikkien asiakkaideni projektidokumentaatiot ja henkilökohtaisen opintosuunnitelman olen tehnyt Microsoftin Word tekstinkäsittelyohjelmalla. Sivustoihin liittyvät laskelmat ja aikataulukaavioihin olen käyttänyt Microsoft Exceliä. Ok:n blogiin olen tehnyt videon, jossa olen käsitellyt liikkuvaa kuvaa ja ääntä HitFilm 3 Expressillä. Muiden töiden videoissa olen käyttänyt liikkuvan kuvan ja äänen käsittelyyn Adoben Premiereä ja ilmaisen lähdekoodin Hitfilm 3 Expressiä.
8 Osaa käyttää tarvittavia pakkaus- ja tallennustapoja. Kaikissa asiakastöissäni olen tallentanut kuvat ja logot niiden käyttötarkoituksen mukaiseen tiedostomuotoon. Osaa tietotekniikan ja ohjelmoinnin perusteet Kaikki asiakastyöni olen tehnyt tietokoneella. Jh:n ja Rt:n sivustot olen tehnyt HTML:ää JA CSS:ää käyttäen. Pr:lle ja portfoliooni tein yhteydenotto lomakkeen PHP:llä. 6 OMAN TYÖN MERKITYS OSANA TUOTANTOA Osaa analysoida omaa työtään ja arvioida oman työnsä merkityksen osana tuotantoprosessia. Olen tehnyt kaikkiin asiakasdokumentaatioihin itsearvioinnin työskentelystäni. Osaa ammattimaiset työmenetelmät, alan ammattisanaston, selkeän havainnollistamisen ja tuotannon dokumentoinnin. Ammattimaiset työmenetelmät ja alan ammattisanasto tulee esille tekemissäni asiakastöissä ja niiden dokumentaatioissa. Olen tehnyt kaikista asiakastöistäni dokumentaatiot, joissa kerron eri työvaiheista. Osaa tulkita kuvakäsikirjoituksia ja konseptikuvituksia. Asiakastöissäni pääsääntöisesti itse suunnittelin ja tein käsikirjoitukset, joita osasin tulkita.
9 7 TUOTANNON HALLINTA Osaa suunnitella, toteuttaa ja testata viestintätuotteita eri käyttöympäristöissä. Olen suunnitellut kaikki tekemäni työt ja testannut niitä eri päätelaitteilla ja selaimilla. Olen käyttänyt testaukseen myös netissä toimivia ohjelmia. Sivuston responsiivisuuden testaukseen käytin Quirktools.com:ia ja hakukoneystävällisyyden testaukseen seotesti.dagmar.fi:ä. Sivuston kontrastin testaukseen käytin Mozilla Firefoxin WCAG Contrast Checkeriä ja validoin sivut validator.w3.org:ssa. Tietää osuutensa koko tuotantoprosessissa ja osaa työskennellä itsenäisesti. Asiakastöissäni kävin asiakkaiden kanssa läpi, mitä he toimittavat ja mitä minä teen. Kaikki työni olen tehnyt itsenäisesti. Tietää tuotannon eri vaiheet ja työtehtävät. Tein jokaiselle asiakkaalleni aikataulusuunnitelman, josta tulee ilmi tuotannon eri vaiheet ja työtehtävät. Ymmärtää viestinnän eettisiä kysymyksiä ja niiden vaikutusta omaan työhönsä. Asiakkaideni sivustoilla en ole julkaissut mitään eettisesti väärää sisältöä. Olen myös puhunut asiakkailleni tekijänoikeuksista ja pitänyt ne itse mielessäni sivustoja tehdessäni. Ymmärtää viestintäalan toiminnan yhteiskunnassa. Asiakastöissäni olen yrittänyt ottaa kohderyhmän huomioon, jotta oikeat asiakkaat löytäisivät sivustoille. En ole julkaissut sivustoilla mitään ala-arvoista, koska ne ovat kaikkien näkyvillä.
10 8 ENGLANNIN KIELI Ymmärtää englanninkielisiä työhönsä liittyviä asiakirjoja, käyttö- ja ylläpito-ohjeita ja tiedotusluonteista tekstiä. Pääsääntöisesti asiakastöissäni käytin kaikkia tarvitsemiani ohjelmia englanninkielisinä. Ohjelmien asennukset ja ohjeet olivat pääasiassa englanninkielisiä. Hain myös tarvittavia lisätietoja englanninkielellä. Osaa laatia englanninkielisen ansioluettelon ja kuvailla omaa ammattiosaamistaan englanniksi. Tein portfoliooni ansioluetteloni ja kertomuksen minusta nettisivujen tekijänä, Me as a web designer:in englanniksi. 9 TUOTANTOPROJEKTIN HALLINTA Osaa laatia tuotannolle aikataulun sekä resurssi- ja kustannusarvion. Tein jokaiseen asiakastyöhöni aikataulusuunnitelman ja kustannuslaskelman. Osaa raportoida työnjohdolle. Raportoin työnjohdolle eli asiakkailleni työn etenemisestä ja mahdollisista muutoksista.
11 Tuntee tarjous- ja tuotantosopimuskäytännöt ja tekijänoikeuslainsäädännön. Asiakastöistäni tein kirjalliset sopimukset, aikataulutuksen ja hintaarvion. Tekijänoikeuslainsäädännön olen ottanut jokaisessa asiakastyössäni huomioon. Osaa tuottaa selkeää työhönsä liittyvää kirjallista materiaalia. Kaikista asiakastöistäni tein projektidokumentaatiot, joissa kerron projektin kulusta alusta loppuun. Jh:lle ja Pr:lle tein ohjeet sivuston tekstien päivitykseen. Osaa esittää asiansa ymmärrettävästi asiakkaalle, työnantajalle ja muille työyhteisön jäsenille. Asiakastöissäni esitin asiani ymmärrettävästi kaikille asiakkailleni. Selitin heille asiat ammattisanastolla ja avaamalla sanat joita he eivät tienneet, esimerkiksi domain oli monelle vieras sana. 10 JULKAISUKANAVAN JA TALLENNUS- JA JAKELUMUOTO- JEN VALINTA Tuntee julkaisukanavien eroja ja merkityksiä. Otin julkaisukanavat huomioon ohjaamalla asiakkaani luotettaviin webhotelleihin. Suosittelin kaikkia asiakkaitani myös ottamaan maksullisen webhotellin, koska pääsääntöisesti ne toimivat paremmin kuin maksuttomat.
12 Osaa siirtää valmiin ja testatun tuotteen jakelukanavaan. Julkaisin kaikkien asiakkaiden sivut käyttäen FileZilla-ohjelmaa ja ftptiedonsiirtoa resurssienhallinnasta. Hallitsee työtiedostojen versionhallinnan. Tallensin kaikissa asiakastöissäni kuvat ja logot myös käyttämieni ohjelmien tiedostomuodoiksi eli työtiedostoiksi. Nimesin työtiedostot vielä samalla nimellä kuin valmiit tiedostot, jotta ne ovat selkeässä järjestyksessä. Hallitsee oikeiden tallennus- ja jakelumuotojen käyttämisen eri medioissa. Kaikissa asiakastöissäni olen tallentanut kuvat ja logot niiden tarvittavaan muotoon. Ok:n työssä olen julkaissut videon Youtuben kautta. Tuntee keskeisimmät tiedostomuodot. Kaikissa asiakastöissäni olen käyttänyt tunnettuja tiedostomuotoja ja tiedän mistä tarpeen vaatiessa etsin lisää tietoa.