bachelor thesis web app

1. MOBILI-AR:
3D-ARFURNITURE
MARKETPLACE
Absolvent Frîncu Mădălin-Gabriel
Coordonator științific Conf.dr. Claudia Mureșan

2. Privire de
ansamblu
 Motivația din spatele acestui proiect a fost de a îmbunătăți
experiența de cumpărare a produselor de mobilier, prin furnizarea
unui mod creativ de a "încerca" mobilierul în interiorul propriei
locuințe înainte de a-l cumpăra.
 Cu metodele actuale de shopping, clienții au adesea dificultăți în a
înțelege cum se va integra mobila, ceea ce conduce la un nivel
ridicat de retur.
 Mobili-AR își propune să abordeze această problemă permițând
utilizatorilor săi să:
1. Să navigheze într-o galerie de modele de mobilier 3D
2. Să plaseze modelele de mobilier 3D în scenă de realitate
augmentată folosind camera foto a dispozitivului lor
3. Să modifice și să rotească mobilierul pentru a vedea cum s-ar
potrivi în camera lor.

3. Tehnologii
utilizate
 Arhitectura aplicației web Mobili-AR

4. Tehnologii
utilizate
 Nuxt 2  Vuetify
 Nuxt permite crearea unei aplicații care să
funcționeze atât pe server, cât și pe client. Acest
lucru înseamnă că poate reda în avans HTML-ul
inițial, ceea ce face ca aplicația să se încarce mai
rapid.
 Vuetify oferă componente cu design
material care pot fi utilizate în cadrul aplicației
Nuxt. Acestea includ lucruri precum butoane,
formulare, navigări etc.
 Three.JS  Vuex
 Three.JS este o bibliotecă JavaScript pentru
a crea grafică și animații 3D. Permite redarea cu
ușurință a obiectelor 3D, a camerei, a luminilor, a
texturilor și a efectelor în browser.
 Vuex vă ajută la gestionarea stării aplicației
Nuxt într-un spațiu de stocare centralizat. Acest
lucru facilitează partajarea datelor între
componente.
 A-Frame  Axios
 A-Frame simplifică realizarea de experiențe
cu realitate virtuală. Se pot crea scene și obiecte
de realitate virtuală folosind doar HTML.
 Axios permite efectuarea de cereri HTTP în
cadrul aplicației Nuxt. Se poate utiliza pentru a
prelua date dinAPI.
 Frontend

5. Tehnologii
utilizate
 Spring Boot  Spring JPA
 Spring Boot facilitează dezvoltarea
aplicațiilor Spring prin oferirea unor configurații
implicite și încorporarea unui server web. Acesta
simplifică procesul de creare și lansare a aplicațiilor
Java prin eliminarea necesității codului boilerplate
și a configurărilor XML.
 Integrează biblioteca Hibernate pentru a
facilita persistența și gestionarea datelor. Aceasta
scindează complexitatea accesului la date și
permite operații CRUD eficiente folosind interfețe
bazate pe repository.
 Spring MVC  PostgreSQL
 Permite crearea și gestionarea controlerelor
și endpoint-urilor REST. Acesta oferă suport
pentru rutarea și gestionarea cererilor, precum și
pentru procesarea și generarea răspunsurilor.
 Este un sistem de gestionare a bazelor de
date relaționale open-source, care oferă
performanță și scalabilitate pentru stocarea și
interogarea datelor. Este potrivit pentru aplicații
care necesită integritatea datelor.
 Spring Security  AWS CloudFront și AWS S3
 Gestionează autentificarea și autorizarea
utilizatorilor. Acesta oferă mecanisme flexibile de
configurare a securității.
 AWS CloudFront și AWS S3 Bucket lucrează
împreună pentru a oferi o soluție eficientă de
distribuție a conținutului. CloudFront este un
serviciu de rețea de distribuție a conținutului
(CDN) care accelerează livrarea resurselor statice
și dinamice, în timp ce S3 Bucket oferă stocare
sigură și scalabilă pentru asset-urile aplicației.
 Backend

6. Caracteristici
relevante
 Design adaptiv

7. Caracteristici
relevante
 Operații CRUD

8. Caracteristici
relevante
 Detectarea de gesturi tactile

9. Dezvoltare
ulterioară
 Dezvoltarea a mai mult decât un C2C (client-to-client)
Marketplace ce reprezintă în prezent aceasta astfel încât poate să
intervină cu validarea livrărilor și confirmarea acestora precum și
plata în prealabil.
 Adăugarea de facilități precum profil de utilizator, recenzii și
comentarii în articole.
 Punerea în producție a operațiunilor Mobili-AR
 Extinderea capacității de operare și gestionarea mai bună a SEO
(search engine optimization)
 Interfață user-friendly de îmbunătățit

10. Link-uri utile
 https://mobiliar-frontend.up.railway.app/
 https://github.com/madalin-fr/mobiliar-frontend
 https://github.com/madalin-fr/mobiliar-backend