Comment créer une alarme avec notification sur mobile : Différence entre versions

De HATLAB
Ligne 29 : Ligne 29 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Utiliser IFTTT
+
|Step_Title=Créer un compte IFTTT
 
|Step_Content=IFTTT va recevoir la requête http envoyée par le NodeMCU
 
|Step_Content=IFTTT va recevoir la requête http envoyée par le NodeMCU
Créez-vous un compte sur https://ifttt.com
+
Créez-vous un compte sur https://ifttt.com (gratuit)
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Notez votre MakerIFTTT_Key
+
|Step_Title=Noter votre MakerIFTTT_Key
 
|Step_Content=Ce sont les caractères après /use/
 
|Step_Content=Ce sont les caractères après /use/
 
disponiblent sur https://ifttt.com/services/maker_webhooks/settings
 
disponiblent sur https://ifttt.com/services/maker_webhooks/settings
Ligne 40 : Ligne 40 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Créez une nouvelle applet
+
|Step_Title=Créer une nouvelle applet
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1935_May._30_18.43.jpg
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1935_May._30_18.43.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Cliquez sur This
+
|Step_Title=Cliquer sur This
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1939_May._31_00.14.jpg
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1939_May._31_00.14.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Recherchez le service webhooks
+
|Step_Title=Rechercher le service webhooks
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1940_May._31_00.17.jpg
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1940_May._31_00.17.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Cliquez sur Receive a web request
+
|Step_Title=Cliquer sur Receive a web request
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Nommez votre applet alarme
+
|Step_Title=Nommer votre applet "alarme"
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Cliquez sur That
+
|Step_Title=Cliquer sur That
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1943_May._31_00.38.jpg
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1943_May._31_00.38.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Recherchez le service Gmail
+
|Step_Title=Rechercher le service Gmail
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1944_May._31_00.40.jpg
 
|Step_Picture_00=Comment_cr_er_une_alarme_avec_notification_sur_mobile_ScreenHunter_1944_May._31_00.40.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Sélectionnez Send yourself an email
+
|Step_Title=Sélectionner "Send yourself an email"
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Renseignez les champs suivants
+
|Step_Title=Renseigner les champs suivants
 
|Step_Content=*Renseignez les champs en respectant les valeurs
 
|Step_Content=*Renseignez les champs en respectant les valeurs
 
*Enregistrez votre applet
 
*Enregistrez votre applet
Ligne 87 : Ligne 87 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Téléchargez et chargez le code suivant
+
|Step_Title=Télécharger et charger le code Arduino
 
|Step_Content=https://www.sqylab.org/tutoriaux/alarme_sqylab.ino
 
|Step_Content=https://www.sqylab.org/tutoriaux/alarme_sqylab.ino
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Remplacez les valeurs suivantes
+
|Step_Title=Remplacer les valeurs wifi et MakerIFTTT_Key
 
|Step_Content=*Nom de votre réseau wifi
 
|Step_Content=*Nom de votre réseau wifi
 
*Mot de passe (SSID de votre réseau wifi)
 
*Mot de passe (SSID de votre réseau wifi)
Ligne 97 : Ligne 97 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Découpez la boite
+
|Step_Title=Découper la boite
 
|Step_Content=Voici le fichier dxf qui vous permettra de découper une petite boite en MDF :  
 
|Step_Content=Voici le fichier dxf qui vous permettra de découper une petite boite en MDF :  
 
https://www.sqylab.org/wp-content/uploads/2019/03/boite_alarme.zip
 
https://www.sqylab.org/wp-content/uploads/2019/03/boite_alarme.zip
Ligne 103 : Ligne 103 :
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
|Step_Title=Téléversez le code vers le NodeMCU
+
|Step_Title=Téléverser le code vers le NodeMCU
 
|Step_Content=Voilà, votre alarme est prête à l’emploi !
 
|Step_Content=Voilà, votre alarme est prête à l’emploi !
  

Version du 1 mars 2019 à 14:06

Une Création de avatarLudovic dans les catégories Maison. Dernière modification le 4/09/2023 par Sgiraud.

Comment cr er une alarme avec notification sur mobile IMG 20190301 131658.jpg


Liste des matériaux

Il vous faudra un nodeMcu, un capteur de mouvement, 3 fils Dupont et un cable micro-usb

Liste des outils

aucun si vous achetez des cables femelle-femelle. Sinon, il vous faudra un fer à souder.

Etape n°1 - Le cablage

vous avez juste 3 fils à connecter entre le capteur et le NodeMcu

Etape n°2 - Créer un compte IFTTT

IFTTT va recevoir la requête http envoyée par le NodeMCU Créez-vous un compte sur https://ifttt.com (gratuit)

Etape n°3 - Noter votre MakerIFTTT_Key

Ce sont les caractères après /use/ disponiblent sur https://ifttt.com/services/maker_webhooks/settings

Etape n°4 - Créer une nouvelle applet

Etape n°5 - Cliquer sur This

Etape n°6 - Rechercher le service webhooks

Etape n°7 - Cliquer sur Receive a web request

Etape n°8 - Nommer votre applet "alarme"

Etape n°9 - Cliquer sur That

Etape n°10 - Rechercher le service Gmail

Etape n°11 - Sélectionner "Send yourself an email"

Etape n°12 - Renseigner les champs suivants

  • Renseignez les champs en respectant les valeurs
  • Enregistrez votre applet

Etape n°13 - Installer Arduino IDE

  • Si ce n'est déjà fait, téléchargez, installez et lancez Arduino IDE
  • Allez dans Menu - Fichier - préférences.
  • Collez http://arduino.esp8266.com/stable/package_esp8266com_index.json dans le champ URL de gestionnaire
  • Allez dans le menu Outils - Type de carte - Gestionnaire de carte.
  • Filtrez sur ESP, choisissez ESP8266 puis installez
  • Allez dans le menu Outils - Type de carte
  • Choisissez NodeMCU 1.0
  • Choisissez le port (branchez et débranchez le NodeMCU pour voir le port)
  • Créez un nouveau script (Fichier / Nouveau)

Etape n°14 - Télécharger et charger le code Arduino

https://www.sqylab.org/tutoriaux/alarme_sqylab.ino

Etape n°15 - Remplacer les valeurs wifi et MakerIFTTT_Key

  • Nom de votre réseau wifi
  • Mot de passe (SSID de votre réseau wifi)
  • Votre MakerIFTTT_Key (que vous avez récupéré à l'étape 3)

Etape n°16 - Découper la boite

Voici le fichier dxf qui vous permettra de découper une petite boite en MDF : https://www.sqylab.org/wp-content/uploads/2019/03/boite_alarme.zip

Etape n°17 - Téléverser le code vers le NodeMCU

Voilà, votre alarme est prête à l’emploi !

Vous pouvez la brancher sur un chargeur de téléphone ou sur le port USB de votre box par exemple.

Après 2 min (le temps de sortir), elle passe en mode surveillance et vous alertera par email en cas de mouvement.

Vous pouvez aussi installer l’appli mobile IFTTT et activer l’option Receive notifications when this Applet runs ce qui permet de recevoir une alerte plus rapidement.

Vous pouvez aussi vous en servir pour activer automatiquement le wifi sur votre mobile quand vous arrivez chez vous.

Notes et références

Cochez cette case si vous considérez ce tutoriel terminé