Partages de Jean Leblond

Partage de connaissances et d'expérimentations de logiciels libres de Jean Leblond à sa famille, ses collaborateurs et à ses contacts

Outils pour utilisateurs

Outils du site


start:projets:iot_1b1

Module 1B1 - Arduino Web Editor for Windows

Premiers pas avec Arduino Web Editor sur diverses plates-formes

  • Commencez à coder en ligne avec Arduino Web Editor, enregistrez vos croquis dans le cloud et ayez toujours la version la plus récente de l'IDE!
  • L'Arduino Web Editor vous permet d'écrire du code et de télécharger des croquis sur n'importe quelle carte Arduino officielle à partir de votre navigateur Web (Chrome, Firefox, Safari et Edge). Arduino recommande d'utiliser Google Chrome.
  • Nous installerons et utiliserons Chrome.

Préalable; installation de Chrome (ex: sur Windows 10)

  1. Suivre les étapes de la page Télécharger et installer Google Chrome (Windows 7, 8, 8.1, 10, Mac et Linux)
  2. Démarrer Google Chrome:
  3. “Démarrer”, je n'ai pas ajouté de favoris, “Suivant”, choisir un arrière-plan (ex: Terre), “Suivant”, j'ai saisi “Non merci” à Connectez-vous avec compte Google. Chrome est prêt:
  4. Quand vous voudrez le désinstaller: Settings → Add or remove programs

Avec Chrome, créer compte Arduino, avec ce compte se connecter à arduino.cc , puis se connecter à create.arduino.cc (ex: sur Windows 10)

  1. Créer un compte Arduino via le lien “SIGN IN”
  2. Connectez-vous à arduino.cc, “SIGN IN”, je conserve mon mot de passe dans KeePass (pas dans Chrome)
  3. Avec le compte Arduino, connectez-vous à create.arduino.cc, “SIGN IN”, , puis cliquer sur la tuile “Arduino Web Editor”
  4. Message “No plugin connection. Uploading is disabled until you reconnect.”, cliquer sur Help, puis sur “Install the plugin”
  5. Installation du Arduino Create plugin permettant de:
    1. Reconnaître les cartes Arduino et autres appareils pris en charge connectés à votre ordinateur via USB;
    2. Téléchargez des croquis de votre navigateur Web sur vos cartes via USB ou via un réseau;
    3. Lisez les données du moniteur série et écrivez-y.
  6. “Start”:
  7. “Download” (17 Mo), enregistrer le fichier “ArduinoCreateAgent-1.1-windows-installer-chrome.exe” dans /This PC/Downloads
  8. Faire une copie dans un nouveau dossier C:\Outils\Arduino_plugin

Installer le Arduino Create plugin depuis Chrome (ex: sur Windows 10)

  1. On revient à la page Getting started de l'installation du plugin
  2. Étapes:
  3. :!: Antivirus: au besoin, désactiver temporairement la protection en temps réel (ex: Avira)
  4. Dans le dossier C:\Outils\Arduino_plugin, exécuter en tant qu'administrateur le fichier “ArduinoCreateAgent-1.1-windows-installer-chrome.exe”
  5. Au besoin, autoriser l'installation (Windows Defender)
  6. Suivre les étapes du Wizard “Setup - Arduino-create-agent”:
    1. Accepter la licence
    2. Installer dans le dossier proposé C:\Users\Utilisateur\AppData\Roaming\ArduinoCreateAgent-1.1
    3. J'ai répondu No à la question “Do you intend to use Arduino Agent with a browser different than Google Chrome or Mozilla Firefox?”
    4. Message: Setup has finished installing Arduino-create-agent on your computer, Finish
    5. Accepter l'installation des pilotes (drivers) pour les cartes Arduino/Genuino
    6. Plugin installé:
    7. Message “CONGRATULATIONS! YOU'RE ALL SET.”
    8. Sélectionner en haut de la page “GETTING STARTED”
    9. :!: Antivirus: au besoin, réactiver la protection en temps réel (ex: Avira)
  • Blink test est un test afin de vérifier le fonctionnement d'une carte Arduino
  1. Retourner à la page create.arduino.cc
  2. Sélectionner la tuile “Arduino Web Editor”
  3. Brancher la carte Arduino à votre ordinateur
  4. Message “Arduino Board detected”
  5. Dans l'Editor, sélectionner la carte utilisée:
    1. :-\ Carte ESP32 (compétiteur de Arduino): device not recognized:
    2. :-P Carte Arduino UNO R3:
      1. Sélectionner le board “Uno Wifi” sur “COM4”
      2. Blink test fonctionne
    3. :-P Carte Arduino Duemilanove:
      1. Sélectionner le board “Duemilanove 328” sur “COM5”
      2. Blink test fonctionne
  6. Faire clignoter votre carte depuis le banigateur (blink test):
    1. Maintenant que nous avons configuré l'Arduino Web Editor (online IDE), assurons-nous que votre ordinateur peut parler à la carte; il est temps de s'assurer que l'on peut téléverser un croquis.
    2. Sélectionner : Examples / 01.Basics / Blink
    3. Note: Parfois doit redémarrer l'ordinateur afin que la carte soit détectées automatiquement.
    4. Pour téléverser, cliquer sur “Upload” (bouton en forme de flèche droite près du menu déroulant).
    5. Un message “BUSY” remplace les boutons pendant la vérification et le téléversement du code.
    6. Si c'est un succès, le message “Success: Done uploading” s'affichera dans la partie unférieure de la fenêtre.
    7. Vous devriez voir sur votre carte la LED identifiée “L” clignoter.
    8. Félicitations!
  7. Pas testé Serial Monitor
  8. Document your projects : trouve pas le last tab “Import file into Sketch” ?
  9. Pas testé le Share your sketches

Montage du matériel pour DHT11

Communauté Arduino

  • Votre compte Arduino créé dans cette page vous donne accès à la communauté Arduino. Elle contient plusieurs ressources intéressantes à découvrir!

Références utiles

start/projets/iot_1b1.txt · Dernière modification: 2020/01/08 04:03 par foxtrot