2D-grafiikan piirtäminen JavaScriptillä : jQuery-kirjaston toteuttaminen grafiikan piirtämiseen

Abstract

Opinnäytetyön aihe tuli ohjaavan opettajan kautta. Opinnäytetyön toimeksiantaja on startup-yritys. Opinnäytetyön tavoitteena on luoda selainpohjainen sovellus, joka näyttää tehtaiden prosessi-instrumenttikarttoja. Sovellus tehdään toimimaan selainpohjaisesti käyttämällä uusia web-teknologioita, kuten HTML5-kieltä, CSS3-kieltä sekä erilaisia JavaScript-kirjastoja. Opinnäytetyö tulee keskittymään sovelluksen front-end –kehitykseen.

Opinnäytetyöprosessin alussa otetaan selvää erilaisista JavaScript-kirjastoista, joita voitaisiin hyödyntää opinnäytetyön aikana. Edellytyksinä kirjastolle ovat sen helppokäyttöisyys, maksuttomuus sekä muokattavuus, sillä työ on tarkoitus tehdä käyttäen avoimeen lähdekoodiin pohjautuvia kirjastoja.

Sovellus toimii demona, jonka pohjalta tullaan myöhemmin kehittämään ohjelmisto. Ohjelmisto osaa lukea prosessi-instrumenttikarttoja suoraan CAD-tiedostoista sekä pilkkoa ne dataksi. Ohjelmiston tarkoitus on edistää kunnossapitotöiden turvallisuussuunnittelua raskaan kemianteollisuuden alalla. Ohjelmisto parantaa prosessilaitteistossa tehtävien kunnossapitotöiden suunnittelua ja dokumentointia sekä luo järjestelmällisen ja yhdenmukaisen tavan valmistella turvallisuuden kannalta kriittisiä kunnossapitotöitä. Sovelluksen tehtävänä on näyttää kaavioita ja demonstroida sitä, kuinka ohjelmisto lukee prosessi-instrumenttikarttoja.

The topic for the thesis was acquired through the thesis supervisor. The primary aim is to develop a web application that displays the process instrument charts for factories. The application will be cross-browser using the newest web technologies, such as HTML5, CSS3 and JavaScript. The focus of the thesis is in the front-end development.

In the beginning of the thesis, different JavaScript libraries are compared to find out which libraries can be used during the development. The requirements for the library are that it’s easy to use, free of change and its license allowes it to be modified. The application will be made using open source libraries.

The application will serve as a demo for a software which will be developed later. The software will analyze process instrument charts from CAD-files and convert them to data. The purpose of the software is to help the planning maintenance work in the chemical industry. The software will improve the planning and documenting the equipment maintenance. It will also create a systematic and organised way to prepare the maintenance work which are critical to safety. The function of the application is to display charts and demonstrate how the software will analyze process instrument charts.