Raspberry PI Tutorial

Créez un tableau de bord personnalisé avec Smashing.io

Par Thomas, le 3 avril 2021 — 4 minutes de lecture
Créez un tableau de bord personnalisé avec Smashing.io

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?

  • Impressions sur toile personnalisées avec vos photos - Impression sur toile personnalisée - Personnalisez-la avec votre propre photo - Cadre en bois de différentes mesures
    Tableau personnalisé
  • Comment voir un tableau Nouvelle Édition
  • Tableau de musique acrylique de Code Spotify personnalisé personnalisé SpotifyGlass personnel Mini Polaroid Photo Style acrylique anniversaire Photo Album Plaque Plaque de musique personnalisée
    💖 【Tableau de musique personnalisé】 Sélectionnez simplement le titre, l'album et la pochette de votre choix ou votre photo et nous le résoudrons pour vous. Nous garantissons une qualité professionnelle, pas de colle, pas d'autocollants. Montrez votre amour ou votre amitié à vos proches. 💖 【Tableau de musique personnalisé】 Sélectionnez simplement le titre, l'album et la pochette de votre choix ou votre photo et nous le résoudrons pour vous. Nous garantissons une qualité professionnelle, pas de colle, pas d'autocollants. Montrez votre amour ou votre amitié à vos proches. 💖 【Grand cadeau pour l'amour】 Étant donné que chaque souvenir a un sens de la musique plus fort, nous vous fournissons une qualité sonore à la mesure de vos sentiments.C'est un Noël parfait, Saint Valentin, Halloween, anniversaire, Thanksgiving, pendaison de crémaillère, cadeau de graduation pour votre femme , homme, sœur, frère ou membres de la famille avec ce symbole spécial de l'amour. 💖 【Qualité professionnelle】 En plexiglas acrylique, pas de colle, pas d'autocollants.Quatre tailles que vous pouvez choisir: 10cm * 15cm, 15cm * 20cm.20cm * 25cm, 20cm * 30cm 💖 【Spotify Glass significatif】 Avec nos disques de musique SpotifyGlass, rendez votre musique préférée éternelle et ramenez-vous au moment nostalgique, chaque souvenir est plus fort dans la musique.

Thomas

Fan de Raspberry Pi de la première heure, je suis l'évolution de ces micro-pc depuis maintenant 5 ans. En plus de l'actualité je propose de nombreux tutoriels pour vous aider à exploiter pleinement votre nano-ordinateur côté domotique ou retro-gaming.