HTML5:n ominaisuuksien hyödyntäminen ammattikorkeakoulun viestinnässä
Koskinen, Maria (2011)
Koskinen, Maria
Metropolia Ammattikorkeakoulu
2011
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2011120116706
https://urn.fi/URN:NBN:fi:amk-2011120116706
Tiivistelmä
Insinöörityön tavoitteena oli tutkia uusien HTML5:nä tunnetuiden tekniikoiden ominaisuuksia ja mahdollisuuksia. Työssä selvitettiin myös suomalaisten ammattikorkeakoulujen sähköisessä yhteisöviestinnässä käyttämiä kanavia. Tutkimuksen tuloksia hyödyntäen Metropolia Ammattikorkeakoulun Tieto- ja viestintäteknologian yksikölle toteutettiin prototyyppi yksikön ajankohtaisten asioiden viestintäkanavasta.
HTML5:llä tarkoitetaan yleensä HTML-, CSS-, ja JavaScript-kielten käyttöä verkkosivujen toteutuksessa. Työssä tutkittiin, millä tavoin HTML-kielen syntaksi on yksinkertaistunut uuden version myötä ja kuinka uudet semanttiset elementit parantavat käyttökokemusta ja lisäävät rakenteen merkityssuhteita. Videon ja graafisten piirtoelementtien käyttöä ja hyödyntämistä osana verkkosivua selvitettiin erilaisten käyttötapojen kautta. CSS:n ominaisuuksista perehdyttiin elementtien muotoilujen lisäksi mukautuvien verkkosivujen suunnittelun mahdollistaviin mediakyselyihin ja omien kirjasinten käytön tekniikkaan.
Prototyypin toteutuksella tutkittiin, kuinka HTML5:n käyttö vaikuttaa verkkosivun toteutukseen. Sivuston käyttöliittymän luomiseen käytettiin jQuery JavaScript-kirjastoa hyödyntävää liitännäistä jQuery Booklet pluginia. Liitännäisen käyttöönotto ja muokkaus oli yksinkertaista, koska sen muokkaaminen tapahtuu yhden HTML-tiedoston kautta.
Työn tuloksena voidaan todeta HTML5:n ominaisuuksien soveltuvan ammattikorkeakoulun viestintään ja prototyypin jatkokehityksellä voitaisiin saada aikaan toimiva uutissivusto. Prototyypissä käytetty jQuery Booklet plugin soveltuu hyvin staattisen sisällön esitykseen, mutta mikäli sisältöä halutaan muokata myöhemmin, tulisi sen yhteyteen suunnitella sisällönsyöttöjärjestelmä uutismateriaalin lisäämistä varten. Kaikki uudet ominaisuudet eivät myöskään toimi vanhemmilla selaimilla, joten kaikille käyttäjäryhmille HTML5:llä tehty sivusto ei vielä sovellu.
HTML5:llä tarkoitetaan yleensä HTML-, CSS-, ja JavaScript-kielten käyttöä verkkosivujen toteutuksessa. Työssä tutkittiin, millä tavoin HTML-kielen syntaksi on yksinkertaistunut uuden version myötä ja kuinka uudet semanttiset elementit parantavat käyttökokemusta ja lisäävät rakenteen merkityssuhteita. Videon ja graafisten piirtoelementtien käyttöä ja hyödyntämistä osana verkkosivua selvitettiin erilaisten käyttötapojen kautta. CSS:n ominaisuuksista perehdyttiin elementtien muotoilujen lisäksi mukautuvien verkkosivujen suunnittelun mahdollistaviin mediakyselyihin ja omien kirjasinten käytön tekniikkaan.
Prototyypin toteutuksella tutkittiin, kuinka HTML5:n käyttö vaikuttaa verkkosivun toteutukseen. Sivuston käyttöliittymän luomiseen käytettiin jQuery JavaScript-kirjastoa hyödyntävää liitännäistä jQuery Booklet pluginia. Liitännäisen käyttöönotto ja muokkaus oli yksinkertaista, koska sen muokkaaminen tapahtuu yhden HTML-tiedoston kautta.
Työn tuloksena voidaan todeta HTML5:n ominaisuuksien soveltuvan ammattikorkeakoulun viestintään ja prototyypin jatkokehityksellä voitaisiin saada aikaan toimiva uutissivusto. Prototyypissä käytetty jQuery Booklet plugin soveltuu hyvin staattisen sisällön esitykseen, mutta mikäli sisältöä halutaan muokata myöhemmin, tulisi sen yhteyteen suunnitella sisällönsyöttöjärjestelmä uutismateriaalin lisäämistä varten. Kaikki uudet ominaisuudet eivät myöskään toimi vanhemmilla selaimilla, joten kaikille käyttäjäryhmille HTML5:llä tehty sivusto ei vielä sovellu.