donnees_20260325_140126

49,00 

Visualiser l’accessibilité visuelle entre deux points géographiques.

UGS : donnees_20260325_140126 Catégorie :

Fiche Descriptive Complète

🔷 INFORMATIONS GÉNÉRALES

Champ Détail

Nom du template terrain_analysis_dashboard.html

Version 1.0.0

Date de création 25/03/2026

Auteur / Designer Gemini 3 Flash

Type de page Dashboard Analytique / Outil Topographique

Objectif principal Visualiser l’accessibilité visuelle entre deux points géographiques.

🎯 DESCRIPTION FONCTIONNELLE

📌 Que fait ce template ?

Ce template est une interface de visualisation de données topographiques. Il permet de représenter graphiquement le relief du terrain entre un Chef de Partie et une Cible, en calculant dynamiquement si la ligne de visée est obstruée par le relief.

📌 Public cible (Persona)

👤 Géomètres et Topographes : Pour vérifier la faisabilité de mesures optiques sur le terrain.

👤 Ingénieurs de Génie Civil : Pour l’étude préliminaire de tracés.

👤 Opérateurs de Réseaux Sans-fil : Pour vérifier la « Line of Sight » (LoS) entre deux antennes.

⚙️ SPÉCIFICATIONS TECHNIQUES

🌐 Environnement & Compatibilité

Standard HTML : HTML5 sémantique.

Framework CSS : Tailwind CSS (via CDN) pour une interface moderne et rapide.

Librairie Graphique : Chart.js ou D3.js (en remplacement de Matplotlib pour le Web).

Responsive : ✅ Oui — Adapté aux tablettes de chantier et desktop.

📦 Dépendances / Assets

HTML

📥 ENTRÉES — CONTENU DYNAMIQUE

# Nom de la variable Type Obligatoire Description

1 distance_km float ✅ Oui Distance totale du segment d’analyse.

2 elevation_data array ✅ Oui Liste des altitudes du terrain (échantillonnage).

3 start_alt float ✅ Oui Altitude du point de départ (Chef de Partie).

4 target_alt float ✅ Oui Altitude du point d’arrivée (Cible).

5 is_obstructed bool ✅ Oui Résultat du calcul d’intersection terrain/visée.

📤 INTERACTIONS & SORTIES

Calcul en temps réel : Ajustement de la ligne de visée lors de la modification des altitudes de départ/arrivée via des sliders.

Feedback Visuel : La ligne de visée change de couleur (Vert pour Dégagé, Rouge pour Obstrué).

Export : Bouton de téléchargement du profil au format PNG (similaire au savefig du script original).

🧱 STRUCTURE DU FICHIER — DOM

index.html

: Titre de l’outil et statut de la connexion GPS.

:

Section Paramètres : Formulaire latéral pour saisir la distance et les altitudes.

Section Graphique : Conteneur pour l’affichage du profil topographique.

Section Résultats : Badge d’état (OBSTRUÉ/DÉGAGÉ) avec indicateur de pente m=ΔxΔy​.

: Coordonnées du projet et version de l’algorithme.

🎨 CHARTE GRAPHIQUE & DESIGN SYSTEM

🎨 Palette de Couleurs

Terrain : #9CA3AF (Gris) avec remplissage transparent.

Visibilité OK : #10B981 (Vert émeraude).

Obstruction : #EF4444 (Rouge alerte).

Points Clés : #3B82F6 (Bleu primaire).

🔤 Typographie

Famille : Inter, sans-serif pour une lisibilité maximale des données chiffrées.

🧪 TESTS & VALIDATION

# Cas de test Action Résultat attendu

1 Calcul de pente Saisir Départ: 200m, Cible: 220m sur 10km Pente affichée de +0.2%

2 Collision terrain Simuler un pic à 250m entre les deux points Ligne de visée passe au rouge

3 Export Image Cliquer sur « Télécharger » Fichier PNG généré avec la légende

📝 EXEMPLE D’INTÉGRATION JAVASCRIPT

JavaScript

// Logique de calcul de la ligne de visée (transcription du script Python)

const calculateLineOfSight = (dist, altStart, altEnd, terrainArray) => {

const m = (altEnd – altStart) / dist;

return terrainArray.map((yTerrain, x) => {

const yLine = m * x + altStart;

return { isObstructed: yTerrain > yLine, yLine };

});

};

Avis

Il n’y a pas encore d’avis.

Soyez le premier à laisser votre avis sur “donnees_20260325_140126”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *