Ajanvarausjärjestelmän käyttöliittymän suunnittelu

Abstract

Tässä opinnäytetyössä suunnitellaan käyttöliittymä internet-selaimessa toimivalle ajanvarausjärjestelmälle. Tavoitteena on luoda käyttöliittymä, joka skaalautuu käytettäväksi tietokoneen, tabletin tai älypuhelimen kuvaruudulla. Käyttöliittymän toteutuksessa käytetään hyväksi Twitter Bootstrap -koodikirjaston mukana tuomia komponentteja. Lisäksi tavoitteena on käyttää hyödyksi HTML5-kielen mukana tuomia uusia ominaisuuksia.

Opinnäytetyössä tutustutaan Twitter Bootstrap -koodikirjaston mukana tulevien komponenttien hyödyntämiseen käyttöliittymän suunnittelussa. Lisäksi tutustutaan myös responsiivisen käyttöliittymän luomiseen kyseistä koodikirjastoa hyödyntämällä.

Tehtävänä on suunnitella ja toteuttaa web-sovelluksen käyttöliittymä ajanvarausjärjestelmän hallintapaneelille. Projektiin ei kuulu sovelluksen palvelinohjelmointi.

The objective of this thesis is to design and create graphical user interface for booking software that is used on a web-browser. The user interface of the software is to use responsive design, in order to make it possible to use the software with different devices, such as desktop computers, tablets or mobile phones. The project uses components from the Twitter Bootstrap framework for the design of the graphical user interface. In other words, the objective is to design and create user interface for web application. Server side programming is not a part of this project.

In this thesis I study the Twitter Bootstrap framework and its components that are used to create the graphical user interface. I also study the framework for designing the responsive user interface.

The thesis goes through different programming languages and frameworks. It also shows how different Twitter Bootstrap components are being used to design the user interface and how it has been made responsive.