Les cartes Raspberry Pi sont des appareils incroyablement utiles et polyvalents. Il convient à une poignée de projets, des jeux et serveurs rétro aux assistants vocaux. Créer un tableau de bord personnalisé avec Smashing.io est un moyen simple mais ultra-fonctionnel d’utiliser votre Raspberry Pi.
Qu’est-ce que Smashing.io?
Smashing.io est un fork de Dashing. En 2016, Dashing a été abandonné. Bien qu’il ne soit plus activement maintenu, Dashing est parfaitement utilisable. Cependant, le Smashing fork fournit essentiellement le même ensemble de fonctionnalités, mais avec des mises à jour régulières.
C’est un cadre basé sur Sinatra qui permet à l’utilisateur de créer de superbes tableaux de bord. Ces tableaux de bord comportent divers affichages.
Ce dont vous aurez besoin pour installer Smashing sur le Raspberry Pi
Avant de commencer, vous aurez besoin de quelques éléments. Plus particulièrement, vous aurez besoin d’un Raspberry Pi. Puisque Smashing est assez léger, un Raspberry Pi Zero ou Raspberry Pi 2 devrait convenir. Néanmoins, ce n’est jamais une mauvaise décision d’opter pour un Raspberry Pi 4 pour ses gains de performances.
Ensuite, vous aurez besoin d’une carte microSD de 8 Go ou plus. Raspbian, un système d’exploitation basé sur Debian spécialement conçu pour le Pi est un premier choix, mais tout système d’exploitation Linux compatible avec le Raspberry Pi devrait suffire. Étant donné que Smashing est un programme basé sur Internet, vous aurez besoin d’une connexion Internet active via Ethernet ou Wi-Fi.
Parce que Smashing est un tableau de bord, vous aurez également besoin d’un câble HDMI et d’une sorte de moniteur ou de télévision comme écran. En prime, envisagez de monter votre panneau à l’aide d’un support vesa ou éventuellement d’ajouter un cadre autour de celui-ci pour l’esthétique.
Créez un tableau de bord personnalisé avec Smashing.io
Apprenez tout sur l’installation de Smashing, des prérequis à l’installation principale et à la première configuration.
Avant d’installer Smashing.io, il y a quelques prérequis. Smashing a besoin de Ruby 1.9.9 ou plus récent. Les utilisateurs de Raspbian peuvent avoir Ruby pré-installé. Pour vérifier votre version de Ruby, exécutez:
rubis -v
Vous aurez également besoin de NodeJS. Pour installer Ruby et NodeJS, entrez:
sudo apt-get mise à jour
sudo apt-get install ruby ruby-dev build-essential nodejs
Installez Smashing.io
Commencez par installer le bundler Gem:
bundler d’installation sudo gem
Cela installe le bundler Gem. Après cela, installez Smashing:
sudo gem installer smashing
Une fois que c’est terminé, Smashing est installé. Maintenant, créez un nouveau répertoire appelé tableau de bord fracassant et naviguez dans ce répertoire:
mkdir ~ / smashing-dashboards && cd ~ / smashing-dashboards
écraser le nouveau my_sample_dashboard
cd my_sample_dashboard
Ensuite, éditez le Gemfile dans ce dossier de projet et exécutez:
installation groupée
Avec cela complet, Smashing est correctement installé et prêt à être utilisé.
Commencez à fracasser
Comme de nombreuses options logicielles, Smashing est accessible via un navigateur. Pour exécuter Smashing.io, ouvrez une ligne de commande et exécutez:
début fracassant
Ensuite, vous devriez pouvoir voir votre tableau de bord. Il est disponible sur http: // localhost: 3030 ou depuis l’extérieur de votre réseau domestique sur http: //[DNS SERVER NAME]: 3030
La configuration initiale
Lors de sa première configuration, le tableau de bord par défaut est organisé par ordre alphabétique. Mais vous pouvez remplacer cette disposition en modifiant les paramètres Sinatra dans: default_dashboard. Vous pouvez y accéder via le config.ru dans le répertoire de votre application Smashing:
configurer faire
set: auth_token, ‘AUTH_TOKEN’
set: default_dashboard, ‘my_favourite_dashboard’ # <==== définir le tableau de bord par défaut comme ceci
les aides font
def protégé!
rediriger (‘/ auth / g’) sauf si session[:user_id]
finir
Ajouter des widgets
Smashing est un magnifique tableau de bord composé de widgets. Il y a des tas de widgets parmi lesquels choisir.
Horloge analogique
Le premier widget que j’ai essayé était l’horloge analogique. Comme son nom l’indique, c’est une horloge analogique qui affiche l’heure actuelle. Ouvrez quatre fichiers de projet Smashing un ERB. Ensuite, ajoutez les lignes de code suivantes:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
<div data-view="Myclock"></div>
</li>
Widget de décompte des commentaires Disqus
Source de l’image: Écureuil Hacker
Ceci est un widget super pratique qui affiche votre nombre de commentaires Disqus. Vous pouvez modifier l’icône de commentaire ainsi que la couleur de fond. Dans le fichier dashboard.erb, ajoutez:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> <div data-id="disqus_comments" data-view="Number" data-title="Comments" data-moreinfo="This Month" style="background-color:#427EB4;"></div> <i class="icon-comments icon-background"></i> </li>
Widget Twitch
Source de l’image: GitHub
La plate-forme de diffusion en direct de jeux vidéo populaire Twitch dispose d’un widget Smashing. Tout d’abord, créez un dossier appelé tic dans votre répertoire de widgets. Ensuite, ajoutez twitch.html et twitch.coffee au dossier Twitch.
Après cela, ajoutez le HTML à votre fichier dashboard.erb:
<li data-row="1" data-col="1" data-sizex="3" data-sizey="2"> <div data-id="twitch" data-view="Twitch"></div> </li>
Si vous souhaitez changer de chaîne, ouvrez un terminal et exécutez:
curl -d ‘{« auth_token »: « YOUR_AUTH_TOKEN », « channel »: « CHANNELNAME »}’ http: // hôte: 3030 / widgets / twitch
Mais remplacez les différentes pièces par votre jeton et le nom de votre chaîne spécifiques.
Widget Sonos
Source de l’image: GitHub
Si vous êtes accro à la musique, vous avez besoin du widget Sonos. Cela affiche les informations de lecture en cours ainsi que les illustrations de l’album. Tout d’abord, ajoutez les dépendances. Vous devrez ajouter ces lignes à votre gemfile:
nécessitent ‘rubygems’ nécessitent ‘sonos’
Après cela, mettez sonos.rb dans / jobs. Ensuite, ajoutez les lignes suivantes à votre fichier Smashing ERB:
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> <div data-id="nowplaying" data-view="Text" data-title="NOW PLAYING" data-text="Artist - Track"></div> </li> <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"> <div data-id="albumart" data-view="Image" data-title="Album Name"></div> </li>
Si vous souhaitez changer de chaîne, ouvrez un terminal et exécutez:
curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "channel": "CHANNELNAME" }' http://host:3030/widgets/twitch
N’oubliez pas de remplacer les différentes pièces par votre jeton spécifique et le nom de votre chaîne.
Créez un tableau de bord personnalisé avec Smashing.io: dernières réflexions
Smashing est un moyen facile de créer un beau tableau de bord plein d’informations. Les widgets incluent Fitbit, les bandes dessinées quotidiennes de Dilbert, les widgets d’état du projet de construction CircleCI et même les faits Chuck Norris générés à partir de la base de données Internet Chuck Norris. Parce que pourquoi pas. Étant donné que Smashing est un logiciel à faibles ressources système, il ne nécessite pas beaucoup d’énergie et peut donc être utilisé même sur une carte Raspberry Pi Zero.
Il existe de nombreuses options de widgets parmi lesquelles choisir. En fait, l’installation de Smashing est si simple que vous passerez la plupart de votre temps à installer ou à configurer des widgets après l’installation. Notamment, Dashing est toujours fonctionnel bien qu’il ne soit pas maintenu. Pourtant, c’est assez similaire à Smashing et toujours utilisable.
À votre tour: Quels projets Raspberry Pi recommandez-vous?