Esikäsittelijöiden hyödyntäminen responsiivisen informaatiopalvelun kehittämisessä

Abstract

Opinnäytetyössä tutkittiin CSS- ja HTML-esikäsittelijöiden sekä niihin yhdistettyjen apukirjastojen tuomia etuja tavalliseen kehittämisprosessiin verrattuna. Esikäsittelijät ja apukirjastot tekevät kehittämisprosessista selkeämmän ja yksinkertaistivat muutoin monimutkaisia vaiheita. Myös eri selainten vaatimat omat erityismäärittelyt saadaan automaattisesti lisättyä tyyleihin apukirjaston avulla.

Kaikki yksittäisen elementin ominaisuudet, sen sisältämät elementit ja jokaisen näiden responsiivisuus on kaikki mahdollista määritellä keskitetysti samassa paikassa CSS-esikäsittelijän avulla. Tällä tavoin koko tyylitiedoston rakenne on helposti ymmärrettävissä ja hallittavissa. Lisäksi sivupohjamoottorin avulla HTML-koodista saadaan modulaarista ja helposti käsiteltävää.

Lopputuloksena esikäsittelijöitä apuna käyttäen kehitettiin responsiivinen informaatiopalvelu: Rakentamisen lupapolku. Rakentamisen lupapolku on visuaalinen esitys, jonka tarkoituksena on helpottaa asiakasta rakennusluvan hakemisessa askel askeleelta ja selkeyttää heille koko rakentamisprojektia.

This thesis work describes the advantages of CSS and HTML preprocessors and connected libraries over the usual standard development process. Preprocessors and additional processing libraries make the development process much clearer, and simplify steps that would otherwise be complicated. Also, browser specific vendor prefixes can be configured to be automatically added with the use of a library.

All styles of a specific element, its child elements, and media queries, can all be centralized using a CSS preprocessor. This way the structure of the stylesheet is easily understandable and manageable. Additionally, the use of a template engine enables HTML code to be modular and easily manageable.

As a result, a responsive information service was developed with the use of preprocessors. The service is a visual representation designed to guide the user about applying for a building permit step by step, and to clarify the whole construction project.