3D-verkkokauppa
Härkönen, Velipekka (2025)
2025
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-2025052013620
https://urn.fi/URN:NBN:fi:amk-2025052013620
Tiivistelmä
Tässä opinnäytetyössä kehitetään verkkokauppa, joka poikkeaa perinteisestä verkkokaupasta 3D-ympäristöllään. Käyttäjä voi liikkua kaupassa käyttäen tietokoneen hiirtä tai kosketusnäytöllisen laitteen näyttöä. Samalla tarkastellaan, onko kolmeulotteisessa verkkokaupassa potentiaalia laajempaan käyttöön.
Projekti koostuu monesta osa-alueesta ja kutakin osa-aluetta käsittelevässä tekstissä käydään läpi sekä aiheen teoriaa että konkreettista toteutusta. 3D-verkkokauppa mallinnettiin Blender-ohjelmalla ja web-ympäristöön kauppa saatiin Three.js- ja react-three-fiber -kirjastoja sekä Reactia käyttäen. Frontendia käsittelevässä osiossa käydään läpi muun muassa Reactin toimintaan olennaisesti kuuluvia ”koukkuja”.
Backend rakentuu Express.js:llä toteutetusta serveristä sekä SQLite-tietokannasta. Sovelluksen pääsyltä rajoitetut sisällöt on suojattu Firebase-autentikoinnin avulla.
Sovelluksen oltua pääpiirteittäin valmis siirrettiin sovellus ulkopuolisen palveluntarjoajan virtuaalipalvelimelle. Sovellus saatiin aikataulun mukaan maksupalvelua vaille valmiiksi.
Projekti koostuu monesta osa-alueesta ja kutakin osa-aluetta käsittelevässä tekstissä käydään läpi sekä aiheen teoriaa että konkreettista toteutusta. 3D-verkkokauppa mallinnettiin Blender-ohjelmalla ja web-ympäristöön kauppa saatiin Three.js- ja react-three-fiber -kirjastoja sekä Reactia käyttäen. Frontendia käsittelevässä osiossa käydään läpi muun muassa Reactin toimintaan olennaisesti kuuluvia ”koukkuja”.
Backend rakentuu Express.js:llä toteutetusta serveristä sekä SQLite-tietokannasta. Sovelluksen pääsyltä rajoitetut sisällöt on suojattu Firebase-autentikoinnin avulla.
Sovelluksen oltua pääpiirteittäin valmis siirrettiin sovellus ulkopuolisen palveluntarjoajan virtuaalipalvelimelle. Sovellus saatiin aikataulun mukaan maksupalvelua vaille valmiiksi.