Arduino IoT Weather Clock (14 / 15 schritt)

Schritt 14: Einrichten von Freeboard.io


Wir nähern uns rasch den Abschluss dieses Projektes! Die letzte Aufgabe, die wir brauchen, um abzuschließen ist Freeboard.io, den Dienst einrichten, mit denen wir die IoT-Uhr/Wetter-Anzeige selbst zu erstellen.

Ersten Kopf über die Website Freeboard.io und entweder erstellen ein Konto, da Sie wahrscheinlich mit Dutzenden von anderen Websites getan haben, oder melden Sie sich mit Facebook, Twitter oder GitHub. Einmal eingeloggt, erstellen Sie eine neue Freibord über den Button in der oberen rechten Ecke des Bildschirms; Sie können es nennen, was Sie wollen.

Hinzufügen von Datenquellen

Sie sollten jetzt eine leere Freibord betrachten werden. Wir beginnen den Prozess der Einrichtung der Anzeigefeldes durch das Hinzufügen von Datenquellen. Datenquellen sind Orte, aus denen unsere verschiedenen Freibord Scheiben Informationen ziehen werden. Wir benötigen insgesamt drei Datenquellen:

Beginnen Sie durch Klicken auf die Schaltfläche " Hinzufügen " in der oberen rechten Ecke des Bildschirms. Wählen Sie in der Dropdownliste Typ Uhr. Wenn Sie diese Option auswählen, werden zwei zusätzliche Optionen angezeigt. Geben Sie im Feld NAME diese Datenquelle einen Namen, mit denen Sie aus anderen Datenquellen, die wir hinzufügen werden, nannte ich meine Datetimezu unterscheiden. Dann, im Feld Aktualisieren jeden Eingang 1 Sekunde, was der Default-Wert sein sollte. Abschließend klicken Sie auf Speichern.

Das ist eine Datenquelle nach unten und zwei zu gehen. Klicken Sie erneut auf die Schaltfläche " Hinzufügen ". Diesmal wählen Sie in der Dropdownliste Typ Yahoo! Wetter. Wie vor, eine Reihe von anderen Feldern angezeigt wird, sobald Sie diese Option auswählen. Geben Sie im Feld NAME Wetter. Geben Sie im Feld Postleitzahl Ihre Postleitzahl ein. Wählen Sie im Feld Einheiten Imperial oder Metrisch, je nach Ihren Wünschen. Geben Sie in das letzte Feld, Aktualisieren Sie alle, 5 Sekunden. Klicken Sie dann auf Speichern.

Jetzt für die letzte und wahrscheinlich wichtigste Datenquelle. Wir werden eine Dweet.io Datenquelle hinzufügen, wodurch Freeboard.io Informationen zur Dweet.io von unsere Arduino IoT-Sensor geschoben zu ziehen. Klicken Sie erneut auf die Schaltfläche " Hinzufügen " in der oberen rechten Ecke. Wählen Sie in der Dropdownliste Typ Dweet.io. Geben Sie im Feld NAME Dweet.io. Geben Sie dann, in der Sache Namensfeld den Namen der Sache, die, den Sie in Ihrer Skizze Arduino verwendet, wie im vorherigen Schritt beschrieben. Das letzte Feld, Schlüssel, wird leer gelassen werden, es sei denn, Sie für einen privaten Schlüssel auf Dweet.io bezahlt haben. Zuletzt, klicken Sie auf Speichern.

Hinzufügen von Scheiben

Nun, da wir Datenquellen eingerichtet haben, werden die Freeboard.io auf alle Informationen zugreifen, die wir die Anzeige einrichten müssen. Das Display selbst nutzt Scheiben, die wie einzelne Fenster innerhalb der Freibord-Seite sind, dass jeder ein Stück von Daten aus einer der Datenquellen angezeigt.

Um unseren ersten Bereich hinzuzufügen, klicken Sie auf ADD Bereich in der oberen linken Ecke des Bildschirms. Sie sehen eine kleine leere Box Freibord angezeigt. In diesem ersten Bereich wird unsere indoor Lautstärke des Mikrofons auf dem Arduino IoT-Sensor angezeigt. Klicken Sie auf das Schraubenschlüssel-Symbol auf den neu hinzugefügten Bereich. Im Feld Titel Indoor SoundEingangspegel und geben Sie im Feld Spalten 3, die diesem Bereich Spannweite über das gesamte Display machen. Klicken Sie auf Speichern , um das Fenster Einstellungen-Dialogfeld zu schließen.

Wir müssen nun das eigentlichen Sensor Display Bereich hinzufügen, die eine Widget genannt wird. Tun Sie dies durch Klicken auf das + (plus) Symbol in der oberen rechten Ecke des Bereichs neben dem Schraubenschlüssel-Symbol. Wählen Sie in der Dropdownliste Typ Sparkline. Im Feld Titel Eingangspegel im inneren Klang. Im Feld " Wert " wählen wir unsere Datenquelle Dweet.io input datasources["Dweet.io"]["soundlevel"]. Schieben Sie in der Legende enthalten den Knebel auf YES. Schließlich geben Sie im Feld SPARKLINE Etiketten Sound Level. Abschließend klicken Sie auf Speichern.

Das ist ein Bereich fertig. Wir müssen insgesamt vier weitere Bereiche hinzufügen: Wetter, Zeit, im inneren Bedingungen, und im inneren Licht. Um unsere nächsten Bereich hinzuzufügen, klicken Sie erneut auf Hinzufügen Bereich . Wie zuvor ein leerer Bereich am oberen Rand der Seite angezeigt wird. Klicken Sie und ziehen Sie das Fenster unten innen Sound Level Bereich wir soeben hinzugefügt. Klicken Sie auf das Schraubenschlüssel-Symbol und geben Sie im Feld " Titel " Wetter. Lassen Sie das Feld Spalten als 1.

Klicken Sie auf das + (plus) Symbol. Wählen Sie in der Dropdownliste Typ Text. Geben Sie im Feld Titel Außen Temperatur. Wählen Sie im Drop-Down Größe - Big. Geben Sie im Feld " Wert " Datasources ["Wetter"] ["Current_temp"]. Die SPARKLINE enthalten und die WERTÄNDERUNGEN ANIMIEREN auf Jafestgelegt. Letzte, setzen die Geräte entsprechen den Wert, britische oder metrische, Sie legen für die Yahoo! Wetter-Datenquelle und klicken Sie auf Speichern.

Klicken Sie auf das + (plus) Symbol auf den Bereich " Wetter " wieder und Input alle die gleichen Werte, die Sie gerade außer geben dieses Widget einen Titel von Außen Feuchtigkeit und im Feld " Wert " geben Sie Datasources ["Wetter"] ["Feuchtigkeit"].

Als Nächstes erstellen wir die Uhrzeitanzeige Bereich in der Mitte der Freibord. Klicken Sie erneut auf den Bereich "hinzufügen" -Button, um einen neuen Bereich erstellen. Ziehen Sie das neue Fenster auf der rechten Seite den Bereich "Wetter", so dass es in der Mitte der Seite positioniert ist. Nach wie vor klicken Sie auf das Schraubenschlüssel-Symbol und name dieser Bereich Zeit und geben ihm eine Zeitspanne von Spalte 1.

Klicken Sie auf das + (plus) Symbol, eine Widget für in diesem Bereich zu schaffen. Wählen Sie in der Dropdownliste Typ Zeiger. Diese Art von Widget hat zwei Werte, man bestimmt die Richtung des Zeigers, der andere bestimmt den Text innerhalb der kreisförmigen Zeiger-Anzeige. Um unsere Uhrenanzeige ordnungsgemäß zu erhalten, werden wir einige benutzerdefinierte JavaScript-Code in die Felder Richtung und WERTTEXT verwenden. Klicken Sie zuerst auf die . JS-EDITOR Taste für das Richtungsfeld . Kopieren Sie und fügen Sie den folgenden JavaScript-Code in das Fenster.

Also, was macht diesen Code? Darüber hinaus fungieren die Zeiger-Anzeige wie den Stundenzeiger auf eine analoge Uhr mit dem Zeiger rund um den Kreis einmal alle 12 Stunden. Also, dieser Code ruft die aktuelle Stunde und Minute dann berechnet den Winkel, um den Kreis dieser Zeit entspricht.

Klicken Sie nun auf die . JS-EDITOR Taste für das Textfeld Wert . Kopieren Sie und fügen Sie den folgenden Code in das Fenster.

Dieser Code ist einfach. Es erhalten Sie die aktuellen Stunden und Minuten, dann zeigt diese Werte, wie sie auf eine normale Digitaluhr erscheinen würde.

Wir haben nur zwei Scheiben, die Links um zu erstellen, und diese werden einfach. Im nächsten Bereich werden wir machen, ist derjenige, der die Innentemperatur und Luftfeuchtigkeit angezeigt wird. Das Verfahren zum Erstellen in diesem Bereich wird der Bereich "Wetter" sehr ähnlich sein, werden wir nur die Datenquelle ändern. So fügen Sie einen anderen Bereich und positionieren Sie es auf der rechten Seite der Uhr. Klicken Sie auf das Schraubenschlüssel-Symbol und nennen Sie im Bereich mit dem Standort des Arduino Sensors, beispielsweise Erdgeschoss Bedingungenzu. Hinzufügen von Widgets zum Bereich. Wählen Sie in der Dropdownliste Typ Text. Geben Sie im Feld Titel < Raumnamen > Temperatur. Wählen Sie in der Dropdownliste Größe Big. Dann geben Sie im Feld " Wert " datasources["Dweet.io"]["temperature"]. Wählen Sie Ja , für das Umfassen SPARKLINE -Feld und Feld WERTÄNDERUNGEN ANIMIEREN . Legen Sie abschließend das Einheiten -Feld, um die Einheiten in die Arduino-Skizze auf Zeile 94 angegebenen übereinstimmen.

Dann wiederholen Sie das gleiche Verfahren mit einem anderen Widget, aber passen Sie das Feld " NAME " entsprechend "Feuchtigkeit" anstelle von "Temperatur" und im Feld " Wert " zu sagen, geben Sie datasources["Dweet.io"]["humidity"].

Okay, jetzt lassen Sie uns das Freeboard.io Setup mit einem letzten Ausschnitt enden. Fügen Sie ein weiteres Fenster mit dem Bereich "hinzufügen" -Button, und positionieren Sie es unter dem Bereich "Wetter". Klicken Sie auf das Schraubenschlüssel-Symbol und geben Sie dem neuen Bereich des Titels Im inneren Ebene des Lichts, und geben Sie im Feld Spalte 3.

Dann fügen Sie ein Widget zum Bereich. Wählen Sie in der Dropdown-Liste Typ Sparkline. Geben Sie im Feld Titel Innen Licht-Ebene. Geben Sie im Feld " Wert " datasources["Dweet.io"]["lightlevel"]. Schließen Legende Feld auf Jafestgelegt. Geben Sie anschließend im Feld SPARKLINE Etiketten Ebene des Lichts.

In Verbindung stehende Artikel

Arduino IOT: Temperatur und Luftfeuchtigkeit (mit ESP8266 WiFi)

Arduino IOT: Temperatur und Luftfeuchtigkeit (mit ESP8266 WiFi)

Hallo an alle! Www.ardumotive.com Michalis Vasilakis herkomme und in diesem Instructables zeige ich Ihnen, wie Sie Ihren eigenen Internet der Dinge (IOT) Thermometer durch mit dem Arduino Uno Board.Können Sie es zu Hause, im Büro oder überall gibt es
Arduino Real Time Clock mit Alarm und Umweltsensoren

Arduino Real Time Clock mit Alarm und Umweltsensoren

Arduino-Uhr mit Batterie-Backup (Echtzeituhr), Uhrzeit, Datum, Alarm, Temperatur, Feuchtigkeit, Druck, LCD-Ausgang, Tastatur eingegeben, Sleep-Modus, LED-LCD-Beleuchtung (4 X) weiß mit dimmer-SteuerungSchritt 1: TeilelisteArduino Real Time Clock mit
Wie erstelle ich unangreifbar sichere Arduino-IoT-Gerät

Wie erstelle ich unangreifbar sichere Arduino-IoT-Gerät

Thesedays es gibt eine Menge des Internet der Dinge.Aber die meisten von diesen IoT das Netzwerk angegriffen wie als DDOS ausgesetzt sind.Entsprechend die vielen Experten der IoT warnen uns vor das Problem der Sicherheit des Internet der Dinge wie al
World Wide Web Widow Steckdose!! Die ultimative Arduino IoT DIY

World Wide Web Widow Steckdose!! Die ultimative Arduino IoT DIY

WWWWiDo ist eine Steckdose zugänglich von jedem Gerät mit einem Browser, der kann einem angeschlossenen Gerät fernsteuern und ist erweiterbar auf Überwachung und Automatisierung mit Sensoren und Aktoren. Dieses System ist eine Alternative zu den geme
Raspberry Pi & Arduino IOT Automation

Raspberry Pi & Arduino IOT Automation

Ich bin wieder mit einem mehr IoT-Projekt. diesmal mit Arduino und Respberry Pi 2 B +.wie wir wissen Rpi haben große Rechenleistung, Konnektivität und Display-Option im Vergleich zu aber Arduino Arduino große e/a-Steuerelemente verfügen über viel ein
Arduino IOT Automatisierung mit ESP8266

Arduino IOT Automatisierung mit ESP8266

Dies ist ein IoT Automatisierungsprojekt. nicht wie andere, die nur die Sensor-Daten mit dem Internet zu holen. Früher habe ich es Technik zur Steuerung der Geräte durch Lektüre, dass web-api mit WiFi-Modul esp8266. mit dieser Technik können wir beob
APDuinOS (blinkt)--Arduino IoT (Internet der Dinge)--Aquaponic Anwendung

APDuinOS (blinkt)--Arduino IoT (Internet der Dinge)--Aquaponic Anwendung

wenn Sie diese Instructable lesen Sie sind hier aus zwei Gründen.ERSTER GRUND:Ist, weil Sie nichts über APDuinOS wissen und Interesse an was es ist und wie es IoT (Internet of Things) bezieht.  Indem Sie auf http://www.apduino.org oder http://www.apd
Arduino Powered Binary Clock

Arduino Powered Binary Clock

diese instructable hilft Ihnen, ein Arduino Binary Clock zu bauen.  Die Orignial-Idee für diese instructable von Daniel Andradeentworfen wurde.  Mein instructable Surface-Mount-Komponenten verwendet, aber kann leicht um Komponenten Durchgangsbohrung
Arduino Real Time Clock (DS1307)

Arduino Real Time Clock (DS1307)

Diesmal werde ich Sie wie erstelle ich ein Modul für die Vermietung der Arduino erfahren die Zeit zeigen werden. Zwar gibt es viele Tutorials für das Real Time Clock-Modul wollte ich meine Version dieses Moduls ganz konzentriert auf das Löten Schritt
Arduino-basierten master-Clock für Schulen

Arduino-basierten master-Clock für Schulen

wenn Kinder Schule, Ihrer Schule oder anderen Ort eine zentrale Hauptuhr, das gebrochen ist abhängt, können Sie eine Verwendung für dieses Gerät haben. Neue master Clocks gibt es natürlich, aber Schule Budgets sind unter extremen Druck, und es ist wi
Arduino LCD Master Clock

Arduino LCD Master Clock

Diese Uhr ist konzipiert als eine Stand-alone-Uhr oder ein master-Clock zu Laufwerk Nebenuhren und ist tragbar mit Batterie-Backup. Finden Sie die Uhr-Website für weitere Details LCD Master Clock-StartseiteUpdate - automatische Sommer voraus und Wint
Arduino + LEDs = Binary Clock

Arduino + LEDs = Binary Clock

Dieses Projekt wurde direkt aus dem Buch "30 Arduino Projekte für die Evil Genius" von Simon Monk aufgenommen.  Es wird im Detail ab Seite 159 beschrieben.Im Grunde sind die Schritte, die ich habe:(1) nach der Entscheidung über die Größe von 12
Indoor Training Stepper mit Raspberry Pi & Arduino Iot

Indoor Training Stepper mit Raspberry Pi & Arduino Iot

Hallo allerseits.Das Ziel dieses Projektes ist es, verwenden eine Indoor Workout Stepper mit Raspbery Pi und Arduino. Diese Art von Schrittmotoren haben in der Regel kleine Anzeige und musst du während des Trainings zu sehen, Ihre Schritte nach unten
Raspberry Pi Barometer Weather Clock

Raspberry Pi Barometer Weather Clock

In diesem instructable ich werde Ihnen zeigen wie man einen grundlegende Thermometer zu bauen / Barometer Uhr mit einem Raspberry Pi 2 mit einem BMP180 I2C-Sensor auf einem Adafruit 4 stellige 7 Segment I2C Display anzeigen. Die Pi verwendet auch ein