Premier projet Arduino pas à pas : 4 étapes guidées sur mobile

Si tu veux réaliser ton premier projet Arduino pas à pas sans rien connaître encore, ton téléphone peut te guider : ouvre la page d'un projet dans BlueGrays et touche Construis-le pas à pas. Le mode guidé, appelé Construisons-le ensemble, découpe le projet en quatre étapes : Prépare les composants, Monte le circuit, Téléverse le code et Lance et teste. À chaque étape tu ne vois que ce dont tu as besoin à ce moment-là, l'écran reste allumé pendant que tu branches les fils et, si tu t'arrêtes en cours de route, le bouton de la page du projet affiche l'étape où tu t'es arrêté. Il te faut seulement une Arduino Uno, quelques composants bon marché et un ordinateur pour téléverser le code sur la carte.

Dans cet article, on ne se contente pas de décrire le mode, on l'utilise sur un vrai projet du début à la fin : on construit en quatre étapes le projet gratuit Feu de circulation de l'appli. Tu trouveras le tableau des pièces, quel fil va sur quelle broche, le choix de la carte et du port dans l'Arduino IDE, le résultat attendu, où regarder si tu bloques, un planning de 45 à 60 minutes et trois petites expériences pour la suite. Pour savoir à quoi sert chaque section d'une page de projet, consulte le guide de la page projet ; ici, on se concentre uniquement sur le déroulé du mode guidé.

Qu'est-ce que le mode guidé et où le trouver ?

Quand tu ouvres un projet, le bouton principal de la page, Construis-le pas à pas, se trouve sous le titre, la note et la courte description ; la petite ligne en dessous résume les quatre étapes : Pièces · Circuit · Code · Test. En le touchant, un écran épuré s'ouvre à la place de la page du projet et n'affiche qu'une étape à la fois. En haut, tu vois L'écran reste allumé et le compteur Étape 1 / 4 ; en bas, les boutons Retour et Étape suivante. L'étape en cours et les pièces cochées sont enregistrées ; si tu fermes l'appli et reviens le lendemain, le bouton affiche par exemple Continuer · Étape 2 / 4 et tu reprends là où tu en étais. Sur les projets gratuits, toutes les étapes du guide sont ouvertes ; sur les projets Premium, le guide s'ouvre, comme le projet lui-même, avec Premium.

Projet d'exemple : pourquoi le feu de circulation ?

Le Feu de circulation fait partie des projets gratuits de niveau Débutant de BlueGrays : la LED rouge s'allume deux secondes, la jaune brille un court instant, la verte s'allume deux secondes, puis on revient au rouge en passant par le jaune, et la boucle ne s'arrête jamais. C'est un bon premier projet, car il va un cran plus loin que le clignotement d'une seule LED sans demander de nouvelle notion : tu répètes les trois mêmes commandes (pinMode, digitalWrite, delay) pour trois broches. Tout le monde connaît un feu tricolore, donc tu vois tout de suite si ça marche, et les pièces se trouvent dans n'importe quel kit de démarrage. Pour commencer encore plus simplement, le projet Clignotement d'une LED suit les mêmes quatre étapes avec une seule LED et deux fils. Les versions avec bouton piéton, carrefour et millis() sont dans l'article sur le feu tricolore Arduino ; il utilise d'autres broches, alors suis ici les connexions telles qu'elles apparaissent dans le projet de l'appli.

Étape 1 : Prépare les composants

Le premier écran affiche 1. Prépare les composants et la note "Coche ce que tu as. Repère maintenant ce qui manque." En dessous, les pièces du projet sont listées avec leur quantité ; trouve chaque pièce sur la table, touche-la dans la liste pour la cocher, et la barre du haut se remplit, par exemple "3 / 5 pièces prêtes". Si tu utilises Premium et que tu as enregistré tes pièces dans Mon Atelier, celles que tu as en quantité suffisante sont déjà cochées avec la mention Dans ton atelier. Ne bâcle pas cette étape : découvrir au milieu du montage qu'il manque la troisième résistance est bien plus pénible que de s'en apercevoir avant de commencer.

S'il te manque une pièce, tu n'as généralement pas besoin d'abandonner. Tu peux utiliser des résistances de 220 Ω au lieu de 330 Ω ; la LED brille un peu plus et les deux valeurs sont sans danger. Si tu ne connais pas la valeur d'une résistance, entre ses anneaux dans le calculateur de code couleur des résistances : 330 Ω se lit orange-orange-marron, 220 Ω rouge-rouge-marron, et le quatrième anneau doré indique la tolérance. Pour une autre LED, le calculateur de résistance pour LED te donne la bonne valeur. Si tes LED sont d'autres couleurs (trois rouges, par exemple), le projet fonctionne quand même, tu perds juste l'aspect feu tricolore. Si tu n'as pas encore de carte, essaie d'abord le circuit dans une simulation Tinkercad et lis le guide du kit de démarrage Arduino avant de faire tes achats.

Étape 2 : Monte le circuit

Si tu n'as jamais utilisé de breadboard, une seule règle suffit : les cinq trous d'une colonne numérotée (A–E ou F–J) sont reliés à l'intérieur, et la rainure centrale sépare les deux moitiés. Les longues rangées sur les bords sont les rails d'alimentation ; celle marquée d'une ligne rouge sert au plus, celle marquée d'une ligne bleue au moins (GND), et elles courent sur toute la longueur, même si sur certaines grandes breadboards elles sont coupées au milieu. Dans le schéma du feu, les deux pattes de chaque LED vont dans deux colonnes voisines, une résistance enjambe la rainure et amène une patte de la LED dans la moitié inférieure, et le fil vers la broche de l'Arduino entre dans la colonne où se trouve l'extrémité inférieure de la résistance. Les autres pattes des LED vont chacune au rail bleu avec un fil, et le rail bleu va à la broche GND de l'Arduino avec un seul fil. Plus de détails dans l'article qu'est-ce qu'une breadboard.

Une LED ne fonctionne que dans un sens et reste éteinte si elle est montée à l'envers. La patte longue est l'anode (+), la courte est la cathode (-), et le boîtier présente un léger méplat du côté de la patte courte. Dans ce projet, la patte longue va à la broche de l'Arduino via la résistance et la patte courte au GND. La résistance limite le courant : la broche fournit 5 V, une LED rouge en consomme environ 2 V, et les 3 V restants sur 330 Ω donnent environ 9 mA (3 / 330). Avec 220 Ω, on monte à environ 14 mA ; les deux valeurs sont confortables pour la LED et pour la broche de l'Arduino. Une LED sans résistance peut griller vite et force la broche. Pour aller plus loin, lis les articles qu'est-ce qu'une LED et qu'est-ce qu'une résistance.

1. Câble USB débranché, commence par le GND : relie avec un fil la broche GND de l'Arduino au rail marqué d'une ligne bleue.
2. Place les trois LED dans la moitié supérieure de la breadboard, de gauche à droite verte, jaune, rouge ; les deux pattes de chaque LED dans des colonnes différentes et toutes les pattes longues du même côté.
3. Depuis la colonne de la patte longue de chaque LED, pose une résistance de 330 Ω qui enjambe la rainure jusqu'à la moitié inférieure.
4. Relie avec un fil la colonne de la patte courte de chaque LED au rail GND bleu.
5. Relie avec des fils les colonnes des extrémités inférieures des résistances à l'Arduino : la résistance de la rouge à la broche 2, celle de la jaune à la broche 3, celle de la verte à la broche 4.
6. Une fois fini, suis chaque chemin du doigt : broche, fil, résistance, patte longue, LED, patte courte, GND. Il ne doit y avoir ni trou ni deux extrémités dans la même colonne.
7. Touche le schéma dans le guide pour l'agrandir et compare-le à ton circuit ; si tout correspond, branche le câble USB et passe à Étape suivante.

Étape 3 : Téléverse le code

À cette étape, tu vois le code source du projet, l'interrupteur Voir en blocs pour les projets qui ont des blocs et la section Comprendre le code, qui explique le code pas à pas. C'est l'ordinateur qui téléverse le code sur la carte, pas le téléphone ; il te faut donc d'abord installer l'Arduino IDE. En bref : télécharge la version d'Arduino IDE 2 adaptée à ton système sur le site officiel d'Arduino, installe-la et accepte les demandes de pilotes pendant l'installation ; cela prend en général une dizaine de minutes. Le pas-à-pas complet se trouve dans l'article sur l'installation de l'Arduino IDE. Pour copier le code sur l'ordinateur, deux solutions : Copier puis te l'envoyer par message, ou Copier le lien pour obtenir un lien qui ouvre le code sur l'ordinateur.

1. Ouvre l'Arduino IDE, crée un nouveau croquis depuis le menu Fichier, efface tout son contenu et colle le code du projet.
2. Branche l'Arduino Uno à l'ordinateur avec le câble USB ; le voyant ON de la carte doit s'allumer.
3. Dans Outils > Carte, choisis Arduino Uno sous Arduino AVR Boards.
4. Dans Outils > Port, choisis le port de la carte : sous Windows quelque chose comme COM3, sous macOS un nom qui commence par /dev/cu.usbmodem ou /dev/cu.usbserial, sous Linux quelque chose comme /dev/ttyACM0.
5. Compile d'abord avec l'icône en forme de coche à gauche (Vérifier) ; s'il n'y a pas d'erreur, appuie sur la flèche juste à côté (Téléverser).
6. Pendant le téléversement, les petites LED TX et RX de la carte clignotent ; quand la zone de sortie en bas indique que le téléversement est terminé, passe à Étape suivante dans le guide.

1// Trafik Lambası / Traffic Light
2void setup() {
3  pinMode(2, OUTPUT);   // Kırmızı LED / Red LED
4  pinMode(3, OUTPUT);   // Sarı LED / Yellow LED
5  pinMode(4, OUTPUT);   // Yeşil LED / Green LED
6}
7
8void loop() {
9  // Kırmızı yanar, 2 sn / Red on, 2 s
10  digitalWrite(2, HIGH);
11  digitalWrite(3, LOW);
12  digitalWrite(4, LOW);
13  delay(2000);
14  // Sarı yanar, 0,3 sn / Yellow on, 0.3 s
15  digitalWrite(2, LOW);
16  digitalWrite(3, HIGH);
17  digitalWrite(4, LOW);
18  delay(300);
19  // Yeşil yanar, 2 sn / Green on, 2 s
20  digitalWrite(2, LOW);
21  digitalWrite(3, LOW);
22  digitalWrite(4, HIGH);
23  delay(2000);
24  // Sarı yanar, sonra başa döner / Yellow on, then back to red
25  digitalWrite(2, LOW);
26  digitalWrite(3, HIGH);
27  digitalWrite(4, LOW);
28  delay(300);
29}
30

Étape 4 : Lance et teste

À la dernière étape, le guide affiche "Ça doit fonctionner comme ceci :" et montre la vidéo du projet. Ton circuit démarre dès que le code est téléversé : le rouge s'allume 2 secondes, le jaune fait un bref éclair de 0,3 seconde, le vert s'allume 2 secondes, puis vient de nouveau un jaune bref et encore le rouge. Un cycle complet dure environ 4,6 secondes et deux LED ne sont jamais allumées en même temps. Ce jaune très court n'est pas un bug, il vient de la ligne delay(300) du code ; s'il t'échappe, observe la LED jaune pendant quelques cycles. Compare ton circuit à la vidéo avec trois questions : les couleurs sont-elles dans le bon ordre, les durées sont-elles proches de la vidéo, chaque LED brille-t-elle assez ? Si tu réponds oui aux trois, le projet fonctionne.

Touche alors Ça marche !. Le projet est marqué comme terminé et, après une courte célébration, l'écran Ça marche, bravo ! s'ouvre. Tu peux y donner de 1 à 5 étoiles au projet (Note le projet), continuer avec la carte NOTRE PROCHAINE SUGGESTION ou revenir avec Retour au projet. Si tu utilises Premium et que les pièces du projet ne sont pas enregistrées dans Mon Atelier, l'appli te demande d'abord Ajouter les pièces à ton atelier ? ; avec Ajouter et terminer, les pièces manquantes sont ajoutées et le projet est terminé, pour que Mon Atelier affiche correctement la prochaine fois les projets que tu peux réaliser.

Si tu bloques : Je bloque, Comprendre le code et le forum

• Je bloque : ce bouton se trouve à côté de Ça marche ! à l'étape 4 et ouvre sur le même écran les vérifications prévues pour le projet. Le Feu de circulation en compte 10, sur l'alimentation, le port, les numéros de broches, la breadboard, le GND, le sens des LED et la valeur des résistances. Pour les projets sans astuces prévues, il t'indique que tu peux nous écrire depuis Profil › Support.
• Comprendre le code : sous le code, à l'étape 3. La section commence par le résumé "Que fait ce code ?", explique le code pas à pas et se termine par un petit exercice À toi de jouer. Si le code fonctionne mais que tu ne sais pas pourquoi, continue ici ; son utilisation est expliquée dans le guide Comprendre le code.
• Forum : dans Apprendre › Forum, ouvre un nouveau sujet dans la catégorie Question et partage une photo nette de ton circuit (jusqu'à 5 images) ainsi que le code téléversé avec Ajouter du code. Si tu écris en trois phrases quel projet tu as fait, ce que tu attendais et ce qui s'est passé, les réponses viennent plus facilement. Ohmi, la mascotte de BlueGrays, répond aussi aux questions sur le forum.
• Avant de demander de l'aide : débranche l'USB, compare une dernière fois le circuit au schéma et téléverse de nouveau le code. La plupart des problèmes des premiers projets viennent d'une LED montée à l'envers ou d'un seul fil dans la mauvaise colonne.

Planning pour ton premier projet Arduino

Pour un vrai débutant, le Feu de circulation demande 45 à 60 minutes, installation sur l'ordinateur comprise. Inutile de te presser ; le plus long est de monter et de vérifier le circuit. Au deuxième projet, l'Arduino IDE, la carte et le port sont déjà prêts, et le même déroulé descend à 25–30 minutes.

Un ordre pour tes 5 premiers projets

Après le Feu de circulation, n'ajouter qu'une seule nouvelle notion par projet est la façon la plus sereine d'apprendre. Les cinq projets ci-dessous sont gratuits dans BlueGrays, avec schéma, liste des pièces, code, blocs et Comprendre le code accessibles. Tu les réalises tous avec le mode guidé, dans les mêmes quatre étapes, et chacun ajoute au plus une ou deux nouvelles pièces.

Si tu préfères sortir de ce parcours, l'outil Trouve ton projet de l'appli te propose des projets adaptés et un projet d'échauffement gratuit avec les mêmes pièces quand tu choisis Ce sera mon premier projet à la question "Quelle est ton expérience ?". Pour planifier jour après jour la suite après ces cinq projets, la feuille de route Arduino sur 30 jours t'emmène jusqu'aux deuxième et troisième semaines.

Après le premier projet : 3 petites expériences

1. Change les durées. Remplace le delay(2000) du rouge par delay(5000), les deux delay(300) du jaune par delay(1000) et téléverse à nouveau. Un cycle passe de 4,6 à 9 secondes et ressemble davantage à un vrai feu. Cette expérience montre que le nombre dans le code, c'est directement le comportement du circuit.
2. Ajoute une deuxième LED verte pour les piétons. Prends une LED de plus, une résistance de 330 Ω et deux fils, refais le même branchement sur la broche 5, qui est libre, et ajoute pinMode(5, OUTPUT) dans setup(). Écris digitalWrite(5, HIGH) dans la partie où le rouge est allumé et digitalWrite(5, LOW) dans les trois autres. Les piétons voient le vert pendant que les voitures attendent au rouge ; voir quelles lignes changent pour ajouter une LED renforce la notion de broche et de sortie.
3. Fais clignoter le jaune. Remplace la partie jaune qui suit le vert par trois répétitions qui allument le jaune 300 ms puis l'éteignent 300 ms. Copie d'abord les lignes trois fois à la main, puis fais la même chose avec une boucle for (int i = 0; i < 3; i++). C'est une entrée en matière naturelle pour l'idée principale du projet suivant, Gyrophare de police à LED.

Le vrai gain de ton premier projet Arduino, ce ne sont pas trois LED allumées, mais le déroulé en quatre étapes lui-même : connaître les pièces, monter le circuit à partir d'un schéma, téléverser le code et comparer le résultat au comportement attendu. Ce déroulé est le même pour le Feu de circulation et pour un projet à capteurs que tu construiras dans quelques mois. Quand tu ouvriras BlueGrays sur ton téléphone et toucheras Construis-le pas à pas sur le Feu de circulation, toutes les étapes de cet article t'attendront à l'écran.