Tech News

Technik & Digital

Wie ich MagicMirror angepasst habe, um ein digitales tägliches Dashboard zu erstellen


Sich zu organisieren kann eine ziemlich überwältigende Aufgabe sein, besonders wenn Sie wie ich von zu Hause aus arbeiten. E-Mails, meinen Kalender und alle anderen Dinge, die erledigt werden müssen, im Auge zu behalten, kann eine Menge sein. Zwischen den Apps auf Ihrem Computer hin und her zu springen, kann eine Menge Zeit rauben, und Ihr Telefon zu verwenden, um organisiert zu bleiben, ist geradezu eine Einladung, sich eine Stunde lang den sozialen Medien hinzugeben. Was jedoch hilfreich sein könnte, ist ein digitales Dashboard, um alle diese Informationen an einem Ort ohne andere Ablenkungen aufzubewahren.




Sie könnten für etwas wie ein DakBoard bezahlen, aber das ist ziemlich begrenzt, es sei denn, Sie bezahlen ein Abonnement. Zum Glück gibt es MagicMirror, ein kostenloses Smart Dashboard, das Open Source ist und endlos angepasst werden kann. Aber der Preis für die Freiheit ist, dass Sie die ganze Arbeit machen müssen, um es selbst anzupassen. Zum Glück haben Sie uns, um Ihnen beim Einstieg zu helfen.

Verwandt

Zauberspiegel: Alles, was es zu wissen gibt

So kann MagicMirror2 Ihnen dabei helfen, Ihr Leben zu organisieren

Installieren Sie MagicMirror auf Ihrem SBC

Bringen Sie Ihren SBC zum Laufen, falls er das nicht schon ist

Um MagicMirror nutzen zu können, benötigen Sie einen Single-Board-Computer, auf dem die Software läuft. dürfen läuft auf einem Windows-PC, aber es ist mehr Arbeit, als es wert ist. Sie brauchen auch etwas, auf dem Sie Ihr digitales Dashboard anzeigen können. Ich habe einen alten Fernseher an der Wand montiert, der direkt mit meinem SBC verbunden ist, aber Sie können MagicMirror auch als Server ausführen und es auf jedem Gerät in Ihrem Netzwerk anzeigen. Wir haben eine Anleitung für den gesamten Prozess, also machen Sie sich keinen Stress.


Ein Render des Raspberry Pi 5

Himbeer-Pi 5

Der Raspberry Pi ist zurück und die fünfte Iteration des SBC ist viel leistungsfähiger als die älteren Modelle. Von einer neuen Quad-Core-Arm-Cortex-A76-CPU über die Unterstützung für Dual-Monitor-Setups bei 4K 60 Hz bis hin zu einem dedizierten Netzschalter gibt es an diesem handflächengroßen Computer viel zu lieben.

MagicMirror in ein digitales tägliches Dashboard verwandeln

Alles Wichtige auf einen Blick

Das Erstellen des für Sie passenden Dashboards ist nichts, was ich für Sie tun kann. Was ich tun kann, ist, Ihnen die Philosophie zu vermitteln, die Ihnen dabei hilft, Ihr Dashboard für Sie so effektiv wie möglich zu gestalten, und Ihnen zu zeigen, wie ich meines eingerichtet habe.

Als Erstes müssen Sie sich fragen, welche Informationen Sie täglich oder laufend im Laufe des Tages benötigen. Manche Dinge werden den meisten von uns bekannt sein, wie zum Beispiel unser Kalender, unsere Aufgabenliste oder unsere E-Mails. Für andere sind es vielleicht Aktien- oder Kryptopreise. Ich arbeite von zu Hause aus, also komme ich nicht viel raus, aber für viele Menschen sind die örtlichen Verkehrsbedingungen oder die Fahrpläne des öffentlichen Nahverkehrs unverzichtbare Informationen.


Wenn Sie Ihre Ziele festgelegt haben oder einfach nur etwas Inspiration brauchen, ist es an der Zeit, nach MagicMirror-Modulen zu suchen, die Ihnen die benötigten Informationen liefern. Glücklicherweise pflegt der GitHub-Benutzer KristjanESPERANTO eine leicht durchsuchbare Liste aller registrierten MagicMirror-Module. Nehmen Sie sich etwas Zeit, um diese Liste durchzusehen und zu sehen, welche Module verfügbar sind und welche Ihren Anforderungen am besten entsprechen.

Screenshot der Webseite mit Liste der MagicMirror-Module

Einige der Module auf seiner Liste sind veraltet und funktionieren nicht mehr.


Verwandt

Wie ich mit MagicMirror ein altes Tablet in ein Smart-Home-Dashboard verwandelt habe

Upcyclen Sie Ihr altes Tablet und geben Sie ihm als Zauberspiegel neues Leben

So installieren Sie MagicMirror-Module

Lasst uns Spaß haben

Sobald Sie sich für ein paar Module entschieden haben, müssen Sie diese installieren. Die überwiegende Mehrheit der MagicMirror-Module befindet sich auf GitHub, einige werden jedoch auf Bitbucket gehostet. Unabhängig davon, wo das Modul gehostet wird, ist die Installationsmethode dieselbe.

Wir haben den Vorgang der Installation von MagicMirror-Modulen bereits beschrieben, die Grundidee ist jedoch wie folgt.

  1. Navigieren Sie zum Module Verzeichnis.
    cd ~/MagicMirror/modules
  2. Klonen Sie das Repository, das das Modul hostet.
    git clone <repo_URL>
  3. Installieren Sie bei Bedarf alle Node-Pakete, die zum Ausführen des Moduls erforderlich sind.
    cd ~/MagicMirror/modules/<module_directory> && npm install


Sobald Sie das Modul installiert haben, müssen Sie Ihre MagicMirror-Konfigurationsdatei ändern, damit das Modul auf Ihrem Display angezeigt und positioniert wird. Für die meisten Module müssen Sie auch einige Konfigurationsinformationen hinzufügen, damit sie richtig angezeigt werden. Auf den Repo-Seiten für die einzelnen MagicMirror-Module finden Sie Einzelheiten zur Konfiguration. Wir gehen die Konfiguration für die hier behandelten Module durch.

Verwandt

Wie ich mit Magic Mirror einen alten Fernseher in ein Smart Display upgecycelt habe

Zweiwegeglas optional

Schalten Sie das MagicMirror-Standardwettermodul ein

Seien Sie dem Regen immer einen Schritt voraus

Jetzt, da hier in Mexiko Regenzeit ist, möchte ich als Erstes das Wetter sehen, wenn ich mein Dashboard einschalte. Wir haben bereits erläutert, wie man die Standardmodule einrichtet. Dazu muss man einen kostenlosen API-Schlüssel von OpenWeather erhalten. Dieser grundlegende API-Plan enthält jedoch keine stündliche Wettervorhersage, die ich jedoch brauche, wenn ich dem Regen einen Schnippchen schlagen möchte. Glücklicherweise bietet OpenWeather eine API, die genau das bietet, was ich brauche (One Call API 3.0), aber es gibt einen Haken. Die API ermöglicht 1.000 kostenlose Anrufe pro Tag, aber Sie müssen sich anmelden, was bedeutet, dass Sie Ihre Kreditkarteninformationen angeben müssen, um Zugriff auf die erweiterte API zu erhalten.


Nachdem Sie Ihre API aktualisiert haben, können Sie stündliche Vorhersagen für Ihr Wettermodul freischalten. Öffnen Sie zunächst die MagicMirror-Konfigurationsdatei.

cd ~/MagicMirror/config && sudo nano config.js

Um stündliche Prognosen einzurichten, müssen wir ziemlich von der Standardkonfiguration abweichen, aber das wird alles in der Dokumentation behandelt.

  • Die erste Änderung, die wir vornehmen müssen, betrifft die Typ Eigentum. Anstatt Vorhersage oder aktuell, Wir müssen verwenden stündlich.
  • Als nächstes kommt der API-Version Eigenschaft. Wenn wir es nicht einschließen, verwendet das Modul standardmäßig 2.5aber die One Call API wurde auf Version 3.0 aktualisiert und Version 2.5 ist veraltet, daher müssen wir das explizit auf 3.0.
  • Nun müssen wir dem Modul mitteilen, dass es die One Call API verwenden soll. Dazu setzen wir WetterEndpunkt Eigentum an /ein Anruf.
  • Die One Call API erkennt nicht die Standort oder Standort-ID Eigenschaften, also müssen Sie verwenden lat Und lon stattdessen.
  • Wenn Sie stündliche Niederschlagsvorhersagen sehen möchten, müssen Sie die Niederschlagswahrscheinlichkeit anzeigen und legen Sie sie auf WAHR.
  • Schließlich ist mir die Standardgröße der Prognose zu klein. Fügen Sie die Tabellenklasse und legen Sie sie auf Mittel oder großDer Standardwert ist kleinoder xklein Und XL sind ebenfalls Optionen.


Konfigurationsinformationen für das MagicMirror-Modul zur stündlichen Wettervorhersage

Sehen Sie Ihren Gmail-Posteingang auf MagicMirror

Zeigen Sie Ihre neuen E-Mails mühelos an

Wenn Sie Google-Dienste auf Ihrem MagicMirror verwenden möchten, müssen Sie normalerweise einige Hürden überwinden, um einen API-Schlüssel zu erhalten. Dieses Modul basiert jedoch auf einem App-Passwort, einer Google-Funktion, die älteren Diensten ohne die neuesten Sicherheitsstandards den Zugriff auf Ihr Google-Konto ermöglicht. Ist dies weniger sicher als die Verwendung eines API-Schlüssels? Ja, aber es bedeutet auch weniger Arbeit für Sie, da es ziemlich einfach ist, ein App-Passwort zu erhalten.

Installieren Sie MMM-GmailFeed, indem Sie zu Ihrem Modulverzeichnis gehen und das Repo klonen.

cd ~/MagicMirror/modules && git clone https://github.com/shaneapowell/MMM-GmailFeed

Sobald Sie alle Moduldateien kopiert haben, gehen Sie zu MMM-GmailFeed Verzeichnis und verwenden npm um die zum Ausführen erforderlichen Abhängigkeiten zu installieren.


cd MMM-GmailFeed && npm install

Nachdem nun alles installiert ist, ist die Einrichtung der Konfiguration schnell und einfach.

  • Legen Sie die Nutzername Eigenschaft an Ihre Gmail-Adresse.
  • Stellen Sie als nächstes die Passwort -Eigenschaft auf das App-Passwort, das Sie zuvor erstellt haben.
  • Wählen Sie aus, wie viele E-Mails Sie mit dem maxE-Mails Eigenschaft. Die von Ihnen gewählte Zahl hängt davon ab, wie viel Platz Sie auf dem Bildschirm haben.
  • Ebenso maxSubjectLength Die Eigenschaft wird durch die Breite Ihres Displays bestimmt.
  • Schließlich möchte ich nicht, dass mein Dashboard Lärm macht, also stelle ich die Ton abspielen Eigentum an FALSCH.

Konfigurationsinformationen für das MagicMirror-Modul MMM-GmailFeed


Integrieren Sie Todoist mit MagicMirror

Der Kalender der Wahl für mein Dashboard

Ich verwende Google Kalender in meinem täglichen Leben, weil es kostenlos ist und ich es schon seit Jahren benutze. Aber obwohl Google Tasks nahtlos in Kalender integriert ist, können Sie es mit Google nicht einfach über einen ical-Link mit externen Diensten (wie MagicMirror) teilen, und obwohl es ein Google Tasks-Modul gibt, ist es sehr aufwändig, es mit Ihrem Konto zu verbinden. Deshalb verwenden wir stattdessen Todoist. Wenn Sie noch kein Konto haben, gehen Sie zu Todoist.com und registrieren Sie sich, um ein kostenloses Konto zu erhalten. Sobald dies erledigt ist, greifen Sie auf Ihr Einstellungen und richten Sie eine Integration um einen kostenlosen API-Schlüssel zu erhalten.

Installieren Sie MMM-Todoist, indem Sie zu Ihrem Modulverzeichnis navigieren und das Repository klonen.

cd ~/MagicMirror/modules && git clone https://github.com/cbrooker/MMM-Todoist.git


Dann springen Sie in die MMM-Todoist Verzeichnis und installieren Sie die Node-Abhängigkeiten.

cd MMM-Todoist && npm install

Um das Todoist-Modul zum Laufen zu bringen, müssen wir einige Hürden überwinden, aber das ist nicht allzu mühsam.

  • Stellen Sie zunächst Ihre Zugangstoken -Eigenschaft dem API-Schlüssel, den Sie zuvor generiert haben.
  • Setze deine maximaleEinträge Und Updateintervall auf das, was für Ihre Anforderungen sinnvoll ist. Ich habe es auf 20 Einträge und eine Aktualisierungszeit von 20 Minuten eingestellt, aber das ist Ihre Entscheidung.
  • Für die Projekte Eigenschaft müssen Sie die Projekt-ID für alle Todoist-Projekte auflisten, die auf Ihrem MagicMirror-Display angezeigt werden sollen. Sie finden diese ID in der Adressleiste Ihres Webbrowsers, wenn Sie Ihr Todoist-Projekt anzeigen.
  • Alternativ können Sie festlegen, dass nur Aufgaben mit bestimmten Bezeichnungen angezeigt werden. Verwenden Sie dazu das Etiketten Eigentum.

    Sie müssen entweder die Projekte Eigentum oder die Etiketten Eigenschaft für das Modul, um Ihre Aufgaben anzuzeigen.

  • Legen Sie die maxTitellänge -Eigenschaft basierend darauf, wie viel Platz das Modul einnehmen soll.


Konfigurationseinstellungen für das MagicMirror Todoist-Modul

Verwenden Sie weitere MagicMirror-Module, um ein personalisiertes digitales tägliches Dashboard zu erstellen

Die Möglichkeiten sind endlos

Diese Anleitung zum Einrichten eines digitalen täglichen Dashboards ist bei weitem nicht erschöpfend. Dies ist nur das Setup, das für meine Anforderungen am besten geeignet ist. Wenn Sie eine Airtable- oder Trello-Integration hinzufügen möchten, können Sie dies anstelle von Todoist tun. Wenn es Ihnen wichtig ist, den ganzen Tag über über Nachrichten oder Sport auf dem Laufenden zu bleiben, stehen Ihnen viele Module zum Experimentieren zur Verfügung. Wenn Sie abenteuerlustig sind, können Sie auch die CSS-Dateien ändern, um einzigartige Farben und benutzerdefinierte Schriftarten zu erhalten. Wenn Sie am Ende ein MagicMirror-Dashboard erstellen, erzählen Sie uns in den Kommentaren von Ihrem Setup!


Screenshot eines MagicMirror-Displays



Source link