Difference between revisions of "Outil de création de visite virtuelle de bâtiments avec placement d'information temps réel"

From air
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
Encadrant: Didier DONSEZ
 
Encadrant: Didier DONSEZ
   
Les caméras 360° prennent des photos panoramiques. Ricoh est un des leaders du marché avec ces caméras Theta.
+
Les caméras 360° prennent des [https://naver.github.io/egjs-view360/examples/panoviewer/controls/veste.jpg photos panoramiques]. Ricoh est un des leaders du marché avec ces caméras Theta.
   
 
Les photos prises par ces caméras permettent de construire des visites virtuelles de lieux. Dans ces visites virtuelles, l'utilisateur passe d'une scène à une autre via des "portes" ouvertes vers les autres scènes.
 
Les photos prises par ces caméras permettent de construire des visites virtuelles de lieux. Dans ces visites virtuelles, l'utilisateur passe d'une scène à une autre via des "portes" ouvertes vers les autres scènes.
   
  +
==Objectif==
 
L'objectif du projet est de développer un outil (web) facilitant la construction de visites:
 
L'objectif du projet est de développer un outil (web) facilitant la construction de visites:
 
* en prépositionnant les images 360° sur un plan de masse,
 
* en prépositionnant les images 360° sur un plan de masse,
Line 10: Line 11:
 
* en ajoutant des informations (popup) dans la scène qui peuvent contenir des informations statiques (images, textes ...) ou dynamiques (ie recupérées en temps réel comme l'emploi du temps de la salle, mesure de CO2 de la pièce, température de la pièce, mesure d'occupation, webcam ...)
 
* en ajoutant des informations (popup) dans la scène qui peuvent contenir des informations statiques (images, textes ...) ou dynamiques (ie recupérées en temps réel comme l'emploi du temps de la salle, mesure de CO2 de la pièce, température de la pièce, mesure d'occupation, webcam ...)
   
Vous examinerez les bibliothèques les plus adéquates pour réaliser l'outil et la visite produite par celui-ci. Une première démonstration d'une visite pourra être produite pour la Journée Porte Ouverte de Polytech (25/02/2023).
+
Vous examinerez les bibliothèques les plus adéquates pour réaliser l'outil et la visite produite par celui-ci.
   
  +
Une première démonstration d'une visite pourra être produite pour la Journée Porte Ouverte de Polytech (25/02/2023) avec une caméra Theta V.
List of Open Source JavaScript 360 Image Viewers:
 
  +
  +
Les visites seront sauvegardées et récupérables dans une base de données MongoDB via un microservice codé avec [https://mongoosejs.com/ MongooseJS].
  +
  +
Vous pourrez utiliser des [https://github.com/CampusIoT/tutorial/tree/master/qorvo_dwm1001 balises UWB] pour positionner précisément le photographe ou l'appareil dans le bâtiment.
  +
  +
==References==
 
===List of Open Source JavaScript 360 Image Viewers===
 
* [https://github.com/theta360developers/Photo-Sphere-Viewer Photo Sphere Viewer] by Jeremy Heleine: good and popular viewer. Uses Three.js
 
* [https://github.com/theta360developers/Photo-Sphere-Viewer Photo Sphere Viewer] by Jeremy Heleine: good and popular viewer. Uses Three.js
 
* [https://github.com/theta360developers/ThetaViewer ThetaViewer] by Atsushi Kokubo V: iewer works great. Documentation is in Japanese.
 
* [https://github.com/theta360developers/ThetaViewer ThetaViewer] by Atsushi Kokubo V: iewer works great. Documentation is in Japanese.
 
* [https://github.com/theta360developers/theta-viewer.js theta-viewer.js] by Sho Hashimoto : Animate multiple-Photos taken by RICOH THETA.
 
* [https://github.com/theta360developers/theta-viewer.js theta-viewer.js] by Sho Hashimoto : Animate multiple-Photos taken by RICOH THETA.
 
* [https://github.com/theta360developers/googlevr Google VR for Web] by Google: Solid 360 image and video viewer that can be embedded in web site or mobile phone
 
* [https://github.com/theta360developers/googlevr Google VR for Web] by Google: Solid 360 image and video viewer that can be embedded in web site or mobile phone
* [Pannellum] by Matthew Petroff: lightweight, free, and open source panorama viewer for the web
+
* [https://github.com/theta360developers/pannellum Pannellum] by Matthew Petroff: lightweight, free, and open source panorama viewer for the web
* [https://github.com/theta360developers/pannellum https://naver.github.io/egjs-view360/panoviewer.html panoviewer] by Naver Labs
+
* [https://naver.github.io/egjs-view360/panoviewer.html panoviewer] by Naver Labs

Latest revision as of 17:36, 23 January 2023

Encadrant: Didier DONSEZ

Les caméras 360° prennent des photos panoramiques. Ricoh est un des leaders du marché avec ces caméras Theta.

Les photos prises par ces caméras permettent de construire des visites virtuelles de lieux. Dans ces visites virtuelles, l'utilisateur passe d'une scène à une autre via des "portes" ouvertes vers les autres scènes.

Objectif

L'objectif du projet est de développer un outil (web) facilitant la construction de visites:

  • en prépositionnant les images 360° sur un plan de masse,
  • en ajoutant les portes qui servent à se déplacer d'une scène à l'autre
  • en ajoutant des informations (popup) dans la scène qui peuvent contenir des informations statiques (images, textes ...) ou dynamiques (ie recupérées en temps réel comme l'emploi du temps de la salle, mesure de CO2 de la pièce, température de la pièce, mesure d'occupation, webcam ...)

Vous examinerez les bibliothèques les plus adéquates pour réaliser l'outil et la visite produite par celui-ci.

Une première démonstration d'une visite pourra être produite pour la Journée Porte Ouverte de Polytech (25/02/2023) avec une caméra Theta V.

Les visites seront sauvegardées et récupérables dans une base de données MongoDB via un microservice codé avec MongooseJS.

Vous pourrez utiliser des balises UWB pour positionner précisément le photographe ou l'appareil dans le bâtiment.

References

List of Open Source JavaScript 360 Image Viewers

  • Photo Sphere Viewer by Jeremy Heleine: good and popular viewer. Uses Three.js
  • ThetaViewer by Atsushi Kokubo V: iewer works great. Documentation is in Japanese.
  • theta-viewer.js by Sho Hashimoto : Animate multiple-Photos taken by RICOH THETA.
  • Google VR for Web by Google: Solid 360 image and video viewer that can be embedded in web site or mobile phone
  • Pannellum by Matthew Petroff: lightweight, free, and open source panorama viewer for the web
  • panoviewer by Naver Labs