HTML5 mobiilikäytössä : WWW-sivujen mobiiliversion toteuttaminen
Hallström, Miia (2013)
Hallström, Miia
Tampereen ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2013120920622
https://urn.fi/URN:NBN:fi:amk-2013120920622
Tiivistelmä
Opinnäytetyössäni käsitellään edelleen kehitteillä olevan HTML5-merkintäkielen käyttöä mobiililaitteilla. Mobiililaitteiden, eli puhelimien ja tablettien, käyttö lisääntyy päivä päivältä, mikä tuo omat vaatimuksensa myös nettisivuille. Ei riitä, että toteutetaan sivusto pöytäkoneelle vaan niiden tulee olla toimivat myös pienemmillä laitteilla. Omat ongelmansa aiheuttavat Internet Explorerin vanhat versiot, jotka eivät tunnista HTML5-kieltä. Opinnäytetyön tarkoituksena oli tutkia, millaisia eri tekniikoita on käytettävissä, kun toteutetaan nettisivut tietokone- ja mobiilikäyttöön niin, että siinä on huomioitu kaikki tarpeellinen. Tavoitteena oli saada selville, mikä on parhain ja toimivin menetelmä kyseisten sivujen toteuttamiseen.
Opinnäytetyötä tehdessä saatiin selville monia eri tapoja, joilla nettisivuista saadaan entistä toimivammat myös mobiililaitteilla. On olemassa mobiilikäyttäjää helpottavia ominaisuuksia, joiden käytön pitäisi olla itsestäänselvyys suunnittelijoille. HTML5 ja CSS3 tarjoavat monia mahdollisuuksia näiden toteuttamiseen. Esimerkkinä käytettiin työharjoittelussa toteuttamaani ravintola.fi-portaalin mobiiliversiota m.ravintola.fi. Sivuston toteutuksessa oli huomioitu monia tapoja ja ratkaisuja, jotka ilmenivät myös opinnäytetyön lähdemateriaaleista. Moni asiantuntija näyttää olevan sitä mieltä, että Internet Explorerin vanhojen versioiden sijaan tulisi keskittää huomio uusimpiin selaimiin ja tarjota vanhoille versioille vain pelkistetty ulkoasu.
Opinnäytetyön lopputulos on, että kaikkiin asioihin ei ole oikeaa ratkaisua. On hyviä ja huonoja ratkaisuja sekä monien eri ihmisten mielipiteitä. Vaikka sivuston toteuttaisi täysin ohjeiden mukaisesti, ei se silti miellytä kaikkia. On kuitenkin olemassa monia vinkkejä ja tapoja, joilla mobiilisivuista saadaan toimivammat. Kun perusasiat ovat hallussa, jatkossa voidaan keskittyä yksityiskohtaisemmin pieniin, mutta tärkeisiin ominaisuuksiin, jotka parantavat mobiilikäyttäjän käyttökokemusta entisestään.
Opinnäytetyön ymmärtäminen edellyttää HTML-merkintäkielen ja CSS-tyylikielen perusteiden tietämystä, koska niitä ei käsitellä erikseen.
Opinnäytetyötä tehdessä saatiin selville monia eri tapoja, joilla nettisivuista saadaan entistä toimivammat myös mobiililaitteilla. On olemassa mobiilikäyttäjää helpottavia ominaisuuksia, joiden käytön pitäisi olla itsestäänselvyys suunnittelijoille. HTML5 ja CSS3 tarjoavat monia mahdollisuuksia näiden toteuttamiseen. Esimerkkinä käytettiin työharjoittelussa toteuttamaani ravintola.fi-portaalin mobiiliversiota m.ravintola.fi. Sivuston toteutuksessa oli huomioitu monia tapoja ja ratkaisuja, jotka ilmenivät myös opinnäytetyön lähdemateriaaleista. Moni asiantuntija näyttää olevan sitä mieltä, että Internet Explorerin vanhojen versioiden sijaan tulisi keskittää huomio uusimpiin selaimiin ja tarjota vanhoille versioille vain pelkistetty ulkoasu.
Opinnäytetyön lopputulos on, että kaikkiin asioihin ei ole oikeaa ratkaisua. On hyviä ja huonoja ratkaisuja sekä monien eri ihmisten mielipiteitä. Vaikka sivuston toteuttaisi täysin ohjeiden mukaisesti, ei se silti miellytä kaikkia. On kuitenkin olemassa monia vinkkejä ja tapoja, joilla mobiilisivuista saadaan toimivammat. Kun perusasiat ovat hallussa, jatkossa voidaan keskittyä yksityiskohtaisemmin pieniin, mutta tärkeisiin ominaisuuksiin, jotka parantavat mobiilikäyttäjän käyttökokemusta entisestään.
Opinnäytetyön ymmärtäminen edellyttää HTML-merkintäkielen ja CSS-tyylikielen perusteiden tietämystä, koska niitä ei käsitellä erikseen.