Créer un tableau de bord mural à l’aide de Dashing.io et d’un Raspberry Pi
Dashing.io est une interface soignée pour créer de magnifiques tableaux de bord. L’application affiche un tableau de bord Web personnalisable avec des widgets de votre choix. Dashing offre une excellente opportunité de créer un tableau de bord mural avec un Raspberry Pi en raison de sa configuration simple sur une machine basée sur Linux.
Non seulement ce projet est amusant, mais il crée un tableau de bord fonctionnel. Vous n’avez pas besoin de connaissances techniques approfondies pour que cela fonctionne, c’est donc un excellent projet Raspberry Pi pour les débutants.
Exiger
Avant de pouvoir créer un tableau de bord mural, vous aurez besoin de quelques éléments. Tout d’abord, vous avez évidemment besoin d’un Raspberry Pi. Comme Dashing.io est très léger, un Raspberry Pi 2 suffira. C’est ce que j’utilise et il fonctionne comme un champion. Un Raspberry Pi Zero devrait également convenir. De plus, vous aurez besoin d’une carte microSD avec un système d’exploitation Linux. Nous recommandons Raspbian standard, un système d’exploitation basé sur Debian, mais vous pouvez également utiliser n’importe quel système d’exploitation Linux compatible Raspberry Pi. Étant donné que Dashing.io nécessite une connexion Internet, vous aurez également besoin d’un adaptateur Wi-Fi ou d’un câble Ethernet pour vous connecter au Pi.
Ensuite, vous aurez besoin d’un écran, de supports et d’un cadre Raspberry Pi. Si vous voulez avoir de la fantaisie, vous pouvez saisir un écran tactile Raspberry Pi et encadrer le Pi avec une boîte d’ombre. Alternativement, n’importe quel ancien moniteur et un cadre ou du bois supplémentaire suffiront. Il existe d’innombrables façons de connecter votre Raspberry Pi à un moniteur ou à un téléviseur.
Faire une vidéo du jour
Ce projet peut être réalisé via une connexion SSH distante, mais comme il sort sur le moniteur du Raspberry Pi, il peut être plus facile de tout faire sur un ordinateur de bureau avec une souris et un clavier connectés.
Installer Dashing.io
conditions préalables
Avant d’installer Dashing.io, vous avez besoin d’un logiciel. Dashing.io a besoin rubis 1.9.9 ou plus tard comme condition préalable. Si vous utilisez Raspbian, vous l’avez probablement préinstallé. Vous pouvez vérifier avec la commande suivante :
rubis -v
Cela devrait renvoyer un texte vous indiquant la version de Ruby, ou si Ruby n’est pas installé.
Si vous n’avez pas installé Ruby, vous pouvez le faire en exécutant :
sudo apt-get install ruby1.9.1-dev
tu as aussi besoin g++. Pour l’installer, entrez la commande :
sudo apt-get install g++
installer le tableau de bord
Après avoir installé Ruby et g++, nous pouvons passer à l’installation du projet Dashing. Exécutez la commande :
sudo gem installer fringant
cette installation fringantCréez un nouveau répertoire nommé Tableau de bord et changez de répertoire:
tableau de bord mkdir et tableau de bord cd
Créons un nouveau projet. Entrez maintenant :
fringant nouveau sweet_dashboard_project
Nous allons créer un dossier pour notre nouveau tableau de bord en créant un nouveau projet de tableau de bord. Vous pouvez lui donner le nom que vous voulez, mais souvenez-vous de votre nom. Assurez-vous que vous êtes dans le dossier sweet_dashboard_project sur la ligne de commande. Utilisez la commande :
cd tableau de bord/sweet_dashboard_project
bundle d’installation sudo gem
Cela vous permet d’exécuter des bundlers. Pour ce faire, entrez :
empaqueter
Il existe maintenant une configuration de modèle de tableau de bord.Vous pourrez bientôt voir cela dans un navigateur Web, mais avant cela, vous devrez commencer fringantAssurez-vous d’être dans le répertoire sweet_dashboard_project sur la ligne de commande, puis saisissez :
cd tableau de bord/sweet_dashboard_project
début fringant
Pour afficher le tableau de bord, ouvrez votre navigateur Web et chargez
http://localhost:3030
(ou
http://raspberrypi.local:3030
si vous faites cela depuis une autre machine).
Dépannage
Si vous obtenez des erreurs concernant l’exécution de JavaScript, vous devrez peut-être installer npmEntrez simplement :
sudo apt-get install npm
Notez que Dashing utilise le port 3030 par défaut. Vous pouvez ajouter des paramètres pour modifier ce port. Depuis la ligne de commande, exécutez :
début fringant -p [port number]
Cela vous permet de spécifier le port souhaité. Ensuite, vous chargerez Dashing en utilisant http://localhost :[port number] au lieu de 3030.
Tout comme vous démarrez Dashing, vous pouvez l’arrêter. Pour arrêter Dashing, exécutez :
arrêt d’urgence
De même, si vous souhaitez exécuter Dashing en arrière-plan, ajoutez -d à la commande :
début fringant -d
Par défaut, vous verrez quelques widgets de base sur le tableau de bord, comme Buzzwords et la barre Synergy, mais c’est inutile sans ajouter vos propres personnalisations. Vous trouverez une liste des widgets disponibles que vous pouvez modifier. J’ai ajouté une horloge numérique qui affiche la date et l’heure. L’ajout d’un widget est aussi simple que de charger ses actifs et de modifier le fichier HTML.
La façon dont un widget est installé dépend du widget spécifique. Par exemple, le widget de 12 heures que je charge nécessite une installation en ligne de commande et la modification du fichier de tableau de bord HTML. Pour le widget Horloge 12 heures Dashing, ouvrez une invite de commande et accédez au répertoire racine du projet Dashing :
cd tableau de bord/sweet_dashing_project
Après avoir changé de répertoire pour le projet Dashing racine, exécutez :
Installation intelligente 6e2f80b4812c5b9474f3
Mais ce n’est pas tout. Vous devez maintenant insérer le code HTML suivant dans votre fichier de projet Dashing :
Vous trouverez le dossier du projet dans Tableaux de bord/sweet_dashboard_project/tableaux de bord. L’installation par défaut comprend un échantillon.erbVous pouvez l’utiliser ou fabriquer le vôtre. Avec Dashboard, vous pouvez utiliser des fichiers erb avec des noms différents pour plusieurs conceptions de tableau de bord.Ensuite, naviguez jusqu’à
hôte local : 3030/[name of erb file]
Découvrez les différents tableaux de bord. Ouvrez le fichier erb requis et ajoutez le code HTML approprié pour ajouter le nouveau widget au tableau de bord Dashing.
Pour ajouter un nouveau widget, chargez simplement le code HTML à la fin du modèle erb en tant que nouvel élément de liste. Vous pouvez modifier la position des widgets de présentation du tableau de bord en les faisant glisser dans l’application Web. Vous devez utiliser la logique HTML en plaçant les éléments de la liste dans des balises de liste non ordonnée (ul). Mais la position dans la liste ne détermine pas la position du tableau de bord – vous pouvez l’ajuster plus tard en faisant glisser et en déposant le widget.
Installez votre tableau de bord
Il n’y a pas de bonne ou de mauvaise façon de monter un moniteur sur un mur. Si vous avez un écran tactile Raspberry Pi, vous voudrez peut-être obtenir un simple cadre ou une boîte ombragée pour le placer. Vous pouvez utiliser vos compétences en menuiserie et construire le cadre en bois ou utiliser un cadre existant. J’ai utilisé une boîte d’ombre et un vieux moniteur Samsung de 20″.
Si vous choisissez le bon appareil, vous pouvez utiliser un vieil écran d’ordinateur portable comme moniteur. Si vous voulez un écran vraiment magnifique, choisissez l’un de ces huit magnifiques boîtiers Raspberry Pi.
Une très belle présentation : réflexions finales
Dashing est un excellent projet pour votre Raspberry Pi. C’est super facile à configurer et il existe de nombreux widgets tiers parmi lesquels choisir. Une petite mise en garde : Dashing n’est plus activement maintenu ou pris en charge, mais cela signifie simplement que vous ne devez pas vous attendre à des mises à jour logicielles majeures – tout ce qui existe déjà continuera à fonctionner. Il existe également un fork appelé Smashing qui possède un ensemble de fonctionnalités similaires.
Je recommande d’utiliser Dashing avec un autre projet. Par exemple, essayez d’installer un Jasper semblable à Siri sur votre Raspberry Pi pour un affichage de tableau de bord qui se double d’un assistant AI open source. Ou essayez la domotique Raspberry Pi.
A propos de l’auteur