Web-käyttöliittymä renkaan tarkastusasemalle
Koskinen, Joakim (2019)
2019
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
http://urn.fi/URN:NBN:fi:amk-2019051610132
http://urn.fi/URN:NBN:fi:amk-2019051610132
Tiivistelmä
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ä.
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ä.