📺 Affichage Public des Installations

Créez des pages publiques personnalisées pour partager les données de vos installations avec vos clients, partenaires ou le public, sans nécessiter d'authentification.

Cas d'Usage

Parfait pour créer des écrans d'affichage en salle d'accueil, des tableaux de bord clients, ou partager vos performances photovoltaïques sur votre site web.

Qu'est-ce qu'un Affichage Public ?

Un Affichage Public est une page web accessible publiquement (sans connexion) qui présente les données en temps réel d'une installation photovoltaïque spécifique.

Avantages

  • Accessibilité : Aucune connexion requise, URL simple à partager
  • Personnalisation : Couleurs, logo, police, image de fond personnalisables
  • Mise à jour automatique : Données rafraîchies régulièrement
  • Professionnalisme : Templates élégants et responsive
  • Confidentialité : Vous contrôlez ce qui est affiché et pouvez désactiver l'accès

Créer un Affichage Public

Étape 1 : Accéder à la Configuration

  1. Rendez-vous sur la fiche de l'installation
  2. Dans le menu d'actions, cliquez sur "Affichage Public"
  3. L'interface de configuration s'ouvre

Accès Rapide

Vous pouvez aussi accéder à la configuration depuis le tableau de bord des installations en utilisant le menu contextuel (⋮) de chaque installation.

Étape 2 : Configuration de Base

Paramètres Essentiels

Titre Personnalisé

Nom affiché en haut de la page publique. Par défaut, c'est le nom de l'installation.

Slug (URL)

Identifiant unique pour l'URL publique. Important : une fois défini, évitez de le changer car les anciens liens ne fonctionneront plus.

Format : lettres minuscules, chiffres et tirets uniquement
Exemple : installation-solaire-lillehttps://pvreactive.com/display/installation-solaire-lille

Statut

Actif : La page est accessible publiquement
Inactif : La page n'est pas accessible (erreur 404)

Étape 3 : Personnalisation Visuelle

Palette de Couleurs

Définissez les couleurs pour personnaliser l'affichage selon votre charte graphique :

Couleur Primaire

En-têtes, boutons, accents

Couleur Secondaire

Fond, bordures, éléments subtils

Couleur du Texte

Texte principal et titres

Contraste

Assurez-vous que vos couleurs offrent un bon contraste pour une lisibilité optimale, notamment entre le texte et le fond.

Police de Caractères

Choisissez parmi une sélection de polices professionnelles :

Catégories de Polices
  • Numériques/Tech : Orbitron, Oxanium, Share Tech Mono, DS-Digital
  • Modernes : Inter, Roboto, Open Sans, Montserrat, Lato
  • Display/Impact : Bebas Neue, Anton, Oswald, Bangers
  • Serif/Élégantes : Playfair Display, Merriweather, Lora
  • Monospace/Code : Roboto Mono, JetBrains Mono, Fira Code
  • Classiques : Arial, Helvetica, Times New Roman, Georgia

Logo Personnalisé

Uploadez votre logo pour renforcer votre identité visuelle :

  1. Cliquez sur "Uploader un Logo"
  2. Sélectionnez votre fichier (PNG, JPG, JPEG ou SVG)
  3. Taille maximale : 2 MB
  4. Résolution recommandée : 500px de largeur maximum

Format SVG

Privilégiez le format SVG pour un rendu parfait à toutes les résolutions. Les formats PNG et JPG seront automatiquement redimensionnés si nécessaires.

Image de Fond

Ajoutez une image de fond pour un affichage immersif :

  1. Cliquez sur "Uploader une Image de Fond"
  2. Sélectionnez votre fichier (PNG, JPG, JPEG)
  3. Taille maximale : 10 MB
  4. Résolution recommandée : 3840x2160 (4K) maximum

Conseil : Utilisez des images avec peu de détails ou appliquez un filtre pour que le texte reste lisible. Une légère transparence est automatiquement appliquée.

Étape 4 : Choix du Template

Sélectionnez un style de présentation parmi les templates disponibles :

🎨 Moderne

Design contemporain avec dégradés et animations fluides. Parfait pour une communication dynamique.

✨ Élégant

Style raffiné et épuré avec typographie soignée. Idéal pour des espaces haut de gamme.

📊 Sobre

Mise en page minimaliste axée sur les données. Excellent pour une lecture technique.

🏭 Industriel

Look technique et robuste, typographie monospace. Adapté aux environnements industriels.

📱 Standard

Template polyvalent et responsive. Fonctionne partout, du smartphone au grand écran.

⚙️ Custom

Développeurs : injectez votre propre HTML/CSS/JS pour un contrôle total.

Étape 5 : Prévisualisation et Activation

  1. Cliquez sur "Prévisualiser" pour voir le rendu en temps réel
  2. Ajustez les paramètres si nécessaire
  3. Une fois satisfait, activez l'affichage avec le bouton "Activer"
  4. Copiez l'URL publique pour la partager

Données Affichées

L'affichage public présente automatiquement les informations suivantes :

Donnée Description Mise à Jour
Puissance Actuelle Production instantanée (kW) Temps réel
Production du Jour Énergie produite aujourd'hui (kWh) Horaire
Production Mensuelle Énergie du mois en cours (kWh) Horaire
Production Totale Cumul depuis installation (MWh) Horaire
Statut État de fonctionnement Temps réel
CO₂ Évité Équivalent carbone économisé Journalier

Données Sensibles

Les données financières et les informations techniques détaillées ne sont **jamais** affichées publiquement. Seules les métriques de production et d'impact environnemental sont visibles.

Partager l'Affichage

Obtenir l'URL

Une fois l'affichage activé, l'URL publique est disponible dans deux formats :

  • URL Complète : https://pvreactive.com/display/votre-slug
  • URL Courte : Utilisez un service de raccourcissement si nécessaire

Modes de Partage

Écran d'Affichage

Ouvrez l'URL dans un navigateur en mode plein écran. Parfait pour les salles d'accueil.

💡 Utilisez un Raspberry Pi ou un ordinateur dédié pour un affichage permanent.

Site Web

Intégrez l'affichage dans votre site via une iframe responsive.

<iframe src="..." width="100%" height="600"></iframe>

QR Code

Générez un QR code pointant vers l'URL pour un accès mobile facile.

💡 Utilisez un service comme QR Code Generator pour créer le QR code.

Lien Direct

Partagez directement le lien par email, réseaux sociaux, ou documentation.

💡 L'URL est adaptée aux mobiles et tablettes.

Gestion et Maintenance

Modifier l'Affichage

Vous pouvez modifier la configuration à tout moment :

  1. Accédez à la fiche de l'installation
  2. Cliquez sur "Affichage Public"
  3. Modifiez les paramètres souhaités
  4. Cliquez sur "Sauvegarder"

Modifications en Direct

Les changements sont appliqués immédiatement. Les visiteurs verront la nouvelle version dès le prochain rafraîchissement de leur page.

Désactiver Temporairement

Pour rendre l'affichage indisponible sans supprimer la configuration :

  1. Ouvrez la configuration de l'affichage
  2. Désactivez le bouton "Actif"
  3. Sauvegardez

→ L'URL retournera une erreur 404. Vous pourrez réactiver l'affichage plus tard avec la même configuration.

Supprimer l'Affichage

Action Irréversible

La suppression d'un affichage est définitive et supprime :

  • • La configuration complète
  • • Le logo et l'image de fond uploadés
  • • L'accès public via l'URL

💡 Si vous pensez réutiliser la configuration, préférez la désactivation temporaire.

Bonnes Pratiques

Cohérence Visuelle

Utilisez les couleurs de votre charte graphique pour que l'affichage soit reconnaissable et professionnel. Ajoutez votre logo pour renforcer l'identité.

Tester sur Différents Appareils

Vérifiez le rendu sur smartphone, tablette et ordinateur. Les templates sont responsive mais certaines combinaisons de couleurs peuvent mieux fonctionner sur certains formats.

Slug Descriptif

Choisissez un slug explicite et mémorable. Exemple : installation-mairie-lille plutôt que inst123.

Actualisation Régulière

Pas besoin d'action : les données sont rafraîchies automatiquement toutes les 15 minutes. Les visiteurs voient toujours des données récentes.

URL Sécurisée (HTTPS)

L'affichage est toujours servi en HTTPS, garantissant la sécurité et la confiance des visiteurs. Aucune configuration nécessaire.

Cas d'Usage Avancés

Écran Multi-Installations

Pour afficher plusieurs installations sur un même écran, créez plusieurs affichages et utilisez un système de rotation automatique (ex: extension navigateur ou script JavaScript).

Integration API

Besoin d'intégrer les données dans votre propre application ? Consultez la section Configuration OAuth pour accéder aux APIs PVReactive.

Template Custom

Les développeurs peuvent créer des templates entièrement personnalisés en sélectionnant le template "Custom" et en fournissant du HTML/CSS/JS.

Template Custom

Le template custom nécessite des connaissances en développement web. Assurez-vous de bien tester votre code avant activation. Les erreurs de syntaxe peuvent empêcher l'affichage de fonctionner.

Questions Fréquentes

Puis-je créer plusieurs affichages pour la même installation ?

Non, chaque installation ne peut avoir qu'un seul affichage public configuré. Si vous avez besoin de variantes, créez des copies de votre installation (non recommandé) ou utilisez le template custom.

L'affichage fonctionne-t-il hors ligne ?

Non, l'affichage nécessite une connexion internet pour récupérer les données en temps réel. Prévoyez une connexion stable pour les écrans d'affichage permanent.

Puis-je désactiver certaines données affichées ?

Actuellement, toutes les données publiques sont affichées. Pour un contrôle plus fin, utilisez le template custom avec du CSS pour masquer certains éléments.

Que se passe-t-il si je supprime l'installation ?

L'affichage public est automatiquement supprimé avec l'installation. Les visiteurs verront une erreur 404.

Puis-je protéger l'accès par mot de passe ?

Non, l'affichage public est conçu pour être accessible sans authentification. Si vous souhaitez restreindre l'accès, utilisez les fonctionnalités d'authentification standards de PVReactive.

Voir Aussi