Sähköinen Ilmoitustaulu
Pikkarainen, Henri (2019)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2019053113608
https://urn.fi/URN:NBN:fi:amk-2019053113608
Tiivistelmä
Tiivistelmä Opinnäytetyön aiheena oli suunnitella ja kehittää sähköinen ilmoitustaulujärjestelmä. Ilmoitustaulun tilaajana toimi viestintäpäällikkö Petteri Alanko ja Savonia-ammattikorkeakoulu.
Aluksi tarkoituksena oli jatkokehittää Windows-versiota ja siirtää se verkkoon, myöhemmin päätettiin tehdä kokonaan uusi versio web-ympäristöön. Järjestelmän tarkoituksena oli toimia viestintävälineenä julkisessa tilassa, kuten kahvihuoneessa tai julkisrakennuksen aulassa. Ilmoitustaulussa tuli olla esimerkiksi seuraavia ominaisuuksia: Web-ohjaisuus, viestihuoneiden lisääminen, viestien lisääminen, viestien dynaaminen liikuttelu ruudulla niistä vetämällä.
Ilmoitustaulujärjestelmän kehityksettä käytettiin muunneltua MERN full stack kokonaisuutta. MERN pitää sisällään MongoDB-, Express.js-, React- ja Node.js-tekniikat. MongoDB on dokumenttipohjainen tietokanta. Express.js vaihdettiin LoopBack-framework:iin. LoopBack on Node.js-framework, joka tarjoaa monia sisäänrakennettuja ominaisuuksia kuten, hyödylliset CLI komennot ja API-hakemiston. React on JavaScript-kirjasto, jota käytetään responsiivisten käyttöliittymien rakentamiseen. Node.js on avoimenlähdekoodin JavaScript ajoympäristö, joka mahdollistaa JavaScript-koodin ajamisen myös palvelinpuolella.
Lopputuloksena saatiin toimiva web-ohjelmisto, joka täyttää annetut kriteerit. Työssä on paljon mahdollisuuksia jatkokehitykseen parannuksien ja uusien ominaisuuksien muodossa.
Abstract
The subject of the thesis was to design and an develop electric noticeboard system in a web environment. Noticeboard was commissioned by Communications Manager from Savonia University of Applied Sciences, Petteri Alanko.
First, the plan was further develop already existing Windows version of the program, but ended up making entirely new system more suitable for web platform. Reason of the making such system was to build communication tool for public space like coffee room or lobby. The electric noticeboard had main features like creating message-rooms, filtering rooms by the name or by the description, creating messages, dynamically movable messages by dragging them on the screen, adding dislikes and likes to messages.
In development of the electric noticeboard, we used modified full stack called MERN. MERN includes techniques like MongoDB, Express.js, React and Node.js. MongoDB is a document-oriented database. Express.js we changed to the LoopBack framework. LoopBack is Node.js framework that offers many build-in features like useful CLI commands and API browser. React is a JavaScript library that is used to build responsive user interfaces. Node.js is open-source JavaScript run-time environment that allows running JavaScript in server-side.
As a result of this thesis, a working system with the requested requirements fulfilled. There is room for further development in the form of many improvements and functions.
Aluksi tarkoituksena oli jatkokehittää Windows-versiota ja siirtää se verkkoon, myöhemmin päätettiin tehdä kokonaan uusi versio web-ympäristöön. Järjestelmän tarkoituksena oli toimia viestintävälineenä julkisessa tilassa, kuten kahvihuoneessa tai julkisrakennuksen aulassa. Ilmoitustaulussa tuli olla esimerkiksi seuraavia ominaisuuksia: Web-ohjaisuus, viestihuoneiden lisääminen, viestien lisääminen, viestien dynaaminen liikuttelu ruudulla niistä vetämällä.
Ilmoitustaulujärjestelmän kehityksettä käytettiin muunneltua MERN full stack kokonaisuutta. MERN pitää sisällään MongoDB-, Express.js-, React- ja Node.js-tekniikat. MongoDB on dokumenttipohjainen tietokanta. Express.js vaihdettiin LoopBack-framework:iin. LoopBack on Node.js-framework, joka tarjoaa monia sisäänrakennettuja ominaisuuksia kuten, hyödylliset CLI komennot ja API-hakemiston. React on JavaScript-kirjasto, jota käytetään responsiivisten käyttöliittymien rakentamiseen. Node.js on avoimenlähdekoodin JavaScript ajoympäristö, joka mahdollistaa JavaScript-koodin ajamisen myös palvelinpuolella.
Lopputuloksena saatiin toimiva web-ohjelmisto, joka täyttää annetut kriteerit. Työssä on paljon mahdollisuuksia jatkokehitykseen parannuksien ja uusien ominaisuuksien muodossa.
Abstract
The subject of the thesis was to design and an develop electric noticeboard system in a web environment. Noticeboard was commissioned by Communications Manager from Savonia University of Applied Sciences, Petteri Alanko.
First, the plan was further develop already existing Windows version of the program, but ended up making entirely new system more suitable for web platform. Reason of the making such system was to build communication tool for public space like coffee room or lobby. The electric noticeboard had main features like creating message-rooms, filtering rooms by the name or by the description, creating messages, dynamically movable messages by dragging them on the screen, adding dislikes and likes to messages.
In development of the electric noticeboard, we used modified full stack called MERN. MERN includes techniques like MongoDB, Express.js, React and Node.js. MongoDB is a document-oriented database. Express.js we changed to the LoopBack framework. LoopBack is Node.js framework that offers many build-in features like useful CLI commands and API browser. React is a JavaScript library that is used to build responsive user interfaces. Node.js is open-source JavaScript run-time environment that allows running JavaScript in server-side.
As a result of this thesis, a working system with the requested requirements fulfilled. There is room for further development in the form of many improvements and functions.