macouta / nuitinfo

Repo pour la nuit de l'info 2017

NuitInfo

Repo de l'équipe Proxy Market pour la nuit de l'info 2017

L'équipe

L'équipe est composée de :

• Fabien Alazet (DUT info S3)
• Mathilde Baudino (DUT info S3)
• Thomas Blanc (LP DAWIN)
• Elie Boury (DUT info S1)
• Alicia Gaston (LP DAWIN)
• Thomas Lavergne (DUT info S1)
• Marius Robin (DUT info S3)
• Melvin Mège (DUT info S3)
• Benjamin Normand (DUT info alt S3)
• Florent Vain (L3 info)

Projets choisis et organisation

Nous avons choisis 5 sujets et nous nous sommes mis en équipe de deux pour les réaliser.

• 404 Game : Fabien et Marius
• Calendrier de l'Avent : Elie et Thomas L.
• KONAMI CODE : Alicia et Benjamin
• Réinventez l'IHM : Thomas B. et Florent
• Soyez créatifs dans vos erreurs : Mathilde et Melvin

Nous avons donc fonctionné par équipes de deux, laissant le choix à chaque équipe de l'orientation du sujet et de son traitement. Mais nous étions tous à disposition des uns des autres pour donner des conseils, répondre aux questions ou donner un coup de main. Nous avons notamment apporté une attention particulière aux deux premières années Elie et Thomas L. afin qu'ils ne soient pas trop perdus.

Détails de la réalisation des projets

404 Game

Par Fabien et Marius.

Pour la réalisation de ce sujet, nous avons utilisé les technologies suivantes :

• HTML
• CSS
• PHP
• Javascript

Pour trouver nos idées, nous nous sommes inspirés du thème de cette nuit de l'info. Nous avons essayé de faire une page 404 assez drôle tout en faisant de la prévention sur la sécurité routière.

Calendrier de l'Avent

Par Elie et Thomas L.

KONAMI CODE

Par Alicia et Benjamin.

Nos premières idées sont venues facilement pour le konami code, nous avons tous les deux imaginé une page cachée et un peu "obscure" du site, ce fameux terminal qu'on ouvre dans les films pour sauver le monde. Nous avions regardé d'autres sites ayant un konami code, Vogue british est celui qui nous a fait le plus rire, tant il était inattendu. Nous avons apportés une grande attention au style du notre terminal pour lui donner un effet "moniteur". La détection du konami code a été faite en jquery, le reste en html / css / javascript.

Le second point que nous avons développés est un mini jeu sous Unity qui devait rappeler le thème de la sécurité routière. Le jeu consiste à controller une voiture, et la controller assez pour ne pas écraser les pietons qui traversent !

Réinventez l'IHM

Par Florent et Thomas B.

Pour ce défis nous avons voulu utiliser les techos émergentes du web comme WebGL et CSS3D. Nous avosn donc mis en place une page à double canvas pouvant afficher des pages intéractives dans les trois dimensions. Une nuit n'étant pas suffisante pour pousser le concept à son paroxisme, une simple preuve de concept à été implémentée sur le thème de la prévention routière.

Le déplacement simple à l'aide des flèches pourait être remplacé par des manettes VR et la visualisation serait très simplement adaptable vers un affichage en VR également.

Au final nous avons essayé à travers ce défis de créer un site internet où le visiteur se déplace litéralement à l'intérieur de celui-ci.

Soyez créatifs dans vos erreurs

Par Mathilde et Melvin