Responsiivinen teemapohja julkaisujärjestelmille : suunnittelu ja sovitus testijärjestelmään
Nisula, Kalle (2014)
Nisula, Kalle
Turun ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201404254890
https://urn.fi/URN:NBN:fi:amk-201404254890
Tiivistelmä
Työn toimeksiantajan Mobiilimarkkinointi Routa Oy:n käyttöön tarvittiin kaikille päätelaitteille skaalautuva verkkosivupohja, joka olisi helposti kustomoitavissa ulkoasultaan eri asiakkaiden tarpeisiin.
Opinnäytetyön tarkoituksena oli esitellä responsiivista verkkosuunnittelua ja hyviä käytäntöjä responsiivisten verkkosivujen suunnitteluun sekä suunnitella ja toteuttaa responsiivinen teemapohja, joka on sovitettavissa eri julkaisujärjestelmille teemaksi.
Responsiivisessa verkkosuunnittelussa sivusto suunnitellaan mukautumaan kävijänsä käyttöympäristöön. Perusperiaatteet responsiiviselle verkkosivulle ovat joustava rakenne, joustava sisältö, sekä uusimpien verkkotekniikoiden mukana tuomat mediakutsut, jotka mukauttavat sivuston rakennetta selainnäkymän mukaan. Hyvän responsiivisen sivuston suunnittelu vaatii kuitenkin muutakin, on otettava huomioon käytettävyyteen liittyviä seikkoja, kuten kosketusohjauksen tuomat haasteet sekä datan käyttö hitailla mobiiliyhteyksillä.
Teemapohja toteutettiin HTML5 ja CSS3 -verkkotekniikoita hyödyntäen, kuitenkin pyrkien säilyttämään yhteensopivuus kaikkien kohtalaisesti käytössä olevien selainten ja selainversioiden kanssa.
Työn lopputuotoksena toteutettiin testijärjestelmäksi valitun Concrete5-julkaisujärjestelmän pohjalle testisivusto, johon suunniteltu teemapohja on sovitettu valmiiksi teemaksi. Sovitettaessa pohjaa testijärjestelmään huomattiin sen vaativan vielä viimeistelyä ollakseen valmis tuotantokäyttöön. Viimeistelyä ei nähty järkeväksi toteuttaa enää tämän opinnäytetyön puitteissa.
Opinnäytetyön tarkoituksena oli esitellä responsiivista verkkosuunnittelua ja hyviä käytäntöjä responsiivisten verkkosivujen suunnitteluun sekä suunnitella ja toteuttaa responsiivinen teemapohja, joka on sovitettavissa eri julkaisujärjestelmille teemaksi.
Responsiivisessa verkkosuunnittelussa sivusto suunnitellaan mukautumaan kävijänsä käyttöympäristöön. Perusperiaatteet responsiiviselle verkkosivulle ovat joustava rakenne, joustava sisältö, sekä uusimpien verkkotekniikoiden mukana tuomat mediakutsut, jotka mukauttavat sivuston rakennetta selainnäkymän mukaan. Hyvän responsiivisen sivuston suunnittelu vaatii kuitenkin muutakin, on otettava huomioon käytettävyyteen liittyviä seikkoja, kuten kosketusohjauksen tuomat haasteet sekä datan käyttö hitailla mobiiliyhteyksillä.
Teemapohja toteutettiin HTML5 ja CSS3 -verkkotekniikoita hyödyntäen, kuitenkin pyrkien säilyttämään yhteensopivuus kaikkien kohtalaisesti käytössä olevien selainten ja selainversioiden kanssa.
Työn lopputuotoksena toteutettiin testijärjestelmäksi valitun Concrete5-julkaisujärjestelmän pohjalle testisivusto, johon suunniteltu teemapohja on sovitettu valmiiksi teemaksi. Sovitettaessa pohjaa testijärjestelmään huomattiin sen vaativan vielä viimeistelyä ollakseen valmis tuotantokäyttöön. Viimeistelyä ei nähty järkeväksi toteuttaa enää tämän opinnäytetyön puitteissa.