+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 12
  1. #1
    Registriert seit
    Jun 2016
    Beiträge
    174

    Standard Eigenes WebFront mit JS, CSS, PHP, HTML, MySql

    Hallo zusammen,

    bisher habe ich mit IPS nur einzelne "Bausteine" gebaut und diese dann in Mediola als Webelement eingefügt.

    Nun würde ich gerne komplett auf IPS umsteigen.

    Ungerne möchte ich das IPS WebFront nutzen. Da Kenntnisse im Webdesign (PHP, MySql, HTML, CSS, Javascript, Photoshop usw.) vorhanden sind, möchte ich mir ein WebFront über den IPS-Webserver komplett selber bauen.

    Grundsätzlich sollte das bauen kein Thema sein, da ich aber noch nicht so mega fit in Sachen IPS bin, bräuchte ich eure Hilfe bei dem Grundgerüst bzw. Grundfunktionen.

    Wie ich zB mit PHP und der IPS-API Variablen auslesen, schreiben und ändern oder auch IPS-Scripte ausführen kann weiß ich.


    Nun frage ich mich, wie ich am besten anstelle kann, das Livedaten angezeigt werden, also wenn ich zB einen Homematic Lichtschalter betätige soll sich der Wert/Status im Webfront umgehen aktualisieren, und dass ohne Seitenreload!

    Genau so frage ich mich, wie ich an elegantesten irgendetwas "in Bewegung setzte" wenn ich einen Button geklickt habe, auch hier ohne Seitenreload oder ein Formular abzuschicken.

    Für ein paar Tipps würde ich mich sehr freuen

    Viele Grüße

    Markus

  2. #2
    Registriert seit
    Oct 2011
    Ort
    Hattersheim (Hessen)
    Beiträge
    6,430

    Wenn Du so was wie NEO gewohnt bist dann schaue Dir doch mal IPSStudio an da kannst Du genauso Oberfächen basteln und übernimmst auch die eingebunden Elemente und Grafiken. Im Endeffekt kannst Du Dir eine Oberfläche bauen die genau so aussieht wie Deine jetzige Remoteoberfäche.

  3. #3
    Registriert seit
    Jun 2016
    Beiträge
    174

    Hi Fonzo,

    danke für die Info !! Sieht gut aus, aber ich würde es lieber komplett selbst designen/programieren und über den IPS-Webserver laufen lassen.

    Für viele vielleicht unverständlich, aber die Bastelei ist für mich fast genau so wichtig wie
    dass die Steuerung funktioniert :-)

    Daten und Status aktualisieren hab ich gerade mit Ajax und JQuery hinbekommen.

    Jetzt muss ich nur noch schauen, wie ich Befehle am besten sende. Wichtig ist, dass es ohne Reload läuft,
    dass finde ich echt unschön auf dem Wandtablet.

    Viele Grüße

    Markus

  4. #4
    Registriert seit
    Dec 2005
    Ort
    Köln
    Beiträge
    2,623

    Nur eine Idee, wäre es nicht einfach einen neuen CSS-Skin zu erstellen und diesen zu verwenden - dann könntest du dich ganz auf das Designen konzentrieren und IPS kümmert sich weiterhin um die Technik .

    IPS ist CSS Skin fähig.

    Und nebenbei, würden sich bestimmt auch andere über einen anderen schicken CSS Skin freuen .
    Hausautomations-BLOG

    --
    Hinweis: Wer einen Rechtschreibfehler findet, darf diesen behalten - da bin ich gar nicht so .

  5. #5
    Registriert seit
    Jun 2016
    Beiträge
    174

    Hallo pleibling,

    Grundsätzlich eine Gute Idee... ich muss es mir mal genauer anschauen, damit habe ich mich noch nie beschäftigt.
    Ich weiß überhaupt nicht was geht, was nicht und vor allem, nicht es geht.

    Aber ich schau es mir mal in Ruhe an, vielleicht ist es ja wirklich eine Möglichkeit.

    Viele Grüße
    Markus

  6. #6
    Registriert seit
    Jun 2016
    Beiträge
    174

    Guten Morgen zusammen,

    ich habe es gestern geschafft, alles so zu bauen wie ich es mir vorstelle. Es funktioniert, Ziel erreicht,
    aber nicht für Alltagstauglich erklärt... Es ist einfach zu viel Quellcode, zu viel rumgebastel und ich glaube die Last beim ewigen refreshen ist auch nicht so ideal.


    Ich werde mich dann wohl doch für die Professional Lizenz von IP-Symcon entscheiden.


    Gibt es ein Art Handbuch wie man CSS-Skin erstellt?

    Irgendwie finde ich nicht wirklich was über die Forensuche

    Vielen Dank und viele Grüße

    Markus

  7. #7
    Registriert seit
    Mar 2016
    Ort
    bei Hannover
    Beiträge
    17

    Eine Anleitung zum Bau eines eigenen CSS-Skins gibt es so nicht. Allerdings ist es auch nicht so komplex, da es sich im Prinzip nur um eine Datei handelt, die angepasst werden muss. Welche CSS Klassen du ändern musst, bleibt allerdings deiner Entdeckungslust überlassen, denn diese sind nirgends dokumentiert. Aber die Browser haben ja ausreichend eingebaute Entwicklertools um HTML/CSS zu sniffen.

    IPS hat diese Hilfe dazu: https://www.symcon.de/service/dokume...ols/sdk-skins/

    Eigene Skins liegen in der IP Symcon Installation unter \symcon\webfront\user\skins\<meinSkin>; darin sind dann die Dateien skin.json, webfront.css und evtl. icons.css interessant.

    Ich habe mal in Sept.2016 einen Material Design Skin gebaut -> https://www.symcon.de/forum/threads/...3%BCr-IPS-V4-0. Inklusive Optionsmodul, damit man verschiedene Farbkombinationen wählen kann. Bin auch gerade dabei, ihn leicht anzupassen - u,a, so, dass man in den Optionen der IPS Instanzen einen Einfluss auf die Darstellung via CSS nehmen kann (z.B. die Width von Labeln fest einstellen damit Slider unabhängig vom Labeltext gleiche Länge bekommen).

    Am responsive design (also der automatischen Anpassung an verschiedene Darstellungsbreiten) bin ich aber gescheitert, da der IPS WebFront mit einem fix design arbeitet. Du musst dann eben verschiedene für Phone / Tablet erstellen.

    Ich wünsche dir viel Erfolg.

  8. #8
    Registriert seit
    Jun 2016
    Beiträge
    174

    Hallo Uhula,

    Dank für die Tipps !!

    Die CSS-Klassen rauszufinden ist kein Thema !!

    Insgesamt heißt es aber, man kann nur ändern kann, was als CSS änderbar ist.

    Man kann zum Beispiel keine eigenen html-Codes für Buttons, On/Off Schalter oä. ein- bzw umbauen?

  9. #9
    Registriert seit
    Jun 2016
    Beiträge
    174

    Man könnte "speziele schalter" als HTML-Box bauen.

    Muss ich mich noch ein bisschen mit beschäftigen.

  10. #10
    Registriert seit
    Dec 2005
    Ort
    Köln
    Beiträge
    2,623

    @Uhula: Hey - das sieht sehr schick aus, wie konnte mir das nur entgehen?!?

    Denn muss ich mir die Tage mal genauer ansehen - von mir ein dickes Respekt .
    Hausautomations-BLOG

    --
    Hinweis: Wer einen Rechtschreibfehler findet, darf diesen behalten - da bin ich gar nicht so .

Ähnliche Themen

  1. Variablenprofil CSS-Hooks zur besseren Individualisierbarkeit in PHP Modulen
    Von Fonzo im Forum Entwicklung mit PHP-SDK/Delphi-SDK
    Antworten: 5
    Letzter Beitrag: 14.11.16, 15:47
  2. HTML Box - mysql Daten und Highcharts anzeigen
    Von FRAD im Forum Skripte, PHP, SQL
    Antworten: 0
    Letzter Beitrag: 10.11.16, 22:48
  3. HTML-Statistik-String-Variablen für iOS Mobile App mit CSS
    Von squeeezer im Forum Mobile (iOS/Android)
    Antworten: 3
    Letzter Beitrag: 21.04.16, 15:01
  4. HTML eMail mit class.smtp.php
    Von jheinz im Forum Ideen & Anregungen
    Antworten: 0
    Letzter Beitrag: 09.08.06, 18:53