Selainriippumaton web-tuotanto

Abstract

Selainriippumaton web-tuotanto tarkoittaa yksittäisten, selaimesta ja laitteesta huolimatta toimivien verkkosivustojen suunnittelua ja toteutusta. Opinnäytetyö tehtiin, koska asiakkaat osaavat yhä useammin vaatia selaimesta ja laitteesta riippumattomia sivustoja.

Yhtenä opinnäytetyön tavoitteista oli selvittää, mitä tulee ottaa huomioon siirryttäessä kiinteän rakenteen sivustojen tuotannosta selainriippumattomiin tuotantoihin. Selvitys on tästä syystä suunnattu pääasiassa web-tuotantoihin perehtyneille henkilöille, eikä siinä siten käsitellä projektinhallintaa.

Opinnäytetyössä perehdytetään selainriippumattomuuden perusteisiin ja annetaan ohjeet sekä laskukaavat mukautuvien ulkoasujen rakentamiseen. Sen lisäksi opinnäytetyössä käydään läpi tarvekartoitus ja tämän hetken suosituimpien laitteiden teknologiset ominaisuudet sekä niiden vaikutukset tuotannossa.

Selainriippumattomaan web-tuotantoon on paljon ohjeistuksia, mutta opinnäytetyössä niistä on koostettu toimeksiantajan käyttämiin web-tuotantomenetelmiin sopiva kokonaisuus, jota voidaan käyttää työntekijöiden perehdytysmateriaalina.

Opinnäytetyön tavoite täyttyi, sillä toimenpiteet, joita vaaditaan selainriippumattomaan webtuotantoon siirtymisessä, selvitettiin onnistuneesti.

Responsive web design is a web development method where the usability of the produced site is not dependent on the device or browser. The assignment was given because the growing needs of the clientele of the assigner company were starting to make the adopting of responsive elements necessary for the assigner.

The main goal was to find out the most important issues that should be accounted for when developing a responsive site. The thesis is aimed at people who are familiar with contemporary web design and therefore it does not cover the absolute basics, such as project management.

The thesis instructs in the basics of responsive web design by notifying what should be done differently in the pertinent parts of the production process and teaches how to calculate proportions. It also covers the ways to analyze the need for a responsive site, the most popular devices and technologies together with their effects on the design process.

Even though there are multiple guidance documents on responsive web design, the thesis was specifically created to suit the needs of the company. As such, it can be used as an efficient way for the employees to familiarize themselves with the topic.

The thesis was successful, since it covers the subject of adapting web design process to accommodate flexible design methods.