Verkkosivuteknologiat ohjedokumentaation tukena : Case HAMK
Huuskonen, Tarmo (2014)
Huuskonen, Tarmo
Hämeen ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014121820419
https://urn.fi/URN:NBN:fi:amk-2014121820419
Tiivistelmä
Tämän työn toimeksiantajana toimi Hämeen ammattikorkeakoulu, jonka ohjedokumentaatiot ovat Internetissä PDF- sekä Word-dokumenttimuodoissa. Tiedonhaku niistä on koettu hankalaksi, joten työn tavoitteena oli tutkia HTML5:tä ja CSS3:a sekä toteuttaa niiden avulla demosivusto ohjedokumentaatiosta, minkä avulla tiedonhaku mahdollisesti nopeutuu. Tavoitteena oli myös saada sivusto toimimaan hyvin mobiililaitteilla sekä huomioida ohjedokumentaation sisällön päivitettävyys. Demosivuston sisällön pohjana käytettiin Word-dokumenttimuodossa olevaa aiemmin tai opintojen aikana muualla hankitun osaamisen tunnistamisen ja tunnustamisen (AHOT) -ohjeistusta.
Työn teoriaosuudessa käytettiin pääasiassa kahta kirjaa ja niiden tukena verkosta löytyviä lähteitä. Käytännön osuudessa sovellettiin HTML5:tä ja CSS3:a sekä etenkin niiden mahdollistamia uusia ominaisuuksia. Käytännön työssä sovellettiin myös avoimen lähdekoodin SimpleGridiä, joka tarjoaa eri laitealustoille mukautuvan ruudukkopohjaisen alustan. Työssä käytettiin myös apuna muutamaa erilaista Internetistä löytyvää tutoriaalia ja hieman JavaScriptiä. Käytännön osuudessa pyrittiin hyödyntämään mukautuvan verkkosuunnittelun periaatteita. Käytettävyyden teoria rajattiin työn ulkopuolelle.
Toteutukseen käytettiin Notepad++-tekstieditorin versiota 6.6.9. Työssä toteutettiin sekä mobiililaitteilla että muilla alustoilla hyvin toimiva sivusto, joka saatiin myös validoitua HTML5:n mukaiseksi. Testialustoina käytettiin Firefox-selaimen versiota 34.0 sekä Samsung Galaxy S II - mobiililaitetta. Myös Firefoxissa olevaa Responsive Design View -kehitystyökalua käytettiin testeissä hyväksi. Firefox-selaimen lisäksi sivusto todettiin toimivaksi Internet Explorer 11 -selaimella, Google Chromen versiolla 39 ja Operan versiolla 26.0. Jatkokehityksen kannalta demosivustosta voitaisiin tehdä käytettävyystutkimus.
Työn teoriaosuudessa käytettiin pääasiassa kahta kirjaa ja niiden tukena verkosta löytyviä lähteitä. Käytännön osuudessa sovellettiin HTML5:tä ja CSS3:a sekä etenkin niiden mahdollistamia uusia ominaisuuksia. Käytännön työssä sovellettiin myös avoimen lähdekoodin SimpleGridiä, joka tarjoaa eri laitealustoille mukautuvan ruudukkopohjaisen alustan. Työssä käytettiin myös apuna muutamaa erilaista Internetistä löytyvää tutoriaalia ja hieman JavaScriptiä. Käytännön osuudessa pyrittiin hyödyntämään mukautuvan verkkosuunnittelun periaatteita. Käytettävyyden teoria rajattiin työn ulkopuolelle.
Toteutukseen käytettiin Notepad++-tekstieditorin versiota 6.6.9. Työssä toteutettiin sekä mobiililaitteilla että muilla alustoilla hyvin toimiva sivusto, joka saatiin myös validoitua HTML5:n mukaiseksi. Testialustoina käytettiin Firefox-selaimen versiota 34.0 sekä Samsung Galaxy S II - mobiililaitetta. Myös Firefoxissa olevaa Responsive Design View -kehitystyökalua käytettiin testeissä hyväksi. Firefox-selaimen lisäksi sivusto todettiin toimivaksi Internet Explorer 11 -selaimella, Google Chromen versiolla 39 ja Operan versiolla 26.0. Jatkokehityksen kannalta demosivustosta voitaisiin tehdä käytettävyystutkimus.