Verkkosivustojen kehittämisen nopeuttaminen

Abstract

Opinnäytetyö tehtiin toimeksiantona Webtakomolle, joka suunnittelee ja toteuttaa verkkosivustoja ja verkkopalveluita. Yrityksellä ei aiemmin ollut käytössä mallipohjaa, vaan jokainen projekti oli aloitettu täysin alusta. Opinnäytetyön tavoitteena oli koostaa mallipohja, jonka avulla uusien projektien aloittaminen olisi joustavaa. Mallipohjaan pyrittiin sisällyttämään projekteissa toistuvia tekniikoita ja verkkokehityksen uusimpia käytänteitä. Samalla perehdyttiin ohjelmiin ja tekniikoihin, jotka eivät tuoneet mallipohjaan lisää toiminnallisuuksia, mutta jotka paransivat verkkokehitysprojektien kulkua.

Opinnäytetyössä perehdyttiin verkkokehityksen yleisimpien haasteiden ratkaisemiseen. Pyrittiin ymmärtämään erilaisten päätelaitteiden ominaisuuksia ja niiden huomioimista kehityksessä. Verkkokehitystä tarkasteltiin myös käytettävyyden ja saavutettavuuden kannalta.

Opinnäytetyön tuloksena syntyi WordPress-teeman ympärille rakennettu ja itsenäinen HTML-pohjainen mallipohja, joissa hyödynnettiin HTML5- ja CSS3-tekniikoita. Pohja pyrkii ottamaan vaikutteita ja yhdistämään verkkokehityksen parhaita käytänteitä. Pohjaan liittettiin mm. HTML5-Boilerplate, jota laajennettiin lisäämällä sivuston sisällölle pohjarakenne. Mallipohjan ansiosta uusien projektien aloittaminen helpottui, sillä keskeisimmät kehityksessä tarvittavat tekniikat olivat mallipohjassa valmiina.

Tuloksena syntyi mallipohja, joka on valmis käyttöön. Sitä kehitetään myös jatkossa, sillä se pyrkii heijastamaan verkkokehityksen uusimpia tekniikoita ja parhaita käytäntöjä.

This Bachelor's thesis was conducted as an assigment for Webtakamo, which designs and develops websites and web services. The company did not have a web site template earlier, but each project was started from scratch. The objective of this bachelor's thesis was to collect techniques, which seem to repeat from project to project, into a template. The template would make it easier and more flexible to start new projects. Another objective in the Bachelor's thesis was to research techniques, which did not add new features to template but would help to improve the workflow in projects.

In the Bachelor's thesis the most common challenges in web development are discussed. The aim was to understand and take account into the characteristics of various types of web environments. Usability and accessibility in web development were examined as well.

The results of the Bachelor's thesis were WordPress starter theme and standalone HTML template, which take advantage of HTML5 and CSS3. HTML5 Boilerplate was included in the template and it was expanded by adding a structure for a content. With the template new projects were much easier to start, because commonly used features were already included.

The result was a template that is ready to use. It will be developed further in future, because it will be reflecting latest techniques and best practises of web development.