workshop javascript crm MATTHIEU THIÉVENT THIBAULT LEPORÉ _ OCTOBRE 2014
conditions &planning planning prévisionnel Mardi 30 / 09 matin Mardi 30 / 09 après-midi Mercredi 01 / 10 matin Mercredi 01 / 10 après-mdi Jeudi 02 / 10 matin Jeudi 02 / 10 après-midi Vendredi 03 / 10 matin Vendredi 03 / 10 après-midi Lundi 13 / 10 matin Mardi 13 / 10 après-midi Lancement du projet Rappels de cours Suivi de projet Travail en autonomie Suivi de projet Travail en autonomie Suivi de projet Travail en autonomie Suivi de projet Travail en autonomie conditions Rendu des travaux avant le 14 Octobre 2014 à 23h59. Tout dépassement du délai entrainera des pénalités décidées entre les correcteurs et l administration, pouvant aller jusqu au refus de la livraison. Exercice réalisé en binômes composés aléatoirement. WORKSHOP JAVASCRIPT 01
sujet brief Au printemps 2015, les papeteries de Cran-Gevrier ouvriront leurs portes. Ce lieu dédié à l industrie de l image et du numérique sera animé par CITIA. En son coeur, une rue intérieure sera propice à l organisation d événements professionnels ou pour tout public. Afin de donner vie à ce lieu et assurer un accueil mutualisé, CITIA souhaite créer une installation interactive reflétant la vie des papeteries. Elle s articule autour d un dispositif fixe représentant l âme du lieu. Cette installation réagit à trois types d événements : - Des données extérieures (ex : météo, date, heure...); - des données internes (planning des salles, occupation des locaux, nombre d entreprises...); - des interactions «transparentes» (passage de personnes, détection de proximité, niveau sonore...). Elle est également capable de transmettre une information aux utilisateurs à proximité. Information à laquelle les utilisateurs peuvent répondre (ex: participation à un événement, réservation au restaurant...). Ces réponses pourront constituer un quatrième type d événements influant sur le dispositif central. WORKSHOP JAVASCRIPT 02
attentes Le dispositif fixe se compose d un élément visuel représentant l âme des papeteries: - Data-visualisation sur écran géant, interface générative; - objet (ampoules dont l intensité varie en fonction des données...) Les données extérieures proviendront d une API (météo...) ou du système (heure...) Les données internes seront simulées à l aide de JSON (ou autre format d échange). Les interactions «transparentes» seront produites par un capteur physique (webcam, micro, détection de mouvement, beacon, GPS, NFC, Bluetooth...). L information envoyée aux utilisateurs (suite à un scan, une détection de présence...) est envoyée sur une application mobile dans laquelle ils peuvent répondre de manière basique. WORKSHOP JAVASCRIPT 03
contenus contenus obligatoires 1. Une interface visuelle ou un dispositif physique affichant une interprétation créative des différents événements. 2. Une application mobile permettant d interagir avec le système via une information qui lui est envoyée. Si les données internes sont simulées (exemple : JSON en dur), tous les traitements, captations et interactions devront être développés (ex : en cas de choix du beacon comme mode d interaction, celle-ci devra être fonctionnelle). WORKSHOP JAVASCRIPT 04
technologies [pré]requis technologiques Les seuls langages autorisés sont JavaScript, HTML et CSS. L application mobile sera publiée avec PhoneGap / Cordova. Le lien entre le device mobile et le dispositif fixe sera fait en Node.js. L application devra utiliser au moins une API JavaScript «physique» (webcam, micro, accéléromètre...). La structuration des applications devra utiliser un Framework type Backbone, Angular ou Ember ou être codée selon une logique Objet. [non]requis technologiques Pas de contraintes de navigateur. WORKSHOP JAVASCRIPT 05
livrables Une archive (zip, rar...) contenant l ensemble des sources, déposées avant le 14 Octobre 2014 à 23h59 sur claroline. Aucune source sur FTP ou rendue par email ne sera acceptée. Une documentation d installation et de compilation des sources. Une vidéo de fonctionnement du dispositif (afin de combler d éventuels problèmes d installation sur les devices de tests). Un court texte sur l intention de l installation. WORKSHOP JAVASCRIPT 06
critères d évaluation respect des consignes ~ 5 points Respect des demandes clients en terme de technologie et de livrables. (Tous les livrables = 5 points, pensez-y!) qualité et complexité du projet ~ 10 points Pas de bug. Structuration du code. Complexité des solutions mises en oeuvre. Choix et réalisation d interaction et commentaires. originalité ~ 5 points Capacité du projet à nous surprendre. Attention portée au design. Originalité du concept. Votre implication tout au long des séances de suivi sera également prise en compte lors de la notation finale. WORKSHOP JAVASCRIPT 07
fin_ ce workshop est l occasion d explorer de nouveaux territoires, hors web et app. surprenez-nous, dépassez-vous et inscrivez votre nom au panthéon des élèves gobelins. WORKSHOP JAVASCRIPT 08