Verkkokäyttöliittymän ohjelmistosuunnittelu

Abstract

Opinnäytetyön aiheena oli verkkosovelluksen ja sen käyttöliittymän suunnitteluun liittyvät tekniikat ja periaatteet. Aihetta pohjustettiin perehtymällä ohjelmistosuunnittelun suunnittelumalleihin ja arkkitehtuureihin. Arkkitehtuurien yhteydessä suunnittelun merkitystä konkretisoitiin esittelemällä ohjelmiston laatutekijät. Ohjelmiston yleisen rakenteen esittelyn jälkeen rajattiin tarkastelualue ohjelman esitystä koskettaviin tekijöihin. Esitysmalliesta kuvattiin MVC-, MVU- ja MVVM-mallit ja tutustuttiin Aurelia-verkkosovelluskehykseen, joka soveltaa MVVM-mallin periaatteita. Työssä tutustuttiin myös verkkokäyttöliittymien toteuttamiseen tarkoitettuun Bootstrap-kirjastoon. Lopuksi esiteltiin työssä esitellyn teorian pohjalta toteutettua verkkokäyttöliittymää ja kerrottiin missä tuotettu verkkosovellus on nähtävissä ja kuinka sen kehitykseen voi osallistua.

The subject of the thesis was the software design of a web application and its web user interface. At first software and architecture design patterns were introduced. The importance of software design was concretized by introducing software quality attributes in the chapter regarding software architecture. After introducing the general structure of a software system, the scope was narrowed down focusing only on the aspects related to the presentation layer. Aurelia framework, which applies the principles of the MVVM-pattern, was demonstrated after introducing it along with the presentation patterns. A library for implementing the user interface of a web application called Bootstrap was presented. And finally, a web user interface based on the theory presented in the thesis was demonstrated. It was also told where to find the project produced in the thesis and how to participate in the further development of the project.