Un Tableau de Bord numérique

Difficulté:

Comment afficher tout un tas d’informations sur un vieil écran LCD depuis un Raspberry Pi



L’idée est de créer ce que les anglais appellent un “dashboard” : en fait, une unique page web qui sera hébergée sur un Raspberry Pi et affichée sur un écran LCD de récupération.
La page web se voudra le plus personnalisable possible et contiendra des modules à activer selon nos envies / besoin comme, par exemple :


  • un widget de prévisions météo,
  • une horloge
  • la phase actuelle de la lune et une vision “en temps réel” de notre Terre
  • un fil Rss
  • etc…


L’idée générale est reprise du site Magdiblog, mais le fonctionnement a été complètement ré-écrit, plutôt dans l’esprit du projet statuspanic et de son fichier “.json”.

Matériel :

Budget : Non défini

  • Il nous faut :
  • un vieil écran plat avec une connectique HDMI ou DVI minimum (19″ DVI trouvé à 20€ chez Affair’s)
  • quelques chutes de bois pour refaire un cadre pour l’écran (mais un support mural Vesa pourrait aussi aller)
  • un câble Ethernet pour raccordement à ma Box (disponible ici)
  • une alimentation 5V 1A mini (récup’ d’un téléphone Samsung) (disponible ici)
  • un câble HDMI vers DVI (7€ sur Amazon) : (disponible ici)
  • un Raspberry Pi B (et non “B+” comme stipulé initialement, merci Greda !) (30€ ou mieux, un Pi 2) : (disponible ici)
  • une carte SD (4Go mini, j’ai utilisé une 8Go classe 10 à 7€) : (disponible ici)

Connecte-toi pour découvrir ce tuto
Rejoins une communauté de plus de 40 000 Makers français, découvre toutes leurs techniques et idées créatives et partage tes projets !

A découvrir :
Etape 1 : L’aspect physique des choses
Etape 2 : Installer une version Raspbian “de base” sur la carte SD
Etape 3 : Alléger et optimiser un peu Raspbian
Etape 4 : Installer le serveur web, gérer le lancement de l’afficheur et créer le 1er module !
Etape 5 : Comprendre le fonctionnement général des modules
Etape 6 : Module xPlanet
Etape 7 : Un widget météo
Etape 8 : Module Connexion
Etape 9 : Module RSS
Etape 10 : Module Diaporama
Etape 11 : Module… snow
Etape 12 : Pour finir !
Etape 13 : Sauvegardez votre travail avec Rpi Clone !!!

Sources :

http://www.magdiblog.fr/boa-pi-homedashscreen/1-raspberry-pi-home-dash-screen/, http://doc.ubuntu-fr.org/openbox, http://www.framboise314.fr/personnaliser-noobs-et-ses-distributions-23/, http://rasp-pi.ici.st/mon-dashscreen/, http://www.alandmoore.com/blog/2011/11/05/creating-a-kiosk-with-linux-and-x11-2011-edition/, http://blogs.wcode.org/2013/09/howto-boot-your-raspberry-pi-into-a-fullscreen-browser-kiosk/, https://rhp997.wordpress.com/2012/07/08/kiddie-kiosk-creating-a-browser-only-account/, https://github.com/debian-pi/raspbian-ua-netinst/blob/v1.0.7/README.md, http://debian-facile.org/doc:install:install_minimale


Ok merci sauf que je viens de faire l'apprenti sorcier.
J'ai essaye d'ajouter le programme tv, plus rien ne fonctionne (Erreur de syntaxe JSON dans votre fichier “config.json”!bien sur pas de sauvegarde !
Je tente de remettre tout d'aplomb rapidement 🙁
David

Je vais trouver ou j'ai fait mon erreur !!! 🙂
Je veux aussi ajouter le module programme TV
Pour le moment je ne suis qu'un apprenti sorcier à suivre !!! 🙂

Hello,
Avant toutes choses bonne année 2016 beaucoup de belles choses et de beaux projets à venir.
J'ai réussi a “réparé” mes erreurs. Je ferai partager mes fichiers si je réussi à mettre en place le programme TV sur le tableau numérique.

Hum… Je trouve cela moyen de participer à un concours en pompant le projet d'un autre…
http://www.magdiblog.fr/boa-pi-homedashscreen/1-raspberry-pi-home-dash-screen/

Bonjour à tous,

Je vous partage ici le résumé de nos échanges avec Olivier.
Les sujets abordés sont importants, ce pourquoi nous avons pris le temps d’en discuter avec les membres du Jury pour faire ensemble le tour des deux points évoqués.

Concernant la question de la « pompe » :
Il est bien entendu qu'il est interdit de reprendre le contenu de quelqu'un d'autre et se l'approprier. Mais il n'est pas interdit de s'inspirer de réalisations d'autres personnes sous condition de citer les sources. C’est même le principe de l’open source, de la licence CC BY et une des valeurs clef de la charte des makers.
Dans le cas présent l'auteur (Chapao en l'occurence) précise bien toutes les sources qui ont inspirées sont projet. Nous ne sommes pas dans le cadre d’une appropriation ou d’une copie.

Au delà de ça, vous posez la question de l’originalité du projet et du choix du Jury :
Bien sur nous n’accepterons pas dans un Concours un participant qui reprendrait le projet de quelqu’un d’autre sans rien apporter d’original. Et vous avez bien raison, notre objectif avec ce type de concours est d’encourager l’originalité. Il a semblé au Jury dans le cas du projet proposé par Chapao que de nouveaux apports étaient bien présents (notamment l'utilisation de JSON et le flux RSS).
Toute décision d'un Jury est toujours contestable, et cet échange nous permettra d’être encore plus attentifs lors des prochains Concours à la question de l’originalité des apports.

Voici donc concrètement ce que nous avons décidé d’acter en accord avec le Jury et Olivier pour montrer notre attachement à l’importance de l’originalité des projets récompensés:
– Nous avons demandé à Olivier d’identifier le projet le plus original du dernier concours afin de lui décerner ce prix offert par Kubii : un module caméra pour Raspberry Pi http://www.kubii.fr/idees-cadeaux/85-camera-board-raspberry-pi-640522710386.html.
Le choix d’Olivier s’est porté sur le projet de Damballah avec son module d’éclairage leds infrarouges pour Cam noir sur raspberry pi : http://ouiaremakers.com/module-declairage-leds-infrarouges-pour-cam-noir-sur-raspberry-pi/
– Nous avons proposé à Olivier de rejoindre le Jury du prochain concours Raspberry, ce qu’il a accepté. Cela lui permettra de mettre ses connaissances des projets Raspberry Pi au profit du choix des gagnants.

Je vous souhaite à tous une bonne semaine, et vous invite à suivre les news car nous lancerons très prochainement un nouveau Challenge !

Hortense pour Oui Are Makers, au nom du Jury Kubii et Framboise 314.

ps / nous sommes à l’écoute de vos idées et remontées pour faire avancer Oui Are Makers, si besoin n’hésitez pas à nous contacter à hello(at)ouiaremakers.com

Bonjour à tous,
J'ai enfin réussi à afficher les divers éléments. J'ai trois petits soucis la terre et la lune sont figés et je souhaite agrandir la hauteur de la météo. J'ai changé la valeur du height mais cela ne change rien. Pour finir je voudrais agrandir le fond noir la page principale afin que celui ci prenne tout mon écran.
Merci de votre aide.

bonjour,
Joli travail ,tout fonctionne.Mais ,je suis débutant en 'php',je n'arrive pas à éditer les 2 fichiers “index.php”du module météo (essayé avec plusieurs éditeurs comme Vim ou pspad460) tout s'affiche sur une seule ligne ??? comme s'il n'y avait pas de formatage,donc illisible.Tous les autres fichiers index sont OK.
NB: si ce n'est pas le bon endroit pour la question ,je m'en excuse par avance.
PS : j'utilise rpi-clone et c'est super pratique

Merci pour la réponse et surtout sa rapidité (vitesse de l'électron ;-)) )
Je vais regarder ça et finir la mise au point.

Bonjour à tous,
Me voici de retour avec un long déplacement à l'étranger pour le travail. Quelle horreur à mon retour. Ma carte sd a grillé 🙁
J'ai du télécharger de nouveau l'os faire les maj : ok
Mais lorsque j'ouvre le navigateur pour avoir l'heure page blanche, pas de message d'erreur : rien !!!
Impossible de refaire l'installation. J'ai téléchargé la version Wheezy de l'os (pas facile de la retrouver !!!).
Si quelqu'un pouvait m'aider.
Merci d'avance.

bonjour ! tu devrais mettre ton sujet sur le forum et mettre un lien vers le sujet via la page facebook, on le verrait mieux 🙂

Bonjour Greda !

Ah, sale coup qui t'arrives là… et qui ne m'est pas étranger, d'où l'ajout de la partie “sauvegarde” avec RPi-clone dans le tuto… ce qui m'a sauvé la mise plus d'une fois !
Je travaille depuis plusieurs jours maintenant sur une migration vers “Jessie”, mais je bloque encore sur qq soucis (je pars de la Jessis “Lite”, j'arrive à installer Xserver, OpenBox… mais pas Chromium => passage à Epiphany… mais pas de plein écran possible; grrrr 😉 )… et surtout, j'ai peu de temps pour m'en occuper en ce moment… et puis, je passe du coup sur un RPi 2…

=> tu peux en effet mettre ta question sur le forum pour avoir plus de réponses comme le propose Hortense.

Sinon, où bloques tu dans l'installation ?

Bonjour,
Ok merci pour l'information.
Greda 🙂

Bonjour à tous,
J'ai enfin récupéré toutes les informations pour réinstaller le Dashboard.
Pour la petite histoire, j'ai du acheter un rpi ancienne génération (B) pour retrouver mes petits !
Le modèle B+ n'accepte pas la configuration décrite dans ces différentes pages.
Amicalement.

Merci pour le tuto, mais un petit détail pour la fin de l'étape 4 :

Dans le fichier .xinitrc le lancement de openbox-session ne pose-t-il pas de problème si l'interface graphique par défaut est déjà lancé
Est-il nécessaire de modifier rc.local si l'interface graphique par défaut se lance déjà au démarrage ?
Merci

Bonjour,
Merci pour cet excellent tuto.
Je pars de loin mais je voudrais savoir ou se trouve le répertoire modules sur le Raspberry ? Je voudrai copier les fichiers.
Merci de votre aide.
David

Désolé, j'ai trouvé ne pas tenir compte de ma demande.
David

Bonsoir Pouvez vous me fournir un lien pour télécharger les sources ? D.avance merci

J'ai un soucis pour pour accéder au répertoires modules j'ai le message suivant : -bash: cd: /var/ww/tdb314/modules/: Permission non accordée
Merci de votre aide.

Hello,
Malgré tes recommandations, j'ai toujours le même message :
-bash: cd: modules/: Permission non accordée
Merci de ton aide.
David

J'adore… Je voudrais recycler une vieille tablette (Iconia Tab A500), c'est possible ?
L'on peut intégrer aussi le programme télé ?

Oui la galère 🙁
En mode root je n'ai pas de mot de passe disponible ????!!!!
Voici le résultat de la commande :
pi@raspberrypi ~ $ ls -al /var/www/
total 16
drwxrwxr-x 3 www-data www-data 4096 déc. 18 14:53 .
drwxr-xr-x 13 www-data www-data 4096 déc. 18 14:22 ..
-rw-rw-r– 1 www-data www-data 177 déc. 18 14:23 index.html
drwxrwxr-x 4 www-data www-data 4096 nov. 25 20:51 tdb314
Encore une fois merci 🙂
David

Ok merci je suis enfin dans le repertoire module.
Je te tiens au courant.
Merci 🙂

Whoua j'ai réussi à avoir le flux rss du Monde 🙂
Aller c'est parti pour Xplanet, ensuite la méteo !!!!!!

Super tuto !
Je me pose une question. J'ai une page qui affiche un certain nombre d'informations, je voudrais que dans le tableau cette page s'affiche. Comment faire pour créer un module qui afficherait le contenu d'une page ? Quel est le code à mettre dans index.php ?
Merci 🙂

Bonjour,
Merci pour ton retour rapide. Je n'ai pas eu le temps de me pencher de nouveau sur le sujet et en plus, je n'avais plus d'accès Internet a la maison. Je te tiens au courant rapidement.
Je constate que tu as encore beaucoup d'idées en tête super. 🙂
David

Bonjour,
Voila j'ai remis le nez dedans merci beaucoup pour toutes ces infos.
Je bloque pour l'ajout de cette ligne : • ajouter un ligne associée au démon “cron” :
sudo crntab -e
0 */4 * * * /var/www/tdb314/ressources/xplanet/xplanet_cloud.sh
Je ne sais pas dans quel fichier elle doit être.
Sinon tout le reste fonctionne superbe 🙂
Merci
David

re bonjour,
J'ai encore quelques petits soucis de configuration qui sont les suivants :
– Impossible de désactiver la mise en veille malgré la configuration suivante BLANK_TIME=0 (Défaut 30)
POWERDOWN_TIME=0 dans /etc/kbd/config
– Démarrage de startx mais le navigateur ne s'ouvre pas.
Merci de votre aide
Amicalement.

Ben oui, tu as parfaitement raison Greda, c'est bien un modèle B qui fait tourner ce projet et non un B+ comme je l'avais mentionné !!!
Dire que personne n'a rien vu jusqu'à présent… Sacrée coquille de ma part, j'en suis désolé…
Et là, je suis sur la création d'une “v2” de ce projet, à base d'un RPi 2 B et de Raspbian Jessie… histoire d'être “au goût du jour”.

Bonjour Chapao,
Je ne suis pas d'accord avec toi, il faut juste lire au lui de se précipiter 🙂
Bonne soirée.

Bonjour Greda,
Pour ce qui est de la mise en veille, je te conseille d'installer “x11-xserver-utils” qui va te permettre de gérer tout ce qui est DPMS (Display Power Management System) via ces lignes, à ajouter à ton fichier .xinitrc, avant de lancer Openbox :
xset -dpms
xset s off
Et j'avoue ne pas connaître la solution dont tu parles…

Et puis, grande nouvelle, j'ai enfin mis en ligne un nouveau tutoriel qui devrait te permettre de réaliser cet afficheur avec ton Raspberry B+ et la dernière version de Raspbian Jessie ! :
http://ouiaremakers.com/un-tableau-de-bord-numerique-v2/

Grande nouvelle : j'ai enfin pris le temps de créer un nouveau tutoriel qui ne “pompe” personne et a pour objet d'arriver au même résultat que celui-ci, mais en s'appuyant sur la toute dernière version de Raspbian Jessie et valide pour le Raspberry Pi 2 B ! :
http://ouiaremakers.com/un-tableau-de-bord-numerique-v2/

Bonjour,
C'est vraiment super ce tuto, cela m'a donné envie et je vais commandé un kit.
Par contre pouvons nous ajouter un bloc note car ça remplacerait le tableau à craie.
Merci par avance pour votre réponse
Bien Cordialement
Franck

Bonsoir,
Super tuto et assez simple à comprendre.
En revanche, il y a une chose que je n'arrive pas à faire : placer le widget météo sur ma page.
J'ai beau modifier le top et left du config.json mais il ne bouge pas et reste au coin en haut à gauche.
J'ai essayé
“top”: “490px”,
“left”: “30px”,
et d'autre valeur mais rien à faire il reste caché par l'image de la terre…
Un petit coup de main ne serait pas de refus 😀

Merci!

Merci pour le partage, oui, je suis tombé une fois par hasard sur ton site et n'arrivais plus à le trouver => sympa !

Bonjour 01marc,
Bon, je viens de refaire le test et ça marche bien…
As-tu bien ré-actualisé ton afficheur une fois le fichier config.json modifié ? (en faisant un “F5” pour rafraîchir le navigateur par ex.)
Es-tu sûr de bien avoir modifié et enregistré ton fichier config.json ? Comment fais-tu cela ? en utilisant nano directement sur ton RPi ou en ssh ; ou en modifiant le fichier depuis un PC puis en le transférant sur ton RPi ensuite ?
As-tu d'autres modules de ton afficheur qui pourrait empiéter sur la place de ton module météo ?

Bonjour franckygosth,
De mon côté, cet afficheur reste un afficheur “passif” => il n'y a ni clavier ni souris associés et je ne peux donc pas interagir avec les données qu'il présente.
=> donc, de ton côté, qu'entends-tu par “bloc-note” ? Ou du moins, comment imagines-tu pouvoir l'utiliser ? En utilisant un “programme” existant et en le synchronisant avec l'afficheur (et tu le modifierais alors depuis un autre PC ?), ou en ayant une souris / clavier et en pouvant directement écrire de nouvelles notes sur l'afficheur ?
Pas si évident en tout cas à mon avis… mais il faudrait avoir le temps de s'y pencher plus longuement => si qq'un d'autre a des idées / retours d'expérience !

Euh… qu'entends-tu par “état de la circulation” ???
S'il s'agit d'une autre page web à afficher (type “bison futé ?), j'imagine qu'en utilisant une balise “IFRAME”, ce serait jouable, mais j'avoue ne pas avoir encore eu le temps de regarder ce genre de module… mais vous êtes plusieurs à avoir cette demande.

Bonjour greda,
Je ne suis pas bien sûr que ce soit pour un souci de droit que ton module météo ne s'affiche pas…

Cela dit, pour modifier les droits d'accès aux fichiers de ton afficheur, il faut faire 3 actions :

D'abord, être sûr que ton dossier web d'apache appartienne bien au groupe www-data en tapant :
sudo chown -R www-data:www-data /var/www

Ensuite, y ajouter le droit d'écriture pour le groupe www-data en tapant :
sudo chmod -R g+w /var/www

Et enfin, ajouter le groupe “www-data” à l'utilisateur “pi” en tapant :
sudo usermod -aG www-data pi

N'oublies pas de redémarrer ton Raspberry Pi, et désormais, tu pourras tout faire en tant que “pi” dans le répertoire qui héberge ton afficheur !

C'est étrange, j'ai juste 4 modules (heures, terre, lune et météo), je n'ai pas bougé la position des modules.
Mon config.json est bien enregistré et j'ai essayé en faisant nano (sudo), en transferant et remplaçant en ssh (avec openduck sur mac en root), je n'ai pas encore essayé par ssh avec terminal.
Le seul module qui peut poser problème serait la Terre mais je ne vois pas pourquoi…
Est ce que je pourrais poster mon config.json histoire de voir si tout est bon ?
Encore merci pour ce tuto beaucoup plus clair que certains autres !

Ok, je suis un boulet… j'avais renommé le fichier meteo_h.css en meteo.css mais devinez quoi… hé oui, pas le code du .css qui était resté en _h …
Du coup ça marche!

Les “coquilles”, ça arrive à tout le monde ! Et j'avoue que je ne voyais pas trop dans quelle direction chercher une solution à ce problème… heureux que tout fonctionne !

Bonjour, Merci pour ta réponse, c’est sur que si quelqu’un d’autre à une idée se serait bienvenue.
On m’a indiqué d’utiliser les widgets Wunderlist ou encore Remember the milk pour des notes ou listes de tâches.
Qu’en pensez vous ?
Bonne journée à tous

Bonjour,
Ah oui, si tu peux utiliser un simple “widget”, la mise en place se fera comme le module “météo”, donc plutôt facile.
J'ai eu utilisé Wunderlist à ses début, mais je suis passé à Evernote et je ne sais pas s'il propose un widget… Quant à “ne pas oublier le lait”, j'adore l'humour associé au choix du nom, mais à part dans la vraie vie, je ne connais pas 😉 !!!

Rassures toi, je n'ai pas l’intention d'envenimer la situation, je suis moi même de nature calme et posée.

Je suis parfaitement d'accord avec toi sur le fait que, légalement, tu es tout à fait en droit de reprendre mon concept et mes sources. Je les distribue de bon coeur à des fins didactiques en premier lieux, et pour inspirer d'autres projets en second lieux.

Un blogueur (qui se reconnaîtra), s'est inspirer de ce même projet pour en fait un radio-réveil avec affichage de l'heure, la météo et jouer de la musique. Il cite la source (comme toi), et explique son projet qui est original (pas comme le tien).

En revanche, reprendre l'intégralité du projet, citer la source et modifier deux lignes de code (quand ce ne sont pas simplement des commentaires qui ont été ajouté) puis mettre ton nom en dessous et en participant à un concours en réclament l'originalité, ça, ce n'est pas fairplay comme tu dis.

Les organisateurs du concours auraient dû filtrer ta candidature. En effet, dites moi si je me trompe, mais dans cas, au prochain concours, je sélectionne un projet open-source du MIT ou de la NASA, je cite la source, je modifie la couleur du titre, et je participe à un concours en mon nom !

Légalement valide, humaine totalement abject !

Bonjour,

Article très intéressant !

J'aurai une petite question concernant les éléments affichés, est-il possible d'ajouter l'état de la circulation sur le tableau de bord ?

Merci de vos retours

Chapao c'est génial ! Tu es un moteur à tuto 😉
Super pour le partage !

Bravo, super idée et très bon tutoriel. Une petite question quand même, connaissant framboise314, n'auriez-vous pas pu créer une clé USB ayant Raspbian afin de limiter les écritures sur votre carte SD?
http://www.framboise314.fr/booter-le-raspberry-pi-sur-un-disque-dur-usb/

Bravo et merci pour le boulot!

Bonjour à tous, tout d'abords merci pour ce joli tuto et l'explication qui va avec. J'ai reussi a tout faire fonctionner mais j'ai besoin de toi Chapao. J'ai eu l'idee de vouloir ajouter un widget ephemeride (http://www.ephemeride.com/generic/53/outils-pour-webmasters.html) cependant je n'arrive pas a le faire apparaitre sur ma page. je m'embrouille complet, de plus je voudrai cacher des informations du widget tout comme pour le plugin meteo mais je n'y arrive pas également. Est'ce que quelqu'un pourrait m'aider s'il vous plait. Je compte par la suite essayer de faire marcher une sorte d'alerte a anniversaire ainsi que l'affichage des jour férié+vacance scolaire ou encore le programme tv, une to do list. J'ai pas mal d'idée mais j'ai du mal à les mettre en place. help please

Bonsoir Chapao,
Je vais tester dès que j'ai un moment donc rapidement :-))
Bonne soirée.
Amicalement.
Greda

Bonjour,
Je viens de comprendre pourquoi la météo ne se mettait pas à jour sur mon écran. Je suis connecté en PI et je n'ai pas les droits pour accès aux dossiers /var/www/tdb341/ J'ai effectué l'installation en root.
J'ai essayé donner les droits à PI mais impossible message : -bash: cd: modules/: Permission non accordée
Si vous pouviez m'aider ?
Merci
Greda

Peut-on avoir les liens de téléchargement svp ? merci

Bonjour Moi aussi je suis intéressé par les liens de téléchargement ? D'avance merci

bonjour, est-il possible de rajouter un planificateur de tache ou un agenda pour les rdv ? Cordialement

Bonjour Chapao, Je reviens vers toi suite à un gros problème avec mon tableau de bord numérique qui a rendu l'âme. Bref : j'ai repris pas à pas pour refaire un tdb V1 mais je bloque encore et toujours sur les droits Linux: Je souhaite accéder au répertoire : cd /var/www/tdb314/modules et j'ai le message : Permission non accordée. J'ai repris les messages que nous avions échangé mais hélas cela n'a rien changé à ma problématique. Je te remercie d'avance. David

Je t'ai répondu en MP, puisque tu m'as d'abord joint comme cela ;)

bonjour, grand merci pour ce superbe travail. cela dit j 'ai un souci avec le xplanet les map ne se génère pas. elle reste fix pas de changement de position de l effet nuit ou mème du changement de mois. salutations

Bonjour,

D'abord un énorme merci pour ce super travail.


Comme beaucoup c'est juste un petit truc qui ne fonctionne pas : la lecture des flux RSS : 

L'emplacement y est mais impossible d'afficher quoi que ce soit depuis un flux rss :(


Merci d'avance si certains ont des idées !

Merci d'avance !

hello

quand je lance le raspberry, j'ai un fichier php qui me decrit la facon dont uil va chercher les infos, mais pas l'ecran graphique

avez vous une idee

ello personne ??


Ces tutoriels devraient vous plaire

Arduino Uno - Capteur d'humidité au sol.
Montez facilement votre console de jeu rétrogaming avec RECALBOX !
Fabriquer une lampe à lave

Découvrez tous les tutoriels partagés sur Oui Are Makers

Powered by Oui Are Makers