Correction WEB06 - IHM : Capteurs et Actionneurs

Exercice 1 : La boucle de contrôle

Comprendre l'interaction entre le système et le monde réel :

Capteur : Mesure une grandeur physique (ex: température).
Traitement : Analyse les données et prend une décision (JavaScript).
Actionneur : Agit sur le monde réel (ex: allumer un ventilateur).
Projet Dashboard : Le curseur (input type="range") simule ici le Capteur (entrée de donnée).

Exercice 2 : Analyse des flux de données

Composant	Flux	Rôle dans l'IHM
Capteur de température	Entrant	Fournir la donnée brute au système.
Affichage LCD / Texte	Sortant	Informer l'utilisateur visuellement.
Moteur de ventilation	Sortant	Exécuter l'ordre de refroidissement.

Exercice 3 : Pilotage automatique d'un actionneur

Code JavaScript pour automatiser la ventilation selon le seuil de 26°C :

const affichageVentilo = document.getElementById("etat-ventilo");

if (temp >= 26) {
    affichageVentilo.textContent = "EN MARCHE"; // Message d'activation
    affichageVentilo.style.color = "blue"; // Couleur d'alerte (froid)
} else {
    affichageVentilo.textContent = "ARRET";
    affichageVentilo.style.color = "grey";
}

Exercice 4 : Défi : L'IHM Bidirectionnelle

1. Attribut HTML pour le clic : On utilise l'attribut onclick.

2. Fonction JavaScript "AUTO-CONFORT" :

function modeAutoConfort() {
    // 1. On cible le curseur (input range) par son ID
    const curseur = document.getElementById("temp-slider");

    // 2. On règle la valeur à 21
    curseur.value = 21;

    // 3. On appelle la fonction de mise à jour du dashboard
    mettreAJourDashboard();
}