Table tactile ITAC by Jean David DOS SANTOS

Cahier des Charges

ITAC

PROJET TUTEURE SRC2 ANNEE 2011-2012 PAR L’AGENCE TOUCHDOWN

ITAC

SOMMAIRE

L’état de l’art . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Le contexte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Engagement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Réalisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Maintenance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

ITAC

Budget . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Planning prévisionnel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Plan qualité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 Signature . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 L’évaluation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

/ ÉTAT DE L’ART

Nous sommes indéniablement «au tactile». Depuis des années la technologie existe mais elle a été de plus en plus étudiée et a grandement évolué ces dernières années. On la trouve aujourd’hui sur la plupart des téléphones mobiles : les smartphones; et plus récemment sur les tablettes tactiles, qui sont des outils portatifs disposant d’un grand écran et d’une bonne ergonomie. Nous allons exploiter cette technologie à l’échelle d’un meuble que nous côtoyons quotidiennement : la table. La table a de nombreux avantages : elle dispose d’une grande surface, on peut l’utiliser comme support, et elle est aussi le symbole de la convivialité ou du rassemblement de plusieurs personnes, pour travailler ensemble ou pour partager quelque chose.

ITAC

Alors quoi de plus logique que de créer une table qui soit également un outil informatique collaboratif ?

/ CONTEXTE

LE CLIENT

M. Thibault Carron est enseignant-chercheur en informatique à l’Université de Savoie. Il travaille en parallèle à l’IUT de Chambéry et au laboratoire Syscom. Ses travaux de recherche portent notamment sur les learning games*.

L’AGENCE

TouchDown est une agence constituée de sept étudiants de deuxième année de DUT Services et Réseaux de Communication à l’IUT de Chambéry. Les membres de l’équipe disposent de diverses compétences en électronique, programmation, graphisme et en communication.

Il s’intéresse également dans le cadre de ses travaux de recherche à la technologie tactile notamment pour l’apprentissage ou le travail collaboratif.

ITAC

Les rôles sont répartis de la manière suivante : Guillaume Dumoulin , Chef de projet - Concepteur (matériel) Quentin Damevin , Chargé de Communication Hugo Barbier , Chargé de Communication - Rédacteur Simon Henry , Développeur - Concepteur 3D Nicolas Lefebvre , Développeur (logiciel) Jean-David Dos-Santos , Graphiste - Développeur (Web) Morgan Camerola , Graphiste

learning games* : jeux vidéo éducatifs, ayant une vocation à l’apprentissage

LA DEMANDE Notre client nous donne la mission de créer une table tactile de nos propres mains dans le double-but de maîtriser la technologie tout en maîtrisant le coût du matériel. Il a souhaité également que des applications y soient développées dans un but de collaboration où plusieurs personnes pourront effectuer différentes tâches en même temps; contrairement aux terminaux que nous connaissons qui sont adaptés à un seul utilisateur à la fois.

ITAC

M. Thibault Carron tient également à ce que notre table tactile ne mise pas tout sur la technologie tactile mais aussi sur les manières que l’on a d’interagir avec une table, par exemple en posant des objets dessus : le principe de réactable. La domotique est un principe intéressant pour une table de ce type que nous devons aborder. Cela permettrait par exemple de contrôler sa maison : chauffage, éclairage, stores; à partir de la table tactile.

/ ENGAGEMENT

LA TABLE TACTILE AGENCE

L’agence TouchDown s’engage à concevoir une table tactile fonctionnelle, tant sur le plan hardware1 que sur le plan software2 à partir de zéro. Ce projet s’exécute sur la période de septembre 2011 à mars 2012. Interface Tactile à Application Collaborative est un projet technologique qui comprend la conception d’une table tactile sur le plan électronique mais aussi niveau du développement logiciel de ses applications. Notre objectif comprend de réaliser la table de nos propres mains afin de maîtriser à la fois la technologie et son coût de production.

ITAC

La technologie que nous allons utiliser est basée sur la réflexion infra-rouge : Les doigts sont détectés sur une surface balayée par des rayons infra-rouge par une caméra. L’image sera projetée depuis un vidéoprojecteur sur une plaque de Plexiglas qui permet de bloquer les rayons lumineux à sa surface sans la traverser. Nous tenterons également d’utiliser d’autres technologies comme les puces arduino3. ou les antennes RFID4. Ces éléments seront considérés comme expérimentaux et ne devront pas obligatoirement être implémentés. Sur le plan logiciel nous allons développer nos propres applications et widgets en Java. La librairie que nous utiliserons est MT4J : Multi Touch for Java qui contient les bases du tactiles sur lesquelles nous nous appuierons. Les widgets seront les éléments principaux de la table tactile.

1 : matériel electronique; 2 : logiciels et applications; 3 : un circuit imprimé comportant un calculateur qui permet d’effectuer diverses tâches; 4 : une méthode permettant l’échange et la récupération d’informations via des ondes radios.

LA TABLE TACTILE LE CLIENT

Le client M. Thibault Carron s’engage à :

ITAC

• Nous apporter sa contribution et son aide tout au long du projet. • Nous fournir un ordinateur, un système d’exploitation et du matériel informatique. • Nous trouver des solutions de financement. • Nous proposer du contenu logiciel d’anciens étudiants de SRC. • Donner son opinion sur les tâches prévue ou accomplies. • Participer à plusieurs réunions. • Nous présenter la méthode de gestion de projet SCRUM5.

5 : U ne méthode dédiée à la gestion de projet, son objectif est d’améliorer la productivité des équipes auparavant ralenties par des méthodologies plus lourdes;

/ RÉALISATION

LA TABLE TACTILE

PARTIE PROGRAMMATION PARTIE ELECTRONIQUE Applications : • Clavier texte tactile • Traitement de texte • Navigateur web • Paint • Explorateur Fichier • Webcam • Jeux de cartes • Modiﬁcation d’images (Photobooth) • Support PDF/SWF • RFID4 • Visualisateur musical • Réglages (visuels et audio) • Réalité augmentée6 • Maps Widget : Divertissement : • Bourse • Réseaux sociaux • Mail

• Allo ciné • Youtube/DailyMotion

Au niveau électronique, nous avons prévu d’incorporer les éléments suivants dans la table :

Productivité : • Post-it • Carnet de contact • Agenda/calendrier • Calendrier • Préférences utilisateurs • Traducteur

Divers : • Reconnaissance vocale • Détecteur Objet • Minuteur • Recette • Accordeur guitare • Maquette Arduino3

• Système RFID4 pour authentification • Contrôle TV via télécommande • Système de contrôle Arduino3 • Intégrer un 2° vidéo projecteur à la table. • Prise HDMI • Micro • Détecteur de présence • Lecteur CD/DVD/Blu-Ray • Carte WiFi

ITAC

WIKITAC Afin de renseigner au mieux ceux qui s’intéressent à notre projet, nous alimentons régulièrement le Wiki de notre projet. Il est encore actuellement très incomplet, mais nous comblons petit à petit les différentes parties manquantes.

LA COMMUNICATION

• Cibles : les cibles sont les étudiants du campus et passionnés de nouvelles technologies.

Nous serons donc présents sur les réseaux sociaux suivant : Facebook et Twitter. Cela permet de donner des informations brèves en temps réel. Facebook permet d’interagir plus avec les personnes intéressées par le projet et Twitter nous permettra de trouver des personnes susceptibles de nous aider, de contacter des professionnels et évidemment d’informer.

• Tumblr : C’est un blog dans lequel nous publierons des photos, des vidéos et des articles plus précis.

• Site ITAC : Il sera simple, très intuitif. Il reprendra les couleurs du logo ITAC. On y trouve toutes les vidéos montrant la construction et l’avancement de la table et des photos. Le Twitter sera relié et apparaîtra sur le site. Ce sera un site vitrine, il renverra sur le blog et sur le wiki. • Le wiki : C’est un article Wikipédia, il contiendra toutes les références du matériel utilisé et toutes les étapes de construction. Ce sera une page plus technique par rapport aux informations que nous donnerons sur les réseaux sociaux.

ITAC

• Site d’agence : moins « sérieux » que le site ITAC. Il mettra en scène des « blob’z », petits personnages en forme de fraise retournée qui représenteront les différents membres de l’équipe. Le ton sera donc plus léger que le site ITAC pour contraster avec son côté assez technocratique. Tous nos supports de communication garderont les couleurs du logotype d’ITAC et celles de celui de notre agence TouchDown. Ainsi nous garderons une ligne graphique qui permettra de reconnaître que les sites et les plaquettes d’informations sont en lien avec le projet. Les couleurs seront donc principalement le gris, le noir, le bleu et le violet. En conclusion, la communication autour de la table aura un ton plutôt léger. Pour intéresser un plus grand nombre. Pour les personnes plus intéressées par l’aspect technique du projet, il y aura donc des supports contenant des informations plus sérieuses et donc techniques.

/ MAINTENANCE

En cas de panne matérielle de la table, il sera possible de la démonter facilement (en devisant la plaque avant) afin de pouvoir régler les divers problèmes rencontrés. L’apprentissage du fonctionnement logiciel de la machine se fera à l’aide d’une application tactile interactive faisant office de tutoriel. Des compétences techniques en JAVA7 sont obligatoires afin de pouvoir modifier l’application ITAC mais aussi des compétences en électronique s’il y a des problèmes de LED8.

ITAC

Une documentation complète sera disponible sous la forme d’un Wiki présentant toutes les manipulations techniques ayant été mise en oeuvre pour fabriquer la table, ainsi que des informations sur l’utilisation de la librairie Multi Touch 4 Java.

7 : langage de programmation compatible avec de nombreuses plateformes (mac, pc, unix...) ; 8 : composant électronique émettant de la lumière lorsqu’un courant électrique le traverse et à trèsn longue durée de vie.

/ BUDGET

Ce budget ne comprend pas l’aspect « électronique » (comme le mini-PC, une carte Arduido, capteur RFID, …). C’est l’Université de Savoie par le biais de M. Thibault Carron qui nous financera. Désignation

Prix (€uros)

Table tactile Pack Objectifs pour la PS3 Cam 220 Leds IR de type OSRAM SFH485P Plaque de Plexiglas de type EndLightend 2 Plaques de Plexiglas pour les leds Webcam PS3 occasion Miroir Bois contreplaqué, raille profilé aluminium,… (montage de la table) Frais autre (construction de la table)

33€ 74,80€ 80,04€ 135,10€ 30,80€ 30€ 91,54€ 20€

Communication Nom de domaine (.fr) Transport Péage Essence TOTAL Avance du client TOTAL FINAL

ITAC

8,36€

16€ 25€ 544,64€ -120€ 424,64€

De plus, le montant de la construction de la table sera reparti entre les membres du projet et seront intégralement remboursés par la suite. Nous avons aussi envisagé la possibilité d’organiser un partenariat avec des entreprises locales ou diverses agences afin d’aider au financement du-dit projet. Ce sponsoring pourra être sous forme financière, matérielle ou promotionnelle.

/ PLANNING PRÉVISIONNEL

Les réunions clients ne sont pas prédéfinis, le chef de projet s’engage à en organiser au moins une fois par mois (hors période scolaire). Pour la planification des tâches importantes voici les dates : Réalisation du logo : Semaine 37 (2011)

Conférence de presse : Mi-mars (2012)

Validation la Semaine 38 par le client

Graphisme + Développement du site : Semaine 48 (2011) Validation la Semaine 48 par le client

ITAC

Application ITAC beta : Semaine 4 (2012) Évaluation à la recette

Construction de la table tactile terminé : Fin décembre (2011)

Application ITAC V1 : Semaine 13 (2012) Évaluation à la soutenance

/ PLAN QUALITÉ

TÀCHE Construction de la table

A FAIRE POUR LE 20/12/2011

TEMPS PRÉVU 3 mois

FAIT LE 24/01/2012

Design de la table

30/11/2011

1 mois

10/01/2012

Création du logo d'agence

26/09/2011

3 semaines

23/09/2011

30/11/2011

3 mois

18/11/2011

21/11/2011

1 mois

09/11/2011

3 mois

12/01/2012

3 mois

12/12/2011

Mise en ligne d’une vidéo de présentation de la table

Codage du système de sessions utilisateurs Codage de différents widgets (météo, horloge, programme TV, et calculatrice)

25/01/2012

Création d’un site internet dédié au projet

21/12/2011

Mise en place d’un Wiki décrivant en détail le projet

30/03/2012

ITAC 6 mois

…

VALIDÉ PAR LE CLIENT LE

COMMENTAIRE La base de la table a été construit en temps et en heure, mais la table est susceptible d'évoluer.

Nous avons jugé raisonnable laisser de côté cette partie pour mieux nous concentrer sur la programmation et la communication.

Le wiki ne sera pas complet avant la soutenance, étant donné que la table aura évolué d'ici là.

/ SIGNATURE

CLIENT

Nom : …………………………………………………… Prénom : …………………………………………………

ITAC

Signature : (Précédée de la mention « Lu et approuvé »)

CHEF DE PROET Nom : …………………………………………………… Prénom : ………………………………………………… Signature : (Précédée de la mention « Lu et approuvé »)

/ L’ÉVALUATION

TRES INSUF MOY INSUF

EVALUATEUR :

# Acteurs impliqués dans le projet. # Acteurs mis à disposition par le client. # Responsabilités de chaque acteurs. # Objectifs de communication poursuivis par l’entreprise. # Déterminer la cible? # Déterminer les contraintes techniques, légales, économiques, professionnelles ? # Préciser moyens? # Préciser le ton de la communication employée. # Préciser le positionnement du projet dans l’entreprise par rapport à son fonctionnement actuel. # Importance stratégique et économique (enjeux).

Analyse du contexte /de l’environnement du projet

# Justification de l’utilité ou la nécessité du produit. # Description succincte du projet. # Description détaillée du produit. # Description des problèmes à résoudre.

Analyse des besoins

AGENCE :

Méthodologie de mise en place du projet

maintenance # Les grandes échéances de la mise en œuvre : réunions, validations, évaluations…

# Les modalités de communication et d’information de l’avancement du projet. # Les modalités de validation des avancées du projet # Modalités de livraison : manière prévue par le client pour la validation (une ou plusieurs fois, ...) # Maintenance : manière dont doit être gérée la

# Attente du client en terme de pilotage du projet (réponse fournie par le plan du Plan Qualité) # Livrables : liste des documents attendus # Gestion du périmètre : processus de gestion des évolutions en cours de projet # Contraintes techniques : outils et méthodes imposées par le client

/// CAHIER des CHARGES ///////// Projets tuteurés

ITAC

Qui récapitule les points positifs et négatifs issus de cette analyse.

commun et ce qui différencie les produits dans la gamme étudiée.

Une analyse critique des choix esthétiques, chromatiques, typographiques, de mise en page, choix de programmation, ergonomie, … par rapport au domaine étudié, la cible concernée. Une synthèse qui détermine ce qu’ont de

ANALYSE EXISANT_ETAT DE L'ART: argumentée, documentée et illustrée Une recherche variée, vaste/large, de produits dans la gamme

COMMENTAIRE S

NOTE /20

Mise en forme de qualité Clarté de la présentation

Capacité de synthèse Vocabulaire adapté au contexte professionnel Syntaxe, orthographe, grammaire, correcte

Pertinence et qualité du contenu

Le contenu répond aux attentes

Points d’évaluation

ITAC

/3 /3