Inhaltsverzeichnis:

Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle - Gunook
Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle - Gunook

Video: Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle - Gunook

Video: Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle - Gunook
Video: МАСТЕР-КЛАСС по Arduino | Полный семинар по программированию за 90 минут! 2024, Juli
Anonim
Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle
Arduino/Android für Anfänger, keine Codierung erforderlich - Daten und Kontrolle

Update 23. April 2019 -- Für Datums-/Zeit-Diagramme, die nur Arduino millis() verwenden, siehe Arduino-Date/Time-Plotting/Logging Using Millis() und PfodApp mit Arduino millis () KEINE Android- oder Arduino-CODIERUNG ERFORDERLICH

==========================================================================

Das Projekt ist für absolute Anfänger geeignet. Absolut Es ist keine Programmiererfahrung erforderlich. Sobald Sie diese Anleitung beendet haben, können Sie alle Menüs entwerfen, die Sie zum Anzeigen, Plotten und Protokollieren von Arduino-Daten, analogen Messwerten und digitalen Eingängen sowie zur Steuerung von Arduino-Ausgängen, PWM-Ausgängen und digitalen Ausgängen benötigen.

Insbesondere zeigt Ihnen dieses anweisbare, wie Sie einen analogen Messwert anzeigen, zeichnen und protokollieren und den Zustand eines Digitaleingangs anzeigen und einen PWM-Ausgang steuern und einen Digitalausgang pulsieren. Um tatsächlich etwas ein- und auszuschalten, siehe So fügen Sie Relais zu Arduino und Simple Home Automation für Anfänger hinzu. Es stehen auch weitere pfodDesigner-Tutorials und ein weiteres Tutorial zu Data Logging and Plotting zur Verfügung.

Für dieses instructable ist absolut KEINE CODIERUNG ERFORDERLICH. Es ist keine Arduino-Codierung erforderlich, der kostenlose pfodDesignerV2 generiert den gesamten Code, den Sie benötigen. Es ist keine Android-Codierung erforderlich, die universelle Android-PfodApp zeigt die Menüs und Daten an und zeichnet und protokolliert die Daten und verarbeitet Benutzereingaben. Dieses anweisbare deckt jedoch nur einige der in pfodApp verfügbaren Bildschirme und Anzeigeoptionen ab. Sehen Sie sich die vollständige pfodSpezifikation für alle Details an.

Dieses anweisbare ist auch online unter How to Display / Plot Arduino Data on Android using pfodDesignerV2 / pfodApp - Absolut KEINE Codierung erforderlich

Schritt 1: Welche Android-/Arduino-Hardware wird unterstützt?

pfodApp läuft auf Android-Handys ab V2.1 und kann sich über Bluetooth Classic, Bluetooth Low Energy (BLE), Wifi und SMS verbinden.

Auf Arduino-Seite generiert der pfodDesignerV2 Code für Arduino 101 (BLE), UNO und Kompatible (MEGA 2650 etc.), ESP8266-Boards, RedBear BLE, RFduino und eine Vielzahl von Ethernet-, Bluetooth-, Bluetooth LE-, WiFi- und SMS-Shields.

Schritt 2: Entwerfen und Testen des Datenanzeige- und Eingabemenüs

Was Sie können müssen, bevor Sie beginnen

Dieses Projekt ist für absolute Anfänger geeignet, aber Sie müssen ein paar Aufgaben erledigen, bevor Sie beginnen. Sie müssen zuerst die Arduino IDE einrichten, pfodDesignerV2 installieren und sicherstellen, dass Sie die endgültige Skizze (Codedatei), die pfodDesignerV2 erstellt, von Ihrem Handy auf Ihren Computer übertragen können.

  1. Installieren Sie die Arduino-IDE für das Betriebssystem Ihres Computers von Erste Schritte mit Arduino und arbeiten Sie das Beispiel zum Kompilieren und Ausführen des Blink-Beispiels durch.
  2. Installieren Sie die kostenlose pfodDesignerV2-App auf Ihrem Android-Handy.
  3. Überprüfen Sie, ob Sie Dateien von Ihrem Handy auf Ihren Computer übertragen können, entweder über ein USB-Kabel oder eine Dateiübertragungs-App wie WiFi File Transfer. Weitere Informationen finden Sie unter pfodAppForAndroidGettingStarted.pdf.

Was Sie kaufen müssen

Der pfodDesignerV2 ist kostenlos, so dass Sie das meiste davon mit nur dem pfodDesignerV2 auf Ihrem Android-Handy machen können. Aber wenn Sie tatsächlich einige Daten anzeigen / plotten oder etwas ein- / ausschalten möchten, müssen Sie ein Arduino-kompatibles Board und eine pfodApp kaufen.

In diesem Tutorial wird ein Arduino 101 / Genuino 101 als Beispielplatine verwendet, es verfügt über eine integrierte Bluetooth LE-Kommunikation. Sie können jedoch eine Vielzahl anderer Hardware verwenden. Siehe diese Seite für andere BLE-Boards und -Shields oder diese Seite für die Verwendung von ESP2866-Boards oder diese für ein ESP8266-Wifi-Shield, oder diese Seite für die Verwendung von Uno/Mega mit einem über Seriell verbundenen Shield oder diese Seite für die Verwendung eines SMS-Shields. Sie können auch Code für das Arduino-Ethernet-Shield generieren.

Hinweis: Nicht alle Android-Handys unterstützen BLE-Verbindungen, also überprüfen Sie zuerst Ihr Handy, bevor Sie sich für ein Board/Schild entscheiden. Wenn Ihr Handy BLE unterstützt, muss auf Ihrem Handy Android V4.4 oder höher ausgeführt werden, um eine nützliche BLE-Verbindung zu erhalten

Schritt 3: Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung

Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung
Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung
Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung
Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung
Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung
Entwerfen eines Menüs - Neues Menü und Eingabeaufforderung

Dieses anweisbare umfasst fünf (5) Menüelemente, Datenanzeige zur Anzeige eines analogen Messwerts, der auf reale Einheiten skaliert ist, Ein / Aus-Anzeige, um den Zustand eines digitalen Eingangs anzuzeigen, PWM-Ausgang zum Einstellen eines PWM-Ausgangs und Ein / Aus-Einstellung auf Setzen oder pulsieren Sie einen digitalen Ausgang und ein Diagramm, um einen analogen Messwert skaliert auf reale Einheiten zu zeichnen. Jeder dieser Artikel bietet gestaltbare Texte, Formate und Darstellungen. Aber zuerst müssen Sie pfodDesignerV2 öffnen und ein neues Menü erstellen.

Starten eines neuen Menüs

Laden Sie pfodDesignerV2 von GooglePlay herunter und installieren Sie es.

Beim Öffnen von pfodDesignerV2 wird Ihnen die Schaltfläche Neues Menü starten angezeigt. Jeder Bildschirm hat auch eine Hilfe-Schaltfläche.

Einstellen des Aktualisierungsintervalls

Wenn Sie auf die Schaltfläche Neues Menü starten klicken, wird eine Liste der für das neue Menü verfügbaren Operationen angezeigt. Es wird ein neues Menü ohne Schaltflächen und einem Standardmenünamen, Menu_1, erstellt. Wir möchten, dass die pfodApp dieses Menü in regelmäßigen Abständen erneut anfordert, um die neuesten Werte abzurufen. Verwenden Sie daher den Schieberegler Aktualisierungsintervall, um das Aktualisierungsintervall auf 1 Sek. einzustellen.

Vorschau des Menüs

Klicken Sie auf das Vorschaumenü, um zu sehen, wie das aktuelle Design aussieht. Noch keine Schaltflächen, nur ein Standard-Eingabeaufforderungstext unten. Verwenden Sie die Zurück-Schaltfläche des Mobiltelefons, um zum Bearbeitungsbildschirm zurückzukehren, um die Standardeingabeaufforderung in etwas Nützlicheres zu ändern.

Ändern der Eingabeaufforderung

Klicken Sie auf Eingabeaufforderung bearbeiten, um den Bildschirm Eingabeaufforderung bearbeiten zu öffnen. Die Aufforderung ist der Text, der dem Benutzer am unteren Rand der scrollbaren Liste der Menüschaltflächen angezeigt wird. Im Bildschirm Eingabeaufforderung bearbeiten wird am unteren Bildschirmrand eine Vorschau der Eingabeaufforderung angezeigt.

Klicken Sie auf Eingabeaufforderungstext bearbeiten und stellen Sie den Text auf „Arduino Data“ein. pfodApp verzerrt den Text automatisch, wenn er zu breit für den Bildschirm ist.

Klicken Sie auf das Kontrollkästchen, um diese Änderungen zu akzeptieren und den Eingabeaufforderungsbildschirm für das Bearbeitungsmenü mit dem aktualisierten Eingabeaufforderungstext am unteren Bildschirmrand erneut anzuzeigen.

Stellen Sie dann die Schriftgröße auf, die Hintergrundfarbe auf Navy und stellen Sie Fett ein. (Scrollen Sie nach unten, um auf die anderen Formatierungsoptionen zuzugreifen). Weiß ist die Standardtextfarbe, Sie können sie ändern, wenn Sie möchten.

Die Hintergrundfarbe für die Eingabeaufforderung legt auch die Standardhintergrundfarbe für das gesamte Menü fest.

Schritt 4: Entwerfen eines Menüs - Analoge Datenanzeige

Entwerfen eines Menüs - Analoge Datenanzeige
Entwerfen eines Menüs - Analoge Datenanzeige
Entwerfen eines Menüs - Analoge Datenanzeige
Entwerfen eines Menüs - Analoge Datenanzeige
Entwerfen eines Menüs - Analoge Datenanzeige
Entwerfen eines Menüs - Analoge Datenanzeige

Der erste Menüpunkt, der hinzugefügt wird, ist eine Anzeige eines Integralwertes, skaliert auf reale Werte und mit beschreibendem Text und Einheiten. Gehen Sie zurück zum Bildschirm Editing Menu_1 und klicken Sie auf Add Menu Item. Dies zeigt Ihnen eine Liste der Menüpunkte, die Sie hinzufügen können. Scrollen Sie ein wenig nach unten, um die Option Datenanzeige anzuzeigen.

Klicken Sie auf die Option Datenanzeige, um sie hinzuzufügen und den Bearbeitungsbildschirm zu öffnen.

Die Datenanzeige akzeptiert nur integrale Datenwerte von Ihrem pfodDevice (Ihrem Arduino). Der Integraldatenwert hat einen festgelegten Bereich (Standard 0 bis 1023), der auf den Anzeigebereich (Display Min.. Display Max) in Ihrem Android-Handy abgebildet und mit dem Leading Text, dem abgebildeten Wert und dem Trailing Text angezeigt wird. Der zugeordnete Wert wird auch auf einem horizontalen Balken angezeigt.

In diesem Beispiel ist der ADC-Messwert von A0 des Arduino 101. Dieser ADC-Messwert reicht von 0 bis 1023 Zählungen, d. H. Ein 10-Bit-Wandler, und verwendet eine 3,3 V-Referenzspannung. Das sind 1023 Zählungen, die einem 3,3-V-Eingang entsprechen. Für Uno-Boards sind 1023 Counts standardmäßig 5 Volt. Während für ESP8266-Boards 1023 1,0 V beträgt. Sie stellen also Display Max so ein, dass pfodApp die richtige Anzeige für einen Datenwert von 1023 anzeigt.

Bearbeiten Sie in diesem Beispiel führenden Text in 'A0 ' mit einem Leerzeichen nach der 0. Bearbeiten Sie nachfolgenden Text in 'V' ohne Leerzeichen. Bearbeiten Sie Display Max auf '3.3', da wir die Arduino 101-Platine verwenden, um Volt mit einem 10-Bit-Konverter zu messen, wobei 1023 zählt == 3.3V

pfodApp stellt sicher, dass die Anzahl der angezeigten Dezimalstellen die Auflösung des Datenwertes überschreitet. Wenn Sie nach unten scrollen, sehen Sie die Schaltfläche Datenvariablenbereich bearbeiten. Mit dieser Schaltfläche können Sie den erwarteten / gültigen Bereich des Datenwerts einstellen und wird als Bereich verwendet, um dem angegebenen Bereich zuzuordnen (Display Min.. Display Max). Die Vorgabe (0.. 1023) wird für das ADC-Lesen benötigt, kann aber an den Bereich der angezeigten Datenvariablen angepasst werden.

Wenn Sie Daten von einem 12-Bit-Konverter erfassen, sollte der eingegebene Datenvariablenbereich 0 bis 4095 betragen, für 16 Bit 0 bis 65535. Beispiel: Wenn Sie Daten von einem 12-Bit-ADC erfassen, der an einen 1000 kPa. angeschlossen ist Druckmessumformer, dann 0 bis 4095 als Datenvariablenbereich, 0 als Display Min, 1000 als Display Max und 'kPa' als Trailing Text eingeben, damit 1000kPa angezeigt wird, wenn Arduino einen Datenwert von 4095 sendet.

Neben der Einstellung von Schriftgröße, Farbe, Stil und Hintergrund besteht auch die Möglichkeit, nur den Text oder die Balkenanzeige oder beides anzuzeigen, indem Sie auf die Schaltfläche Text anzeigen und Schieberegler klicken, um zwischen diesen Optionen umzuschalten: -Text anzeigen und SliderDisplay Nur TextNur Schieberegler anzeigen

In diesem Beispiel werden sowohl der Text als auch die Balkenanzeige (Schieberegler) angezeigt. Hinweis: Der Schieberegler kann nicht verschoben werden. Dieser Menüpunkt dient nur zur Anzeige, nicht zur Benutzereingabe.

Anschließen dieses Displays an einen Analogeingang

Scrollen Sie schließlich im Bildschirm „Editing Menu Item“nach unten zur Schaltfläche „No connected to an I/O Pin“und klicken Sie darauf, um die Anzeige als Liste der ADC-Pins zu öffnen.

Für Uno-kompatible Boards und den Arduino 101 gibt es 6 analoge Eingangspins (ADC). Wenn Sie ein ESP8266-Gerät verwenden, gibt es nur einen ADC-Pin, A0.

Wählen Sie A0. Wenn der pfodDesignerV2 den Code generiert, enthält er Methoden zum Aufrufen von analogRead und zum Senden des Lesens der pfodApp als Aktualisierung des Menüs jedes Mal, wenn pfodApp eine Aktualisierung anfordert.

Vorschau des Menüs

Gehen Sie zurück zum Bildschirm Editing Menu_1 und sehen Sie sich das Menü erneut an. GENAU so wird es in pfodApp aussehen, denn der pfodDesignerV2 ist eigentlich nur eine Version von pfodApp mit einem speziellen Backend zum Erstellen und Bearbeiten von Menüs. Jeder Bildschirm im pfodDesignerV2 ist ein Standard-PfodApp-Bildschirm, den Sie von Ihrem pfodDevice (Ihrem Arduino) aus erstellen und steuern können.

Wenn pfodApp dieses Menü erneut anfordert, aktualisiert es die Anzeige mit den neuesten Daten, die dem Bereich 0 V bis 3,3 V zugeordnet sind.

Schritt 5: Entwerfen eines Menüs - Ein/Aus-Datenanzeige

Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige
Entwerfen eines Menüs - Ein/Aus-Datenanzeige

Der nächste hinzuzufügende Menüpunkt ist ein Ein/Aus-Display, das den aktuellen Zustand einer 0 / 1-Variablen anzeigt. In diesem Tutorial werden wir den Zustand des digitalen Eingangspins D4, High (1) oder Low (0), überwachen.

Klicken Sie erneut auf Menüelement hinzufügen und wählen Sie Ein/Aus-Anzeige (Beachten Sie, dass dies NICHT die Ein/Aus-Einstellung ist, sondern die Ein/Aus-Anzeige weiter unten in der Liste der Optionen.)

Scrollen Sie nach unten und klicken Sie auf die Schaltfläche „Keine mit einem I/O-Pin verbunden“und wählen Sie D4 als Pin aus, um eine Verbindung zu diesem Display herzustellen. In unserem Beispiel ist der Eingang an D4 tatsächlich ein Türschalter, der geschlossen ist, wenn die Tür geschlossen ist und ansonsten offen ist. Wenn der Eingang High ist, ist die Tür geöffnet und wenn der Eingang Low ist, ist die Tür geschlossen.

Bearbeiten Sie den führenden Text in „Tür ist“. Beachten Sie das Leerzeichen nach 'is' und Bearbeiten Sie den unteren Text auf "Geschlossen" und den hohen Text auf "Öffnen". Sie können die Schriftgröße, die Farbe usw. des Textes auch nach Belieben ändern.

Klicken Sie auch auf Anzeigetext und Schieberegler, bis nur Text anzeigen angezeigt wird

Das ist alles, was Sie brauchen, um einen digitalen Eingang anzuzeigen. Gehen Sie zurück und sehen Sie sich das Menü an.

Schritt 6: Entwerfen eines Menüs - PWM-Ausgang

Entwerfen eines Menüs - PWM-Ausgang
Entwerfen eines Menüs - PWM-Ausgang
Entwerfen eines Menüs - PWM-Ausgang
Entwerfen eines Menüs - PWM-Ausgang

Der pfodDesignerV2 macht es auch einfach, PWM-Ausgänge zu steuern oder den Benutzer eine Variable über einen Schieberegler einstellen zu lassen.

Klicken Sie erneut auf Menüelement hinzufügen und wählen Sie PWM-Ausgang oder Schieberegler-Eingang

Standardmäßig wird dieses Menüelement mit dem Variablenbereich auf 0 bis 255 und dem Display Max auf 100 und dem Trailing Text auf '%' initialisiert, sodass Sie dieses Menüelement für Arduino-kompatible Boards mit einem PWM-fähigen Pin und einer Steuerung verbinden können die PWM-Ausgabe von 0% auf 100% durch Verschieben des Schiebereglers. Der Slider ist live, damit Sie ihn ausprobieren können.

Klicken Sie auf die Schaltfläche „Kein mit einem I/O-Pin verbunden“, um diesen Menüpunkt mit einem PWM-fähigen Digitalausgang, z. B. D5, zu verbinden. Für Uno-Boards sind die PWM-fähigen digitalen Ausgänge D3, D5, D6, D9, D10 und D11. Beim Arduino 101 sind das D3, D5, D6 und D9. Überprüfen Sie die Spezifikationen der jeweiligen Platine, die Sie verwenden, um zu sehen, welcher Ausgang für PWM verwendet werden kann.

Wie bei den anderen Menüpunkten können Sie Ihren eigenen Text auswählen, Max / Min anzeigen, Schriftformate usw. Sie können den Schieberegler auch einfach ohne Text anzeigen, wenn Sie möchten.

Hinweis: Der Datenvariablenbereich legt die Bereichswerte fest, die der Schieberegler an das pfodDevice (Ihr Arduino) zurücksendet. Die pfodApp sendet immer und nur ganzzahlige Werte. Während die Anzeige also 0 bis 100 % anzeigt, sendet der Schieberegler tatsächlich einen ganzzahligen Wert im Bereich von 0 bis 255 zurück, wie durch die Schaltfläche Datenvariablenbereich bearbeiten eingestellt. Auf dem ESP8266 ist der Standard-PWM-Bereich 1023, also klicken Sie für diese Boards auf die Schaltfläche Datenvariablenbereich bearbeiten und ändern Sie den Maximalwert bearbeiten auf 1023. Beachten Sie, dass dies nicht die Anzeige Max ändert, die immer noch 100% anzeigt. Es ändert die Zuordnung von der Schiebereglereinstellung, sodass 0 bis 1023 als 0 bis 100 % angezeigt werden.

Gehen Sie zurück und sehen Sie sich das Menü erneut an.

Diese Menüvorschau ist live und Sie können den Schieberegler verschieben. Wenn Sie Untermenüs hinzufügen, können Sie diese auch öffnen und auf die gleiche Weise navigieren, wie es pfodApp tut.

Schritt 7: Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls

Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls
Entwerfen eines Menüs - Ein/Aus-Einstellung oder Puls

Der nächste hinzuzufügende Menüpunkt ist On/Off Setting oder Pulse, mit dem Sie einen digitalen Ausgang ein- oder ausschalten oder pulsieren lassen.

Klicken Sie erneut auf Menüelement hinzufügen und wählen Sie Ein/Aus-Einstellung oder Puls

Sie können auf eine beliebige Stelle in der Schaltfläche klicken, um die Einstellung umzuschalten. Hier verwenden wir diesen Menüpunkt, um die Arduino-LED (D13) für 10 Sekunden zu pulsieren. danach wird es ausgeschaltet. Das Menü wird einmal pro Sekunde aktualisiert (das Aktualisierungsintervall, das Sie zu Beginn dieses Tutorials für dieses Menü festgelegt haben), um den aktuellen Status der LED anzuzeigen. Sie können das vorzeitige Ausschalten der LED erzwingen, indem Sie erneut auf die Schaltfläche klicken.

Setzen Sie die Funktion „Führungstext bearbeiten“auf „LED ist“und „Low Text bearbeiten“auf „Aus“und „High Text bearbeiten“auf „Ein“. Klicken Sie auf die Schaltfläche „Kein mit einem I/O-Pin verbunden“, um diesen Menüpunkt mit D13 zu verbinden. Klicken Sie auf Text anzeigen und Schieberegler, um nur Text anzuzeigen, und erhöhen Sie die Schriftgröße auf, damit die Schaltfläche größer und einfacher zu klicken ist. Sie können die Schriftgröße, die Farbe usw. des Textes auch nach Belieben ändern. Hier habe ich einen silbernen Hintergrund und eine fette Schrift eingestellt.

Um die Pulslänge einzustellen, klicken Sie auf die Schaltfläche „Ausgang ist nicht gepulst“und wählen Sie Pulsed High auf dem oberen Schieberegler. Stellen Sie eine Impulslänge von 10 Sek. ein.

Gehen Sie zurück und sehen Sie sich das Menü erneut an.

Wenn Ihnen das Aussehen nicht gefällt, können Sie zum Bildschirm Editing Menu_1 zurückkehren und die Menüelemente bearbeiten. Ich wollte etwas mehr Platz zwischen den Menüpunkten und eine größere Schrift für die Anzeige Door is Open.

Schritt 8: Entwerfen eines Menüs - Hinzufügen von Menü-Abstandshaltern

Entwerfen eines Menüs - Hinzufügen von Menü-Abstandshaltern
Entwerfen eines Menüs - Hinzufügen von Menü-Abstandshaltern
Entwerfen eines Menüs - Hinzufügen von Menü-Abstandshaltern
Entwerfen eines Menüs - Hinzufügen von Menü-Abstandshaltern

Gehe zurück zu Editing Menu_1 und klicke auf Add Menu Item und scrolle nach unten und wähle "Label"

Bearbeiten Sie Text, um den gesamten Text zu entfernen, sodass Sie einen leeren Abstandshalter haben. Sie können die Größe des Bereichs mit der Einstellung „Schriftgröße“anpassen. Hier habe ich für einen kleinen Abstandshalter eingestellt.

Schritt 9: Entwerfen eines Menüs - Verschieben von Menüelementen

Entwerfen eines Menüs - Verschieben von Menüelementen
Entwerfen eines Menüs - Verschieben von Menüelementen
Entwerfen eines Menüs - Verschieben von Menüelementen
Entwerfen eines Menüs - Verschieben von Menüelementen

Fügen Sie einen weiteren zweiten Spacer hinzu und gehen Sie dann zurück zum Bildschirm Editing Menu_1 und scrollen Sie nach unten zu Move Items Up/Down

Klicken Sie darauf und wählen Sie ein zu verschiebendes Label aus und verschieben Sie es zu Tür ist. Es wird über dem Anzeigeelement Tür eingefügt. Verschieben Sie das andere Etikett auf PWM, um es zwischen Tür und PWM zu platzieren. Schließlich habe ich auch die Schriftart für den Menüpunkt Tür ist erhöht und fett gemacht, indem ich Menü bearbeiten und dann Tür ist gewählt und diese Schaltfläche bearbeitet habe

Die Menüvorschau ist jetzt

Schritt 10: Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten

Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten
Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten
Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten
Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten
Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten
Entwerfen eines Menüs - Hinzufügen eines Diagramms und Protokollieren von Daten

Schließlich fügen wir ein Diagramm hinzu, um den Wert von A0 zu zeichnen und zu protokollieren.

Gehen Sie zurück zu Editing Menu_1 und klicken Sie auf Add Menu Item, scrollen Sie nach unten und wählen Sie Chart Button. Mit pfodApp können Sie mehrere Diagramme und Diagramme verwenden, aber der Einfachheit halber erlaubt pfodDesignerV2 nur eine Diagrammschaltfläche pro Menüdesign und nur bis zu 3 Diagramme in diesem Diagramm. Sobald Sie eine Diagrammschaltfläche hinzufügen, wird diese Option entfernt. Es wird wieder angezeigt, wenn Sie die Diagrammschaltfläche aus Ihrem Menü löschen oder wenn Sie mit der Schaltfläche Neues Menü starten ein völlig neues Menü starten.

Die pfodSpecification bietet viele Diagramm- und Plotoptionen. Nicht alle sind über pfodDesignerV2 verfügbar. Überprüfen Sie die pfodSpecification.pdf für alle Details.

Sie können die Diagrammschaltfläche wie jede andere Schaltfläche bearbeiten. Hier setze ich den Text dieser Schaltfläche auf Spannungsdiagramm mit einer Textgröße von

Um das Diagramm selbst zu bearbeiten, klicken Sie auf die Diagrammschaltfläche Spannungsdiagramm. Dadurch wird der Bildschirm Plots bearbeiten für geöffnet.

Während Sie das Diagramm und seine Diagramme bearbeiten, können Sie das Ergebnis mit der Schaltfläche Diagrammvorschau anzeigen.

Verwenden Sie die Zurück-Taste Ihres Mobiltelefons, um zum Bearbeitungsbildschirm zurückzukehren.

Setzen Sie das Edit Chart Label auf „Voltage at A0“oder ein beliebiges Label. Stellen Sie auch das Plotdatenintervall ein. Dieses Intervall, in dem Ihr Arduino die Plotdaten zum Loggen und Plotten sendet. Plotdaten werden automatisch in einer Datei auf Ihrem Android-Handy protokolliert, um sie herunterzuladen und weiterzuverarbeiten. Hier habe ich das Plotintervall bei 1 Sek. belassen.

Klicken Sie auf Plot 1 bearbeiten, um den Bearbeitungsbildschirm zu öffnen.

Verwenden Sie diesen Bearbeitungsbildschirm, um das Edit Plot Label auf „A0“und Edit Plot yAxis Units auf „Volts“einzustellen.

Stellen Sie wie im Bildschirm „Daten anzeigen“oben den Variablenbereich der Diagrammdaten und die Anzeige Max. und Anzeige Min. ein, damit das Diagramm die realen Werte anzeigt. In diesem Fall ist der Datenbereich von A0 0 bis 1023 und entspricht 0V bis 3,3V. Lassen Sie also den Bereich der Plotdatenvariablen von 0 bis 1023 und Edit Display Max bis 3,3.

Klicken Sie auf Nicht mit einem I/O-Pin verbunden, um diesen Plot mit Pin A0 zu verbinden, und klicken Sie auf Plot is Auto Scale, um zu Plot is Fixed Scale umzuschalten. Feste Skalierung stellt die anfängliche y-Achse auf Display Max / Min ein, während Auto scale die y-Achse so anpasst, dass nur die Daten angezeigt werden. In jedem Fall, wenn die Plotdaten die Anzeige Max / Min überschreiten, wird der Plot immer automatisch skaliert, um alle Daten anzuzeigen.

Verwenden Sie die Schaltfläche Diagrammvorschau, um Ihre Einstellungen zu überprüfen. Sie können die Plots mit zwei Fingern vergrößern oder verkleinern.

Klicken Sie abschließend auf Plot 2 bearbeiten und Plot 3 bearbeiten, und klicken Sie auf die Schaltfläche Ausblenden, um sie auszublenden, da wir in diesem Beispiel nur auf Datenvariablen plotten. Die Diagrammvorschau zeigt jetzt nur noch einen Plot an.

Wenn Sie zum Bildschirm Editing Menu_1 zurückkehren und Vorschaumenü auswählen, wird das letzte Menü angezeigt.

Diese Menüvorschau ist 'live'. Sie können den PWM-Schieberegler bewegen und die LED ein- und ausschalten und auf die Schaltfläche Spannungsdiagramm klicken, um den Diagrammbildschirm zu öffnen.

Zurück im Bildschirm Editing Menu_1 können Sie unerwünschte Schaltflächen löschen sowie den Menünamen ändern. Der Menüname ist nur für Sie bestimmt. Es wird in der Liste der vorhandenen Menüs angezeigt, wird dem Benutzer jedoch nicht angezeigt, wenn das Menü in pfodApp angezeigt wird.

Schritt 11: Generieren des Arduino-Codes

Generieren des Arduino-Codes
Generieren des Arduino-Codes
Generieren des Arduino-Codes
Generieren des Arduino-Codes
Generieren des Arduino-Codes
Generieren des Arduino-Codes

Nachdem Sie das Design fertiggestellt haben, können Sie auf Code generieren klicken, um das Menü Code generieren zu öffnen.

In diesem Menü können Sie ändern, mit welcher Art von Hardware Sie kommunizieren. Der Arduino 101 verwendet BLE (Bluetooth Low Energy) für die Kommunikation. Klicken Sie also auf Change Target und wählen Sie Bluetooth Low Energy (BLE) und dann Arduino/Genuino 101. Wenn Sie andere Hardware verwenden, wählen Sie das entsprechende Ziel. Die meisten Arduino-Kommunikationsschilde werden über Seriell mit 9600 verbunden, aber überprüfen Sie die Spezifikationen für Ihr spezielles Schild.

Verwenden Sie die Schaltfläche Zurück, um zum Bildschirm zum Generieren von Code zurückzukehren.

Klicken Sie abschließend auf Write Code to file, um eine Arduino-Skizze für dieses Menü für den Arduino 101 zu generieren. Diese Schaltfläche schreibt die Skizze in eine Datei auf Ihrem Handy und zeigt die letzten 4k Bytes in einem Bildschirm an.

Schritt 12: Übertragen der Skizze auf Ihren Computer

Übertragen der Skizze auf Ihren Computer
Übertragen der Skizze auf Ihren Computer

Sie können pfodDesignerV2 jetzt beenden, Ihr Design wurde gespeichert und ist unter „Bestehendes Menü bearbeiten“verfügbar. Sie MÜSSEN pfodDesignerV2 beenden, um sicherzustellen, dass der letzte Codeblock in die Datei geschrieben wird.

Verbinden Sie Ihr Mobiltelefon mit Ihrem Computer und schalten Sie den USB-Speicher ein oder verwenden Sie eine Wifi-Dateiübertragungs-App, um von Ihrem Computer aus auf den Speicher Ihres Mobiltelefons zuzugreifen. (Weitere Informationen finden Sie unter pfodAppForAndroidGettingStarted.pdf) Hinweis: pfodDesignerV2 kann nicht auf die SD-Karte zugreifen, um den generierten Code zu speichern, während der Computer als USB-Speicher darauf zugreift. Schalten Sie also den USB-Speicher aus, bevor Sie pfodDesignerV2 erneut ausführen.

Navigieren Sie zu /pfodAppRawData und öffnen Sie die Datei pfodDesignerV2.txt in einem Texteditor (z. B. WordPad). Die Datei pfodDesignerV2.txt wird jedes Mal überschrieben, wenn Sie auf „Code generieren“klicken.

Öffnen Sie die Arduino IDE und erstellen Sie eine neue Skizze, löschen Sie jeden Code aus dem Skizzenfenster und kopieren Sie dann den generierten Code und fügen Sie ihn in die Arduino IDE ein. Eine Kopie des generierten Codes ist hier.

Um diesen Code für Arduino 101 zu kompilieren, müssen Sie die pfodParser-Bibliothek V2.35+ von https://www.forward.com.au/pfod/pfodParserLibraries/index.html installieren. Einige Ziele, wie z. B. Serial, benötigen diese Bibliothek nicht. Oben in der generierten Datei wird angezeigt, ob sie installiert werden muss.

Schritt 13: Kompilieren und Testen Ihres Menüs

Zusammenstellen und Testen Ihres Menüs
Zusammenstellen und Testen Ihres Menüs
Zusammenstellen und Testen Ihres Menüs
Zusammenstellen und Testen Ihres Menüs
Zusammenstellen und Testen Ihres Menüs
Zusammenstellen und Testen Ihres Menüs

Kompilieren Sie die Skizze und laden Sie sie auf das Arduino 101 oder das von Ihnen verwendete Board hoch. Wenn Sie eine Abschirmung verwenden, die an Seriell angeschlossen ist, denken Sie daran, die Abschirmung vor der Programmierung zu entfernen, da die Abschirmung normalerweise mit den gleichen Pins (D0 und D1) wie der USB verbunden ist.

Installieren Sie pfodApp von GooglePlay und richten Sie eine Verbindung für Ihr Board ein, wie in pfodAppForAndroidGettingStarted.pdf beschrieben.

Beim Verbinden mit dem Arduino 101 zeigt pfodApp Ihr entworfenes Menü an. Klicken Sie nun auf die LED-Taste, um die LED für 10 Sekunden einzuschalten und dann auszuschalten. Das Menü wird auf LED ist aus aktualisiert, wenn die LED erlischt. Wenn Sie den D4-Eingang mit GND verbinden, wird im Menü Tür ist geschlossen angezeigt.

Sie können den PWM-Schieberegler verwenden, um die Eingangsspannung auf A0 zu steuern. Schließen Sie einen 47K-Widerstand von D5 an A0 und einen 470nF-Kondensator von A0 an GND an (Hinweis: Wenn der von Ihnen verwendete Kondensator ein +/- hat, stellen Sie sicher, dass – mit GND verbunden ist). Dieses RC-Netzwerk glättet die PWM-Impulse, um eine ungefähr konstante Gleichspannung zu ergeben. Wenn Sie dann den PWM-Schieberegler einstellen, ändert sich die an A0 gemessene Spannung und das Menü zeigt den geänderten Wert an.

Das Diagramm zeigt auch die variierende Spannung, die bei A0 gemessen wird.

Sie können mit zwei Fingern heranzoomen, um die Wellen auf jeder Ebene genauer zu betrachten.

Wenn Sie sich die Debug-Ansicht der pfodApp über das Menü Ihres Mobiltelefons ansehen, werden Sie feststellen, dass die Menü-Update-Meldungen sehr kurz sind, da pfodApp das Menü zwischenspeichert und danach die Arduino-Skizze nur die Update-Werte für jeden Menüpunkt sendet, anstatt den gesamten Menütext erneut zu senden jede Sekunde. Wenn Sie sich die Rohdatenansicht der pfodApp ansehen, sehen Sie die CSV-Datensätze, die gesendet und protokolliert werden. Von hier bezieht der Plot seine Daten. Die beiden,, am Ende jedes Datensatzes sind Platzhalter für die Daten von Plot 2 und Plot 3, die in diesem Beispiel nicht verwendet wurden.

Schritt 14: Abrufen der Plotdaten

Abrufen der Plotdaten
Abrufen der Plotdaten

pfodApp speichert die Plotdaten automatisch auf Ihrem Android-Handy im Verzeichnis /pfodAppRawData in einer Datei mit demselben Namen wie die Verbindung, wobei Leerzeichen durch _ ersetzt werden. Wenn beispielsweise die Verbindung, die Sie in pfodApp erstellt haben, um eine Verbindung zum Arduino 101 herzustellen, von Ihnen als „Arduino 101“bezeichnet wurde, werden die Plotdaten in der Datei /pfodAppRawData/Arduino_101.txt gespeichert

Der Name der Rohdatendatei wird auch von pfodApp angezeigt, wenn Sie die App beenden.

Sie können diese Plotdatendatei zur weiteren Verarbeitung auf Ihren Computer übertragen.

Schritt 15: Nächste Schritte

Damit ist die Anleitung abgeschlossen. Bluetooth Low Energy (BLE) leicht gemacht mit pfodApp enthält Beispiele für die Verwendung verschiedener anderer BLE-Schilde. Simple Home Automation for Beginners befasst sich mit dem Anbringen von Relais, damit Sie echte Dinge ein- und ausschalten können.

Aber pfodApp kann noch viel mehr. Das pfod-Protokoll ist reichhaltig, aber einfach und enthält viel mehr als nur einfache Menüs. Alle Details und Beispiele finden Sie in der vollständigen pfodSpecification.pdf. Siehe auch www.pfod.com.au für zahlreiche Beispielprojekte. Alle vom pfodDesignerV2 verwendeten Bildschirme sind Standard-Pfod-Bildschirme. Der pfodDesignerV2 ist nur eine pfodApp, die mit einem Back-End verbunden ist, das Ihre Auswahl verfolgt und die angeforderten Bildschirme bereitstellt. Von pfodDesignerV2 aus können Sie die Menüschaltfläche des Mobiltelefons verwenden, um die Debug-Ansicht zu öffnen, um zu sehen, welche pfod-Nachrichten gesendet werden, um die pfodDesignerV2-Bildschirme zu generieren, und welche Befehle von Ihren Aktionen zurückgesendet werden.

Empfohlen: