Smart Mirror Update

Hallo Leute,

erst einmal wünsche ich – mehr oder weniger nachträglich – schöne Feiertage. Ich hoffe der Osterhase war nicht zu geizig und ihr habt euch gut erholt 😉

Als nächstes möchte ich euch mal wieder ein paar Updates zum Smart Mirror vorstellen. Ich habe einige kleine Änderungen vorgenommen. Sozusagen der Feinschliff 😉

Als erstes habe ich den Kalender angepasst. Und das hat mich durchaus einige Tassen Kaffee, Stunden & Nerven gekostet 😀 Auch wenn es mir selbst nicht wirklich aufgefallen ist, so war es doch für viele Leute hier ein echtes Mako: Bereits Laufende Termine wurden nicht mehr angezeigt. Ebenso wie sich widerholende Termine. Letztes lag an einem Fehler im Rrule Handling im Code Grundgerüst, das ich verwendet habe. Das ist jetzt Geschichte. Auch, dass bereits laufende Termine nicht mehr angezeigt wurden lag an der Art, wie der Code die Termine sortiert. Das habe ich nun alles angepasst. Außerdem kann man, wenn man denn möchte, bereits abgelaufene Termine anzeigen lassen. Die Zeit dafür, wie lange die Termine noch angezeigt werden sollen, nachdem diese abgelaufen sind lässt sich in der config.js einstellen. (Standard sind 2h) Einen kleinen Beweis findet ihr ganz unten 😉

Zweitens: Es wird nun die Straße, von der Tankstellen Anzeige nicht mehr NUR IN GROßBUCHSTABEN angezeigt sondern so wie es sich gehört, mit einem Großen Anfangsbuchstaben und der Rest klein. Außerdem haben die Min. und Max. Tempertaturen in der Wetter-Vorhersage ein °-Zeichen spendiert bekommen.

Dann habe ich etwas an den News geschraubt. Da bei langen Überschriften meistens das letzte Wort in die nächste Zeile gerutscht ist (und dabei auch noch die Zeile darunter überlappt hat) habe ich die Formatierung (in der main.css) komplett neu geschrieben und 1. dynamisch gemacht. (Also nie wieder überlappungen – hoffentlich :D) und 2.  habe ich eine „Zu-Lange-Überschrift-Erkennung“ eingebaut. Das heißt im Klartext, wenn eine Überschrift länger als 70 Zeichen ist, wird die Schrift automatisch von Schriftgröße 32 auf Schriftgröße 28 herunter formatiert. Die 70 Zeichen sind bei mir (1280 x 1024 px) die Grenze. Bei anderen Auflösungen kann das natürlich anders sein. Die Anzahl der Zeichen kann man in der config.js einstellen. So bleibt die Überschrift immer einzeilig und verschandelt nicht das „schöne Gesamtbild der klaren Lienen“ :D.

Die nächste Änderung betrifft die Fahrtanzeige. Diese war ja ürsprünglich von Google Maps. Und die wiederum haben beschlossen, das die Stauanzeige nur für Premium User ist. Somit war diese Anzeige relativ nutzlos. Allerdings haben mich einige Leute in den Kommentaren darauf hingewiesen, dass Microsoft (also Bing Maps) etwas ganz ähnliches anbietet. Und zwar inkl. Stau für alle User 🙂 Also habe ich diese API einprogrammiert und es funktioniert ganz wunderbar! Natürlich habe ich die Anleitung dahingehend angepasst. Außerdem gibt es hier jetzt auch noch 2 verschiedene Versionen. Einmal nur die gesamte Fahrtzeit inkl. Stau (z.B. 2 Std 15 Min) und einmal die Fahrtzeit und nocheinmal extra die Stauzeit (z.B. 2 Std 15 Min (23 Min Stau) ) Dies kann man ganz einfach in der config.js einstellen.

Und zum Schluss noch die Sache mit den Funksteckdosen. Ich hatte ja gesagt, wenn Interesse besteht werde ich mich da mal ranmachen. Und was soll ich sagen – es besteht Interesse. Also habe ich auch das programmiert. Im Moment wird im Spiegel eine Push-Nachricht angezeigt (Ungefähr so wie die Komplimente), welches Gerät gerade an oder ausgeschaltet wurde. Eine dauerhafte Anzeige über die Zustände der einzelnen Steckdosen wäre auch möglich, jedoch finde ich die ganze Geschichte recht sinnlos, da man ja sieht ob etwas an oder aus ist 😉 Zumal der Spiegel langsam richtig vollgepackt ist 😀

Zum Video gibt es leider keine Neuigkeiten. Es funktioniert nach wie vor (nach mehrmaligem F5-Refresh beim Neustart). Allerdings eben nicht bedingungslos beim erstenmal, so wie der Rest.

Wie schonmal erwähnt. Ich habe sämtliche Seiten an die neue Version angepasst. Also wenn etwas unklar ist am besten noch mal auf die entsprechende Seite schauen ob sich was geändert hat 😉 Viel Spaß damit!

29 Kommentare zu „Smart Mirror Update“

  1. Hallo, verstehe die Fahrtanzeige von Bing irgendwie nicht…Bei mir wird alles richtig angezeigt aber woher will Bing wissen wie ich Fahre ? Woher weiß ich auf welche Route sich Bing bezieht ? Autobahn ja oder nein usw. Es gibt doch mehrere Routen zum Ziel. ..

    Gefällt mir

  2. Hi Dracarys,

    ich hätte da mal ne Frage. Und zwar hab ich seit deinem Osterupdate ein Problem mit dem Newsfeed.
    Bei der Überschrift ist alles Top, aber bei dem Text drunter kommt bei meinem Feed immer vorher derOrt und dann der Text,also zB.
    Frankfurt-….News….
    Seit dem neuen Update wird der Ortsname immer abgeschnitten, meist kommen nur noch die letzten drei-vier Buchstaben des Ortes. Hast du ne Idee wo ich das korrigieren kann?
    Genauso bekomme ich den Name der Tankstelle nicht mehr angezeigt.
    Kommt immer: zB 1.19€ bei der in der Straße XY…

    Vielleicht hast du ja ne Idee woran das liegen könnte.

    Gruß Stefan

    Gefällt mir

  3. Hallo,

    super Update. Eine komische Sache hab ich noch. Neben dem Autosymbol oben mittig kommt ja die Streckenberechnung, dann ein Haussymbol und dann eine Temparaturanzeige. Die steht bei mir dauerhaft auf -4 Grad.Soll dies das Wetter am Zielort sein? Wo kommen die Wetterdaten her und warum könnte es bei mir so falsch angezeigt werden?

    Danke
    Heiko

    Gefällt mir

  4. Hallo Heiko,

    die Temperatur neben dem Haus-Symbol bezieht der RPi vom Temperatursensor, falls du den eingerichtet hast. -4°C standen bei mir so lange, wie ich den Temperatursensor noch nicht eingerichtet habe. 😉

    Grüße

    Nicklas

    Gefällt mir

  5. Moin,
    erst einmal super Anleitung und Programmierung, funktioniert einwandfrei!

    Hat jemand schon eine Möglichkeit/Code, um eine ToDo-Liste (ähnlich dem Kalender), z.b. von Wunderlist anzeigen zu lassen?
    Meine Programmierkenntnisse reichen bei weitem nicht dafür aus 😉
    Danke!

    Grüße
    Sebastian

    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