Interface utilisateur facile à mettre en œuvre -- Écran OLED avec joystick et boutons : 6 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:07

Ce module dispose d'un écran OLED avec deux boutons, d'un joystick à 5 directions et d'un accéléromètre à 3 axes. Ceci est utile pour configurer l'interface utilisateur d'un projet.

Hé, quoi de neuf les gars ? Akarsh ici de CETech. Aujourd'hui, nous allons jeter un œil à un module tout-en-un qui est très utile pour configurer une interface matérielle d'interface utilisateur rapide pour tout projet que nous réaliserons à l'avenir. Regardez la vidéo sur ma chaîne pour voir le tableau en action ! Commençons par le projet maintenant !

Étape 1: Pièces

Pour ce faire, vous aurez besoin d'une carte ESP8266 et vous pouvez également ajouter une batterie si vous le souhaitez.

Vous pouvez trouver le module OLED Firebeetle ici.

Je suggère d'utiliser une carte de DFRobot avec ce module car le brochage sera compatible et vous ne rencontrerez aucun problème nulle part, j'ai utilisé la carte Firebeetle de DFRobot car elle dispose d'une solution de charge et de surveillance de la batterie intégrée.

Étape 2: Faites fabriquer des PCB pour votre projet

Vous devez consulter JLCPCB pour commander des PCB en ligne pour pas cher !

Vous obtenez 10 PCB de bonne qualité fabriqués et expédiés à votre porte pour 2 $ et quelques frais d'expédition. Vous bénéficierez également d'une remise sur les frais de port lors de votre première commande. Pour concevoir votre propre PCB, rendez-vous sur easyEDA, une fois cela fait, téléchargez vos fichiers Gerber sur JLCPCB pour les faire fabriquer avec une bonne qualité et un délai d'exécution rapide.

Étape 3: Téléchargez et configurez l'IDE Arduino

Téléchargez l'IDE Arduino à partir d'ici.

1. Installez l'IDE Arduino et ouvrez-le.

2. Allez dans Fichier > Préférences

3. Ajoutez https://arduino.esp8266.com/stable/package_esp8266… les URL du gestionnaire de cartes supplémentaires.

4. Allez dans Outils > Tableau > Gestionnaire de tableaux

5. Recherchez ESP8266, puis installez la carte.

6. Redémarrez l'EDI.

Étape 4: préparer les pièces

1. Soudez les en-têtes sur le blindage OLED ainsi que le module du microcontrôleur.

ASTUCE: Utilisez une planche à pain pour aligner les en-têtes, puis soudez le module en gardant les en-têtes insérés dans la planche à pain.

2. Alignez les coins avec les couleurs blanches sur les deux modules et empilez-les à l'aide des en-têtes. Connectez maintenant la carte au PC.

Étape 5: Codage du module

1. Téléchargez les bibliothèques suivantes:

1.1.

1.2.

2. Extrayez les bibliothèques téléchargées, renommez-les en leur supprimant le nom "-master".

3. Accédez au dossier des bibliothèques dans votre IDE Arduino et collez les deux dossiers ici.

4. Redémarrez l'IDE Arduino.

5. Accédez à Fichier>Exemples>DFRobot_OLED12864>testall et ouvrez ce code.

6. Accédez à Outils > Tableau. Sélectionnez la carte appropriée que vous utilisez, Firebeetle ESP8266 dans mon cas.7. Sélectionnez la bonne communication. port en allant dans Outils > Port.

8. Appuyez sur le bouton de téléchargement.

9. Lorsque l'onglet indique Téléchargement terminé, vous êtes prêt à utiliser le bouclier. Après le téléchargement, ouvrez le moniteur série pour afficher les détails suivants.

Étape 6: Jouer avec le bouclier

1. Connectez le module avec une alimentation en utilisant le connecteur micro USB à bord ou allumez simplement l'interrupteur si vous avez connecté une batterie.

2. Dès que le module est connecté, vous verrez l'affichage prendre vie.

3. Lorsque vous utiliserez les différents boutons du joystick, vous verrez que l'affichage en temps réel indique dans quelle direction vous avez déplacé le joystick.

4. Appuyez sur les boutons A et B pour afficher différents types de données, comme dans les images ci-dessous.

5. CONGO ! Le module fonctionne comme prévu.