Installation Layout Configuration

Abstract

This thesis was done as a project for Wärtsilä. The main purpose of the thesis was to improve and implement Genius Dashboard, where one can configure the layout of engines.

The already existing Genius Dashboard was improved using JavaScript as programming language. Angular.js framework was also used. For implementation WebStorm was used as an editor.

The result of the thesis was an improved Genius Dashboard, which was implemented to be more user friendly. This was implemented by adding different features to the objects, which will make it easier for the user to configure the layout of an engine. Added features were object’s cloning, change of type, scaling, snap-ping and spreading as well as grouping of objects.

Opinnäytetyö toteutettiin projektina Wärtsilälle. Tarkoituksena oli kehittää Wärtsilän sisäisessä käytössä olevaa Genius Dashboardia, jossa voidaan suunnitella moot-torin ulkoasua.

Työssä paranneltiin jo valmiiksi olevaa Genius Dashboardia, johon käytettiin JavaScript-ohjelmointikieltä. Lisäksi työssä käytettiin Angular.js sovelluskehystä. Toteutusta varten käytettiin WebStormia editorina.

Opinnäytetyön tuloksena saatiin parannettua Genius Dashboardia käyttäjäystävällisemmäksi. Tämä tapahtui lisäämällä objekteille erilaisia ominaisuuksia, joiden avulla käyttäjän on helpompi suunnitella pohjapiirustusta. Lisättyjä ominaisuuksia olivat objektin kloonaus, tyypin vaihto, skaalaus, rivittäytyminen, sekä objektien käsittely ryhmänä.