Projet | ​​​​​​Mini projet - Web |  ​​HTML - Envoi de données vers l'espace web

Contexte

Il s'agit de transférer des données d'un navigateur vers un serveur du web. Nous transmettrons ainsi des consignes via le web au système que nous piloterons à distance.
​
Nous passons en revue quelques méthodes pour cela.

Envoi d'une constante par balise <iframe>

Nous adressons le script ​http://sin.nexgate.ch/site/test1.php enregistré sur le web. Il accuse réception des données envoyées depuis une page HTML. Nous construisons cette page afin de transférer des données.

  1. Saisir le script HTML présenté ci-contre. L'enregistrer avec l'extension html.
  2. S'assurer à l'aide du navigateur que le transfert de donnée a bien eu lieu.
  3. Réaliser un autre essai en changeant la donnée à transmettre.

Envoi d'une constante par balise <form>

Nous adressons maintenant le script http://sin.nexgate.ch/site/led1.php. Il s'agit de construire une page HTML transférant une information dépendant du bouton sur lequel l'internaute appuie.

  1. Essayer le script distant en ajoutant à la suite de son URL dans le champ adresse du navigateur soit ?DATA=R soit ?DATA=V soit ?DATA=RV
  2. Saisir le second script HTML ci-contre et s'assurer à l'aide du navigateur que le transfert de donnée a bien eu lieu. Observer le champ URL.
  3. Ecrire une page HTML avec plusieurs boutons afin d'allumer ou éteindre les leds indépendamment. Exemple ci-contre.

Envoi d'une variable par balise <form>

Nous transférons une donnée au même script http://sin.nexgate.ch/site/led1.php mais maintenant l'internaute choisit lui-même la donnée à transférer dans un champ inclu à la page HTML.

  1. Editer le troisième script HTML ci-contre et s'assurer avec le navigateur que la donnée entrée dans le champ texte est bien transférée.
  2. Changer l'attribut de la balise <input> pour type="number". Réaliser l'essai avec le script enregistré à l'URL http://sin.nexgate.ch/site/test1.php.

Envoi de plusieurs variables simultanément

Nous transférons deux données simultanément au script http://sin.nexgate.ch/site/test1.php

  1. Entrer http://sin.nexgate.ch/site/test1.php?DATA2=A&DATA=B dans le champ URL du navigateur.
  2. Proposer un script HTML pour le transfert de deux données à l'aide de la balise <iframe>.
  3. Recommencer avec la balise <form>. Voir cette page si nécessaire.

balise <iframe>

balise <form>

Envoi d'une constante

balise <form>

Envoi d'une variable