Étape 6: Lecture des données Arduino Yun
Après avoir téléchargé les codes de la steop précédente, l’Arduino Yun allez déjà lire des données des capteurs. Maintenant si vous ouvrez le port série de l’Arduino, vous pourrez voir des ensembles de valeurs de données.
Ce que le Bridge.ino fait à la dernière étape consiste à recevoir ces données et de les envoyer à une adresse IP qui ne peut lire notre application web.
Maintenant nous avons commencer à construire l’application web.
Ouvrez un éditeur de texte. Créer un fichier html. Copiez le code suivant dans le fichier. Étant donné que je ne peux pas copier les codes ici parce que cette forme il restitue automatiquement dans la page Web actuelle, je joins le fichier html.
Après avoir le fichier html pour avoir la structure de base d’une page Web, nous devons organiser les éléments du fichier html. Si nous créons un fichier css « custom.css ». Voir la pièce jointe pour le fichier css. Enregistrez-le dans le même dossier que le fichier html.
Maintenant que nous avons fini d’écrire notre fichier css personnalisé. Puisque nous utilisons JQueryMobile, nous devons Télécharger JQueryMobile et le mettre dans le même dossier. J’ai joint le fichier zip JQueryMobile trop. Décompressez-le avant de mettre le dossier dans le même dossier que le fichier html.
Maintenant, nous avons déjà le look de la page Web et la disposition de l’élément. Maintenant nous devons encore obtenir les données réelles et de les mettre dans les éléments de la page Web en quelque sorte.
Si nous créons un fichier javascript. J’ai joint le fichier javascript ainsi. Mettre dans le même dossier que le fichier html.
N’oubliez pas que vous devrez changer l’adresse IP dans le fichier javascript car chaque Arduino Yun possède une adresse IP différente.
Maintenant vous devriez avoir une page Web qui ressemble un peu à l’image 1.