Suivi Outil de création de visite virtuelle de bâtiments avec placement d'information temps réel 2022-2023

Le projet

Outil de création de visite virtuelle de bâtiments avec placement d'information temps réel

L'équipe

Les élèves

• Justin NGUYEN (chef de projet)
• Clara BERNERD
• Ayman FAGHLOUMI

Porteur du projet

• Didier DONSEZ

Fiche de suivi

Semaine du 16/01/2023

• Choix du sujet

Semaine du 23/01/2023

• 23/01/2023: Première réunion
• 24/01/2023: Choix techniques + essai des librairies

Semaine du 30/01/2023

• 30/01/2023: Premier test de la caméra
• 31/01/2023: Deuxième réunion

Semaine du 31/01/2023

31/01/2023: Réunion d’avancement

Voici les points évoqués lors de la réunion :

• Adapter l’outil à l’appareil de l’utilisateur (comme par exemple un casque VR, un téléphone ou un ordinateur).
  • Exemple : sur téléphone, ouverture automatique des popup lors du centrage
• Interface : passage rapide du mode vue au mode édition
• Son en 3d : prévoir un moyen d’ajouter des sonorités dans l’espace en fonction de l’orientation de l’utilisateur
• récupérer des information dynamiquement et en direct dans les popup d’information(température, niveau de CO2, …)
• Ajouter une mini map
• Pouvoir voir le plan de polytech en grand écran pendant l’édition et la visualisation
• trouver une licence (apache, eclipse,....)
• Réaliser une visite du campus
• Trouver un logo
• Ajouter une documentation + les sources
• Poster et flyer en anglais
• Faire le cahier des charges + maquette (voir avec différents utilisateurs, voir Fabrice Forest (mail Didier Donsez), Sybille Caffiau, Renauld Blanch, ....)
• Faire une visite à la masi (voir Fabrice)
• Voir le type de licence de pannellum si contaminante ou non
• Mettre en ligne la démonstration
• Dans l'interface, ajouter une console, pour afficher historique de visite
• IA pour la détection de visage, portes, ...
• Géolocalisation à partir de capteurs de distance
• Outils exiftool, voir pour récupérer les informations de l’image

Planning 31/01/2023 :

• Ajout de la démo visite sur github
• Début de conception de la maquette
• Définition des fonctionnalités

02/02/2023:

• architecture statique, github page : fichier HTML
• licence Pannellum : MIT licence

Planning du 02/02/2023 :

• Réalisation du cahier des charges
• Réalisation maquette
• Prise de photos dans Polytech
• Recherche interface en HTML (navigation entre édit et vue)
• Importer des diaporama (ce n’est pas utile pour le projet)
• Réorganiser le code du projet

Semaine du 06/02/2023

Réunion du 06/02/2023:

• Bouton sauvegarde de la visite (à ajouter dans la maquette)
  • Pour les visualisations : charger le json, le modifier puis le sauvegarder.
• extraction des infos exif pour aider l’utilisateur
• faire un scénario d’usage
• Comment accélérer la productivité de l’utilisateur?
• ajouter des infos statiques
• photos à ajouter à partir d’open street map
• ajouter les photos par rapport au plan de masse (pas directement à partir de la visualisation d’une scène)
• faire des photos a la bibliothèque, a l’amphi veil, au musée
  • leaflet.com pour nous mini map avec plan de masse :
  • https://stackoverflow.com/questions/62931213/how-to-add-leaflet-draw-for-non-geographical-map-e-g-floor-plan
• geojson -> pour écrire dans le fichier json
• biblio LeafLet en plus de OpenStreetMap pour la mini map : l’utiliser en cas de plan fixe (par exemple visite du campus), + voir comment ajouter des layers là-dedans pour la visite d’un bâtiment (exemple Polytech)

07/02/2023:

• Mini map : interactive floor-plan
  • canonex/Interactive-Floorplan: Allows you to create dynamic plans, interacting with svg.
  • Interactive svg floorplan - CodeSandbox
  • Mulcreevy Virtual Tour
• Changer les panoramas qui ne sont pas à nous dans la github page
• Historique des visites : un historique qui se met à jour lors des déplacements entre les scènes et qu’on peut afficher/cacher et supprimer.

08/02/2023:

A faire :

• Démo création de visite avec 2 scènes
  • modifier le fichier JSON
• Lier la minimap/et l’historique avec le déplacement dans les scènes
  • trouver la “variable” scène en cours
  • trouver comment la modifier
• addHotspot
• addScene
• json dans un autre fichier + modification en js
• Afficher le viewer sous format texte pour voir l’impact des fonctions sur le viewer (exemple addHotspot)

Réflexion :

• On ne va pas modifier le fichier JSON au fur et à mesure de la création de la visite. On va simplement utiliser la fonction “getConfig” fournie par pannellum lorsqu’on voudra sauvegarder puis on transformera la sortie en fichier JSON en récupérant les “fields” qui nous intéressent : default + scenes.

On peut alors utiliser les fonctions addHotSpot et addScene pour la création de la visite.

• (Attention, on ne peut afficher de scène tant qu’on a pas une scène par défaut)
• Ajouter les portes a partir du diaporama et non pas de la mini map (car c’est plus pratique et c’est ce qui se fait dans la réalité (comme dans 3D Vista)).

09/02/2023:

A faire :

• Mettre à jour le cahier des charges.
• Préparer la soutenance (diapo et oral)
• Lier le code (partie vue, édition, …)
• Faire planning au propre
• Choisir ce que l’on veut montrer ou non pendant la soutenance

Semaine du 20/02/2023

20/02/2023 et 21/02/2023:

Fait :

• Export de la visite en JSON
• Création de l’interface, changement de mode (passage d’une page html à une autre)
• Ajout du positionnement des portes par l’utilisateur

A faire :

• Interface partie Edition :
  • Afficher les panoramas sur l’interface et pouvoir les sélectionner et les afficher au centre de l’interface
  • Ajouter la description des informations + leur positionnement
  • Permettre la suppression des hotspot
  • Permettre à l’utilisateur d’importer une visite sous format json et l’afficher (partie view iframe)
    • A noter dans le cahier des charges
• Editer la minimap

• Interface partie View :
  • Pouvoir se déplacer dans la visite à partir de la mini map
  • Pouvoir se déplacer dans la visite à partir de l’historique

• Lier le code (Justin s’occupe de l’interface, donc il fusionne le code petit à petit)

23/02/2023:

• Discussion et définition du poster
• Mail envoyé pour question pitch et flyer
• Mise en commun du travail réalisé les deux derniers jours
• Discussion sur affichage des panoramas :
  • Quand on sélectionne un panorama sur la gauche (miniature), il ne s’affiche pas automatiquement en grand
  • Pour ajouter un panorama au centre, il faut créer une nouvelle scène
• Développement affichage des panorama + ajout de scène

24/02/2023:

Reste à faire:

• Quand on refresh la page, cela ne doit pas supprimer la config
• Importer une visite, pouvoir naviguer dedans et la modifier (dans le mode vue)
• Edition de la minimap
• Pouvoir se déplacer à partir de la Minimap
• Relier le code
• Ajouter des tooltips quand on hover les images des panoramas dans la liste
• Ajouter la liste des images panoramas dans la page édition MiniMap
• Tooltip sur les images, dans la fonction submit de AddPanorama, mettre à jour name qui est un champ de chaque image.
• Edition MiniMap : choix de scène à ajouter : listener sur les images à côté : quand on clique dessus on prend le champs name contenant l’id de la scène et on le met dans le champs saisie de l’id pour cliquer sur submit.
• Edition MiniMap : pouvoir supprimer les points d'intérêts.

Semaine prochaine :

Programmer un rdv avec Mr Donsez Contacter fabrice.forest@univ-grenoble-alpes.fr pour faire des photos à la masi Poster

Semaine du 27/02/2023

28/02/2023:

Reste à faire:

• Quand on refresh la page, cela ne doit pas supprimer la config
  • automatiser l’export avec un timer
• Fusionner le code pour la partie view (historique cliquable)
• Ajouter des icônes
• Ajouter des pop-up pour entrer le nom des scènes …
• Ajouter des ticks pour différencier les panoramas qui sont disponibles ou non
• Supprimer panorama et boutons inutiles edition minimap

01/03/2023:

Ce qui manque dans le View Mode :

• Récupérer la visite qui a été éditée
• Récupérer la miniMap éditée (Exporter le contenu de la MiniMap éditée à la minimap contenue dans le Mode View)
• Pouvoir se déplacer dans la visite à travers la MiniMap
• Pouvoir se localiser dans la MiniMap lorsqu’on se déplace dans la visite (à travers les portes)

Ce qui manque dans l'Édition Mode :

• Exporter la visite vers la vue en cliquant sur le bouton de changement de mode
• Conserver la couleur verte pour les images sélectionnées

faire un test de tous les frames qui s’affichent en cliquant sur les boutons afin de supprimer le contenu après le submit

Bouton Poubelle

02/03/2023:

Réunion :

• Pouvoir déplacer les portes + infos
• Sélectionné les scènes à ajouter dans une liste plutôt que de remplir l’id
• Augmenter la tailles des pastilles sur les images
• Changer la scène par défaut quand on arrive sur le site (enlevé la nature)
• Clic pour associer la scène à un point d'intérêt dans la minimap

03/03/2023:

A FAIRE

• Afficher une popup lorsqu’on clique sur import visit, pour choisir entre les visites enregistrées – lundi
• Système de recherche de scènes qui propose les scènes disponibles à partir quand on commence à taper le nom dans la zone id – en cours
• choix de scène à associer dans la minimap avec une barre de recherche qui propose les scènes
• Classer les images par pastille (color)
• Changer la première scène (default) -> Pour le moment c’est le Hall

->(branch : feature_ranking_pics_and_default_scene_Ayman)

problèmes :

• pas de mise à jour dans la variable visit_to_import*

Semaine du 06/03/2023

07/03/2023:

A ajouter dans la prochaine version :

• exporter la minimap ????

A faire demain :

• scroll bar pour scène dans minimap
• séparer le code
• commenter
• mettre les fichier au bon endroit

8/03/2023:

• Mettre l’Edition Mode en index du link de la git webpage
• Charger les visites automatiquement lorsqu’on arrive dessus (autoload)
• Changer la photo default (notre logo en 360) ou juste arrière plan noir avec texte (Visit360)
• Gestion d’add de scenes, pour valider un submit il faut vérifier que l’id de la scene n’existe pas déjà dans notre ListScene
• Exporter la miniMap editée associée à la visite