Création d'un affichage dynamique des événements sur une TV avec les données Apidae

Merci à Fabien Bravard (Office de Tourisme de la Vallée de Chamonix-Mont-Blanc) pour la rédaction de ce document

Quand l’urgence et la nécessité d’économie frappent à votre porte, nous sommes parfois contraint de faire les choses nous-mêmes !
Nous avons pris en exemple ici, la création d’un affichage sur un écran TV de la liste de vos événements Apidae avec un défilement automatique des fiches.

Les ingrédients

• Un hébergement internet (votre site web par exemple)
• Une TV avec entrée HDMI
• Un vieux PC avec sortie vidéo HDMI et connecté à internet (pas trop vieux quand même)
• Un peu de savoir-faire développement PHP/mysql
• De la recherche internet !

Recette

Tout l’intérêt de la chose est que le résultat soit d’abord juste au niveau des informations diffusées (merci Apidae et les contributeurs !) mais aussi plutôt agréable à consulter pour ne pas « dégrader » nos beaux hall d’accueils d’office !

Si vous ne savez pas développer un minimum, demandez à votre prestataire de site internet ! Sinon, voici comment nous nous y sommes pris :

• Commencer par quelques visites des sites internet présentant des effets animés « CSS/jQuery/html5 » (Je vous suggère d’utiliser les mots clés « slideshow » , « slider » ou « diaporama html » dans Google).
• Un fois trouvé un effet plaisant, dans le cas présent « swiper » qui est open source (voir : http://idangero.us/swiper/#.WG5T-n3xQ4c), j’ai consulté les tutoriels d’utilisation puis j’ai intégré les requêtes d’affichages des événements de notre site chamonix.com dans ce diaporama : liste des événements + fiches des événements du jour + liste des événements de demain + fiches des événements de demain.
  Tout scénario est possible évidemment ! (événements, webcams, météo…)
• Adaptez les options du diaporama « durée entre les fiches », « boucle », etc…
• Brancher votre PC à votre TV, ouvrez votre navigateur Google Chrome, saisissez le lien de votre page fraîchement créée et affichez là en plein écran. Après il suffit d’adapter l’affichage à la taille de la TV en choisissant les bonnes tailles de police, de photos, et que ça ne déborde pas trop !

Voilà, c’est loin d’être parfait, mais ça n’a rien coûté et les touristes le consultent !
Le résultat est visible ici : http://www.chamonix.com/tv/

Quelques astuces

• Pensez à désactiver les veilles du PC, des TV, les mises à jours…
• Désinstallez tous les logiciels inutiles du PC du type « Acrobat PDF », pour ne pas qu’ils s’affichent inopinément par-dessus votre affichage.
• Vous pouvez lancer le navigateur Google chrome en plein écran au démarrage de votre PC :  ajouter un raccourci Google chrome dans le dossier « tous les programmes » -> « démarrage » puis clic droit sur ce raccourci, « propriété » et ajouter dans Cible «  -kiosk » après « chrome.exe » => « …chrome.exe –kiosk »