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

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

Messagepar simon » 09 Avril 2015, 23:41

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
simon
 
Messages: 157
Inscription: 14 Mai 2012, 17:50

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

Messagepar Eric_d_Orient_Alp » 10 Avril 2015, 05:10

Trop fort notre Simon !
Avatar de l’utilisateur
Eric_d_Orient_Alp
 
Messages: 2064
Inscription: 13 Mai 2012, 22:17


Retourner vers Animation de course

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

cron