Webgebaseerde SmartMirror met seriële communicatie: 6 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:18

Dit instructable wordt geleverd met alle code klaar voor gebruik. De ontwikkeling was erg ingewikkeld, maar als het eenmaal is ingesteld, is het heel eenvoudig aan te passen.

Kijk en geniet;)

Stap 1: Uw Arduino configureren

Allereerst moet je je arduino configureren.

Laten we beginnen met het aansluiten van de SRF-sensor op uw arduino. Op de foto hierboven kun je zien hoe ik de SRF op mijn arduino heb aangesloten.

In het zipbestand vind je een Arduino-code om te uploaden naar je Arduino. Wanneer je deze code uitvoert en de seriële monitor in de Arduino IDE opent, zou je een "0" moeten zien als je verder dan 1 meter bent en een "1" als je binnen een meter van de sensor bent.

U kunt deze nummers vervangen, maar ze zijn later gemakkelijker uit te lezen.

Stap 2: Node.js installeren en de websocket uitvoeren

Voordat we de gegevens naar onze browseromgeving kunnen sturen, moeten we Node. JS installeren.

Als dat is geïnstalleerd, opent u uw opdrachtprompt en navigeert u naar uw Smartmirror-map

$ cd Desktop/SmartMirror

U bevindt zich nu in de map waarin u het bestand index.js uitvoert dat in de ZIP wordt geleverd.

$ node index.js

Normaal gesproken zou u nu de "0" en "1" van uw sensor moeten zien.

OPMERKING:

binnen de index.js zult u waarschijnlijk uw poort moeten wijzigen. De mijne is ingesteld in COM6. Controleer in uw arduino IDE met welke uw arduino is verbonden.

var myPort = nieuwe SerialPort('COM6', { baudrate: 9600 });

Stap 3: Open de webpagina

Binnen de webpagina heb ik een paar API's ingesteld, zoals een klok, het weer, enz.

Open het index.html-bestand in de openbare kaart en u zult in uw opdrachtprompt "nieuwe verbinding" zien.

Als alles werkt zoals het hoort, zou de tekst moeten (verdwijnen) verschijnen als je binnen een meter bent of niet.

Stap 4: lasercut de behuizing

Ik heb ook mijn eigen sjabloon voor een behuizing geleverd, maar je kunt er zelf een maken omdat je waarschijnlijk een andere monitor hebt dan ik.

Als je het eenmaal hebt uitgeknipt, monteer je het en verberg je alle kabels.

Stap 5: KLAAR

Als alles volgens plan is verlopen, zou je nu je smartmirrr moeten hebben!

Stap 6: Tips

Je zou het compacter en draadloos kunnen maken als je een Raspberry Pi gebruikt. Dit zijn minder kabels en meer verplaatsbaar.