web:javascript:serveurhttp

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
web:javascript:serveurhttp [2026/04/27 23:43] – [2. Code du serveur HTTP intégré à la carte Arduino] mnoweb:javascript:serveurhttp [2026/05/05 18:03] (Version actuelle) – mno
Ligne 3: Ligne 3:
 ===== C++ & jQuery - Communiquer avec une carte à microcontrôleur ===== ===== C++ & jQuery - Communiquer avec une carte à microcontrôleur =====
  
-[Mise à jour le 27/4/2026]+[Mise à jour le 5/5/2026]
  
   * **Ressource**   * **Ressource**
Ligne 332: Ligne 332:
 <callout type="tip" icon="true" title="TELECHARGER">La dernière version du <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_MKR1010_HTTP_SERVER_V6a.zip" target="_blank" title="Version 1">serveur HTTP</a></html> sur Arduino MKR wifi 1010.</callout> <callout type="tip" icon="true" title="TELECHARGER">La dernière version du <html><a href="https://webge.fr/doc/wikis/code/Arduino/ARD_MKR1010_HTTP_SERVER_V6a.zip" target="_blank" title="Version 1">serveur HTTP</a></html> sur Arduino MKR wifi 1010.</callout>
 ==== 3. Code Arduino, php et jQuery correspondant ==== ==== 3. Code Arduino, php et jQuery correspondant ====
 +
 +{{ :web:javascript:jauge.png|}}
 ===3.1 Lecture d'une valeur === ===3.1 Lecture d'une valeur ===
   * **Utilisation** : affichage d'une grandeur physique sous la forme d'une valeur, d'un widget jQuery, etc.    * **Utilisation** : affichage d'une grandeur physique sous la forme d'une valeur, d'un widget jQuery, etc. 
Ligne 368: Ligne 370:
          success: function (data) {          success: function (data) {
                     $("#val1").html(data); // Affichage de la valeur sur la page pour les tests                     $("#val1").html(data); // Affichage de la valeur sur la page pour les tests
-                    let val1 = parseInt(data) * 50 / 920; // Exemple de mise à l'échelle pour les tests+                    let val1 = parseInt(data) * 50 / 1023; // Exemple de mise à l'échelle pour les tests
                     $('#jaugeCirculaire').jqxGauge({ value: val1 });                     $('#jaugeCirculaire').jqxGauge({ value: val1 });
                  },                  },
Ligne 386: Ligne 388:
 </code> </code>
  
 +{{ :web:javascript:leaflet.png?nolink|}}
 ===3.2 Lecture de n valeurs transmises au format JSON === ===3.2 Lecture de n valeurs transmises au format JSON ===
   * **Utilisation** : carte leaflet, matrice de points , graphique jQwidget   * **Utilisation** : carte leaflet, matrice de points , graphique jQwidget
Ligne 424: Ligne 427:
         dataType: 'json', // demande à jQuery de parser le JSON         dataType: 'json', // demande à jQuery de parser le JSON
         success: function (data) {         success: function (data) {
-                // Pour les tests, on souhaite 0 < val0 < 1023 => 47.07970 < latitude < 47.01328 +                // Pour les tests, on souhaite 0 < val0 < 1023 => 47.01328 < latitude < 47.07970 
-                latitude = -0.0000664 * parseFloat(data.val0) + 47.07970;+                latitude = a * parseFloat(data.val0) + b; // a et b à calculer
                 // Pour les tests, on souhaite 0 < val1 < 1023 => 2.199468 < longitude < 2.409102                 // Pour les tests, on souhaite 0 < val1 < 1023 => 2.199468 < longitude < 2.409102
-                longitude = 0.000210 * parseFloat(data.val1) + 2.199468;+                longitude = c * parseFloat(data.val1) + d; // c et d à calculer
  
                 // Afficher les valeurs numériques                 // Afficher les valeurs numériques
-                $('#latitude').html(latitude); +                $('#latitude').html(/* A compléter */); 
-                $('#longitude').html(longitude);+                $('#longitude').html(/* A compléter */);
  
                 // Afficher un marqueur sur la carte (objet map)                 // Afficher un marqueur sur la carte (objet map)
Ligne 454: Ligne 457:
 </code>  </code> 
  
 +  * //Exemple de résultat attendu//
 +{{ :web:javascript:resultat_attendu_gps.png?350 |}}
 +{{ :web:javascript:captthermique.png?400|}}
   * **Exemple 3** : lecture de 5 valeurs <code cpp lectureAll.cpp>   * **Exemple 3** : lecture de 5 valeurs <code cpp lectureAll.cpp>
 // Réponse de la carte Arduino à la requête .../lire/all. // Réponse de la carte Arduino à la requête .../lire/all.
Ligne 510: Ligne 516:
 </code>  </code> 
  
-  * **Exemple 4** : transfert de n valeurs <code cpp tablevar.cpp>+  * **Exemple 4** : transfert de n valeurs 
 +{{ :web:javascript:graphe.png?nolink&600 |}} 
 +<code cpp tablevar.cpp>
 // Réponse de la carte Arduino à la requête .../lire/tablevar. // Réponse de la carte Arduino à la requête .../lire/tablevar.
 // g12. Mesure de 2 valeurs mises à l'echelle (max 5) // g12. Mesure de 2 valeurs mises à l'echelle (max 5)
 // et insertion dans une table JSON // et insertion dans une table JSON
 +
 void lectureTableJSON() { void lectureTableJSON() {
   String msgtable = R"([{ "H0": 0, "T0": )" + String(val0 * 0.05) + R"( }, { "H1": 1, "T1": )" + String(val1 * 0.05) +   String msgtable = R"([{ "H0": 0, "T0": )" + String(val0 * 0.05) + R"( }, { "H1": 1, "T1": )" + String(val1 * 0.05) +
  • web/javascript/serveurhttp.1777326234.txt.gz
  • Dernière modification : 2026/04/27 23:43
  • de mno