ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28

Dimension: px
Commencer à balayer dès la page:

Download "ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28"

Transcription

1 ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28 AUTOMNE 2013

2 SOMMAIRE Synopsis de projet 3 Concept 3 Public cible 3 Objectifs 3 Ressources médias Structuration du contenu Formes et degrés d interactivité Choix techniques HTML5 / CSS3 7 Canvas 7 Communication 7 Choix graphiques 8 Style général 8 Création du Logo 8 Choix des couleurs 9 Couleurs de l interface 9 Couleurs de l écran de jeu 9 Choix des formes 10 Zonings 11 Maquettes 12 Maquettes de la version mobile 12 2

3 Synopsis de projet Concept Notre projet propose aux utilisateurs de vivre ensemble une expérience musicale interactive et ludique. A partir de leurs smartphones, les utilisateurs se lancent des formes graphiques représentant des objets sonores, qu ils doivent intercepter pour créer la mélodie et marquer des points. Public cible Notre projet cible les détenteurs de smartphones adeptes de mini-jeux. Objectifs Les différents objectifs de notre projet sont: 1. Ludique : Le jeu doit permettre aux utilisateurs de s amuser. 2. Social : L aspect multijoueur permet de s amuser à plusieurs. 3. Démonstratif : En utilisant les dernières technologies du web, encore en cours de normalisation, notre projet permet de démontrer les possibilités de celles-ci. 3

4 Ressources médias Dans notre projet, nous avons décidé d utiliser principalement des ressources sonores. Pour créer une expérience musicale ludique, il est important d avoir un fond sonore ajouté à notre application. Ce sera une boucle musicale neutre permettant l ajout de petites mélodies correspondant aux notes que l utilisateur joue. Nous utilisons également des formes géométriques réalisées en canvas pour représenter ces mélodies sonores. Ces formes sont générées aléatoirement au moment de leur création. Chaque forme correspond à un type de mélodie jouée avec l instrument préalablement choisi par l utilisateur, qui sera jouée au moment de l explosion de cette forme. Ces sons sont créés via le logiciel Audacity. Le fond sonore est composé de mélodies déjà existantes qui sont retravaillées pour correspondre à notre besoin. Les courtes mélodies sont ensuite créées pour correspondre à ce fond sonore. Puis elles sont adaptées au son de chaque instrument de musique. Nous utilisons peu de ressources textuelles dans ce projet. La structure n étant pas très développée, nous avons simplement quelques boutons, des écrans de personnalisation du joueur et un écran de scores à la fin de la partie. 4

5 Structuration du contenu Nous avons souhaité recentrer au maximum la structure de cette application sur la fonctionnalité importante de l application qui est le jeu. Nous n avons donc qu une possibilité sur l écran d accueil, le bouton «Jouer». L utilisateur accède ainsi à un écran où il peut choisir un nom, une couleur qui lui sera associée tout au long de la partie et un instrument de musique de prédilection parmi une demidouzaine. Après ce jeu, nous avons une animation rapide marquant la fin du jeu et une redirection vers un écran des scores permettant de créer un classement des joueurs. Enfin, l utilisateur pourra retourner sur le menu principal, ou rejouer. 5

6 Formes et degrés d interactivité Notre jeu est basé sur deux formes d interactivité. Tout d abord, il est important de rappeler que les joueurs participent à une expérience musicale collaborative, où l intérêt est de construire ensemble une mélodie. On a souhaité ajouter un esprit compétitif au projet en créant un système de points positifs et négatifs marqués. Cet aspect n est pas antagoniste avec le côté collaboratif du jeu, au contraire il encourage les joueurs à être en rythme et à construire une mélodie harmonieuse. Chaque joueur interagit avec son propre appareil (smartphone, tablette) et participe à part entière à l expérience en pouvant : Créer des formes (représentant des sons potentiels) Lancer les formes à ses adversaires Exploser la forme et jouer le son correspondant Pour cela, nous avons décidé d implémenter différents gestes qui sont principalement adaptés aux tablettes et smartphones. Pour créer une nouvelle forme, il faut simplement cliquer sur le fond du jeu. A partir de ce moment, un décompte associé à la forme est lancé et un halo de couleur rouge s affiche autour de la note. Lorsque ce halo passe de la couleur rouge à la couleur verte, il faut double cliquer sur cette note pour qu elle explose. Si l on explose la note au mauvais moment, nous perdons des points. Le dernier mouvement possible est le sélectionner / glisser ou «swipe», qui permet de déplacer une forme et de la lancer sur l écran d un de nos adversaires. Si la note se termine sur notre écran et que le halo était rouge à ce moment là, des points nous sont également retirés. 6

7 Choix techniques HTML5 / CSS3 Outre le fait que c est l un des objectifs de base du projet que de faire la démonstration de ces nouvelles technologies, les périphériques cibles sont des smartphones et des tablettes. Il n est donc pas possible de s orienter vers du flash. Si l on se passe des technologies web, il faudrait faire différents développements dans différents langages de programmation pour s adapter aux différentes plateformes. Canvas Le canvas sera utilisé pour la gestion de l interface graphique et des animations. Cette technologie est apparue avec le HTML5 et permet de réaliser du dessin vectoriel et des animations assez facilement. Il a aussi l avantage d être reconnu par la majorité des navigateurs actuels. Communication Pour établir les communications entre les clients (et le serveur), il n est pas possible d utiliser les anciennes technologies du web, car on a besoin d une latence très faible pour ne pas pénaliser le gameplay. Deux technologies s affrontent pour l instant: - websocket (Permet une communication client/serveur rapide) - webrtc (Permet une communication client/client rapide) Nous utilisons finalement les websocket au final, car le webrtc est encore en cours de standardisation, et n est malheureusement pas encore complètement (ou pas de la même façon) implémenté sur tous les navigateurs. 7

8 Choix graphiques Style général Dans tous les choix graphiques réalisés pour cette application, nous avons tenté de rester très sobres afin de correspondre aux tendances du minimalisme actuel. Le fond noir permet de travailler des contrastes de couleur plus importants et nous paraissait plus adéquat au monde du jeu sur mobile. Nous avons également fait le choix de n utiliser qu une typographie dans toute l application, un type d Helvetica Neue Extended. Cette uniformité nous permet de garder un champ d originalité pour d autres points du graphisme. Celle-ci est également sobre et moderne, pour s intégrer correctement avec le reste des éléments graphiques. Création du Logo Ce logo utilise donc la même typographie que tous les éléments du jeu. Les couleurs ont été choisies pour créer un grand contraste entre le bleu et le noir. Toutes les couleurs des éléments principaux de l application sont dérivées de cette teinte de bleu. Nous avons fait un rappel aux formes utilisées dans le jeu en remplaçant le «O» par la forme circulaire. Cela permet de différencier le logo et de permettre à l utilisateur de reconnaître l application. 8

9 Choix des couleurs Couleurs de l interface Dans toute l interface, nous utilisons une gamme de bleu qui permet de créer du contraste dans l interface. En utilisant certaines de ces couleurs en tant que bordures des éléments, nous apportons une structure générale et pouvons également créer des illusions de profondeur, notamment sur nos boutons. Couleurs de l écran de jeu Sur l écran de jeu, nous avons voulu faire attention à bien différencier les couleurs des différents joueurs tout en gardant l idée joyeuse de l application à l aide de couleurs vives. Nous avons légèrement désaturé celles-ci afin que le contraste ne soit pas douloureux pour l œil dans le cas d une utilisation prolongée de l application. 9

10 Choix des formes Nous utilisons pour ce jeu des formes géométriques pour deux raisons principales. La première est qu une forme géométrique est facilement reconnaissable. Cette démarche s inscrit dans notre choix de sobriété graphique explicitée précédemment. De plus, ces formes sont plus facilement manipulables en canvas et permettent la création d animations plus intéressantes à nos yeux. Nous avons ajouté des jeux de bordures qui permettent d ajouter de l originalité graphique à ces formes. 10

11 Zonings Pour nous aider dans la conception de la structure graphique de l application, nous avons dessiné des zonings correspondant à chacune de ses pages. Nous nous sommes ensuite basés sur ces images pour créer des maquettes. 11

12 Maquettes Maquettes de la version mobile 12

13 Conclusion Ce projet a été très intéressant pour nous tous parce qu il a demandé de l organisation dans les étapes de conception pour avoir un système de jeu logique et réalisable techniquement. Grâce à nos profils différents, nous avons pu apporter de la diversité dans le projet et proposer une solution ludique. Dans la création de l interface graphique, il a été difficile de toujours rester simple. Il y a eu plusieurs étapes de graphisme qui, finalement, ont mené à une version qui transmet exactement le message que nous imaginions à l origine. Le choix des technologies utilisées s est imposé à nous rapidement. Nous avons pu, à l aide d outils comme Git, travailler en collaboration et partager nos avancées. Ce projet reste pour nous un challenge technologique. Finalement, cette expérience nous a permis de travailler avec des personnes aux profils hétérogènes et de d apprendre à communiquer avec des personnes plus ou moins novices dans nos domaines de prédilection. C est cette collaboration que nous retiendrons principalement. 13

Sorin Lucas Ricou Sander. Rapport de projet SI28

Sorin Lucas Ricou Sander. Rapport de projet SI28 Sorin Lucas Ricou Sander A14 Rapport de projet SI28 1 I. Concept Application web permettant la création d une vidéo virale type «NyanCat». L utilisateur aura à sa disposition des musiques, des fonds, des

Plus en détail

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes Sommaire - Notre agence - Résumé de la demande - Analyse - Benchmark / étude de la concurrence - Proposition

Plus en détail

MAM5-2012 JEU VIDEO ACCESSIBLE : DESTRASH CAMASH. Dossier de conception Stéphanie LOPEZ-Perside GBEHOUNOU

MAM5-2012 JEU VIDEO ACCESSIBLE : DESTRASH CAMASH. Dossier de conception Stéphanie LOPEZ-Perside GBEHOUNOU MAM5-2012 CAMASH JEU VIDEO ACCESSIBLE : DESTRASH Dossier de conception Stéphanie LOPEZ-Perside GBEHOUNOU Sommaire Sommaire...2 Table des illustrations...3 I. Sources d inspiration...4 1.1. Mario...4 1.2.

Plus en détail

Paris à travers le temps

Paris à travers le temps Paris à travers le temps Paris à travers le temps Page 1 sur 1 Sommaire Introduction I. Synopsis II. Cahier des charges III. Scénario IV. Story board Conclusion Paris à travers le temps Page 2 sur 2 Introduction

Plus en détail

HERVIEU Valentin ODDON Agathe LU Jigang. SI28 - Projet intéractif. Initiation à la langue chinoise

HERVIEU Valentin ODDON Agathe LU Jigang. SI28 - Projet intéractif. Initiation à la langue chinoise HERVIEU Valentin ODDON Agathe LU Jigang SI28 - Projet intéractif Initiation à la langue chinoise 1 Introduction En tant que groupe franco-chinois et étudiants en génie informatique, nous avons décidé d

Plus en détail

jeux Développer des en HTML 5 & JavaScript Samuel Ronce Multijoueur temps-réel avec Node.js et intégration dans Facebook

jeux Développer des en HTML 5 & JavaScript Samuel Ronce Multijoueur temps-réel avec Node.js et intégration dans Facebook Développer des jeux en HTML 5 & JavaScript Multijoueur temps-réel avec Node.js et intégration dans Facebook Samuel Ronce Groupe Eyrolles, 2013, ISBN: 978-2-212-13531-2 Avant-propos Pourquoi concevoir un

Plus en détail

E-Learning / Ergonomie :

E-Learning / Ergonomie : BARRAU Mathieu Licence Pro Communication Electronique GRUFFAZ Loic Université Lyon 2 E-Learning / Ergonomie : Cahier des charges, contenu et organisation du support de cours pour le programme de formation

Plus en détail

Chapitre 1 De la conception à la publication 19. Chapitre 2 Créer son blog en ligne 31

Chapitre 1 De la conception à la publication 19. Chapitre 2 Créer son blog en ligne 31 Chapitre 1 De la conception à la publication 19 1.1. Réussir l ergonomie générale d un site... 20 Les qualités d un bon site web... 20 Une navigation simple et efficace... 21 1.2. Créer la charte graphique...

Plus en détail

CINE QUIZZ SI28. DARAGON Maxime. TABIT Jordi. VALLEE Brice

CINE QUIZZ SI28. DARAGON Maxime. TABIT Jordi. VALLEE Brice CINE QUIZZ DARAGON Maxime TABIT Jordi VALLEE Brice SI28 TABLE DES MATIERES 1. CONCEPT... 2 2. OBJECTIFS... 2 3. PUBLIC-CIBLE... 2 4. RESSOURCES MEDIAS... 2 5. STRUCTURE ET NAVIGATION... 3 6. FORMES ET

Plus en détail

Analyse d un site : guildwars2.com

Analyse d un site : guildwars2.com Rachid ADOUL GIO4 par apprentissage API08 Analyse d un site : guildwars2.com I. Evaluation subjective A. Présentation du site Le site guildwars2.com est le site officiel du jeu vidéo Guild Wars 2. Le jeu

Plus en détail

CAHIER DE SYNTHESE. responsive campus PAGE 1/27

CAHIER DE SYNTHESE. responsive campus PAGE 1/27 CAHIER DE SYNTHESE responsive campus PAGE 1/27 CONTEXTE Projet Court réalisation d une interface web responsive. Ce projet correspond à la phase de finalisation (ph3) d un projet long en 3 phases Ce projet

Plus en détail

Chapitre 1 De la conception à la publication 15. Chapitre 2 Créer son blog en ligne 27

Chapitre 1 De la conception à la publication 15. Chapitre 2 Créer son blog en ligne 27 Chapitre 1 De la conception à la publication 15 1.1. Réussir l ergonomie générale d un site... 16 Les qualités d un bon site web... 16 Une navigation simple et efficace... 17 1.2. Créer la charte graphique...

Plus en détail

Dossier- Projet Informatique et science du numérique

Dossier- Projet Informatique et science du numérique Dossier- Projet Informatique et science du numérique Laetitia BIZOT avec la participation Eve ETIENNE Année 2014 Table des matières I. But du projet... 2 1. L enjeu du projet... 2 2. La problématique...

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

Introduction @ 1. La gamme Microsoft Expression

Introduction @ 1. La gamme Microsoft Expression La gamme Microsoft Expression Microsoft propose déjà dans son catalogue des outils orientés graphisme ou destinés à la création de sites web. Avec l arrivée de Vista et plus précisément d une couche nommée

Plus en détail

'10. On Air Series. Romain Bezut Maxime Renaudet PROJET MULTIMEDIA SI28. Automne

'10. On Air Series. Romain Bezut Maxime Renaudet PROJET MULTIMEDIA SI28. Automne Automne '10 On Air Series Romain Bezut Maxime Renaudet PROJET MULTIMEDIA SI28 Synopsis Concept Le projet consiste en un regroupement de mini jeux basé sur le thème des séries télévisées. L application

Plus en détail

MANUEL UTILISATEUR. Application 4trip

MANUEL UTILISATEUR. Application 4trip * MANUEL UTILISATEUR Application 4trip Table des matières 1. Introduction... 1 1.1. Description globale du produit... 1 1.2. Description de la finalité du manuel... 1 2. Manuel d utilisation... 2 2.1.

Plus en détail

Analyse Sectorielle site d E-Commerce

Analyse Sectorielle site d E-Commerce Analyse Sectorielle site d E-Commerce Ce document traite de l analyse sectorielle de 3 sites d E-commerce : Amazon Cdiscount et Laredoute ils ont été réalisés respectivement par Marc Bourset- Marcella,

Plus en détail

Projet : Jeu pédagogique en Flash Cahier des charges

Projet : Jeu pédagogique en Flash Cahier des charges Référence du document Cahier charge.doc version Auteurs création Sami Ben Hassine Date de création 23/03/2006 14:33:00 Fares Nabi Auteur modification Date de modification I) INTRODUCTION...2 A) PRESENTATION

Plus en détail

SIMPLEXITY. One page document. Préambule. Raoul Fesquet Master 2 Fictions Numériques Septembre 2013

SIMPLEXITY. One page document. Préambule. Raoul Fesquet Master 2 Fictions Numériques Septembre 2013 Raoul Fesquet Master 2 Fictions Numériques Septembre 2013 SIMPLEXITY One page document Préambule Le point le plus important du sujet de recherche que j ai choisi peut en quelque sorte se résumer à repenser

Plus en détail

FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS

FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS L exemple utilisé pour illustrer la première section de la fiche de découpage d une page écran s appuie sur une interface graphique réalisée avec

Plus en détail

Y COMMERCE. Nuit de l info 2013. Torchon Rises. Compte de test : User : demo@ycommerce.eu Pass : demo

Y COMMERCE. Nuit de l info 2013. Torchon Rises. Compte de test : User : demo@ycommerce.eu Pass : demo Y COMMERCE Nuit de l info 2013 Torchon Rises Compte de test : User : demo@ycommerce.eu Pass : demo Le thème Le thème de cette année est centrée sur le client et non le produit. Lors du premier brainstorming

Plus en détail

Camille Beglot Vincent Mercier Yoann Vandecnocke. Visite Virtuelle de l UTC

Camille Beglot Vincent Mercier Yoann Vandecnocke. Visite Virtuelle de l UTC Camille Beglot Vincent Mercier Yoann Vandecnocke Automne 2011 SI28 Sommaire Synopsis 2 Cahier des charges 3 Scénario 4 Story Board.4 Conclusion..6 1 Synopsis Concept Le but du projet est de réaliser un

Plus en détail

Lauro Kevin Lopes-Vicente Vincent Wallner Jean

Lauro Kevin Lopes-Vicente Vincent Wallner Jean Table des matières I- Étude préalable... 2 1) Description approfondie du sujet... 2 2) Étude et comparaison à l'existant... 2 a) Easyfoyou.fr... 2 b) Stockiteasy.fr... 3 c) CalusPlus... 3 3) Contraintes

Plus en détail

Partenaire de vos projets

Partenaire de vos projets Partenaire de vos projets Page 1 sur 6 L'Internet vu par CERA Notre but est de vous différencier : Comment? En vous apportant une solution personnalisée! Un site CERA Interactive est un site unique, à

Plus en détail

Sujet 4 : Jeu en réseau en Java / Swing. Auteur : Thomas JGENTI I072545

Sujet 4 : Jeu en réseau en Java / Swing. Auteur : Thomas JGENTI I072545 Projet Interfaces Homme-Machine Demi-valeur 16874 Année 2002-2003 Sujet 4 : Jeu en réseau en Java / Swing Auteur : Thomas JGENTI I072545 http://jgenti.free.fr/cnam Table de matières Table de matières...2

Plus en détail

isycard 39 90 H.T. / mois Mise en lumière de votre excellence hôtels restaurants bars boutiques spas vins

isycard 39 90 H.T. / mois Mise en lumière de votre excellence hôtels restaurants bars boutiques spas vins isycard Cartes & Menus numériques : tablettes, smartphones, bornes tactiles 39 90 H.T. / mois Mise en lumière de votre excellence hôtels restaurants bars boutiques spas vins isycard Spa est un concept

Plus en détail

PROFIL. Web Designer. Missions

PROFIL. Web Designer. Missions Le graphiste Web ou web designer est un profil qui a une sensibilité graphique et qui maîtrise les outils logiciels dédiés au graphisme. Il créé les éléments graphiques de nos sites, des emailings ou des

Plus en détail

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique

Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de Djerba Département Technologies de l informatique Design graphique Mejdi BLAGHGI m.blaghgi@gmail.com Introduction

Plus en détail

PARTIE 4 - GARAGEBAND 09

PARTIE 4 - GARAGEBAND 09 PARTIE 4 - GARAGEBAND 09 GarageBand permet d enregistrer des musiques ou des sons. L une des fonctionnalités les plus intéressantes de GarageBand est la possibilité de travailler avec imovie. Vous pouvez

Plus en détail

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

[Cahier des charges] - GSB - V1-19/09/2012. Réalisation d un site Internet avec modules

[Cahier des charges] - GSB - V1-19/09/2012. Réalisation d un site Internet avec modules Réalisation d un site Internet avec modules 1 Version Date Objet 1 19/09/2012 Création du document 2 Contenu Présentation de GSB... 4 Buts et objectifs du site web... 4 Prestations attendues... 4 Prestations

Plus en détail

Sommaire. - Page 1 sur 19 -

Sommaire. - Page 1 sur 19 - Sommaire I Ergonomie du site 2xmoinscher... 2 1 Infos globales... 2 2 Homogénéité/cohérence... 3 3 Adaptabilité... 3 4 Guidage... 4 5 Représentativité... 5 6 Charge de travail... 6 7 Gestion des erreurs...

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Présentation. 2010 Pearson Education France Adobe Flash Catalyst CS5 Adobe Press

Présentation. 2010 Pearson Education France Adobe Flash Catalyst CS5 Adobe Press Présentation 1 Adobe Flash Catalyst CS5 vous permet de produire du contenu totalement interactif d une grande qualité graphique pour le web ou le bureau sans écrire une seule ligne de code. Cette leçon

Plus en détail

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION Léonard STRONG Licence Professionnelle «Réseaux, Informatique Répartie et Multimédia» Promotion 2001-2002, UFR d Informatique, Université Pierre et Marie

Plus en détail

EIP 2012 Projet Livepad. Documentation technique 1.5

EIP 2012 Projet Livepad. Documentation technique 1.5 EIP 2012 Projet Livepad 1.5 Marc Mathieu Benjamin Netter David Ngo Pierre Pasteau Denis Togbe 12-01-2012 Informations sur le projet Groupe Nom du projet Type de document Marc Mathieu Benjamin Netter David

Plus en détail

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

Mon premier jeu en Scratch

Mon premier jeu en Scratch Mon premier jeu en Scratch Programmer un jeu d enfant Juin 2013 Table des matières Introduction... 3 Qu est-ce que Scratch?... 3 Découvrir Scratch... 3 Prêt? Allons-y... 4 Activité 1 Un lutin à déplacer...

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

Didacticiel du logiciel GIMP :

Didacticiel du logiciel GIMP : Didacticiel du logiciel GIMP : GIMP (GNU, Image, Manipulation, Programme) est un logiciel libre de modifications, de retouches et de création d images numériques. Il est doté de nombreux outils et filtres.

Plus en détail

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel.

La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. La société Figures Libres - agence de communication - lance ipaoo.fr, générateur de site internet professionnel. ipaoo.fr est un service en ligne qui permet aux entrepreneurs, auto-entrepreneurs, TPE,

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 3 7. L'indispensable fonction «Paramètres du PC» (3/3) Nous voilà arrivé à la dernière étape de notre tour d horizon des nombreuses options du module Paramètres du PC. Cet outil permet

Plus en détail

Troma. Rapport de soutenance 1 12 mars 2014

Troma. Rapport de soutenance 1 12 mars 2014 Rapport de soutenance 1 12 mars 2014 Thibault Dethi Deutsch (deutsc_t) Rémy Shadows Bernier (bernie_r ) Marc Leshlague Fresne (fresne_m) Anthony AnthonySG Belthier (belthi_a) Table des matières I. Modélisation..................................

Plus en détail

UV TX : Réalisation d un jeu en flash CADREZ-MOI. Fares NABI Sami BEN HASSINE. Sous la direction de : Nicolas ESPOSITO

UV TX : Réalisation d un jeu en flash CADREZ-MOI. Fares NABI Sami BEN HASSINE. Sous la direction de : Nicolas ESPOSITO Université de Technologie de Compiègne Printemps 2006 UV TX : Réalisation d un jeu en flash CADREZ-MOI Fares NABI Sami BEN HASSINE Sous la direction de : Nicolas ESPOSITO Énoncé du sujet Réalisation d

Plus en détail

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X Création d une présentation avec PowerPoint 2004 Pour Mac OS X Service local du RÉCIT Commission scolaire de Saint-Hyacinthe http://recit.cssh.qc.ca Création d'une présentation avec PowerPoint 2004 Table

Plus en détail

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille Immeuble Normandie II 55, rue Amiral Cécille 7 6 1 0 0 R O U E N Tél. : 02 35 03 87 09 Fax : 02 35 03 49 29 Email : formation@art-communication.fr Site web : www.art-communication.fr Catalogue WEB DESIGN

Plus en détail

Edouard Sastre PORT FOLIO

Edouard Sastre PORT FOLIO Edouard Sastre PORT FOLIO 2015 1 2 EDOUARD SASTRE Portefolio ew.sastre@gmail.com edouardsastre.com 06 26 79 29 77 3 4 SOMMAIRE Intripid Design Concept Projet professionnel 6 Hermès Redesign Concept Projet

Plus en détail

Mode d emploi du Parcours digital

Mode d emploi du Parcours digital Mode d emploi du Parcours digital Pour accéder aux exercices du Parcours digital, vous pouvez : ❶ soit cliquer sur le bouton Accès direct, ❷ soit créer votre compte afin de garder en mémoire votre progression

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

Création de travaux réalistes avec une surface Maille

Création de travaux réalistes avec une surface Maille Création de travaux réalistes avec une surface Maille Ariel Garaza Díaz Né à Montevideo, en Uruguay, Ariel vit et travaille à Madrid, en Espagne. Depuis 1980, il est dessinateur professionnel et utilise

Plus en détail

Projet : site web de gestion de jeu

Projet : site web de gestion de jeu Projet : site web de gestion de jeu Partie 1 (modélisation et architecture du site) UCBL - Département Informatique de Lyon 1 LIF4 - automne 2015 1 Description générale du projet Le projet est à réaliser

Plus en détail

API08 Evaluation site internet

API08 Evaluation site internet UNIVERSITE DE TECHNOLOGIE DE COMPIEGNE API08 Evaluation site internet Fédération Française des échecs Emilien NOTARIANNI Printemps 2014 Table des matières Introduction... 2 Evaluation «subjective»... 3

Plus en détail

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com Guide de l utilisateur pour Firefox 4 Contact us: press@mozilla.com Sommaire À propos de Mozilla 1 Lancez-vous! 2 Tapez Moins, Surfez Plus! 3 Emportez votre Firefox partout avec vous 5 Personnalisez votre

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez un véritable développeur web en 3 mois! Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web

Plus en détail

Projet Master 1ere année Sujet n 13 :

Projet Master 1ere année Sujet n 13 : BANON Daniel CAPON François CARRERE Jean-Charles IUP Avignon Master 1 TAIM Projet Master 1ere année Sujet n 13 : Interactions audio sur le site web du LIA A l attention de messieurs Nocéra, Favre et Larcher

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

Activation des styles visuels en mode bureau à distance.

Activation des styles visuels en mode bureau à distance. Activation des styles visuels en mode bureau à distance. Beaucoup de clients utilisent nos logiciels Locasyst et Factsyst au travers d une session bureau à distance, bien que les postes de travail et le

Plus en détail

Institut Paul Hankar

Institut Paul Hankar BES WEBDESIGNER ACTIVITE En utilisant des outils informatiques, le web designer réalise des éléments graphiques fixes ou animés, en 2 ou 3 dimensions, en respectant le schéma de navigation du site et sa

Plus en détail

PROJET : L ETOILE DU RYTHME

PROJET : L ETOILE DU RYTHME SI28 Ecriture interactive et multimédia Automne 2006 PROJET : L ETOILE DU RYTHME REVUE DE PROJET Auteurs : Paul Morelle Damien Dujardin Vincent Drapier UNIVERSITE DE TECHNOLOGIE DE COMPIEGNE Rue Roger

Plus en détail

Catalogue de formation

Catalogue de formation 4 rue Jules Raimu 31 200 Toulouse http://www.creabilis.com contact@creabilis.com Tél. : 05 34 251 641 Fax : 05 34 257 956 Catalogue de formation CREABILIS S.A.R.L au capital de 7500 - R.C.S. Toulouse 441

Plus en détail

Programme jquery / Dojo Professionnel

Programme jquery / Dojo Professionnel Programme jquery / Dojo Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET CAHIER DES CHARGES Refonte du Site : ToufikOulmi.com 1/20 SOMMAIRE 1- Contexte 2- Objectifs 3- Pérennité du site 4- Résultats attendus et publics visés 5- Contraintes 6- Délais 7- Benchmark 8- Les Contenus

Plus en détail

Les images. ! Ce qu il faut savoir. Les natures d images

Les images. ! Ce qu il faut savoir. Les natures d images Chapitre 2 Les images! Ce qu il faut savoir GIMP permet de retoucher et de composer des images. Celles-ci peuvent se caractériser principalement par leur nature (photo, dessin ou peinture), les couleurs

Plus en détail

Cahier des charges du site internet de l AIM

Cahier des charges du site internet de l AIM Julie Toussaint Marie Olivier TEMA 3 Cahier des charges du site internet de l AIM 1 Sommaire Présentation du projet... 3 Rôles... 3 Objectifs du site... 4 Liste des prestations attendues... 4 Contenu du

Plus en détail

Run Away. FABRE Maxime LEPOT Florian

Run Away. FABRE Maxime LEPOT Florian Run Away FABRE Maxime 2015 Sommaire Introduction... 2 I. Analyse fonctionnelle générale... 3 A. But du Jeu... 3 B. Objectif... 3 C. Moyen mis en œuvre... 3 II. Description de l application... 5 A. Diagramme

Plus en détail

P14 TRAN Héloïse GROUD Amélie. Cahier Des Charges

P14 TRAN Héloïse GROUD Amélie. Cahier Des Charges P14 Cahier Des Charges 1 Sommaire 1. Le concept...3 2. Le public-cible...3 3. Les objectifs...3 4. Ressources medias...4 5. Structure et navigation...4 6. Forme et degrés d interactivité...5 7. Choix techniques...5

Plus en détail

Riddle Blocks. Jeu sous Android. - Yann Bertrand. Membres de l'équipe : - Clément Guihéneuf TS5. - Guillaume Renotton TS4

Riddle Blocks. Jeu sous Android. - Yann Bertrand. Membres de l'équipe : - Clément Guihéneuf TS5. - Guillaume Renotton TS4 Sommaire 1.Sommaire 2.Présentation du projet 3.Problématique et Enjeu 4.Cahier des Charges de l équipe 5.Répartition des tâches 6.Mon travail a) Le Menu b) Le Scénario c) Les Graphismes d) Les Collisions

Plus en détail

1.0 Composition du logo

1.0 Composition du logo Annexe 1 1.0 Composition du logo L espace à respecter entre le symbole et le bloc texte Cégep de Sainte-Foy correspond à la ligne tracée entre la pointe supérieure droite du symbole et la pointe inférieure

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

PRESENTATION DU PROJET D EQUIPEMENT D UNE BORNE INTERNET

PRESENTATION DU PROJET D EQUIPEMENT D UNE BORNE INTERNET PRESENTATION DU PROJET D EQUIPEMENT D UNE BORNE INTERNET Plusieurs résidants ont exprimé leur désir de s initier à Internet. En conséquence, un projet d animation a été prévu pour répondre à cette demande

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 V3 Sommaire Sommaire... 2 Note :... 2 Quelques Notions... 3 Profil :... 3 Pages :... 5 Créer du contenu... 6 Identification de l administrateur :...

Plus en détail

Utilisation de Audacity Enregistrement et traitement du son

Utilisation de Audacity Enregistrement et traitement du son Utilisation de Audacity Enregistrement et traitement du son 1. Présentation de l interface 2. Enregistrer avec un micro a) réglages préalables b) enregistrement 3. Effacer un morceau de la bande sonore

Plus en détail

Le Memory. a. Objectif : Créer un programme en langage Python qui permette de jouer au jeu Memory à deux joueurs.

Le Memory. a. Objectif : Créer un programme en langage Python qui permette de jouer au jeu Memory à deux joueurs. Le Memory Créer un programme en langage Python qui permette de jouer au jeu Memory à deux joueurs. Le jeu se compose de paires d images portant des illustrations identiques. L ensemble des images est mélangé,

Plus en détail

Rapport de Conception

Rapport de Conception Rapport de Conception Métier : Développement Membres du groupe Granier Maxime Imbert Jérémy Lansac Ludovic Tionohoue Yann Axone Métiers consultés IHM Contenu cispmptut_rapportdeconception_developpement_20110111

Plus en détail

Découvrir Android. 1. Le vocabulaire

Découvrir Android. 1. Le vocabulaire Découvrir Android 1. Le vocabulaire Android : sans le e, il désigne un système d exploitation créé àpartir d un noyau Linux, qui équipe un support numérique portable : smartphone (téléphone de dernière

Plus en détail

4 e partie DOCUMENTS DE RÉFÉRENCE

4 e partie DOCUMENTS DE RÉFÉRENCE 4 e partie DOCUMENTS DE RÉFÉRENCE LE PROGRAMME DE FORMATION DE L ÉCOLE QUÉBÉCOISE Compétences transversales d ordre méthodologique Compétence 6 Exploiter : les technologies de l information et de la communication.

Plus en détail

AniPaint 3.1.3 mac : un tutoriel

AniPaint 3.1.3 mac : un tutoriel Objectifs du cours : -Apprendre à transposer une situation d apprentissage simple, à l aide de l informatique, à l écran -Apprendre à mettre en scène des dessins, des images, du son et du texte -Envisager

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Objectifs. Description

Objectifs. Description Objectifs pouvoir reconnaître les couleurs dans un dessin; acquérir une coordination efficace oeil-main; être capable de colorier un dessin d après le modèle; avoir une bonne notion de l espace; être capable

Plus en détail

Procédures CreaWEB Guide pratique

Procédures CreaWEB Guide pratique Procédures CreaWEB Guide pratique Pour vous connecter Dans la barre d adresse d Internet, tapez www.votrenomdedomaine.com/admin Entrez votre nom d utilisateur : Votre mot de passe : Premier coup d œil

Plus en détail

I N F O S T A N C E. Cahier de textes Rentrée 2009

I N F O S T A N C E. Cahier de textes Rentrée 2009 I N F O S T A N C E Cahier de textes Rentrée 2009 I N D E X INTRODUCTION... 4 PRESENTATION... 5 LES DROITS... 6 SAISIR UN CAHIER DE TEXTES... 7 SAISIE DU CAHIER DE TEXTES DEPUIS LE PLANNING... 7 Contenu

Plus en détail

L EFFET PARALLAXE N EST

L EFFET PARALLAXE N EST 50 3 Objets L EFFET PARALLAXE N EST PAS SPÉCIFIQUEMENT UN TRUCAGE D AFTER EFFECTS. C est un principe que vous devriez avoir à l esprit quand vous travaillez en 3D. En raison de la nature de la 3D dans

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Projet Info SUP Promo 2008. GERMOND Benoit PERON Remi. LAJOYE Fabien. BINETRUY Thibaud. As : Present : Cahier des charges

Projet Info SUP Promo 2008. GERMOND Benoit PERON Remi. LAJOYE Fabien. BINETRUY Thibaud. As : Present : Cahier des charges BINETRUY Thibaud Projet Info SUP Promo 2008 LAJOYE Fabien GERMOND Benoit PERON Remi As : Present : Cahier des charges Table des matières 1 Introduction 2 2 Présentation 2 2.1 du groupe......................................

Plus en détail

GRAPHISME 570-A0 DESCRIPTION DES COURS

GRAPHISME 570-A0 DESCRIPTION DES COURS GRAPHISME 570-A0 DESCRIPTION DES COURS GRAPHISME ET ESQUISSE i 570-JCA-04 Compétences : 00NQ (p) 00NS (p) Dans ce cours, l élève se familiarise aux différentes étapes d un projet de graphisme, de la recherche

Plus en détail

CONSULTING COMMUNICATION ÉVÉNEMENTIEL RELATIONS PUBLIQUES MARKETING SPORTIF

CONSULTING COMMUNICATION ÉVÉNEMENTIEL RELATIONS PUBLIQUES MARKETING SPORTIF ÉVÉNEMENTS CORPORATE, TEAM BUILDING, CONGRÈS, SALONS, SOIRÉES CONSULTING COMMUNICATION ÉVÉNEMENTIEL RELATIONS PUBLIQUES MARKETING SPORTIF «CRÉATEUR D ÉMOTIONS» WWW.MG-CONSULTING.FR Plus qu'une simple animation,

Plus en détail

Communiqué de presse : Puzzle Kitchen

Communiqué de presse : Puzzle Kitchen Communiqué de presse : Puzzle Kitchen Fiche d information : Nom du jeu : Puzzle Kitchen Plate-forme : Palm Pre Type de jeu : Puzzle game Prix : 2,99 $/euro Langues : Anglais, Français App Catalogue description

Plus en détail

Projet de session - Ubeat

Projet de session - Ubeat Projet de session - Ubeat Le projet de session consiste à développer une application permettant de créer des listes de lectures musicales et de les partager entre amis. Le projet doit être fait en équipe

Plus en détail

Avant-Propos Sencha Touch

Avant-Propos Sencha Touch Avant-Propos Développeurs web, vous qui souhaitez vous diversifier et appréhender simplement le développement mobile, mais redoutez un apprentissage long d un langage que vous ne connaissez pas, vous allez

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Rapport projet MMI. Luis Domingues, I3 Naomi Favre, I3 Tiago De Deus, I3. Luis Domingues, Tiago De Deus, Naomi Favre SP 2013 - Interfaces Multimodales

Rapport projet MMI. Luis Domingues, I3 Naomi Favre, I3 Tiago De Deus, I3. Luis Domingues, Tiago De Deus, Naomi Favre SP 2013 - Interfaces Multimodales Rapport projet MMI 2013 Luis Domingues, I3 Naomi Favre, I3 Tiago De Deus, I3 Page 1 Table des matières Luis Domingues, Tiago De Deus, Naomi Favre Introduction... 4 Contexte... 4 Description du projet...

Plus en détail

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur

Vous devez IMPERATIVEMENT installer et utiliser ce navigateur GUIDE d utilisation Logiciels requis Les logiciels requis 3 Vous devez IMPERATIVEMENT installer et utiliser ce navigateur Mozilla Firefox (version minimum 2.0). L utilisation du navigateur Mozilla Firefox

Plus en détail

2015 ADOBE DESIGN ACHIEVEMENT AWARDS

2015 ADOBE DESIGN ACHIEVEMENT AWARDS 2015 ADOBE DESIGN ACHIEVEMENT AWARDS Outre la reconnaissance de la communauté mondiale des créatifs, les étudiants peuvent remporter un logiciel Adobe, une somme d argent ou une période de mentorat, entre

Plus en détail

Programme HTML5 / CSS3 Professionnel

Programme HTML5 / CSS3 Professionnel Programme HTML5 / CSS3 Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail