HTML5-sivustojen rakentaminen älypuhelimille
Mustonen, Antti (2012)
Mustonen, Antti
HAAGA-HELIA ammattikorkeakoulu
2012
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2012062812988
https://urn.fi/URN:NBN:fi:amk-2012062812988
Tiivistelmä
Tämä opinnäytetyö on tutkimus älypuhelinlähtöisen web-suunnittelun ja toteutuksen käytännöistä. Lisäksi opinnäytetyössä tutkittiin HTML5:n ja CSS3:n ominaisuuksien hyödyntämistä mobiilisivustoilla. Opinnäytetyössä toteutettiin mobiilisivustot kuvitteelliselle logistiikkayritykselle työpöytäsivuston graafisen ulkoasun pohjalta.
Opinnäytetyö jakautui teoreettiseen ja empiiriseen osuuteen. Opinnäytetyön teoriaosuudessa määriteltiin ja luokiteltiin älypuhelimia sekä muita mobiililaitteita. Lisäksi tutkittiin älypuhelimien markkinatilannetta ja käsiteltiin kosketusnäytöllisten älypuhelimien käytettävyystekijöitä sekä niiden erityispiirteitä. Osuudessa tutkittiin myös syitä mobiilisivustojen rakentamiselle, vaikka älypuhelimet toimivat pääpiirteittäin kuten työpöytäselaimet. Lisäksi analysoitiin erilaisten älypuhelimien selaimien markkinaosuuksia ja tutkittiin tarkemmin selaimien ominaisuuksia.
Opinnäytetyössä esiteltiin HTML5:n ja CSS3:n eräitä merkittävimpiä uudistuksia, joita sovellettiin empiirisessä osuudessa toteutetussa mobiilisivustossa. Mobiilisivuston toteutuksessa noudatettiin teoriaosuudessa esiteltyjä mobiilikäytettävyyden periaatteita. Mobiilisivuston rakentamisesta päädyttiin lähes graafisen suunnitelman mukaiseen lopputulokseen. Mobiilisivustoja testattiin erilaisilla älypuhelimilla ja havaittiin, että älypuhelimien selaimet tukevat suurinta osaa sivuilla käytetyistä HTML5:n ja CSS3:n ominaisuuksia.
HTML5:n ja CSS3:n ominaisuuksien hyödyntämistä voi tutkimuksen perusteella suositella älypuhelimille suunnatuilla mobiilisivustoilla.
Opinnäytetyö jakautui teoreettiseen ja empiiriseen osuuteen. Opinnäytetyön teoriaosuudessa määriteltiin ja luokiteltiin älypuhelimia sekä muita mobiililaitteita. Lisäksi tutkittiin älypuhelimien markkinatilannetta ja käsiteltiin kosketusnäytöllisten älypuhelimien käytettävyystekijöitä sekä niiden erityispiirteitä. Osuudessa tutkittiin myös syitä mobiilisivustojen rakentamiselle, vaikka älypuhelimet toimivat pääpiirteittäin kuten työpöytäselaimet. Lisäksi analysoitiin erilaisten älypuhelimien selaimien markkinaosuuksia ja tutkittiin tarkemmin selaimien ominaisuuksia.
Opinnäytetyössä esiteltiin HTML5:n ja CSS3:n eräitä merkittävimpiä uudistuksia, joita sovellettiin empiirisessä osuudessa toteutetussa mobiilisivustossa. Mobiilisivuston toteutuksessa noudatettiin teoriaosuudessa esiteltyjä mobiilikäytettävyyden periaatteita. Mobiilisivuston rakentamisesta päädyttiin lähes graafisen suunnitelman mukaiseen lopputulokseen. Mobiilisivustoja testattiin erilaisilla älypuhelimilla ja havaittiin, että älypuhelimien selaimet tukevat suurinta osaa sivuilla käytetyistä HTML5:n ja CSS3:n ominaisuuksia.
HTML5:n ja CSS3:n ominaisuuksien hyödyntämistä voi tutkimuksen perusteella suositella älypuhelimille suunnatuilla mobiilisivustoilla.