Arduino Anlagenvisualisierung

OP #7232726
Lesenswert?
• ▲
▼
Hallo,
derzeit arbeite ich mal wieder an einem µC/PC Projekt. Genauer gesagt an 
der Visualisierung einer Bewässerungsanlage. Die Daten (Schaltzustände 
und Messwerte) übermittle ich von einem ATMEGA2560 über die serielle 
Schnittstelle an einen Windows Rechner.
Nun zu meinem Problem/Frage, ich habe keine Ahnung, wie ich das mit der 
Visualisierung angehe, muss nix kompliziertes sein, dachte an so was wie 
im angefügten Bild. Aber ich bräuchte einen kleinen Denkanstoß wie ich 
da am besten Beginne. #C Grundkenntnisse habe ich, weis aber nicht, ob 
das die richtige Sprache für ist. Vielleicht hat ja jemand sowas schon 
mal gemacht und kann mir einen Tipp geben.
Angehängte Dateien:
Gast #7232732
Lesenswert?
• ▲
▼
Kilian S. schrieb:

> #C Grundkenntnisse habe ich, weis aber nicht, ob
> das die richtige Sprache für ist.

Zumindest ginge es damit problemlos. Du musst halt nur programmieren 
können. Die Hauptarbeit dürfte sein, die Fähigkeiten des .net-Framework 
zu erforschen, was mit Sicherheit schon alles kann, was du für diese 
Anwendung brauchst. Solange man die aber nicht kennt, wird's 
schwierig...

Das ist aber bei jeder anderen Sprache und jedem anderen Framework nicht 
anders. Nur was man beherrscht, kann man effizient nutzen, um was neues 
relativ schnell damit zu bauen.
#7233311
Lesenswert?
• ▲
▼
HTML (+SVG) für die Darstellung,
Javascript im Browser für den Zugriff auf den COM-Port:
https://developer.mozilla.org/en-US/docs/Web/API/SerialPort

Als Erweiterung später: An die Serielle Schnittstelle vom ATMEGA2560 
einen ESP8266 oder ESP32 anhängen, Webseite von dort ausliefern, 
serielle Daten per Websocket zum Browser tunneln.

Als Erweiterung dann: Noch ein paar HTML-Header + Service-Worker JS 
ergänzen, und schon ist das Ganze, ohne großen Aufwand, eine Desktop & 
Tablet & Händy-App.

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.