Livraison gratuite à partir de 74,95 € NL (99,95 € BE / DE)

Livraison rapide avec DHL

Commandé avant 16:00 = Expédié aujourd'hui

14 jours de retour*


Pays

Au cours de ce projet qui fait suite à la introduction à la création d'un serveur Web. Allez-vous créer un serveur Web avec lequel vous pouvez allumer et éteindre une lumière LED.

Il s'agit d'un projet débutant/intermédiaire où vous prenez les connaissances de l'introduction et les développez encore plus loin. Nous le faisons au moyen d'un serveur Web donnant un signal aux broches GPIO pour allumer ou éteindre une lumière. Les broches GPIO sur le Raspberry Pi sont les axes de direction. Il y a 26 broches GPIO, 8 broches de masse, 2 broches 3,3 V, 2 broches 5 V et 2 broches ID EEPROM.

Pour ce projet, nous utilisons à nouveau le logiciel Raspbian.

  • Niveau - débutant 40% 40%
  • Durée - 20/25 Min 30% 30%
  • Coûts - 70.93 € complets 50% 50%

Étape 1: Fournitures

1X Raspberry Pi

Câble HDMI 1X

Moniteur 1X

Clavier 1X

1X souris

1X 16 Go micro SDHC raspbian

1X Raspberry Pi adaptateur secteur

Fil jumer 2X M / F

Étape 2: Construire et câbler

Maintenant que vous avez tout rassemblé, vous pouvez commencer à le câbler.

Vous mettez d'abord la lumière LED dans le painboard pour que vous sachiez toujours quel est le plus et quel est le moins, la longue broche est le plus et la courte le moins.Au moment où vous changez cela accidentellement, par exemple, votre lampe LED peut se casser.

Ensuite tu passe du plus avec une résistance de 220 ohm au plus du painboard† La raison pour laquelle vous placez une résistance avant ou après la lumière est de limiter la quantité de courant qui la traverse. Cela garantit à son tour que votre lumière LED ne peut pas se briser soudainement. Du plus sur le painboard allez à la broche GPIO 2 qui se trouve sur la rangée du bas la deuxième à partir de la gauche et la dernière vous passez de l'une des broches de masse au moins de votre lumière LED. La broche de terre que j'utilise ici se trouve sur la rangée du haut et est la troisième à partir de la droite.

Vous devez maintenant également connecter l'écran, la souris, le clavier et l'alimentation. Vous connectez l'écran avec un câble HDMI via la connexion HDMI. La souris et le clavier sont connectés via la connexion USB et l'alimentation via la connexion micro USB.

Étape 3: programmation

Maintenant que tout est connecté, vous pouvez commencer à programmer votre Raspberry Pi.

Nous faisons la programmation dans l'IDE Thonny Python et dans l'éditeur de texte. Le premier code répertorié ci-dessous est le code à inclure dans l'IDE Thonny Python. Ce code garantit que votre serveur Web s'allume et que si un signal est envoyé via le serveur, il active la broche GPIO.

Le deuxième code est votre fichier HTML, qui garantit que nous pouvons envoyer un signal au Raspberry via le serveur Web. Une fois que vous savez comment cela fonctionne, vous pouvez même mettre plusieurs boutons sur votre serveur.

Pour ce projet, vous devez également remettre le fichier py et le fichier html dans le même dossier car sinon le serveur ne fonctionnera pas.

Vous devez mettre le code ci-dessous dans l'IDE Thonny Python.

à partir du flask import Flask, send_file

importer RPi.GPIO en tant que GPIO

 

# ici vous définissez les broches GPIO

GPIO.setmod (GPIO.BCM)

LED = 2

GPIO.setup (led, GPIO.OUT)

 

app = Flacon ('léger')

 

@ app.route ('/')

index def ():

       return send_file ('light.html')

 

@ app.route ('/ images /

def get_image (nom de fichier):

       return send_file ('images /' + nom de fichier)

 

# si le serveur donne le signal turnOn, la lumière s'allumera

@ app.route ('/ turnOn')

def turnOn ():

       GPIO.output (led, GPIO.HIGH)

       retourne 'turnOn'

 

#si le serveur donne le signal turnOff, le voyant s'éteint    

@ app.route ('/ turnOff')

def turnOff ():

       GPIO.output (led, GPIO.LOW)

       retourne 'turnOff'

 

app.run (debug = vrai, port = 3000, hôte = '0.0.0.0')

Le code ci-dessous est le code html que vous devez écrire dans l'éditeur de texte, puis nommez light.html et placez-le dans le même dossier que votre fichier py.


      

             Lumière Internet

            

             <style>

             .diriger {

                    largeur: 50%;

                     marge: 0 auto;

                    text-align: center;

             }

             .teneur {

                    largeur: 50%;

                    marge: 10% automatique;

                    text-align: center;

                    font-size: 30px;

             }

             .bouton {

                    margin: 20px;

                    largeur: 200px;

                    hauteur: 100px;

                    bordure: solide 5px;

                    border-radius: 30px;

                    hauteur de ligne: 60px;

                    font-size: 25px;

                    text-align: center;

             }

             #production {

                    text-align: center;

                    font-size: 20px;

                    couleur: #AAA;

             }

             </style>

            

             bouton var;

             sortie var;

             var on = vrai;

             window.onload = function () {

                    bouton = document.getElementById ('bouton');

                    sortie = document.getElementById ('sortie');

                    button.style.backgroundColor = '# CFD0D0';

                    button.style.borderColor = '# F1F1F1';

                    output.innerHTML = '';

             }

             var send = function () {

                    var xhr = new XMLHttpRequest ();

                    output.innerHTML = 'Attendre…';

                    if (on === true) {

                           xhr.open ('GET', 'turnOn', true);

                    }autre{

                           xhr.open ('GET', 'turnOff', true);

                    }

                    xhr.onreadystatechange = function () {

                           console.log (xhr.readystate, xhr.response);

                           si (xhr.readystate === 4) {

                                  if (xhr.response === ”) {

                                        output.innerHTML = 'Pas de connexion';

                                  }autre{

                                        output.innerHTML = '';

                                        if (on === true) {

                                               button.innerHTML = 'Désactiver';

                                               button.style.backgroundColor = '# FF0';

                                               button.style.borderColor = '# CC0';

                                        }autre{

                                               button.innerHTML = 'Allumer';

                                               button.style.backgroundColor = '# CFD0D0';

                                               button.style.borderColor = '# F1F1F1';

                                        }

                                        on =! on;

                                  }

                           }

                    }

                    xhr.send ();

             }

            

      

      

            

                    lumière

                   

             </div>

            

                    Allumer

                    Chargement en cours ...

             </div>

      

La note de www.elektronicavoorjou.nl à Avis sur WebwinkelKeur est 9.3 / 10 basé sur 4783 avis.