Info-Mirror

Es gibt eine neue Version des „Info-Mirror“: Den Smart Mirror! 😉

Auch hier wieder ein kleines Tutorial aus dem alten Blog: Der Info-Mirror. Für alle, die nicht wissen was das sein soll, sowas hier:

Das ganze wird bei mir aus einem Raspberry Pi 2, einem Monitor, eine Plexischeibe und etwas Spionspiegelfolie bestehen. Einen Monitor hab ich hier zum Glück noch rumstehen gehabt. Leider hat der nur eine Auflösung von 1280×1024. Aber das sollte schon reichen. Und nachdem der sonst eh irgendwann aufm Elektroschrott gelandet wäre, geht das voll in Ordnung. Also das teil mal in seine Einzelteile zerlegt und das ganze nochmal getestet. Test bestanden 🙂

P2230017 P2230018 P2230021 P2230023

Den Raspi musste ich komplett neu kaufen. Ich wollte aber eh schon lange einen haben und hab jetzt, nachdem das neue Modell raus ist, einfach mal einen bestellt. Inkl dem ganzen Zubehör was man sonst noch so braucht: Micro SD Karte (Class 10), Netzteil, HDMI Kabel, Mini-WiFi-USB Stick und ein Gehäuse.

Bei der Folie war ich mir nicht ganz sicher. Eigentlich wollte ich das ganze mit einem richtigen Spionspiegel realisieren, allerdings sind die Teile nunmal verdammt teuer. Erfreulicherweise gibt es auch solche „UV-Schutz-Folien“ welche eingentlich dafür gedacht sind Wärme abzustrahlen und vor neugierigen Blicken zu schützen. Da ich aber immerwieder gelesen habe, das der Spiegeleffekt eher mäßig ist war ich etwas skeptisch. Ich habe aber einen Online-Handel gefunden der eben solche Folien anbietet und dieser hat mir dann ein Muster zugeschickt. Wie die jetzt aussieht seht ihr weiter unten.

Als Rahmen werde ich mir wohl was aus Holz zusammenschrauben. Soweit bin ich allerdings noch nicht.

Also zurück zum Raspi.

Diesen habe ich mit Raspian bespielt. Dazu gibts dieses Tutorial. (Schritt 6 habe ich weggelassen).
Danach hab ich das Teil ans Netzwerk angeschlossen und dann konnte ich mit Putty von meinem PC aus auf dem Raspi zugreifen. War extrem praktisch, denn so braucht man weder Tastatur noch Maus noch Bildschirm am Raspi 😉
Nachdem ich auch einen Edimax Wifi Stick habe, hab ich fürs Wlan dieses Tutorial genutzt. Geht eigentlich alles Kinderleicht.

Das spätere Interface möchte ich mit einer Browserseite realisieren. Der Raspi soll diese sowohl hosten als auch nacht dem booten darauf zugreifen und diese im Vollbild darstellen. Dazu sollte man folgende Befehle ausführen:

sudo apt-get update && apt-get upgrade -y

sudo apt-get install apache2 apache2-doc apache2-utils

sudo apt-get install libapache2-mod-php5 php5 php-pear php5-xcache

Et voilà: Der Raspi ist jetzt ein Apache 2 Server inkl php5. Die Homepage wird dann später in /var/www/ hineingelegt (z.B. mit Filezilla) und kann aus HTML, php und Javascript bestehen. Damit ist das ganze ziemlich flexibel, was die mögliche Darstellung von Wetter, News, Google/i-Calendar,e-Mails und was weis ich noch alles angeht. Der Fantasie sind quasi keine Grenzen gesetzt. ;D

Jetzt muss man natürlich auch noch einstellen, dass nach dem Boot der Browser geöffnet wird und dieser dann unsere Seite anzeigt. Dafür gibt man folgendes ein:

sudo apt-get install chromium x11-xserver-utils unclutter

Danach muss man mit

sudo nano /etc/xdg/lxsession/LXDE-pi/autostart

die Datei öffnen und darin ein paar Sachen ändern.

Man braucht als erstes ein # vor dieser Zeile:

@xscreensaver-no-splash

außerdem tippt man noch diese Zeilen ein:

@xset s off

@xset -dpms

@xset s noblank

@chromium –kiosk –incognito http://localhost

So das Wars! Der Raspi ist fertig und kann jetzt mit einer Homepage bestückt werden 🙂 Natürlich kann man da noch einiges mehr mit dem Raspi machen. Ich werde da vielleicht auch noch einige andere Sachen mitdrauf hauen wie zb Steckdosen via Internet steuern (oder App), Mail-Server oder vielleicht eine Sprachsteuerung bzw Gesichtserkennung usw…

Falls man nicht der beste im HTML/PHP/JS programmieren ist (so wie ich :D) sollte man einfach mal ein wenig googlen. Es gibt mittlerweile sehr viele verschiedene Interfaces für solche „Anwendungen“. Hier könnt ihr meine angepasste Version (24.12.2015) herunterladen. Mehr Details dazu gibt es hier. Für die Wetter-Anezige muss man sich noch auf http://www.openweathermap.org registrieren. Dort erhält maneinen API-Key der noch eingetragen werden muss.

Zum Original geht es hier: Link

Danach habe ich den Rahmen für den Spiegel gebaut. Und mit einem Schleifgerät geht das gleich viel schneller, leichter und einfach besser von der Hand.
Nachdem auch perfektes Wetter war, hab ich den Rahmen gleich noch lackiert und mich dem Spiegel angenommen. Plexi passend mit einer Stichsäge zugeschnitten und dann ging es an die Folie. Die Folie gut auf die Scheibe zu bekommen ist wirklich verdammt schwierig. Ich habe es gleich 3 mal probieren müssen, bis ich zufrieden war. Leider sind immernoch einige Staubkörner zwischen Scheibe und Folie aber ich werds jetzt erstmal so lassen müssen. Vielleicht bestelle ich irgendwann nochmal eine Folie, denn jetzt weis ich ja wie es geht und machs dann besser. Aber hier gibts jetzt natürlich wieder neue Bilder:
P4080030 P4080029 P4080028 P4080026 P4080025 P4080024 P4080036 P4080037 P4080038 P4080039
Neue Folie, neues Glück. Jetzt siehts wirklich perfekt aus. Man erkennt selbst wenn man mit der Nase am Spiegel klebt keinen Unterschied mehr zu einem normalen Spiegel! Ein kleiner Tip meinerseits: Die Folien, die ich hatte, sind einerseits einseitig mit Kleber bedeckt und anderer seits auch nochmal elektrostatisch aufgeladen. Damit zieht das Ding beim aufkleben Staub an wie sonstwas und man hat die ganzen Staub- und Dreckkörner unter der Folie. Das ist mir beim ersten Versuch auch passiert. Beim zweiten Versuch hab ich die alte Folie samt Staub und Dreck (der bleibt zum Glück nur an der Folie und nicht am Glas hängen) wieder runtergezogen und quasi gleichzeitig die neue Folie aufgeklebt. So habe ich es geschafft, dass wie schon gesagt nix mehr unter der Folie ist und das ganze ordentlich aussieht. Dann gabs noch eine Acrylfuge um das Plexi herum und dann konnte ich endlich den Monitor samt Raspi einbauen. Und das Wars eigentlich auch schon. Hier gibts jetzt gleichmal wieder ein paar Bilder:
P4110011 P4110012
Wie man sieht habe ich noch 2 Stromkabel raushängen. Wenn ich dazu komme, kommt da noch ein 2-fach Stecker mitrein, sodass dann nur noch ein Stromkabel zum Kasten geht. Aber das ist ja wirklich nur noch eine winzige Kleinigkeit. Außerdem plane ich noch das ganze etwas mit Temeratur Sensoren aufzurüsten. Dann zeigt der Monitor auch die Zimmertemperatur und die Temperatur vom Monitor/Raspi an (Die entwickeln nämlich trotz der Löcher oben doch unerwartet viel Wärme).
P4290030 P4290029 P4290027 P4290024 P4290025 P4290022
NACHTRAG//EDIT:
Wie damals schon angekündigt, habe ich den Monitor weiter aufgerüstet. Dieser hat jetzt 2 Temperatur-Sensoren (Dallas DS18B20 z.B eBay ~90ct) spendiert bekommen. Einen für die Zimmertemperatur und einen um die Temperatur im „Inneren“ im Auge zu behalten. Das Tolle an diesen Sensoren ist erstens, dass man außer einem 4,7kOhm Widerstand und dem Sensor nicht noch mehr braucht und dass sie ein Bus System nutzen. D.h. man kann, wenn man denn möchte, einfach noch 20 andere Sensoren parallel draufschalten und fertig! Wie genau man die Sensoren einbaut ist z.B. hier beschrieben. Außerdem ist es noch möglich die Daten in einer Datenbank zu speichern und dann Grafiken tum Temperaturverlauf anzuzeigen. Das habe ich jetzt mal nicht gemacht, schließlich möchte man sich ja im Spiegel noch sehen ;D. Außerdem habe ich mir noch ein Y-Adapter gebaut, damit man nur noch ein Kabel anschließen muss. Ist zwar nicht das schönste aber ich hab eben alles verwendet was ich noch irgendwie rumliegen hatte. Sieht ja auserdem eh keiner :P

Hier nochmal Ausdrücklich der Hinweis das das 230V tödlich sein können!

Der Energiesparmodus:

Wer seinen Monitor nich 24/7 laufen lassen möchte und noch nach einer eleganten Art sucht, den Monitor auszuschalten, wenn man nicht zu Hause ist, der sollte sich auf jedenfall mal diesen Beitrag von mir durchlesen! 😉

P5130029 P5130034 P5150040 P5130033 P5150043 P7200010 P7200009 P7200006 P7200014

 

138 Kommentare zu “Info-Mirror”

  1. Moin Moin ich hab das Problem das ich nur von mein anderen pc auf die Seite komme! Da läuft auch alles ! Aber auf Rasp. über http://localhost/ kommt eine Fehlermeldung !! Und er bootet nicht Browser nur Desktop ! Hat das Vieleicht was mit Benutzer zu tun mit den man die Browser installierst und die html erstellen tust? Ich hab alles mit root erstellt!! Weil ich sonst die datein (Code) nicht in /var/www kopieren konnte. Und der Skript für den Autospart über den Benutzer pi läuft? Ich bin echt fraglos bitte um Hilfe
    Mfg

    Gefällt mir

      1. Ok super!! Ich versuche es natürlich weiter und werde Mister Google weiter fragen ! So lernt man durchs rumprobieren auch was dazu!;)
        Danke für die schnelle Antwort

        Mfg

        Gefällt mir

  2. Hallo, hab jetzt alles so hin bekommen wie ich es will, nur 2-3 Probleme habe ich noch, meinen kalender eingefügt-kein problem, aber wie kann ich mir mehr termine anzeigen lassen als nur 6, hätte den werd eigentlich schon geändert in der config.js ist aber immer noch gleich.

    zweites problem, die rss feeds, ich habe die von dir ( süddeutsche ) entfernt und einen anderen eingefügt, ändert sich aber nichts.

    drittes problem ist mit dem wetter, ich habe meine stadt und API ausgetauscht, ändert sich aber nicht.

    alle ändereungen habe ich in der config.js vorgenommen.

    kann mir bitte jemand helfen. bitte

    Gefällt mir

  3. mir ist jetzt noch aufgefallen wenn ich mit meinem pc und chrome auf den raspi gehe, dann kommt nur raumtemperatur.

    wenn ich mit meinem handy browser auf den raspi gehe, dann kommt genau das was ich eingestellt habe. komisch !!!!!!!!!!

    ich checks nicht :/ :/ :/ :/ :/

    Gefällt mir

  4. Habs doch noch hin bekommen 🙂

    was mir aber noch nicht so ganz klar ist, ist wie ich den Temperaturfühler einstellen muss. Wo anklemmen ist mir klar, aber wie ich die gemessen Daten dann auf den Bildschirm bekomme. Da steh ich total fraglich da.

    Gefällt mir

    1. So hat’s bei mir in 4 „groben“ Schritten geklappt:
      ->WICHTIG: Anschliessen des Thermometers (Data-Leitung) über GPIO-Pin 4 (in BCM-Konfiguration). Nur dieser Pin unterstützt vom Kernel aus das 1-Wire-Protokoll.

      0. Raspberri Pi booten (Thermometer bereits angeschlossen!)

      1. Öffnen die Datei /boot/config.txt (sudo nano /boot/config.txt) und füge zuunterst folgende Zeile hinzu:

      dt-overlay=w1-gpio

      2. Laden der 1-Wire und Thermometer-Module mit folgenden Befehlen

      sudo modprobe w1-gpio pullup=1
      sudo modprobe w1-therm

      3. Nun zeigst du dir alle 1-Wire-Geräte (also dein Thermometer) an mit folgendem Befehl:

      ls /sys/bus/w1/devices

      Dann sollte (etwa) folgendes stehen (bei nur einem Gerät):

      10-0008030a8ba6 w1_bus_master1

      (Merke: der Gerätehersteller weist jedem Gerät eine individuelle Serien-Nr zu, bei meinem Thermometer also die Nr. „10-0008030a8ba6“)

      Diese Nummer schreibst du dir auf/kopierst du und fügst diese dann Anstelle derjenigen von Dracary in der Datei Temperature.php ein (zb mit sudo nano /var/www/Temperature.php)

      4. Damit das Laden der Module aus Schritt 2 jedes mal automatisch gemacht wird fügt man in der Datei /etc/modules folgendes zu unterst ein:

      (öffnen der modules Datei mit: sudo nano /etc/modules)

      wire
      w1-gpio
      w1-therm

      Fertig!

      Das ganze habe fast ausschliesslich nach der Anleitung von Martin Kompf gemacht (http://www.kompf.de/weather/pionewiremini.html), vielen Dank an ihn, und an die geniale Vorlage von Dracary!

      Gefällt mir

  5. Hallo, ich schon wieder, bei der Nachrichten Anzeige zeigt es mir immer erst die Nachricht und darunter die Schlagzeile an, wie kann ich das umdrehen??? Hoffe mir kann mal jemand helfen.

    Danke

    Gefällt mir

    1. Hallo Ben,
      ja das kannst du ändern. Dazu muss du die main.css Datei bearbeiten. Genauer gesagt muss du mei descbottom und newsbottom die „top“ werte ändern. Je größer, desto weiter rutscht die Schlagzeile/Nachricht nach unten. Da musst du einfach ein bisschen herumproebieren bis es bei dir passt.

      Gefällt mir

  6. Vielen Dank, hab jetzt auch noch alles meine Seite mit deinen Updates bespielt, läuft alles wunderbar, muss jetzt nur noch auf meinen Temp. Sensor warten dann kann ich mit dem beginnen, da werde ich bestimmt auch noch deine Hilfe brauchen denke ich

    Danke schon mal

    Gefällt mir

  7. Hi Dracarys,
    ich bin echt begeistert von dem Spiegel und habe ihn auch nachbauen können. Zwar mit einigen Schwierigkeiten, die ich aber alle lösen konnte.
    Was mir aber einfach nicht gelingt, ist es die Ausgabe auf dem Monitor zu drehen. Der Befehl „display_rotate = 1“ in der config.txt bewirkt nichts.
    Woran kann es liegen? Irgendeine Idee oder einen Ansatz, wonach ich schauen müsste?

    Vielen Dank

    Gefällt mir

      1. Zur Vollständigkeit: Es klappt nun doch. Ich habe die swap-file vergößert und dem GPU mehr Speicher gegönnt. Danach funktionierte es.
        Danke trotzdem!

        Gefällt mir

  8. Hi Dracarys,

    vielen Dank für deine HP zu der ersten Version.
    Habe einiges konfigurieren können. Nun wüde ich gerne einen 2. Kalender feed einbauen. Leider sind PHP Kenntnisse kaum vorhanden.
    Ich suche keine Komplettlösung nur ein, zwei Tipps wo ich ansetzen kann.
    Danke!

    Gefällt mir

  9. jetzt hab ich noch eine frage, wo kann ich das ändern das mir die kalendereinträge und das wetter der nächsten tage in voller helligkeit angezeigt werden?

    Gefällt mir

    1. Ein etwas größerer Eingriff in der main.js. Suche da mal nach opacity.
      Und sogern ich hier Kommentare lese und helfe möchte ich dich bitten, dass du dich evtl erstmal in die ganze Materie einliest, denn du hast ja ganzschön viele Fragen und Wünsche. Bei den meisten Sachen muss ich auch erstmal Googlen um dir helfen zu können. Das kostet mich sehr viel Zeit und wenn du das selbser machst lernst du dabei auch noch was 😉
      Bei schwerwiegenden Fehlern oder wenn du garnicht mehr weiter weißt kannst du natürlich immernoch in die Kommentare schreiben.

      Gefällt mir

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

Hier stelle ich meine DIY Projekte vor!

%d Bloggern gefällt das: