Weave Design
Manninen, Eetu (2017)
Manninen, Eetu
Jyväskylän ammattikorkeakoulu
2017
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2017100615807
https://urn.fi/URN:NBN:fi:amk-2017100615807
Tiivistelmä
Opinnäytetyön tavoitteena oli toteuttaa web-sovellus, jolla artesaanit kykenisivät tekemään kankaan kudonnassa tarvittavia piirustuksia helpommin kuin traditionaalisesti paperille tehtäessä. Sovelluksessa oli tärkeää, että kankaan kuvan voisi piirtää joko kankaan peruskuvasta alkaen tai sitten suoraan keskikanvaasiin piirtämällä. Reunoista täytyi kyetä rakentamaan keskikanvaasi ja keskikanvaasista myös reunat.
Työssä toteutettiin web-ohjelmointiteknologioita käyttäen web-sovellus, jota ei tarvitsisi asentaa käyttäjän koneelle. Web-sovellus ohjelmoitiin käyttäen MEAN-sovelluskokoelmaa, jossa Angularjs-sovelluskehys korvattiin Angular-sovelluskehyksellä. Palvelimena työssä toimi Heroku, jonne pystytettiin Node.js-palvelin. Palvelin ohjelmoitiin avaamaan REST-rajapinta, jonka kautta käyttäjät kykenevät tallentamaan tuotoksiaan. Node.js-palvelinta tehostamaan otettiin Express.js-kirjasto. Käyttäjien kirjautuminen toimii Auth0-palvelun kautta, joka autentikoi ja tallentaa käyttäjiä. Auth0 tarjosi myös kirjautumiskomponentin. Sovelluskäyttöliittymä ohjelmoitiin Angular-sovelluskehyksellä ja ulkonäön muokkaamiseen käytettiin Bootstrap-kirjastoa. Käyttäjien piirustusten tallentamiseen käytetään MongoDb-tietokantaa, joka hyödyntää Mongoose-kirjastoa helpompaa tiedon käsittelyä var-ten. MongoDb sijaitsee MongoLab-palvelimella.
Sovellukseen toteutettiin kaikki sovelluksen vaatimuksiin määritellyt toiminnot, paitsi käyttäjän salasanan vaihtamisen mahdollistaminen suoraan käyttöliittymästä. Sovelluksen otti käyttöön opinnäytetyön laatijan sisko, joka kykenee ohjelmaa hyväksikäyttäen tekemään kankaan kuvia huomattavasti helpommin kuin ennen.
Työssä toteutettiin web-ohjelmointiteknologioita käyttäen web-sovellus, jota ei tarvitsisi asentaa käyttäjän koneelle. Web-sovellus ohjelmoitiin käyttäen MEAN-sovelluskokoelmaa, jossa Angularjs-sovelluskehys korvattiin Angular-sovelluskehyksellä. Palvelimena työssä toimi Heroku, jonne pystytettiin Node.js-palvelin. Palvelin ohjelmoitiin avaamaan REST-rajapinta, jonka kautta käyttäjät kykenevät tallentamaan tuotoksiaan. Node.js-palvelinta tehostamaan otettiin Express.js-kirjasto. Käyttäjien kirjautuminen toimii Auth0-palvelun kautta, joka autentikoi ja tallentaa käyttäjiä. Auth0 tarjosi myös kirjautumiskomponentin. Sovelluskäyttöliittymä ohjelmoitiin Angular-sovelluskehyksellä ja ulkonäön muokkaamiseen käytettiin Bootstrap-kirjastoa. Käyttäjien piirustusten tallentamiseen käytetään MongoDb-tietokantaa, joka hyödyntää Mongoose-kirjastoa helpompaa tiedon käsittelyä var-ten. MongoDb sijaitsee MongoLab-palvelimella.
Sovellukseen toteutettiin kaikki sovelluksen vaatimuksiin määritellyt toiminnot, paitsi käyttäjän salasanan vaihtamisen mahdollistaminen suoraan käyttöliittymästä. Sovelluksen otti käyttöön opinnäytetyön laatijan sisko, joka kykenee ohjelmaa hyväksikäyttäen tekemään kankaan kuvia huomattavasti helpommin kuin ennen.