« MétroMix 2017/StarLight » : différence entre les versions

De WikiRennes
Aller à la navigationAller à la recherche
(recat)
 
(32 versions intermédiaires par 7 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
[[fichier:led_strip_starlight.png|thumb]]
[[fichier:starlight1.jpeg|thumb]]
[[fichier:bus_rennes.jpg|thumb]]
[[fichier:led strip starlight.png|thumb]]
StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.  
StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.  


Dans le bus, chacun se referme sur soi, il n'y a pas de connexion entre les personnes. Nous proposons d'installer un jeu du type 1D pong ([[vidéo youtube]]) apportant des interactions entre les voyageurs et un résultat visuel agréable. Les joueurs se renvoient le signal lumineux pour remporter la partie et se connectent entre eux d'une nouvelle manière.  
Les bus et métro sont des espaces ternes, conçus pour résister et non pour vivre. Ce que StarLight propose, c'est une nouvelle expérience dans les transports en commun. Nous venons mettre de la couleur dans vos trajets quotidiens.


== Comment ça fonctionne  ==
Le jeu est une pratique qui connecte les personnes depuis le début de l'humanité. Celui que nous proposons est très simple et intuitif. C'est un jeu rétro, que l'on pourrait presque trouver sur une borne d'arcade. Avec ce jeu, nous faisons passer le bus de ringard, dépassé à vintage.
 
Ce jeu c'est le 1D pong ([https://www.youtube.com/watch?v=b7CsDeUTwxM exemple de réalisation]). Les 2 joueurs, d'un bout à l'autre d'une ligne de LED, se renvoient un signal lumineux en appuyant au bon moment sur le bouton en face d'eux. Les boutons sont installés dans le bus, à côté de sièges se faisant face et distants de quelques mètres. Il sont reliés par la bande de LED parcourant le plafond du bus. 
 
== Comment ça fonctionne ? ==
=== Scénario utilisateur ===
=== Scénario utilisateur ===
Marcus, 5 ans, rentre le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcours la ligne de LED fixée sur le plafond du bus. Cette se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette appel et ainsi de suite.
Marcus, 5 ans, entre dans le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcourt la ligne de LED fixée sur le plafond du bus. Ce signal lumineux se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette invitation à jouer. Alors la partie démarre et les joueurs se renvoient la balle lumineuse. Le joueur doit appuyer sur le bouton au bon moment quand la balle arrive sinon il perd la partie.  


=== Aspects techniques ===
=== Aspects techniques ===
Un arduino relié à une ligne de LED, alimentée par une batterie.


== Comment ça fonctionne en détail ? ==
==== Matériel pour le prototype ====
Cette partie décrit le fonctionnement du projet de façon détaillée, pour une personne qui aimerait comprendre les détails techniques, reproduire ou améliorer le prototype... On y donner accès aux ressources (code source, plans...)
* 1 Arduino UNO puis passage à l'Arduino MEGA car pas assez de mémoire flash et RAM
* 2m de ligne de LED adressable
* 1 batterie DC 5V-1.5A 7800mAh
* 1 [https://www.laboite.cc/help laboite.cc]
* 2 boutons d'arcade
* des fils !
 
La documentation technique détaillée ainsi que le code source Arduino est disponible sur [https://github.com/jlebunetel/StarLight GitHub].


Ne pas hésiter à rajouter des sous-sections.
[[Fichier:Starlight-1600.jpg|frameless|800x480px]]


== Comment nous en sommes arrivés là ? ==
== Déroulé ==
==== Journée 1 ====
=== Journée 1 ===
Aude, Sabrina, Julien, Claude, Hadi, Sadhi, Raphaël et Théo
Aude, Sabrina, Julien, Claude, Hadi, Sadhi, Raphaël et Théo


Ligne 25 : Ligne 35 :


===== Expérimentation de jeu dans métro =====
===== Expérimentation de jeu dans métro =====
Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'il ne se connaissait pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.  
Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'ils ne se connaissaient pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.  


===== [[Restitution de la première journée en vidéo sur Twitter]] =====
===== [https://twitter.com/MetromixRennes/status/931570557576888321 Restitution de la première journée en vidéo sur Twitter] =====


==== Journée 2 ====
=== Journée 2 ===
Anna, Claude, Alexandre, Julien et Théo
Anna, Sabrina, Claude, Alexandre, Julien et Théo


Liste du matériel nécessaire : Arduino, Ligne de LED, Alimentation, boutons poussoirs d'arcade, carton ou bois pour faire le boitier
Liste du matériel nécessaire : Arduino, Ligne de LED, Alimentation, boutons poussoirs d'arcade, carton ou bois pour faire le boitier
Ligne 40 : Ligne 50 :
Recherche de matériel : Ligne de LED au fablab de l'ESAAB, condensateur pour éviter de griller l'ordi de l'arduino lorsqu'on branche la bande de LED, batterie pour alimenter la ligne de LED + Arduino.   
Recherche de matériel : Ligne de LED au fablab de l'ESAAB, condensateur pour éviter de griller l'ordi de l'arduino lorsqu'on branche la bande de LED, batterie pour alimenter la ligne de LED + Arduino.   


Début de l'installation et des test de la ligne de LED.   
Julien =>Début de l'installation et des test des lignes de LED. Soudage des deux lignes LED et début du code pour les contrôler. Déplacement  de la balle et création des raquettes de couleur au bout des LED. 
 
Modélisation de la boite en 3D pour le rendu visuel (Sabrina) et en 2D pour la découpe laser (Alexandre). 
 
Pitch 
 
=== Journée 3 ===
Sabrina, Julien, Alexandre, Claude et Théo
 
<nowiki>Julien a bossé tard la veille sur l'électronique ! Boutons connectés de chaque côté de la longueur de LED. https://twitter.com/MetromixRennes/status/932194890598973440 </nowiki>
 
Début du code du jeu. Création de l'arbre de possibilités.
 
=> l'alimentation + arduino seront reportés au plafond pour éviter d'avoir une boite trop grande à portée des passagers. Seuls les boutons seront accessibles. Julien a rapporté des pédales pour remplacer les boutons. Ce peut être une autre solution d'interaction !
 
Tableau de prix du matériel nécessaire pour le projet par Théo => estimation à 400€ de matériel
 
Création du jingle du jeu par Théo
 
Création du logo retro par Alexandre
 
Création de la présentation par Alexandre. 
 
Coaching par Stéphane et Richard : Mettre en avant les 3 points forts de notre projet => Le jeu fédérateur depuis le début des temps, les transports sont des endroits glauques et ringards, on apporte un côté fun et le côté retro gaming pour passer du ringard au vintage. Lors du pitch final, participation du public. 
 
Dessins de mise en situation de la solution par Alexandre aidé par Elisa 
 
Travail du code du jeu et de l'afficheur par Julien 
 
== Le raisonnement ==


=== Le constat initial ===
=== Le constat initial ===
Ligne 47 : Ligne 86 :


=== Les questions que l'on s'est posées ===
=== Les questions que l'on s'est posées ===
* Y a-t-il qu'un jeu possible ?
* N'y a-t-il qu'un jeu possible ? Jeu open source donc possibilité de charger des jeux proposés par la communauté.


* Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence.
* Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence. "JOUER !" sur le boîtier du bouton.  
* Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporter du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
* Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporteurs du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
* Comment intégrer l'installation dans un bus ? Parcours des câblages ? Perçage dans une barre de bus ?
* Ce projet pourrait faire partie d'un projet de technologie de collégien : au programme soudage, initiation Arduino et code simplement. Le travail minimum est de créer le jeu simple. Pour aller plus loin, d'autres jeux sont envisageables. Possibilité de simuler le résultat du code sur circuits.io


=== Les freins que l'on a rencontrés ===
=== Les freins que l'on a rencontrés ===
Est-ce que les passagers ne vont pas être dérangés par l'effet visuel ?  
* Est-ce que les passagers ne vont pas être dérangés par l'effet visuel ?  
* Pas d'internet dans les bus
 
=== Estimation financière d'une installation réelle ===
{|
|Item
|Prix
|Qtité
|total
|-
|Adressable LED strip
|8$/m
|15
|120
|-
|Arduino UNO
|20$
|1
|20
|-
|Batterie
|40$
|1
|40
|-
|Bouton
|5 $
|4
|20
|-
|cablage
|1$/m
|30m
|30
|-
|ecran+boitier
|50$
|1
|50
|-
|fixations
|10$
|4
|40
|-
|<br>
|<br>
|<br>
|320
|}
Avec les taxes d'importations et la TVA, cela reviendrait à 350-400€.


=== Les idées et projets que l'on a laissé de côté ===
=== Pour aller plus loin ===
* Scoring récupérable par une interface web : starlight.io
* Interface web pour voir le tableau des scores. Possibilité de voter et proposer un prochain jeu sur la bande de LED.
* Publicité pour des commerces locaux sur l'interface


=== Les retours des utilisateurs ===
=== Les retours des utilisateurs ===
Ligne 65 : Ligne 169 :


== L'équipe ==
== L'équipe ==
Julien


Claude
* Julien [https://www.twitter.com/JLebunetel @JLebunetel]
* Claude
* Alexandre [https://www.twitter.com/alexandreBVG @alexandreBVG]
* Anna
* Aude
* Sabrina
* Raphaël
* Hadi
* Sadhi
* Théo Vital [https://www.twitter.com/TheoVital @TheoVital]


Alexandre
== Ressources ==
 
Liens externes, inspirations, liens vers des projets similaires, ressources qui vous ont aidées à réfléchir...
Anna
 
Aude


Sabrina
[https://tkkrlab.nl/wiki/1D-PONG#Creating_1D_Pong Projet 1D Pong avec la source de programme Arduino]


Raphaël
[http://www.instructables.com/id/LED-Pong/ Projet instructables.com LED pong]
 
Hadi
 
Sadhi
 
Théo Vital @TheoVital theo.vital@protonmail.com
 
''Photo d'équipe => [[Twitter]] ''
 
== Ressources ==
Liens externes, inspirations, liens vers des projets similaires, ressources qui vous ont aidées à réfléchir...


Galerie de photos de l'équipe et du projet
Galerie de photos de l'équipe et du projet
[https://twitter.com/assobug/status/931516188605190144 Image 1]


 
[[Catégorie:MétroMix 2017]]
[[Catégorie:MétroMix]]

Version actuelle datée du 16 mars 2019 à 20:07

Starlight1.jpeg
Led strip starlight.png

StarLight c'est un jeu accessible à tous qui va mettre une étincelle dans votre trajet de bus.

Les bus et métro sont des espaces ternes, conçus pour résister et non pour vivre. Ce que StarLight propose, c'est une nouvelle expérience dans les transports en commun. Nous venons mettre de la couleur dans vos trajets quotidiens.

Le jeu est une pratique qui connecte les personnes depuis le début de l'humanité. Celui que nous proposons est très simple et intuitif. C'est un jeu rétro, que l'on pourrait presque trouver sur une borne d'arcade. Avec ce jeu, nous faisons passer le bus de ringard, dépassé à vintage.

Ce jeu c'est le 1D pong (exemple de réalisation). Les 2 joueurs, d'un bout à l'autre d'une ligne de LED, se renvoient un signal lumineux en appuyant au bon moment sur le bouton en face d'eux. Les boutons sont installés dans le bus, à côté de sièges se faisant face et distants de quelques mètres. Il sont reliés par la bande de LED parcourant le plafond du bus.

Comment ça fonctionne ?

Scénario utilisateur

Marcus, 5 ans, entre dans le bus avec sa maman et est attiré par le nouveau bouton installé. Il appuie dessus et un signal lumineux bleu remonte le long de la barre de bus et parcourt la ligne de LED fixée sur le plafond du bus. Ce signal lumineux se divise dans les différentes branches de la ligne principale vers chaque bouton. Les personnes installées à côté de chaque bouton peuvent ensuite répondre à cette invitation à jouer. Alors la partie démarre et les joueurs se renvoient la balle lumineuse. Le joueur doit appuyer sur le bouton au bon moment quand la balle arrive sinon il perd la partie.

Aspects techniques

Matériel pour le prototype

  • 1 Arduino UNO puis passage à l'Arduino MEGA car pas assez de mémoire flash et RAM
  • 2m de ligne de LED adressable
  • 1 batterie DC 5V-1.5A 7800mAh
  • 1 laboite.cc
  • 2 boutons d'arcade
  • des fils !

La documentation technique détaillée ainsi que le code source Arduino est disponible sur GitHub.

Starlight-1600.jpg

Déroulé

Journée 1

Aude, Sabrina, Julien, Claude, Hadi, Sadhi, Raphaël et Théo

Crazy8

Méthode de divergence pour faire émerger des idées.

Expérimentation de jeu dans métro

Aude, Julien et Alexandre sont allés dans le métro avec un ballon de baudruche. Comme s'ils ne se connaissaient pas ils ont commencé à se faire des passes puis à envoyer le ballon sur d'autres voyageurs.

Restitution de la première journée en vidéo sur Twitter

Journée 2

Anna, Sabrina, Claude, Alexandre, Julien et Théo

Liste du matériel nécessaire : Arduino, Ligne de LED, Alimentation, boutons poussoirs d'arcade, carton ou bois pour faire le boitier

Planification de la suite

Initiation à Arduino par Julien

Recherche de matériel : Ligne de LED au fablab de l'ESAAB, condensateur pour éviter de griller l'ordi de l'arduino lorsqu'on branche la bande de LED, batterie pour alimenter la ligne de LED + Arduino.

Julien =>Début de l'installation et des test des lignes de LED. Soudage des deux lignes LED et début du code pour les contrôler. Déplacement de la balle et création des raquettes de couleur au bout des LED.

Modélisation de la boite en 3D pour le rendu visuel (Sabrina) et en 2D pour la découpe laser (Alexandre).

Pitch

Journée 3

Sabrina, Julien, Alexandre, Claude et Théo

Julien a bossé tard la veille sur l'électronique ! Boutons connectés de chaque côté de la longueur de LED. https://twitter.com/MetromixRennes/status/932194890598973440

Début du code du jeu. Création de l'arbre de possibilités.

=> l'alimentation + arduino seront reportés au plafond pour éviter d'avoir une boite trop grande à portée des passagers. Seuls les boutons seront accessibles. Julien a rapporté des pédales pour remplacer les boutons. Ce peut être une autre solution d'interaction !

Tableau de prix du matériel nécessaire pour le projet par Théo => estimation à 400€ de matériel

Création du jingle du jeu par Théo

Création du logo retro par Alexandre

Création de la présentation par Alexandre.

Coaching par Stéphane et Richard : Mettre en avant les 3 points forts de notre projet => Le jeu fédérateur depuis le début des temps, les transports sont des endroits glauques et ringards, on apporte un côté fun et le côté retro gaming pour passer du ringard au vintage. Lors du pitch final, participation du public.

Dessins de mise en situation de la solution par Alexandre aidé par Elisa

Travail du code du jeu et de l'afficheur par Julien

Le raisonnement

Le constat initial

  • Le public visé : tous les passagers du bus, les enfants en premier pour les occuper.
  • Quels sont ses besoins : S'occuper, se connecter avec les autres passagers

Les questions que l'on s'est posées

  • N'y a-t-il qu'un jeu possible ? Jeu open source donc possibilité de charger des jeux proposés par la communauté.
  • Bien identifier le bouton pour comprendre que c'est un jeu et non un bouton d'urgence. "JOUER !" sur le boîtier du bouton.
  • Les passagers qui ne jouent pas sont spectateurs. Est-ce que ça les gêne visuellement ? Est-ce qu'ils deviennent supporteurs du bouton le + proche d'eux ? Une équipe de boutons avant du wagon versus équipe de bouton avant du wagon ?
  • Comment intégrer l'installation dans un bus ? Parcours des câblages ? Perçage dans une barre de bus ?
  • Ce projet pourrait faire partie d'un projet de technologie de collégien : au programme soudage, initiation Arduino et code simplement. Le travail minimum est de créer le jeu simple. Pour aller plus loin, d'autres jeux sont envisageables. Possibilité de simuler le résultat du code sur circuits.io

Les freins que l'on a rencontrés

  • Est-ce que les passagers ne vont pas être dérangés par l'effet visuel ?
  • Pas d'internet dans les bus

Estimation financière d'une installation réelle

Item Prix Qtité total
Adressable LED strip 8$/m 15 120
Arduino UNO 20$ 1 20
Batterie 40$ 1 40
Bouton 5 $ 4 20
cablage 1$/m 30m 30
ecran+boitier 50$ 1 50
fixations 10$ 4 40



320

Avec les taxes d'importations et la TVA, cela reviendrait à 350-400€.

Pour aller plus loin

  • Scoring récupérable par une interface web : starlight.io
  • Interface web pour voir le tableau des scores. Possibilité de voter et proposer un prochain jeu sur la bande de LED.
  • Publicité pour des commerces locaux sur l'interface

Les retours des utilisateurs

Test d'interaction inattendue dans les transports en commun

Journée 1 : Aude, Julien et Alexandre sont descendus dans le métro avec un ballon de Baudruche et ont commencé à faire des passes comme s'ils ne se connaissaient pas d'avance. Puis ils commencent à faire des passes avec d'autres passagers. Le résultat n'est pas très concluant, les personnes réagissent peu. Par contre dans la salle du hackathon, envoyer un ballon sur un table occupe pendant 2 minutes l'équipe.

Conclusion : le jeu semblait trop enfantin pour être représentatif de l'expérience que l'on veut faire vivre.

L'équipe

Ressources

Liens externes, inspirations, liens vers des projets similaires, ressources qui vous ont aidées à réfléchir...

Projet 1D Pong avec la source de programme Arduino

Projet instructables.com LED pong

Galerie de photos de l'équipe et du projet Image 1