🖥️​ Interface ViewBox

• Vue d’ensemble
• Navigation générale
• Mode Timeline
• Mode Côte à côte
• Mode Slider
• Mode Diaporama

Vue d’ensemble

Vue d’ensemble

ViewBox est une solution de suivi visuel de chantier basée sur la capture d’images automatisée et leur consultation via une interface web intuitive.

Elle permet de visualiser l’évolution d’un site dans le temps, de manière simple, fluide et accessible à distance.

Principe de fonctionnement

Un dispositif de capture (caméra timelapse) est installé sur le chantier afin de prendre des images à intervalles réguliers.

Ces images sont ensuite stockées et mises à disposition sur une plateforme en ligne, permettant aux utilisateurs autorisés de consulter l’historique visuel du chantier à tout moment.

Objectifs

ViewBox répond à plusieurs besoins essentiels :

- Suivre l’avancement des travaux de manière visuelle
- Faciliter la communication entre les différents intervenants
- Conserver un historique précis du chantier
- Valoriser le projet auprès des clients et partenaires

Cas d’usage

La solution peut être utilisée dans différents contextes :

- Suivi de chantier pour les entreprises de construction
- Communication client (partage d’avancement)
- Création de contenus marketing (timelapse, avant/après)
- Archivage et documentation des projets

Points forts

- Accès à distance via une interface web
- Navigation dans le temps (historique complet des images)
- Outils de comparaison visuelle
- Visualisation fluide même sur de grandes quantités d’images

ViewBox transforme un simple flux d’images en un véritable outil d’analyse, de suivi et de communication.

Navigation générale

La navigation dans VueChantier est conçue pour être simple et rapide, afin de permettre à l’utilisateur d’accéder facilement aux images et de parcourir l’historique du chantier. L'interface se veut minimaliste afin de favoriser une meilleure visualisation des images.

Navigation dans les images

L’utilisateur peut se déplacer dans les images grâce à plusieurs outils :

• Flèches de navigation : en mode Timeline ou Diaporama, elles sont situées sur les bords de l'écran, permettent d’avancer ou de reculer image par image

                

• Panneau de contrôle : au survol du bouton "Home", le panneau de contrôle s'affiche. Il permet de sélectionner les différents modes de vue et d'utiliser les fonctionnalités associées

           

Ces outils permettent d’explorer facilement les différentes étapes du chantier.

Changement de mode

Le panneau de contrôle propose plusieurs modes de visualisation accessibles à tout moment. 

L’utilisateur peut passer facilement d’un mode à un autre afin d’adapter l’affichage en fonction de son besoin :

• Timeline  
• Côte à côte
• Slider
• Diaporama

Le changement est instantané et n’interrompt pas la navigation.

Zoom et Plein écran

Le zoom est disponible lorsqu'une seule image est affichée. Il suffit à l’utilisateur de faire défiler la molette de la souris sur un point précis. Il peut ensuite se déplacer dans l’image tout en conservant le même niveau de zoom.

Il est possible de passer en mode plein écran en double-cliquant sur l’image, quel que soit le mode utilisé.  
Pour quitter ce mode, trois options sont disponibles :

• double-cliquer à nouveau  
• appuyer sur la touche Échap  
• utiliser le bouton dédié à côté du bouton "Home" 

Date et informations

Différentes informations sont accessibles via l'icône "Informations" :

• Nom du chantier
• Nombres d'images disponibles
• Date de la première image
• Date de la dernière image
• Date de la dernière mise à jour (tension et batterie)
• Tension
• Pourcentage de batterie restant
• Lien vers la documentation

Fluidité et performance

La navigation est optimisée pour fonctionner de manière fluide, même avec un grand nombre d’images.

Les actions sont immédiates :

• chargement rapide des images
• transitions sans interruption
• navigation continue sans rechargement de page

Résumé

La navigation dans VueChantier repose sur trois éléments principaux :

• se déplacer dans les images
• accéder rapidement à une date précise
• plusieurs modes de vue selon le besoin

Ces outils permettent à l’utilisateur de consulter et d’analyser l’évolution du chantier de manière simple et efficace.

Mode Timeline

Le mode Timeline permet de parcourir chronologiquement les images du chantier.

Fonctionnement

L’utilisateur navigue dans le temps en affichant une image à la fois.

Il peut :

•  avancer ou reculer avec les flèches 

                

• se rendre directement à la première ou à la dernière image

               

• sélectionner une date et une heure précise, soit en les saisissant, soit via le calendrier 

           

L’image affichée correspond à l’instant choisi ou, si aucune image n’existe à cet instant précis, à l’image la plus proche disponible.

L'utilisateur peut également naviguer à l'aide de la timeline coulissante :

L'utilisateur peut télécharger l'image qui est affichée version HD à l'aide du bouton suivant :    

           

L'utilisateur peut passer en mode plein écran avec le bouton suivant (ou en double-cliquant sur l’image) :

           

Utilisation

Ce mode est idéal pour :
- suivre l’évolution du chantier étape par étape
- vérifier un moment précis

Résumé

Le mode Timeline offre une navigation simple, précise et intuitive dans l’historique des images.

Mode Côte à côte

Le mode Côte à côte permet d’afficher deux images côte à côte afin de visualiser les différences entre deux moments du chantier.

Fonctionnement

L’utilisateur sélectionne deux dates distinctes :

• une image affichée à gauche  
• une image affichée à droite  

Chaque image peut être choisie indépendamment à l’aide des outils de navigation ou du sélecteur de date.

Outils de navigation :

•  avancer ou reculer avec les flèches 

                

• se rendre directement à la première ou à la dernière image

                 

• sélectionner une date et une heure précises, soit en les saisissant, soit via le calendrier 

            

Utilisation

Ce mode est particulièrement utile pour :

• visualiser l’évolution entre deux étapes du chantier  
• comparer un avant / après  
• vérifier l’avancement des travaux  
• illustrer des changements auprès d’un client  

Résumé

Le mode Comparaison permet d’identifier rapidement les évolutions du chantier en confrontant deux images à des dates différentes.

Mode Slider

Le mode Slider permet de comparer deux images de manière interactive à l’aide d’un curseur.

Fonctionnement

L’utilisateur sélectionne deux dates distinctes :

• une image affichée en arrière-plan  
• une image superposée au premier plan  

La navigation est similaire au mode Timeline et Côte à Côte.

Un curseur permet de révéler progressivement l’une ou l’autre des images. 

Un double-clic sur le curseur permet de le recentrer. 

Utilisation

Ce mode est particulièrement adapté pour :

• visualiser précisément les différences entre deux états du chantier  
• comparer un avant / après de manière intuitive  
• mettre en évidence des zones spécifiques  

L’interaction rend la comparaison plus naturelle et plus lisible qu’un affichage classique.

Résumé

Le mode Slider permet d’explorer les évolutions du chantier de manière interactive et visuelle, en superposant deux images et en contrôlant leur affichage avec un simple mouvement.

Mode Diaporama

Le mode Diaporama permet de visualiser automatiquement une succession d’images afin d’observer l’évolution du chantier dans le temps.

Fonctionnement

Les images défilent automatiquement les unes après les autres, dans l’ordre chronologique.

L’utilisateur peut :

• sélectionner la date de début de visionnage

       

• choisir l'intervalle de temps entre chaque photos affichées

       

• ajuster la vitesse de défilement  

       

• lancer ou mettre en pause la lecture  (il peut arrêter la lecture en cours en cliquant sur l'image) 

       

• choisir le sens de lecture

       

• l'option téléchargement de la vidéo sera prochainement implémentée

Utilisation

Ce mode est particulièrement adapté pour :

• obtenir une vue globale de l’avancement du chantier  
• visualiser rapidement une période complète  
• créer un effet timelapse  

Résumé

Le mode Diaporama offre une visualisation continue et automatisée de l’évolution du chantier.