haku: @supervisor Seilonen, Ilkka / yhteensä: 59
viite: 10 / 59
| Tekijä: | Laakkonen, Kristian |
| Työn nimi: | Selainpohjainen tietojärjestelmä prosessitiedon havainnollistamiseen |
| Browser-based information system for presenting process data | |
| Julkaisutyyppi: | Diplomityö |
| Julkaisuvuosi: | 2015 |
| Sivut: | 8 + 70 Kieli: fin |
| Koulu/Laitos/Osasto: | Sähkötekniikan korkeakoulu |
| Oppiaine: | Automaation tietotekniikka ja -järjestelmät (ETA3005) |
| Valvoja: | Seilonen, Ilkka |
| Ohjaaja: | Heikkinen, Johannes |
| Elektroninen julkaisu: | http://urn.fi/URN:NBN:fi:aalto-201512165617 |
| Sijainti: | P1 Ark Aalto 3306 | Arkisto |
| Avainsanat: | process graphics vector graphics data transfer prosessikaavionäyttö vektorigrafiikka SVG tiedonsiirto WebSocket HTML5 |
| Tiivistelmä (fin): | Yhä useampi sovellus ja järjestelmä on nykyään selainpohjainen. Tällä saavutetaan monia etuja, kuten helppo päivitettävyys ja pääsy sovellukseen miltä tahansa laitteelta, josta löytyy selain. Tässä työssä on toteutettu selaimessa toimiva järjestelmä, jolla voi luoda ja esittää teollisuudessa prosessien valvontaan käytettyjä prosessikaavionäyttöjä. Järjestelmän toteuttamista varten työssä on tutkittu erityisesti kahta asiaa. Ensinnäkin on tarkasteltu eri vaihtoehtoja muuttuvan grafiikan esittämiseen selaimessa. Toiseksi on selvitetty tehokkaan tiedonsiirron toteuttamista, jotta prosessiin liittyvien muuttujien arvot saadaan siirrettyä reaaliajassa palvelimesta selaimeen. Selvitysvaihe on tehty kirjallisuustutkimuksena. Tehdyn tutkimustyön pohjalta on kehitetty itse järjestelmä. Tutkimuksen perusteella SVG on paras valinta prosessikaavionäyttöjen grafiikan esittämiseen selaimessa, ja WebSocket on tehokkain tekniikka muuttujien arvojen siirtämiseen. Järjestelmän toteutustyöstä saadun kokemuksen ja tehtyjen testien perusteella nämä tekniikat muodostavat myös käytännössä hyvän perustan kuvatun kaltaiselle järjestelmälle. Työn tuloksena syntyi valmis järjestelmä, jota voidaan myydä asiakkaille. Tuloksena on myös suosituksia tutkittujen selaintekniikoiden parhaista käyttötavoista ja käyttötapojen hyvien sekä huonojen puolien analysointia. |
| Tiivistelmä (eng): | It is increasingly common to implement an application as a browser-based system. There are multiple advantages in this approach. It allows the system to be updated easily and it is possible to use the application from any device that has a browser. In this thesis, a browser-based system is implemented for creating and displaying process graphics used for controlling industrial processes. Before implementing the system, it was investigated what possibilities there are to display dynamic graphics in browsers. Additionally, alternatives for implementing an efficient data transfer of process variable values from server to browser were studied. The needed information was gathered from literature sources. The actual implementation was based on this research. As a result of the investigation, SVG seems to be the best choice for implementing process graphics in a browser-based environment. WebSocket is the most effective technique for transferring variable values. Based on the experiences in the actual implementation work of the system and the tests conducted during the work, these are the best choices also in practice. As a result of the work, a working system was implemented that is ready to be sold to customers. In addition, the work analyzes different browser techniques and gives recommendations about best practices of using them. |
| ED: | 2016-01-17 |
INSSI tietueen numero: 52742
+ lisää koriin
INSSI