Tietokantapohjainen CSS-teemaeditori

Abstract

Tämä opinnäytetyö käsittelee moderneja webtekniikoita ja niiden ominaisuuksia webympäristössä toteutetuissa käyttöliittymissä. Työn jälkimmäisessä osassa käsitellään Rosendahl Digital Networks Oy:n Ajax-portaalin teemaeditori-lisäosan kehittämistä. Yritys tuottaa sovelluksia vaatetusteollisuuden yrityksille.

Teoriaosuudessa käsitellään CSS-tyyliohjeita: mitä ne ovat tänä päivänä ja mihin suuntaan niiden kehitys on menossa. Teoriaosuudessa käsitellään myös yleisemmällä tasolla käytettävyyttä huomioiden websovellusten suunnittelua. Työssä pohditaan myös graafisen käyttöliittymän hyviä ominaisuuksia ja sitä, millä tavoin ja kuinka tärkeää graafinen toteutus on käytettävyyden osalta. Työssä otetaan huomioon myös se, millä tavalla CSS on osa nykyaikaista dynaamista webkehitystä muiden webtekniikoiden kanssa.

Opinnäytetyön empiirinen osuus muodostuu Rosendahl Digital Networks Oy:lle toteutetusta CSS-teemaeditorista. Teemaeditori toteutettiin erillisenä lisäosana yrityksen selainpohjaisia sovelluksia kokoavaan portaaliympäristöön. Editorin tarkoitus on helpottaa ja tehostaa portaalin käyttöliittymän ulkoasuun vaikuttavien teemojen luomista. Johtopäätöksien perusteella modernin websovelluksen toteuttamiseen tarvitaan laaja skaala eri alojen tuntemusta. On otettava myös huomioon websovellusta kehitettäessä, että sille on varattava tarpeeksi aikaa sekä muita tarvittavia resursseja, mikäli halutaan päästä hyvään lopputulokseen.

This thesis deals with modern web techniques and their use in graphic user interfaces which are implemented in the web environment. In addition, the thesis deals with a theme editor based on Cascading Style Sheets, which was implemented as an expansion for the Ajax-based portal system of Rosendahl Digital Networks Ltd. The company produces software solutions for the fashion industry.

The theory section is roughly divided into four sections.The first section introduces Cascading Style Sheets and describes how CSS has developed and what future prospects there are. The second and third sections explore usability in general and usability as the basis of designing graphic user interfaces. The fourth section presents the most common modern web techniques.

The empirical part of the thesis deals with a CSS theme editor made for Rosendahl Digital Networks Ltd. The theme editor was produced as an expansion for the company’s existing web-based portal. The main purpose of the theme editor was to facilitate and optimize the making of the themes within the portal. As a conclusion, it can be said, that a broad variety of skills from different fields were needed to produce the desired outcome. Issues concerning time, money and other resources also have to be taken into account.