Älykkään kaupungin sulautetun ohjausjärjestelmän HTML5 käyttöliittymä

Abstract

Esineiden internetin ja älykkäiden kaupunkien avulla pyritään vastaamaan kaupungistumisen luomiin tarpeisiin infrastruktuurin, palveluiden ja ympäristön osalta. Tavoitteena on parantaa kaupungin palveluiden tehokkuutta ja laatua tieto- ja viestintätekniikan avulla. Useiden erilaisten sensoreiden avulla saadaan kerättyä dataa erilaisten järjestelmien hyödynnettäväksi. Järjestelmien ja ihmisen välistä vuorovaikutusta varten tarvitaan käyttöliittymä, jonka tarkoituksena on helpottaa datan tulkitsemista visualisoinnin avulla sekä avustaa mahdollisissa käyttäjän tekemissä päätöksissä, esimerkiksi vikatilanteiden ratkaisemisessa tai muutosten tekemisessä. HTML5:n hyötyjä perinteisten käyttöliittymätoteutusten sijaan ovat alustariippumattomuus, kevyemmät laitteistovaatimukset sekä saavutettavuus erilaisilla laitteilla. Työ ei nykyisin ole enää paikkasidonnaista ja käyttöliittymiä tulee pystyä käyttämään monenlaisilla laitteilla muuallakin kuin esimerkiksi valvomoissa. Tämän työn tarkoituksena on toteuttaa HTML5-pohjainen käyttöliittymä Beckhoffin sulautetun tietokoneen PLC-ohjelman ohjaamista ja monitorointia varten. Valmis käyttöliittymä toimii moderneissa selaimissa. Osana työn toteutusta perehdytään TwinCATin ADS kommunikointimenetelmään ja sen WebService-ominaisuuteen, joka toimii SOAPin ja HTTP:n avulla toimintojen välittäjänä sulautetun tietokoneen ja web-käyttöliittymän välillä. Käyttöliittymän toteutukseen käytetyt tekniikat ovat web-kehittämisen kolme pääkieltä: HTML, JavaScript ja CSS. Käyttöliittymän rakenne on toteutettu HTML5:llä, toiminnallisuus JavaScriptilla ja asettelu sekä tyylit CSS:lla.