Yksisivuisen vekkosovelluksen kehittäminen React-kirjaston avulla : R-Optic Oy
Ellonen, Petteri (2021)
Lataukset:
Ellonen, Petteri
2021
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
https://urn.fi/URN:NBN:fi:amk-2021061115754
https://urn.fi/URN:NBN:fi:amk-2021061115754
Tiivistelmä
Tämän opinnäytetyön tavoitteena on modernisoida kohdeyrityksen verkkosivua sekä lisätä yksinkertainen tilausjärjestelmä asioinnin helpottamiseksi. Opinnäytetyössä luodaan verkkosivulle tarvittavat komponentit: käyttöliittymä, taustapalvelu sekä tietokanta.
Käyttöliittymän toteutus tapahtuu React.js-kirjastoa hyödyntäen tekijän aiemman kokemuksen perusteella. React.js saa helposti tehtyä yksinkertaisia komponenttipohjaisia verkkosivuja.
Taustapalvelun ohjelmointikieli vaihtui alkuperäisestä suunnitelmasta poiketen PHP:ksi, koska palveluntarjoaja ei tarjoa Node.js-tukea. Molemmat sopivat kevyen taustapalvelun tekemiseen kuitenkin hyvin.
Tietokantana toimii MySQL-tietokanta, jolle palveluntarjoajalta löytyi tuki. MySQL on yleisesti käytössä oleva ratkaisu, johon on helppo löytää apua tarvittaessa internetistä. Tietokanta toimii nopeasti ja sen pystyttäminen oli vaivatonta.
Verkkosovelluksen tilausjärjestelmässä ei käytetä maksupalvelua, sillä sen käyttäminen on maksullista. Sen sijaan loppukäyttäjät voivat lisätä tuotteita ostoskoriin ja tilausta lähettäessä he voivat valita maksutavaksi joko tilisiirron tai postiennakon. Käyttäjien on annettava osoitetietonsa, sekä haluttaessaan myös sähköpostiosoitteen tai puhelinnumeronsa. Käyttäjät voivat myös jättää tilauksen oheen viestin.
Pääkäyttäjä pystyy selaamaan tilauksia ja erottelemaan ne kategorioihin uudet, valmiit ja perutut. Pääkäyttäjä pystyy myös muokkaamaan asiakkaiden lähettämiä tilauksia. Asiakkailla itsellään ei ole mahdollisuutta nähdä tai muokata lähettämiään tilauksia, sillä heillä ei ole mahdollisuutta luoda käyttäjätiliä.
Käyttöliittymän toteutus tapahtuu React.js-kirjastoa hyödyntäen tekijän aiemman kokemuksen perusteella. React.js saa helposti tehtyä yksinkertaisia komponenttipohjaisia verkkosivuja.
Taustapalvelun ohjelmointikieli vaihtui alkuperäisestä suunnitelmasta poiketen PHP:ksi, koska palveluntarjoaja ei tarjoa Node.js-tukea. Molemmat sopivat kevyen taustapalvelun tekemiseen kuitenkin hyvin.
Tietokantana toimii MySQL-tietokanta, jolle palveluntarjoajalta löytyi tuki. MySQL on yleisesti käytössä oleva ratkaisu, johon on helppo löytää apua tarvittaessa internetistä. Tietokanta toimii nopeasti ja sen pystyttäminen oli vaivatonta.
Verkkosovelluksen tilausjärjestelmässä ei käytetä maksupalvelua, sillä sen käyttäminen on maksullista. Sen sijaan loppukäyttäjät voivat lisätä tuotteita ostoskoriin ja tilausta lähettäessä he voivat valita maksutavaksi joko tilisiirron tai postiennakon. Käyttäjien on annettava osoitetietonsa, sekä haluttaessaan myös sähköpostiosoitteen tai puhelinnumeronsa. Käyttäjät voivat myös jättää tilauksen oheen viestin.
Pääkäyttäjä pystyy selaamaan tilauksia ja erottelemaan ne kategorioihin uudet, valmiit ja perutut. Pääkäyttäjä pystyy myös muokkaamaan asiakkaiden lähettämiä tilauksia. Asiakkailla itsellään ei ole mahdollisuutta nähdä tai muokata lähettämiään tilauksia, sillä heillä ei ole mahdollisuutta luoda käyttäjätiliä.