
MagicMirror² Dashboard
24.10.2018 - Sebastian Pech - ~3 Minuten
Endlich den MagicMirror² bauen stand schon sehr lange auf meiner ToDo-Liste. In der Kombination Urlaub und Erkältung habe ich das also umgesetzt. Selbst bei der manuellen Installation dauert die gesamte Einrichtung für ein Dashboard weniger als 15 Minuten. Ich wollte den Spiegel nicht als Wandspiegel nutzen, sondern nur als Dashboard oder vielleicht als Startseite im Browser. Somit entfällt das Bauen eines schönen Rahmens für den Monitor sowie das Beschaffen von durchlässigem Spiegelglas.
Umsetzung
Entweder die automatische Installationsdatei von der Webseite ausführen oder der Anleitung für die manuelle Installation folgen. Letzteres beschränkt sich auf das Code clonen und Node Module installieren. In der Zeit die der Raspberry Pi für das Kopieren der Module benötigt bietet sich das Lesen der Dokumentation an.
Nach dem auschecken habe ich die config Datei angepasst. Insbesondere das Freischalten meiner IP-Adresse vom Windows Rechner erlaubt mir den Zugriff über den Browser auf die Oberfläche.
Aus diesem Grund starte ich den MagicMirror² nur über node serveronly
. Das erlaubt mir auch die Momentum - Personal Dashboard New Tab Chrome Extension
als Startseite zu ersetzen.
Mit dem MM kann ich meine Startseite deutlich besser nach meinen Wünschen anpassen. Außerdem entfällt die monatliche Gebühr.
Der MagicMirror² lässt sich mit viele Modulen beliebig erweitern.
Module
Derzeit sind diese Module bei mir aktiv.
- Default: alert, calendar, clock, compliments, currentweather, newsfeed, weatherforecast
- MMM-BackgroundSlideshow
- MMM-BMI
- MMM-DailyDilbert
Noch nicht ausprobiert aber in Planung sind die folgenden Module.
Meine Config
config.js
var config = {
[...]
language: "de",
timeFormat: 24,
units: "metric",
[...]
modules: [
{
module: "calendar",
header: "Termine",
position: "top_left",
config: {
calendars: [
{
symbol: "calendar-check-o ",
url: "https://calendar.google.com/calendar/ical/de.german%23holiday%40group.v.calendar.google.com/public/basic.ics"
}
]
}
},
[...]
{
module: "compliments",
position: "middle_center",
config: {
remoteFile: "remote_compliments.json"
}
},
{
module: "currentweather",
position: "top_right",
config: {
location: "XXXXXXXXXXXX",
locationID: "XXXXXXXXXXXX",
appid: "XXXXXXXXXXXX"
}
},
{
module: "weatherforecast",
position: "top_right",
header: "Weather Forecast",
config: {
location: "XXXXXXXXXXXX",
locationID: "XXXXXXXXXXXX",
appid: "XXXXXXXXXXXX"
}
},
{
module: "newsfeed",
position: "bottom_bar",
config: {
feeds: [
{
title: "Stern",
url: "https://www.stern.de/feed/overview/"
},
{
title: "Spiegel",
url: "http://www.spiegel.de/index.rss"
},
{
title: "Heise",
url: "https://www.heise.de/newsticker/heise-atom.xml"
},
{
title: "Golem",
url: "https://rss.golem.de/rss.php?feed=RSS1.0"
},
{
title: "Tagesschau",
url: "http://www.tagesschau.de/xml/rss2"
}
],
showSourceTitle: true,
showPublishDate: true
}
},
{
disabled: true,
module: 'MMM-DailyDilbert',
position: 'bottom_bar',
config: {
updateInterval : 36000000
}
},
{
disabled: false,
module: "MMM-BMI",
position: "top_center",
config: {
name: "Sebastian",
imperialUnits: false,
weight: "111",
height: "111",
herName: "hidden",
herWeight: "111",
herHeight: "111",
useHeader: true,
header: "Gewicht",
maxWidth: "350px",
}
},
{
module: 'MMM-BackgroundSlideshow',
position: 'fullscreen_below',
config: {
imagePaths: ['modules/MMM-BackgroundSlideshow/myImages'],
transitionImages: true,
randomizeImageOrder: true,
recursiveSubDirectories: true
}
},
]
};
custom.css
body {
cursor: default;
}
.MMM-BMI .header {
color: #FFF;
}
.MMM-BMI .calc {
color: #FFF;
}
.MMM-BMI .diagnosis {
color: #FFF;
}
.MMM-BMI .spacer {
color: #FFF;
display: none;
}
.MMM-BMI .herCalc {
color: #FFF;
display: none;
}
.MMM-BMI .herDiagnosis {
color: #FFF;
display: none;
}