Weave Design

Abstract

The main goal of the thesis was to implement a web application where artisans would be able to make necessary drawings easier than when using traditional pen and paper. These drawings are used when weaving with a loom. It was important that with the application it would be possible to draw the picture starting from either the basic picture or from the main canvas. It was necessary to be able to construct the main canvas from the sides and vice versa. One web application that would not have to be installed, was developed using web application development techniques. The MEAN stack, where Angularjs framework was replaced with Angular-framework, was used as a base for the web application development. The application was hosted on Heroku, where a REST API was set up, through which users could save their work, using Node.js backend technology with added functionalities from Express.js library. For authenticating the users and saving their passwords, Auth0-service was used. Auth0 also provided the log in component. The application interface was programmed with Angular framework, and the appearances were modified with Bootstrap library. For saving the users’ creations, MongoDb was used with added functionalities from Mongoose library. The MongoDb was hosted on MongoLab server. All of the functionalities specified in the requirement specification were met, except for managing user passwords from the user interface. The application was taken into use by the writer’s sister, who uses the application to draw and design weaving patterns more easily than before.

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.