Web-käyttöliittymä renkaan tarkastusasemalle

Tässä opinnäytetyössä luotiin Cimcorp Oy:lle web-käyttöliittymä renkaan tarkastusasemalle. Tarkastusasemassa on tarkoitus kirjata ylös renkaan laatu ja mahdolliset virheet. Työn keskeisimpiä asioita olivat viivakoodinlukija ja tilan hallinta. Käyttöliittymän toimintoja voitiin käyttää viivakoodinlukijalla. Tila määrittää miten komponentti renderöi ja käyttäytyy. Tilojen avulla voitiin luoda dynaamisia ja interaktiivisia komponentteja. Tilan hallinnassa käytettiin apuna react-redux kirjastoa/pakettia. Käyttöliittymä tehtiin ja suunniteltiin Cimcorp Oy:n tuotekehityksen ja WebUI-tiimin kanssa. Toteutuksessa käytettiin muun muassa React-kirjastoa, Bootstrap-viitekehystä, Reduxsia ja Redux-saagaa. Versionhallintaohjelmana toimi Git, jonka apuna käytettiin Bitbucket-sivustoa. Aktiivinen versionhallinta helpotti käyttöliittymän siirtämistä Cimcorp Oy:n tuotekehitykseen. Työn lopputuloksena luotiin React komponenttipohjainen web-käyttöliittymä ja viivakoodinlukijan käsittelyyn KeyInputListener-luokka. KeyInputListener-luokan tarkoituksena oli käsitellä skannattu viivakoodi etu- ja jälkiliitteen avulla. Erillinen luokka mahdollistaa viivakoodilukijan helpon käyttöönoton myös muissa web-käyttöliittymissä