Skip to content

Conception du programme pour les capteurs

Avant de continuer

Enregistrements

Vérifier que CHACUN de vos répertoires Devoirs/filoe/2SI contiennent :

  • le diaporama : 1_Recherches_initiales_NOM1_NOM2_NOM3
  • les bons de commande 2_Bon_de_commande_Lextronic et 2_Bon_de_commande_Gotronic
  • un dossier 3_Programmes_pour_carte_pico contenant au moins les 5 premiers exercices du site Make Play Piper

  • un dossier 4_Schéma_Programme_des_capteurs contenant :

    • le schéma de votre prototype Pico + capteur fumée + capteur température (Schéma_cablage);
    • deux graphiques (Graphique_1 et Graphique_2) ;
    • les code sous Bipes (programme_capteur_temperature, programme_capteur_temperature_fumee, programme_capteur_temperature_fumee.xml, programme_capteur_temperature_fumee_alerte, programme_capteur_temperature_fumee_alerte.xml)),
    • le résultat de la console sous Bipes (console_capteur_temperature, console_capteur_temperature_fumee et console_capteur_temperature_fumee_alerte).

  • un dossier 5_Tutoriel_Solidworks contenant les pièces et l'assemblage de l'activité de tutoriel SolidWorks

  • un dossier 6_Solidworks_Pyroshield contenant les pièces et l'assemblage de votre solution PyroShield.

Rappel et notation

Même si le travail se fait en binôme ou en trinôme, chaque élève se doit d'avoir les documents dans son répertoire devoir/filoe/2SI/.

L'absence de ces documents et / ou la mauvaise qualité de ces documents sera sanctionné par une mauvaise note.

Objectif

Objectif

L'objectif est de concevoir le site internet contenant les données issues de l'objet connecté PyroShield.

Enregistrements

Dans le répertoire Devoirs/filoe/2SI, enregistrer les fichiers de votre site Web dans le répertoire 7_Code_Web.

Actuellement le site internet à ce visuel :

Le code HTML de cette page est le suivant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
    <head>
        <title>Sigfox</title>
        <meta charset="utf-8">
    </head>

    <body>
        <p>OK !!</p>
        <p>tempa,tempb,humidite,masse</p>
        <p>21-12-23 02:46:48,021,016,039,013</p>
        <p>21-12-23 03:19:22,020,016,039,013</p>
        <p>21-12-23 03:29:11,021,016,039,013</p>
        <p>21-12-23 04:58:51,022,016,039,013</p>
        <p>21-12-23 05:53:49,020,016,039,013</p>
        <p>21-12-23 05:54:49,015,013,031,027</p>
    </body>
</html>

Travail à faire

Site Internet

Ecrire les codes HTML / CSS que vous souhaitez (utilisez vos connaissances de SNT) afin de proposer un site internet visuel attractif et épuré.

Ressources

https://www.siingenieur.fr/nsi/site_htmlcss/

https://www.siingenieur.fr/nsi/site_javascript/

Code côté serveur

Le code associé côté serveur est le suivant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
    <head>
        <title>Sigfox</title>
        <meta charset="utf-8">
    </head>

    <body>
        <?php
            // Ouverture du fichier en lecture  
            $fichier = fopen('data.csv', 'r');

            echo '<p>OK !!</p>';

            // Tant que la fin du fichier n'est pas atteinte
            while(!feof($fichier))
            {
                // Lecture d'une ligne
                $ligne = fgets($fichier);

                // Affichage de la ligne dans un paragraphe HTML
                echo '<p>'.$ligne.'</p>';
            }
        ?>
    </body>
</html>