Écran d'Aide à la Navigation

Écran d'Aide à la Navigation

05/01/2023

Écran interactif

Description

Un système d'affichage dynamique basé sur Raspberry Pi, destiné à fournir des informations pratiques et visuelles sur un écran. Ce dispositif polyvalent affiche une variété de contenus interactifs, rendant l'information à la fois accessible et engageante. Le Raspberry Pi est configuré pour afficher une page web animée montrant le logo de l'entreprise, la météo actuelle, la date et le jour, ainsi que des icônes spécifiques. Au cœur de l'écran, des directives sous forme de flèches indiquent divers emplacements tels que l'ascenseur, le rez-de-chaussée ou l'infirmerie. À côté de ces indications, un slider tourne en boucle, montrant des photos sélectionnées, tandis qu'un texte défilant en bas de l'écran communique des informations pratiques, comme les horaires d'ouverture du secrétariat. Ce système inclut un panel administratif permettant d'ajouter, de supprimer ou de modifier les directives, l'orientation des flèches, les photos ou les icônes. Une fonctionnalité notable est le mode sombre programmable, qui réduit la consommation électrique sur les écrans OLED, particulièrement utile pendant les heures creuses. La gestion des horaires est également une composante clé de ce système. L'affichage peut être programmé pour indiquer différents statuts en fonction des heures, comme les heures d'ouverture ou de fermeture du secrétariat, avec des couleurs de fond personnalisables pour chaque plage horaire. En outre, le dispositif intègre une fonctionnalité météo en temps réel, utilisant l'API d'Owen Weather. Il récupère automatiquement des informations telles que le nom de la ville, la température, l'état du ciel, et affiche une icône correspondante (soleil, nuages, pluie, etc.), basée sur la localisation GPS actuelle. Ce projet illustre mon aptitude à créer des solutions numériques personnalisées et interactives, qui améliorent l'expérience utilisateur tout en fournissant des informations essentielles de manière intuitive et esthétique.

Technologies utilisées

HTML 5HTML 5
CSS 3CSS 3
JavaScriptJavaScript
PHPPHP
MySQLMySQL

Liens associés