Page 1 sur 1

GoLive : affichage des résultats avec défilement automatique

MessagePosté: 09 Avril 2015, 23:41
par simon
Pour ceux que ça intéresse et qui veulent bidouiller, j'ai mis en ligne le code d'une petite appli web permettant de faire défiler des résultats automatiquement sur un écran, pour les coureurs. On s'en est servi sur le dernier jour de Pâques O'Trièves, quand il a fait suffisamment beau pour qu'on ose mettre un écran dehors.

Le principe :
  • on choisit une mise en page (4 colonnes, 6 colonnes, ...) : pour chaque colonne, on choisit le résultat (circuit) qu'on veut y afficher
  • quand une colonne n'est pas assez grande pour afficher tous les coureurs d'un coup, elle scrolle automatiquement à intervalle régulier (toutes les 10 secondes) pour faire défiler tous les coureurs
  • on peut lancer un rafraîchissement automatique des résultats (toutes les 30 secondes) - résultats au format json
  • les derniers coureurs arrivés sont aussi mis en avant par leur couleur (rouge pour les arrivées dans la minute, jaune pour ceux qui sont arrivés dans les 5 dernières minutes)

https://github.com/sdenier/golive

Techniquement, il y a plusieurs choses à savoir :
  • appli tournant sous Chrome, IE, Firefox... On peut donc répartir les résultats dans plusieurs fenêtres de navigataur, chacun sur un écran
  • c'est un proto nodejs/angularjs - il faut savoir un peu manipuler ce genre d'outils pour lancer
  • l'appli consomme du json en entrée, soit donné par un serveur (proxifié dans server.js) soit directement en fichier statique (voir un exemple dans https://github.com/sdenier/golive/blob/ ... sults.json)
  • la mise en page est faite avec Zurb Foundation pour ceux qui connaissent (un peu comme Twitter Bootstrap) - on peut donc facilement créer de nouvelles mises en page et adapter à différentes tailles d'écran

Re: GoLive : affichage des résultats avec défilement automat

MessagePosté: 10 Avril 2015, 05:10
par Eric_d_Orient_Alp
Trop fort notre Simon !