Käyttöliittymäsuunnittelusta toteutukseen - Ohjausnäkymä ja sen luonti toimintajärjestelmään

Abstract

Tässä työssä käydään läpi ohjausnäkymä käsitteenä, sekä käyttöliittymän suunnittelun eri vaiheet (suunnittelu, toteutus, testaus ja validointi). Työn kohteena on tilaajan, IMS Business Solutions Oy:n kehittämä toimintajärjestelmä IMS, johon ohjausnäkymä käyt-töliittymän osalta toteutetaan.

Työssä sivutaan mobiilia käyttöliittymäsuunnittelua sekä itse IMS-toimintajärjestelmää. Työhön ei kuulu palvelinpuolen ratkaisua, eikä tietokantapuolta.

Teorian osalta perehdytään ohjausnäkymän lisäksi käytettävyyden ja mallintamisen eri osa-alueisiin. Tutkitaan, mitä eri keinoja mallintamisessa voidaan käyttää, ja perehdytään millä työkaluilla se voidaan toteuttaa. Työssä käydään läpi validoinnin ja testauksen eri työkalut ja verrataan niitä. Työssä perehdytään eri arkkitehtuureihin ja ohjelmointikieliin, millä ohjausnäkymän käyttöliittymä voidaan toteuttaa.

Työssä käydään askel askeleelta läpi vaiheet, mitä ohjausnäkymän käyttöliittymää suun-nitellessa ja luodessa tehtiin. Lopullisena tuotoksena on valmis käyttöliittymä suunnitte-lun, mallinnuksen, testauksen, validoinnin ja koodin siistimisen jälkeen.

Työ tehtiin opinnäytetyönä kevään 2013 aikana. Työn teon aikana opittiin paljon uusista menetelmistä ja tehdyn työn analysoinnista ja aikatauluttamisesta. Tuloksena syntyi käytettävyydeltään ja toiminnallisuudeltaan kattava ratkaisu toimintajärjestelmän sisäi-seksi ohjausnäkymäksi.

The purpose of this thesis was to clarify the concept of a dashboard, and to go through the stages of user interface (UI) designing (planning, execution, testing, and validating). The target for the dashboard was to attach it into IMS, which is a management system owned by the client company, IMS Business Solutions Ltd.

In addition, the thesis also looked into some facts about mobile UI designing and IMS in general. Server side- or database-solutions, however, were not included in this thesis. The thesis was written during the spring of 2013.

The theoretical part of thesis was structured as follows: first the theory of dashboard was studied, and then it continued by explaining the different parts of usability and UI modeling. Furthermore, different methods and tools that can be used in modeling were investigated, and they were compared to each other for validating and testing user in-terfaces. Finally, the different architectures and programming languages that can be used in making the user interface for the dashboard were examined.

In the empirical part of the thesis, all the different steps regarding the designing and creating a user interface were taken.

The final product of this thesis was the finished user interface after it had been de-signed, modeled, tested, refactored, and validated with the chosen methods. It was a complete solution for a management system’s dashboard, considering its usability and functionalities.