Showing Posts From

Tablet

FHEM Tablet UI #2: wie index.html anpassen/bearbeiten
  • 10 Dec, 2015
  • 2 Min. Lesezeit

FHEM Tablet UI #2: wie index.html anpassen/bearbeiten

In dem vorherigen Beitrag habe ich gezeigt wie du die FHEM Tablet-UI installierst. Um den Inhalt der Tablet optimierte Oberfläche anzupassen, muss man die index.html im Ordner /opt/fhem/www/tablet/ bearbeiten. In diesem Artikel erkläre ich, wie du die index.html Datei am einfachsten anpassen kannst und welche Programme du davor benötigst. Alle Varianten funktionieren mit Windows, Mac OSX oder Linux. InhaltMethode 1: Terminal/Kommandozeile und Nano Texteditor Methode 2: via SFTP mit Filezilla und Atom TexteditorMethode 1: Terminal/Kommandozeile und Nano Texteditorgeeignet um schnell kleine Änderungen an einer Datei vorzunehmen keine zusätzliche Software erforderlich die Maus kann nicht verwendet werden keine SyntaxhervorhebungMelde dich per SSH an dem Computer an auf dem FHEM läuft. Für Windows kannst du zum Beispiel Putty verwenden und für Mac OSX den Terminal. ssh xxx@zzz.zzzz.zzz.zz Ersetze xxx mit deinem Benutzernamen und zzz.zzzz.zzz.zz mit der IP Adresse. Bei mir sieht der Befehl so aus ssh pi@192.168.178.99Navigiere zum Ordner mit der zu bearbeitenden Datei. cd /opt/fhem/www/tablet/Öffne die Datei mit dem Nano Texteditor und verändere den Inhalt. nano index.htmlMit der Tastenkombinationctrl+o(Mac)/strg+o(Windows) kannst du die Datei Speichern. Mit ctrl+x(Mac)/strg+x(Windows) kannst du den Texteditor beenden und gegebenenfalls speichern. Tablet-UI index.html Datei im Nano Editor (Mac Terminal) geöffnet Methode 2: via SFTP mit Filezilla und Atom Texteditoreinfacheres Bearbeiten da die Maus benutzt werden kann Vorteile des Atom Editor nutzen (Syntaxhervorhebung, Autovervollständigung) zusätzliche Software erforderlichLade dir Filezilla (FTP/SFTP) und Atom (Texteditor) für dein Betriebssystem herunter und installiere sie. Öffne Filezilla und geh in die Einstellungen. Unter Bearbeiten von Dateien, stell den Atom Editor als Standarteditor ein und Immer Standarteditor verwenden(siehe Bild). Stell eine Verbindung mit Filezille her. Ersetze die Daten in den Feldern mit deinen Daten. Der Standart SFTP/SSH Port ist 22. Navigiere zum Tablet-UI Ordner /opt/fhem/www/tablet/ und mach ein Rechtsklick Ansehen/Bearbeiten auf die index.html Datei. Danach Lokale Datei verwerfen, dann Datei neu herunterladen und bearbeiten auswählen. Jetzt sollte sich die Datei im Atom Editor öffnen. Wenn du jetzt die veränderte Datei im Atom Editor speicherst fragt dich Filezille, ob sie zurück auf den Server geladen werden soll. Klick auf Ja. Dies kannst du jetzt so oft wiederholen bis du die Datei im Editor schließt, oder sie lokal an einem anderen Ort speicherst. Tablet-UI index.html Datei im Atom.io Editor geöffnet Es kann sein das du die geänderte index.html Datei nicht speichern kannst, da du nicht die benötigten Benutzerrechte besitzt. Das kannst du ändern indem du dich als Besitzer der Datei einträgst. Navigiere in den Ordner wo sich die index.html befindet cd /opt/fhem/www/tablet und ändere den Besitzer der Datei. Ersetze Mr-T mit deinen Benutzernamen. Der Befehl whoami gibt dir deinen aktuellen Benutzernamen aus. sudo chown Mr-T index.html

FHEM Tablet UI #1: optimierte Tablet Benutzeroberfläche einrichten
  • 14 Jun, 2015
  • 1 Min. Lesezeit

FHEM Tablet UI #1: optimierte Tablet Benutzeroberfläche einrichten

FHEM Tablet UI ist eine optimierte Benutzeroberfläche für FHEM. Es werden keine weiteren Programme benötigt außer eine laufende FHEM Version. [DEMO] Voraussetzung:laufendes FHEM Raspberry muss mit dem Internet verbunden seinUpdate (13.01.16) Punkt 1-3 kannst du überspringen, wenn du folgende Befehle oben in das Befehls-Eingabefeld von FHEM kopierst und mit Enter bestätigst. update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txtPunkt 5 kannst du mit diesem Befehl überspringen. define TABLETUI HTTPSRV ftui/ ./www/tablet Tablet-UIJetzt noch rechts auf Save config klicken.Lade dir die .zip mit den benötigten Dateien von Github herunter.wget https://github.com/knowthelist/fhem-tablet-ui/archive/master.zipEntpacke die .zip Datei und lösche sie danach. unzip master.zip && rm master.zipKopiere den Ordner tablet in den fhem/www Ordner.cp -r ./fhem-tablet-ui-master/www/tablet /opt/fhem/www/Erstelle eine Kopie der index-example.html Datei und benne sie in index.html um.sudo cp /opt/fhem/www/tablet/index-example.html /opt/fhem/www/tablet/index.htmlFüge deiner fhem.cfg Datei folgende Zeile hinzu. Du kannst dies über die Weboberfläche von FHEM tun (Edit files -> fhem.cfg) define TABLETUI HTTPSRV ftui/ ./www/tablet/ Tablet-UI oder per Konsole mit dem Nano Text Editor. nano /opt/fhem/fhem.cfg Beenden kannst du Nano mit ctrl+x und dann y enterRufe jetzt http://ip-des-raspberry:8083/fhem/ftui/ auf deinem Tablet auf. Das Tablet muss sich im selben Netzwerk wie der Raspberry befinden. Weitere Informationen zu FHEM Tablet UI findet ihr hier: FHEM Wiki FAQ FHEM Forum In den nächsten Tagen werden weitere Beiträge folgen, wie du die Tablet UI Oberfläche nach deinen Wünschen anpasst. Bitte Anregungen und Tipps in die Kommentare schreiben.