Forum: Mikrocontroller und Digitale Elektronik Tools/Icons für Webpage auf dem Mikrocontroller


von Dirk F. (Gast)


Lesenswert?

Hallo,
ich arbeite beruflich mit Siemens TIA Portal WinCC....
Dort gibt es ja jede Menge vordefinierte Schalter, Schieberegler, 
Analoganzeigen, Trendanzeigen  u.v.m. für HMI Geräte.

Jetzt beschäftige ich mich mit TCP/IP Stack und Webpages für 
Microkontroller.
Callback Funktionen und AJAX Script läuft bereits (Microchip example)

Gibt es für HTML Programmierung ähnliche fertige "Tools", die man frei 
verwenden kann ?

LG Dirk

von Karl M. (Gast)


Lesenswert?

Dirk F. schrieb:
> HTML Programmierung

Von einer Programmierung finde ich schon weit weg.
HTML (Version ??) sehe ich als eine Beschreibungssprache für das 
Aussehen von Webseiten an.

Siehe: https://www.w3schools.com/html/

Sonst kann man auch so etwas, wie Libreoffice 
(https://de.libreoffice.org/) nutzen um Text als HTML Texte umzusetzen.

Evtl. meinst Du etwas anderes, dann bitte ich um weitere Aufklärung.

von Dirk F. (Gast)


Lesenswert?

Hallo Karl,
danke für die Links.
Muss ich mich mal reinlesen.

Als Beispiel meine ich:
Auf der Webpage ist ein schöner Schieberegler, der vom Benutzer 
verstellt werden kann.  Zum Microkontroller wird dann über eine Callback 
Funktion die aktuelle Position des Reglers übermittelt.

Version HTML ?  Keine Ahnung. Habe das Beispiel Webpage vom Microchip 
Harmony V2 verwendet.

von Εrnst B. (ernst)


Lesenswert?

Dirk F. schrieb:
> Auf der Webpage ist ein schöner Schieberegler, der vom Benutzer
> verstellt werden kann.

sowas?
<input type="range">

https://wiki.selfhtml.org/wiki/HTML/Formulare/input/number#type_.3D_.22range.22
https://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:HTML_input-range1.html#view_result


Dirk F. schrieb:
> Gibt es für HTML Programmierung ähnliche fertige "Tools", die man frei
> verwenden kann ?

es gibt (Javascript-basierte) "Toolkits", und die wie Sand am Meer.

angular, vue.js, react, jquery-ui, qooxdoo, usw, und nochmal haufenweise 
Bibliotheken die darauf aufbauen ...

Und jeden Tag kommen x neue dazu...

von Dirk F. (Gast)


Lesenswert?

Hallo Ernst,
danke für die Links.
So etwas habe ich gesucht....

LG Dirk

von Dirk F. (Gast)


Angehängte Dateien:

Lesenswert?

Hallo,
ich habe jetzt den Schieberegler in die Webseite integriert.
Danke für die bisherige Hilfe.
Aber wie bekomme wich den vom User eingestellten Wert denn jetzt in den 
Prozessor ?

Als Anlage die html Seite und das Java script.
Man muss da wohl den Befehl "Oninput" verwenden. Ich weiß aber nicht 
wie...

von OldPapa (Gast)


Lesenswert?

Dirk F. schrieb:
> Aber wie bekomme wich den vom User eingestellten Wert denn jetzt in den
> Prozessor ?

Ui, jetzt wirds psychologisch ;-(

von OldPapa (Gast)


Lesenswert?

Frag Dich doch mal wie das bei einem System mit OS funktioniert 
(Linux/Windows etc).
Oder lies es nach, ist dort (Links von Ernst) nämlich idiotensicher 
beschrieben.
Jetzt sollte Dir klar sein was fehlt...

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.