Pilvipalvelun käyttöliittymädemo projektinhallinnan dokumentointiin

Abstract

Opinnäytetyönä suunniteltiin ja toteutettiin käyttöliittymän demo projektinhallinnan dokumentoinnin hallintaan ja ylläpitoon tarkoitettuun pilvipalveluun. Työn pohjana toimi aiemmin tehty versio samasta ohjelmasta, joka siirrettäisiin Internet-selaimessa toimivaksi pilvisovellukseksi. Työ toteutettiin käyttämällä HTML5-merkkauskieltä ja sen ohessa toimivia skriptauskieliä Javascriptiä ja jQueryä sekä uutta CSS3-tyylinmuokkauskieltä. Tuotteen vaatimuksia olivat helppokäyttöisyys ja selkeys, jotta tuotteen käyttöönottokynnys olisi mahdollisimman pieni. Työn suunnittelussa huomioitiin mobiilien laitteiden yleistyminen ja Adobe Flashin markkina-aseman pieneneminen. Näiden avulla päätettiin, mitä toteutustapoja työssä lopulta käytettiin. Demon vaatimuksena oli saada esiteltyä mahdollisimman viimeistelty tuote, joka vastaisi ulkonäöltään ja toiminnallisuudeltaan mahdollisimman paljon lopullista tuotetta. Toisena tavoitteena oli mahdollistaa demoon käytetyn työn ja koodin käyttö lopullisessa tuotteessa mahdollisimman laajasti, mahdollisimman pienten muutosten jälkeen. Työn toimeksiantajana toimi raahelainen tietohallinnon palveluja tarjoava yritys Enfide Ky. Tietoperustana käytettiin koulussa eri kursseilta opittuja perusteita sekä omatoimista tutkintaa eri tilanteiden vaatimusten mukaan. Aineistona käytettiin Internetiä trendien ennustuksia katsottaessa, sekä yritykseltä löytynyttä kirjallisuutta HTML5:den perusperiaatteista ja käytöstä. Työn tuloksena syntyi toimiva käyttöliittymä, jonka perusominaisuudet saatiin pienten muutosten jälkeen siirrettyä valmiiseen tuotteeseen. Työn perustana toiminut tutkimus antoi myös tietoa HTML5:n eri vahvuuksista ja heikkouksista ja yleisesti käyttöliittymän suunnittelusta. Tuotteen kehitys jatkui demon valmistumisen jälkeen lopullisen tuotteen kehityksenä, ja tuotteeseen lisättiin palvelinpohjaista toiminnallisuutta, sekä ulkoasun parannuksia.

The goal of the thesis was to design and produce a functioning user interface demo for a cloud application supporting project management documentation. An earlier version of the software functioned as the basis of the new application which was converted into a cloud application. The application was made using the HTML5 mark-up language, and accompanying scripting languages, Javascript and jQuery, and CSS3 style markup language. The main emphasis for the software was its ease-of-use and clarity, so that its deployment threshold would be as low as possible. Trends of different browser usage and implementation methods were also taken into consideration while designing the product. The starting point for the research was the fact that HTML5 becoming more popular compared to Adobe Flash, and mobile platforms are becoming more common among the end users. Consequently, this influenced the selection of implementation methods used in this project. The main requirement for the demo was to make the demo look and feel as close to the final product as possible, while trying to make as much of the code and other resources reusable in the final product with as few changes as possible. The assigner of the project was an ICT-service providing company Enfide Ky, located in Raahe Finland. The team used their basic knowledge from university courses and independent research as the basis of the design and development of the product. The research material used was mostly assorted literature on HTML5 basics, and various sites on the Internet on different trend predictions and other assorted knowledge. The main result of the project was a functioning demo that the company used to sell the product to customers and most of the code was able to be imported into the final product. The base research made for the project gave the team a lot of experience in working with HTML5 and designing user interfaces. The development of the product continued after the demo was finished and the product was refactored into an actual cloud based service with database functionality and improved look of the user interface.