Obtenir l'heure et la date sur Internet - Tutoriel : 9 étapes

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

Dans ce tutoriel, nous allons apprendre comment obtenir la date et l'heure du serveur NIST TIME en utilisant M5Stack StickC et Visuino, Regardez une vidéo de démonstration.

Étape 1: ce dont vous aurez besoin

M5StickC ESP32: vous pouvez l'obtenir ici

Programme Visuino: Télécharger Visuino

Remarque: consultez ce tutoriel ici pour savoir comment installer la carte StickC ESP32

Étape 2: Démarrez Visuino et sélectionnez le type de carte M5 Stack Stick C

Démarrez Visuino comme indiqué dans la première image Cliquez sur le bouton "Outils" sur le composant Arduino (Image 1) dans Visuino Lorsque la boîte de dialogue apparaît, sélectionnez "M5 Stack Stick C" comme indiqué sur l'image 2

Étape 3: Dans Visuino, définissez la carte StickC

Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner

Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, Sélectionnez "Afficher ST7735" et cliquez sur "+" pour le développer, définissez "Orientation" sur "goRight"

Réglez « Couleur de fond » sur « ClBlack » Sélectionnez « Éléments » et cliquez sur le bouton bleu avec 3 points…

La boîte de dialogue Éléments s'affichera

Dans la boîte de dialogue Éléments, développez "Texte" sur le côté droit et faites glisser "Dessiner du texte" et faites glisser 2X "Champ de texte" du côté droit vers la gauche

• Sélectionnez le texte « Draw Text1 » sur la gauche et dans la fenêtre des propriétés, définissez la taille sur 2, la couleur sur aclLime et le texte sur « Date & Time »
• Sélectionnez "Text Field1" à gauche et dans la fenêtre des propriétés, définissez la taille sur 2, la couleur sur aclAqua et Y sur 10
• Sélectionnez "Text Field2" à gauche et dans la fenêtre des propriétés, définissez la taille sur 2 et Y sur 30

Étape 4: configuration Wi-Fi

Cliquez sur le tableau "M5 Stack Stick C" pour le sélectionner

Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, "WiFi" et cliquez sur "+" pour développer, sélectionnez "Se connecter aux points d'accès" et cliquez sur le bouton (3 points)

Dans la fenêtre "Points d'accès", faites glisser "Point d'accès WiFi" sur le côté gauche.

Ensuite, sur le côté gauche, sélectionnez "Access Point1" et dans la fenêtre des propriétés, définissez

• Sous "SSID", mettez le nom de votre réseau WiFi
• Sous "Mot de passe", indiquez le mot de passe d'accès à votre réseau WiFi

Dans la fenêtre "Propriétés", sélectionnez "Modules" et cliquez sur "+" pour développer, "WiFi" et cliquez sur "+" pour développer, >Sockets, cliquez sur le bouton […], de sorte que la fenêtre "Sockets" s'ouvre Faites glisser le client TCP de de droite à gauche et sous la fenêtre Propriétés

• port: 37 et
• hôte: time-b-g.nist.gov

Étape 5: Dans Visuino, ajoutez des composants

Ajouter un composant "Générateur d'impulsions"

Ajouter le composant "Internet Time Protocol"

Ajouter le composant 2X "Supprimer le sous-texte droit"

Ajouter le composant 2X "Supprimer le sous-texte gauche"

Étape 6: Dans Visuino Set Composants

• Sélectionnez "PulseGenerator1" et dans la fenêtre des propriétés, définissez la fréquence sur 0,1166667
• Sélectionnez "DeleteRightText1" et dans la fenêtre des propriétés, définissez la longueur sur 13
• Sélectionnez "DeleteRightText2" et dans la fenêtre des propriétés, définissez la longueur sur 5
• Sélectionnez "DeleteLeftText2" et dans la fenêtre des propriétés, définissez la longueur sur 12

Étape 7: dans les composants Visuino Connect

• Connectez la broche "PulseGenerator1" [Sortie] à la broche "InternetTime1" [Entrée]
• Connectez la broche "InternetTime1" [Socket] à "M5 Stack Stick C" > broche TCP Client1 [In]
• Connectez la broche "InternetTime1" [Out] à la broche "DeleteRightText1" [In] et à la broche "DeleteRightText2" [In]
• Connectez la broche "DeleteRightText1" [Sortie] à la broche "DeleteLeftText1" [Entrée]
• Connectez la broche "DeleteRightText2" [Sortie] à la broche "DeleteLeftText2" [Entrée]
• Connectez la broche "DeleteLeftText1" [Sortie] à "M5 Stack Stick C">Afficher ST7735>Broche Text Field1 [Entrée]
• Connectez la broche "DeleteLeftText2" [Sortie] à "M5 Stack Stick C">Afficher ST7735>Broche Text Field2 [Entrée]

Étape 8: générer, compiler et télécharger le code Arduino

Cliquez sur l'icône Arduino dans la barre d'outils, cela générera du code et ouvrira l'IDE Arduino. Le bouton à côté compilera et enverra le code directement à l'appareil. Vous voudrez ouvrir l'IDE la première fois pour vous assurer que le port COM est correctement configuré. Après cela, l'IDE Arduino enregistrera vos paramètres.

Une fois dans l'IDE Arduino, assurez-vous que votre carte, votre vitesse et votre port sont correctement définis. Vous devrez probablement définir le port COM à partir du sous-menu, mais les autres devraient être définis automatiquement. Si vous avez plus d'un port COM, essayez de retirer votre M5Stick, regardez et voyez quels ports restent, puis reconnectez le M5Stick et voyez lequel revient. C'est son port COM.

Cliquez ensuite sur Télécharger. Cela vérifiera (compilera) et téléchargera.

Étape 9: Jouez

Si vous alimentez le module M5Sticks, il se connectera à Internet et l'écran devrait commencer à afficher la date et l'heure du serveur NIST

. Vous pouvez également expérimenter avec d'autres serveurs que vous pouvez trouver ici

Toutes nos félicitations! Vous avez terminé votre projet M5Sticks avec Visuino. Le projet Visuino que j'ai créé pour ce Instructable est également joint, vous pouvez le télécharger ici. Vous pouvez le télécharger et l'ouvrir dans Visuino: