Matériel : une carte Arduino (nous utiliserons une carte MEGA), un shield Ethernet, une micro carte SD de 2Go formatée en FAT16
1°) Création de la page Web :
Pour créer la page http://www.frenchmozilla.fr/kompozer.php puis pour l’éditer simplement il est possible d’utiliser l’éditeur Geany disponible sous Linux et Windows.
Une fois la page crée, nommez là index.htm (attention pas.html car sur la carte SD seuls les fichiers dont le nom mesure 8 caractères et l’extension 3 caractères sont interprétés. Le fichier index désigne la première page, page d’accueil, des sites webs. copiez cette page sur la carte SD. Insérez ensuite la carte dans le shield Ethernet.
Pour tester la page,
sous windows , installation de wampserver (http://www.wampserver.com/)
Création automatique d’un répertoire « www » lors de l’installation (typiquement c:\wamp\www).
Créez un sous répertoire pour votre projet et déposez-y vos fichiers PHP
Cliquez sur le lien « Localhost » du menu de WampServer ou ouvrez votre navigateur préféré, et allez à l’adresse http://localhost ou http://127.0.0.1
Placez la ou les pages dans le répertoire de votre projet.
Pour Linux (UBUNTU) : http://doc.ubuntu-fr.org/lamp
sudo apt-get install apache2 php5 mysql-server libapache2-mod-php5 php5-mysql
Ou bien créez un compte sous http://byethost.com/
2°) Ecriture du sketch Arduino :
attention pour tester des sketch sans accès à la carte SD il faut retirer cette dernière du slot !
web_srv_SD
Cette page proviens en partie de l’excellent travail de W.A. Smith, http://startingelectronics.com
3°) Utilisation du WEBUINO (développement par Ben Combee) :
https://github.com/sirleech/Webduino
4°) Divers :
Attention, la puissance des cartes Arduino étant limitée, ne pas créer de page strop « lourdes » (images + javascript).
Des navigateurs peuvent demander une icône de site (« favicon ») pour en créer une : http://www.favicon.cc/ et l’inclure dans le sketch Arduino.
Attention il ne doit y avoir qu’une seule requête Ajax par page.
Le passage de paramètres lors de la validation d’une page se fait par l’URL « page_cible.htm?parametre_renseigné=valeur_du_paramétre&autre parametre&…
Pour inspecter les entêtes des pages et les requêtes serveurs utilisez Firefox et FireBug onglet Réseau ou sous Chrome Outils / Outils de développement / réseau ou utilisez l’outil Web Sniffer
Votre commentaire