Home > Technologie > Virtuelles Offenes Zeichen

Virtuelles Offenes Zeichen

Advertisement

Virtuelles Offenes Zeichen

Virtuelles Offenes Zeichen

Dieses Instructable ist mein Projekt von der YuKonstruct Spark Core Build Night!

In diesem Instructable, werden Sie lernen, wie man einen Spark Core, um einen Schalter, der seine Position auf einer Website veröffentlicht. Wir planen, dies in unserem YuKonstruct Makerspace zu verwenden, um uns zu erlauben, offene und geschlossene Stunden anzuzeigen, wenn der Zeitplan variiert.

Stückliste.

  1. Ein Funkenkern
  2. Eine lötfreie Brotplatte
  3. Ein USB-Netzteil
  4. Ein Mikroschalter
  5. Zwei Steckbrücken
  6. Ein kostenloses Google-Konto

Schritt 1: Einrichten Ihres Spark Core

Virtuelles Offenes Zeichen

Virtuelles Offenes Zeichen

Stecken Sie das USB-Kabel in den Funkenkern (erstes Bild)

Stellen Sie sicher, dass Sie mit einem Wi-Fi-Netzwerk verbunden sind.

Laden Sie die IOS- oder Android-App "Spark Core" und erstellen Sie ein Spark IO-Konto.

Geben Sie Ihr WLAN-Passwort ein (es sollte das SSID-Feld automatisch füllen).

Warten Sie, bis sich der Funkenkern aufgesetzt hat.

Beobachte das Hauptlicht auf deinem Funkenkern für die Stadien des Fortschritts:

  1. Blau blinkend: WLAN-Anmeldeinformationen abhören.
  2. Solid blue: Wi-Fi-Informationen von App erhalten.
  3. Blinkt grün: Verbindung zum Wi-Fi-Netzwerk.
  4. Blinkendes Cyan: Verbindung zur Spark Cloud.
  5. Blinkt Magenta: Aktualisierung auf die neueste Firmware.
  6. Breathing Cyan: verbunden!

Als nächstes wird es Sie bitten, Ihren Kern zu nennen, sobald er fertig ist, wird es Sie auf die Tinker Benutzeroberfläche (siehe zweites Bild) zu nehmen.

Um zu testen, dass Ihr Kern richtig funktioniert:

  1. Tippen Sie auf "D7"
  2. Tippen Sie auf digitalWrite
  3. Tippen Sie erneut auf "D7", so dass "High" neben "D7"

Ein zweites Licht auf Sie Funken Kern sollte aufleuchten, geschieht dies, weil der Pin "D7" ist mit einem digitalen Pin und eine LED verbunden, erstaunlich richtig!

Schritt 2: Einstecken Ihres Brotes

Virtuelles Offenes Zeichen

Halten Sie die Zündkerzenstifte in den Steckbrett, der den Kamm, der die Mitte hinuntergeht, überspannt.

Stecken Sie den Mikroschalter in die Steckdose, so dass er parallel zur Kante entlang der Mitte verläuft und entweder oberhalb oder unterhalb, wo die Stifte auf dem Funkenkern enden.

Bringen Sie einen Jumper Draht aus dem Loch neben dem mittleren Stift an Ihrem Mikroschalter, um das Loch neben dem Pin mit der Aufschrift "D6" auf dem Funkenkern.

Fügen Sie nun ein Brückenkabel aus dem Loch neben dem oberen Stift an Ihrem Mikroschalter an das Loch neben dem Stift "D7" am Funkenkern.

Schritt 3: Die BackEnd

Virtuelles Offenes Zeichen

Die BackEnd ist, wo Sie die Codierung, um die Spark Core, was Sie wollen, dass es zu tun. Ich schrieb den folgenden Code, um dem Spark-Kern zu sagen, um die Position des Schalters (oben oder unten) zu lesen und diese Informationen dann an das Google-Skript zu senden (wir konfigurieren das Google-Skript später).

Okay können dies tun.

Auf Ihrem Computer, gehen Sie zu https://www.spark.io/build/ .

Melden Sie sich mit Ihrem Spark-Konto an.

Fügen Sie den folgenden Code in das Fenster ein und klicken Sie dann auf den Blitz, um diesen Code in Ihren Spark Core zu blinken.

  Char resultstr [64];
  Void setup () {pinMode (D7, INPUT);  PinMode (D6, OUTPUT);  Spark.variable ( "result", & resultstr, STRING);  aufrechtzuerhalten.
  Void loop () {digitalWrite (D6, HIGH);  Int data1 = digitalRead (D7);  Sprintf (resultstr, "{\ data1":% d} ", data1);  Verzögerung (1000);  aufrechtzuerhalten.

Schritt 4: Einrichten der FrontEnd

Virtuelles Offenes Zeichen

Virtuelles Offenes Zeichen

Das FrontEnd ist das, was der Benutzer sieht. Hier konfigurieren wir das Google-Skript oder die Logik, so dass der Computer je nach Position des Mikroschalters (oben oder unten) entweder offen oder geschlossen schaltet.

Zum https://drive.google.com und melden Sie sich mit Ihrem Google - Konto.

So arbeiten Sie mit Google Script:

  1. Klicken Sie auf Neu> Mehr> Mehr Apps verbinden. (Bild eins).
  2. Suchen Sie nach Google Apps Script, wenn es kommt, klicken Sie auf connect (Bild zwei).
  3. Um die App zu öffnen, klicken Sie auf Neu> Mehr> Google Apps-Skript.

Wenn Google Apps Script geöffnet wird:

  1. Klicken Sie auf Skript als Webanwendung erstellen
  2. Alles löschen (es ist nur Beispielcode).
  3. Kopieren und fügen Sie in meinem Code unten:
  Funktion doGet () {
    Var app = UiApp.createApplication ();
    Var response = UrlFetchApp.fetch ( "https://api.spark.io/v1/devices/PUT IHRE GERÄTE-ID HIER / Ergebnis? Access_token = PUT IHRE ZUGANG TOKEN HIER");  Try {response = JSON.parse (response.getContentText ());  Var result = unescape (response.result);
      Try {var p = JSON.parse (Ergebnis);  Var d = new Datum ();  If (p.data1 == 1) {var label = app.createLabel ( "Open") // Anpassen von Text für open .setId ( 'statusLabel') .setVisible (true);  App.add (label);  } Else {var label = app.createLabel ( "Closed") // Text für geschlossene .setId ( 'statusLabel') einstellen .setVisible (true);  App.add (label);
        aufrechtzuerhalten.
       } Catch (e) {Logger.log ( "Unable to second second");  }} Catch (e) {Logger.log ( "Unable to zurückgegeben JSON");  aufrechtzuerhalten.
     App.close ();  Return app;  aufrechtzuerhalten.

Schritt 5: Die FrontEnd

Virtuelles Offenes Zeichen

Virtuelles Offenes Zeichen

In Google Apps Script fortsetzen, finden Sie den Text "PUT DEINE GERÄTE-ID HIER" im Code und ersetzen Sie ihn durch Ihre Geräte-ID. Ihre Geräte-ID finden Sie in der "Cores Page" von spark.io/build (Klicken Sie auf das Core Page Icon unten links, um die Cores Seite zu öffnen - erstes Image).

Kehren Sie zu Ihrem Google Apps-Skript zurück und finden Sie den Text "PUT YOUR ACCESS CODE HERE" im Code und ersetzen Sie ihn durch Ihren Zugangscode. Ihr Zugangscode finden Sie auf der "Einstellungsseite" von spark.io/build (Klicken Sie auf das Zahnradsymbol unten links unter dem Core Page-Symbol, um die Einstellungsseite zu öffnen).

Klicken Sie auf der Google Apps-Skript-Seite auf Ausführen> doGet. Die App fordert Sie dann zur Erlaubnis auf, ein Signal an den spark.io Server zu senden. Klicken Sie auf Zulassen. Es sieht aus wie es absolut nichts! Dies war jedoch wichtig, da Sie den Skriptzugriff auf die Zeile UrlFetchApp.fetch () ausführen mussten.

Klicken Sie oben auf der Google Apps-Skript-Seite erneut auf Veröffentlichen> Als Webanwendung bereitstellen. Ein Fenster wird Popup, so dass Sie auf "Save New Version" und dann "Deploy" klicken.

Das ist es! Kopieren Sie den Link gibt es Ihnen und fügen Sie es in Ihrem Web-Browser. Voila Ein funktionierendes virtuelles offenes / geschlossenes Zeichen!

Wenn Sie auf diese Webseite gehen, wird es entweder "Open" oder "Closed" in Abhängigkeit von der Position Ihres Mikroschalters (nach oben oder unten) sagen. Versuchen Sie, die Position des Switches zu ändern und laden Sie die Webseite, um zu bestätigen, dass es funktioniert (Sie müssen möglicherweise ein paar Mal neu laden).

Hinweis: Wenn sich der Schalter in der Position Open (oben) befindet, leuchtet eine zweite Leuchte (blau) am Spark Core.

Habe Spaß!

Sie können ändern, was Sie auf der Webseite sehen, indem Sie den Code, wo es heißt ( "Open") oder ( "Closed"), nur daran denken, den Code wie oben beschrieben neu zu veröffentlichen.

Related Reading