Download der Software

Unser Magic Mirror nutzt als Basis die wirklich tolle Lösung von Michael Teeuw. Michaels Source Code setzt auf

• JavaScript
• CSS
• HTML
• PHP

Der Code ist frei verfügbar auf GitHub unter der Adresse https://github.com/MichMich/MagicMirror. Als erstes müssen wir den Code herunterladen und dann auf unseren Raspberry übertragen.

Der Download ist dabei noch die einfachste Übung. Die obige Adresse einfach im Browser öffnen. Auf der GitHub – Seite gibt es rechts oben eine Schaltfläche mit der Bezeichnung „Download ZIP“. Wir klicken diese Schaltfläche an und laden den gesamten Source Code auf unseren Computer herunter.

Die ZIP-Datei müssen wir nun entpacken. Hierzu nutzen wir einfach die Standardfunktion unseres Betriebssystems (Doppelklick, entpacken).

Übertragen auf unseren Raspberry

Die Javascript, HTML, CSS und sonstigen Dateien müssen nun so samt Verzeichnisstruktur auf den Webserver unsers Raspberry Pi übertragen werden. Dazu legen wir auf unserem Raspberry zunächst ein temporäres Verzeichnis an. Wir verbinden uns via SSH und erstellen im Verzeichnis tmp ein Unterverzeichnis magic mit dem Befehl

sudo mkdir /tmp/magic

Nun können wir die Dateien von unserem lokalen Computer auf den Raspberry übertragen. Auch hierzu nutzen wir einen einfachen Befehl auf der Konsole, allerdings auf der lokalen Konsole! Wir öffnen also erneut unter Mac OS das Programm Terminal (unter Windows gibt es extra ein Programm namens SCP oder WinSCP). Bei unserem Beispiel hier gehen wir davon aus, dass die von GitHub heruntergeladene ZIP Datei in das Verzeichnis „/Users/Admin/Downloads/MagicMirror-master“ entpackt wurde.

Wir geben folgende Befehlszeile ein:

scp -r /Users/Admin/Downloads/MagicMirror-master pi@raspberrypi:/tmp/magic

„scp“ steht für secure copy und ist ein schlankes Programm zur Übertragung von Dateien von einem Linux-Host zu einem anderen über SSH.
Der Parameter „-r“ sorgt dafür, dass rekursiv alle Verzeichnisse und Unterverzeichnisse der Quelle mitkopiert werden.
Der erste Pfad („/Users/Admin/…“) bezeichnet die lokale Quelle des Kopiervorgangs auf unserem Computer, der zweite Pfad das Ziel auf dem Raspberry Pi.

Wir kopiere die Dateien also alle mit dem User pi auf unseren Raspberrypi in das Verzeichnis /tmp/magic.
Nun fragt uns SSH nach dem Passwort für den User „pi“ auf unserem Raspberry. Das geben wir ein (während der Eingabe bewegt sich der Cursor nicht, das ist richtig so!). Das Standard-Kennwort lautet „raspberry“.
Nach Eingabe des Kennworts beginnt der Kopiervorgang der einzelnen Dateien und Verzeichnisse. Wenn hier Fehlermeldungen erscheinen, dann stimmt meist der Quellpfad nicht, oder das Zielhost / der Zielpfad.

Jetzt sind die Daten auf unserem Raspberry Pi, aber noch nicht an der richtigen Stelle. Wir müssen uns also via SSH anmelden und die Dateien auf dem Raspberry verschieben. Ich nutze dazu Midnight Commander. Midnight Commander ist standardmässig nicht installiert in Raspbian und kann über die Befehlszeile

sudo apt-get install mc

nachinstalliert werden. Danach rufen wir den Midnight Commander über die Befehlszeile

sudo mc

auf. Die von uns im vorherigen Schritt in das Verzeichnis

/tmp/magic

kopierten Dateien müssen verschoben werden in das Verzeichnis

/var/www/html

Jetzt haben wir alle Dateien an der richtigen Stelle. Fast geschafft!

Konfiguration der Magic Mirror Software

Nun müssen wir noch ein Einstellungen vornehmen, um unseren Magic Mirror das erste mal anzuwerfen. Wir verbinden uns ggf. wieder mit unserem Raspberry pi via SSH. Dann editieren wir die Datei config.js im Verzeichnis /var/www/html/js. Hier empfehle ich ebenfalls den Midnight Commander.

var config = {
    lang: 'de',
    time: {
        timeFormat: 24
    },
    weather: {
        //change weather params here:
        //units: metric or imperial
        params: {
            q: 'Nuernberg,Deutschland',
            units: 'metric',
            // if you want a different lang for the weather that what is set above, change it here
            lang: 'de',
            APPID: 'YOUR_FREE_OPENWEATHER_API_KEY'
        }
    },
    compliments: {
        interval: 30000,
        fadeInterval: 4000,
        morning: [
            'Good morning, handsome!',
            'Enjoy your day!',
            'How was your sleep?'
        ],
        afternoon: [
            'Hello, beauty!',
            'You look sexy!',
            'Looking good today!'
        ],
        evening: [
            'Wow, you look hot!',
            'You look nice!',
            'Hi, sexy!'
        ]
    },
    calendar: {
        maximumEntries: 10,
        url: "URL EURES iCLOUD KALENDERS ODER GOOGLE CALENDERS"
    },
    news: {
        feed: 'http://www.tagesschau.de/xml/rss2'
    }
}

Wir haben in der oben dargestellten Confug.js schon einige Werte angepasst (Wetter, RSS Feed, Zeitformat und Sprache). Wollen wir den Kalender nutzen, so müssen wir noch die URL eines freigegebenen iCloud oder Google Kalenders eintragen. Wenn das Wetter angezeigt werden soll, dann müssen wir bei openweather einen eigenen kostenlosen API-Key beantragen und in der Config.js eintragen.

Nachdem die Config.js angepasst wurde, kann der Magic Mirror das erste mal von unserem lokalen Computer aus abgerufen werden. Dazu geben wir in einem Browser einfach die folgende URL ein:

http://raspberrypi/index.php

alternativ auch hier die IP-Adresse verwenden. Wenn alles korrekt ist, wird die Oberfläche des Magic Mirror im Browser angezeigt

So weit gekommen, können wir uns nun um Erweiterungen wie

• Anzeige der Anruferliste unserer Fritz!Box
• Anzeige der Benzinpreise der Tankstellen in der Umgebung

kümmern.