Web-based SmartMirror Using Serial Communication: 6 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:37

Αυτό το οδηγό παρέχεται με όλο τον κωδικό έτοιμο για χρήση. Η ανάπτυξη ήταν πολύ περίπλοκη, αλλά μόλις εγκατασταθεί είναι πολύ εύκολο να προσαρμοστεί.

Ρίξτε μια ματιά και απολαύστε;)

Βήμα 1: Διαμόρφωση του Arduino σας

Πρώτα απ 'όλα θα χρειαστεί να διαμορφώσετε το arduino σας.

Ας ξεκινήσουμε με τη σύνδεση του αισθητήρα SRF στο arduino σας. Στην παραπάνω φωτογραφία μπορείτε να δείτε πώς συνέδεσα το SRF στο arduino μου.

Στο zipfile θα βρείτε έναν κωδικό Arduino για να ανεβάσετε στο Arduino σας. Όταν εκτελείτε αυτόν τον κώδικα και ανοίγετε τη σειριακή οθόνη στο Arduino IDE, θα πρέπει να δείτε ένα "0" όταν είστε περισσότερο από 1 μέτρο και ένα "1" όταν βρίσκεστε σε απόσταση ενός μέτρου από τον αισθητήρα.

Μπορείτε να αντικαταστήσετε αυτούς τους αριθμούς, αλλά είναι ευκολότερο να διαβάσετε αργότερα.

Βήμα 2: Εγκατάσταση του Node.js και εκτέλεση της ιστοσελίδας

Πριν μπορέσουμε να στείλουμε τα δεδομένα στο περιβάλλον του προγράμματος περιήγησής μας, θα χρειαστεί να εγκαταστήσουμε το Node. JS.

Εάν είναι εγκατεστημένο, ανοίγετε τη γραμμή εντολών και μεταβείτε στον φάκελο Smartmirror

$ cd Desktop/SmartMirror

Τώρα βρίσκεστε στο φάκελο που εκτελείτε το αρχείο index.js που παρέχεται στο ZIP.

$ node index.js

Κανονικά θα πρέπει τώρα να δείτε τα "0" και "1" από τον αισθητήρα σας.

ΣΗΜΕΙΩΣΗ:

μέσα στο index.js πιθανότατα θα πρέπει να αλλάξετε τη θύρα σας. Το δικό μου δημιουργήθηκε στο COM6. Ελέγξτε το arduino IDE σας σε ποιο είναι συνδεδεμένο το arduino σας.

var myPort = νέο SerialPort ('COM6', {baudRate: 9600});

Βήμα 3: Ανοίξτε την ιστοσελίδα

Μέσα στην ιστοσελίδα δημιούργησα ένα API ζευγαριού όπως ένα ρολόι, ο καιρός κ.λπ.

Ανοίξτε το αρχείο index.html μέσα στον δημόσιο χάρτη και θα δείτε μέσα στη γραμμή εντολών "νέα σύνδεση".

Εάν όλα λειτουργούν όπως θα έπρεπε το κείμενο να αρχίσει (να) εμφανίζεται εάν βρίσκεστε σε απόσταση ενός μέτρου ή όχι.

Βήμα 4: Κόψτε το περίβλημα με λέιζερ

Παρέχω επίσης το δικό μου πρότυπο για ένα περίβλημα, αλλά μπορείτε να δημιουργήσετε το δικό σας, επειδή πιθανότατα θα έχετε άλλη οθόνη από εμένα.

Μόλις το κόψετε, το συναρμολογείτε και κρύβετε όλα τα καλώδια.

Βήμα 5: ΕΓΙΝΕ

Αν όλα πήγαν όπως είχε προγραμματιστεί, τώρα θα πρέπει να έχετε τον έξυπνο καθρέφτη σας!

Βήμα 6: Συμβουλές

Θα μπορούσατε να το κάνετε πιο συμπαγές και ασύρματο εάν χρησιμοποιείτε Raspberry Pi. Αυτό θα είναι λιγότερο καλώδιο και πιο κινητό.