PROFIILINHALLINTASIVUN SUUNNITTELU JA TOTEUTUS WUUDIS-PALVELULLE

Abstract

Opinnäytetyön aiheena ja tarkoituksena on luoda toimiva profiilinhallintasivu olemassa olevan internetpalvelun uudelle versiolle, jolla käyttäjä pystyy näkemään ja muuttamaan omia perustietojaan kuten yhteystietojaan ja palvelun kieltä. Työ sisältää käyttöliittymäsuunnittelua ja -kehitystä, ja tässä raportissa käydään läpi käytettyjen tekniikoiden teoriaa sekä työn etenemistä. Itse työn käyttöliittymän ohjelmoinnissa kielenä käytetään TypeScriptiin perustuvaa Angularia, joten aloitan esittelemällä näiden kahden teoriaa. Toteutusta kuvaavassa kappaleessa taas esitellään kuvien kanssa työn vaiheita sekä erityisen tarkasti eräs käyttöliittymäelementti, joka sisältää monipuolisesti tarvittuja tekniikoita. Opinnäytetyön tuloksena valmistui hallintasivu, joka toimii kokonaisuudessa yhteen aiemmin olemassa olleiden osien kanssa. Tuloksista, johtopäätöksistä ja mietteistä kehityksen jälkeen lisää päätännössä.

The objective of this thesis was to design and create a functional profile management page for an existing web service’s upcoming new version. The page is then to be used to view and modify the user’s settings and information, such as contact information and service language. The development process included both designing and programming the front-end, and this report displayed theory of the techniques used and gave insight into the overall progress of the work. The programming part heavily involved Angular and TypeScript, so this report started with theory about these two. The chapter after that introduced the development story with pictures and demonstrated one user interface element particularly. The result of this thesis was a functional profile management page working with the existing application.