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

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

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

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

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

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

TOUCHVOICES : UN EXEMPLE D UTILISATION DU WEB COMME OUTIL D INTERACTION ET DE DEVELOPPEMENT MULTI- PLATEFORME (DEMO)

TOUCHVOICES : UN EXEMPLE D UTILISATION DU WEB COMME OUTIL D INTERACTION ET DE DEVELOPPEMENT MULTI- PLATEFORME (DEMO) TOUCHVOICES : UN EXEMPLE D UTILISATION DU WEB COMME OUTIL D INTERACTION ET DE DEVELOPPEMENT MULTI- PLATEFORME (DEMO) Pierre-Adrien THEO Etudiant Master RIM CIEREC EA3068 Université Lyon-Saint-Etienne pierreadrien.theo@gmail.com

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

Réalité virtuelle sur Google Cardboard

Réalité virtuelle sur Google Cardboard Université de Technologie de Compiègne SI28 Rapport de projet Réalité virtuelle sur Google Cardboard Labyrinthe Printemps 2015 Carl LEVASSEUR - Romain PELLERIN - Guillaume VASSAL TD du vendredi matin 5

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

Fish & Trip UTC P15. Rapport de projet SI28. Auteurs : ADHEMAR Mehdi, PASSERI Nicolas, PAJOT ANNE

Fish & Trip UTC P15. Rapport de projet SI28. Auteurs : ADHEMAR Mehdi, PASSERI Nicolas, PAJOT ANNE Fish & Trip UTC P15 Rapport de projet SI28. Auteurs : ADHEMAR Mehdi, PASSERI Nicolas, PAJOT ANNE RAPPORT Fish & Trip Table des matières I- Concept... 2 II- Public cible... 2 III- Objectifs... 2 IV- Ressources

Plus en détail

P13 [PROJET SI28 : ECRITURE INTERACTIVE ET MULTIMEDIA] Jourdaine Marc Lefèvre Mathilde Rossier Titouan Salles Martin. Responsable : Serge Bouchardon

P13 [PROJET SI28 : ECRITURE INTERACTIVE ET MULTIMEDIA] Jourdaine Marc Lefèvre Mathilde Rossier Titouan Salles Martin. Responsable : Serge Bouchardon P13 Jourdaine Marc Lefèvre Mathilde Rossier Titouan Salles Martin Responsable : Serge Bouchardon [PROJET SI28 : ECRITURE INTERACTIVE ET MULTIMEDIA] Sommaire Concept... 3 Objectifs... 3 Public-cible...

Plus en détail

ALBUM Y REALISE PAR DAGHOUI AZZEDDINE NAJMI HAFIDA ABDALLAH MAISSA

ALBUM Y REALISE PAR DAGHOUI AZZEDDINE NAJMI HAFIDA ABDALLAH MAISSA ALBUM Y REALISE PAR DAGHOUI AZZEDDINE NAJMI HAFIDA ABDALLAH MAISSA Sommaire INTRODUCTION... 3 SYNOPSIS... 4 TITRE DU PROJET... 4 CONCEPT DU PROJET... 4 PUBLIC VISE... 4 OBJECTIFS... 4 CAHIER DES CHARGES...

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

Expérience Picturale Augmentée

Expérience Picturale Augmentée Expérience Picturale Augmentée Fribourg Rebecca Guyet Florian Saint-Maxent Manon Sené Baptiste I- Concept Le cœur du projet est d offrir à un public une expérience picturale augmentée. Le fil conducteur

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

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

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

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

Alexis Garnier Cyril Boissinot Maxime Gendre. Construction d un site Internet. [FTP]iscine

Alexis Garnier Cyril Boissinot Maxime Gendre. Construction d un site Internet. [FTP]iscine Alexis Garnier Cyril Boissinot Maxime Gendre Construction d un site Internet [FTP]iscine Sommaire Introduction... 5 La conception... 5 A Etude de la concurrence... 5 B Questionnaire..9 C Informations

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

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

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

'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

Sylvain Archenault Yves Houpert. Projet Informatique : Langage Java : Jeu De Dames en Java

Sylvain Archenault Yves Houpert. Projet Informatique : Langage Java : Jeu De Dames en Java Sylvain Archenault Yves Houpert Projet Informatique : Langage Java : Jeu De Dames en Java Projet GM3 Mai 2005 Chapitre 1 INTRODUCTION Le projet qui nous a été confié est de réaliser un jeu de dames en

Plus en détail

utbm SET Stamp Partage convivial de photos HAJJAM-EL-HASSANI Amir GRÉA Antoine TISSERAND Geoffrey TX52 Travaux de laboratoire

utbm SET Stamp Partage convivial de photos HAJJAM-EL-HASSANI Amir GRÉA Antoine TISSERAND Geoffrey TX52 Travaux de laboratoire Printemps 2012 TX52 Travaux de laboratoire Stamp Partage convivial de photos Création d'une application Android de partage convivial de photographies. utbm université de technologi e Belfort-Montbéliard

Plus en détail

www.lafamily.ch en 16 différences

www.lafamily.ch en 16 différences Cas d étude no 3 www.lafamily.ch en 16 différences juin 2003 Le mandat réalisé avec QuickSite de transformation du site existant de Lafamily.ch, centre globale d information pour les familles, à été de

Plus en détail

ADA E SOMMAIRE. by FrameAgency. version 2014-2015

ADA E SOMMAIRE. by FrameAgency. version 2014-2015 by FrameAgency version 2014-2015 SOMMAIRE - Le Logo Interdictions et autorisations Les Couleurs Typographie Puces et Car te de visite Explication des dif férentes sections Pour ce nouveau logo, nous avons

Plus en détail

Création d un document PublishView

Création d un document PublishView Auteur : Jean Louis Balas Découverte du logiciel ordinateur TI-n spire / TI-n spire CAS Création d un document PublishView Ce document est réalisé avec la version 3.0.2 du logiciel TI Nspire CAS Teacher

Plus en détail

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4 LEVALUATION DU SITE WEB E-LECLERC A P I 0 8 1 1 / 0 3 / 2 0 1 4 A. Evaluation «subjective» du site web 1. Choix du site web J ai choisi de réaliser l évaluation «subjective» sur le site web : www.e-leclerc.com,

Plus en détail

Objectifs méthodologiques Objectifs disciplinaires. A - Choix du thème de travail page 6. B - Collecte des documents page 6

Objectifs méthodologiques Objectifs disciplinaires. A - Choix du thème de travail page 6. B - Collecte des documents page 6 1 2 Déroulement des activités Objectifs méthodologiques Objectifs disciplinaires A - Choix du thème de travail page 6 B - Collecte des documents page 6 C - L élaboration du projet multimédia page 6 Comment

Plus en détail

Dossier de Conception graphique

Dossier de Conception graphique Dossier de Conception graphique introduction utilisateurs charte graphique maquettes graphiques recommandations techniques INTRODUCTION Le concept Exploration, Surveillance et Partage. Notre concept vise

Plus en détail

Contexte PPE GSB CR. Analyse. Projet réalisé :

Contexte PPE GSB CR. Analyse. Projet réalisé : Contexte PPE GSB CR Le laboratoire est issu de la fusion entre le géant américain Galaxy et le conglomérat Swiss Bourdin. Cette fusion a eu pour but de moderniser l activité de visite médicale et de réaliser

Plus en détail

UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes

UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes UN PROJET MULTIMÉDIA avec les classes 702A et 712B et le logiciel MISTRALMOVIE, au Cycle d Orientation des Grandes-Communes Buts Mise en place d une période de révision d allemand en fin de 7e année sous

Plus en détail

BRASSELY Marie CORDIER Stéphanie MARTIN Marie-Albéric. Projet réalisé dans le cadre du cours «Logique de l Hypermédia»

BRASSELY Marie CORDIER Stéphanie MARTIN Marie-Albéric. Projet réalisé dans le cadre du cours «Logique de l Hypermédia» BRASSELY Marie CORDIER Stéphanie MARTIN Marie-Albéric Projet réalisé dans le cadre du cours «Logique de l Hypermédia» Sommaire Concept p.3 Objectifs et cibles p.4 Déroulement p.5 Description de l interface

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

NOUVELLE INTERFACE POWERPOINT 2013

NOUVELLE INTERFACE POWERPOINT 2013 NOUVELLE INTERFACE POWERPOINT 2013 Barre de lancement rapide Onglets Groupe Fonctions Commande Lanceur boîte de dialogue(options) Ruban PROCEDURE D UTILISATION D UN MASQUE DE DIAPOSITIVE Nouveau document

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

Création d un site de rencontre

Création d un site de rencontre Quentin Wenzinger Walid Haroud L3 Informatique Julien Bellaiche 2010-2011 Christian Razakamahefasoanirina Laetitia Mourot Création d un site de rencontre Analyse des Besoins et Gestion de Projet Faculté

Plus en détail

Mise en œuvre d un Site Sharepoint-V1

Mise en œuvre d un Site Sharepoint-V1 Mise en œuvre d un Site Sharepoint- MAJ 20/01/2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013 NADAP et SharePoint NADAP ( Nouvelle

Plus en détail

La retouche de photos

La retouche de photos La retouche de photos Depuis l apparition des appareils photos numériques et des Smartphones, nous prenons de plus en plus de photos. Avec les appareils photos argentiques (avec des pellicules), nous faisions

Plus en détail

Le trésor du pirate (4 e )

Le trésor du pirate (4 e ) Le trésor du pirate (4 e ) Cyril MICHAU Collège R. Descartes, 93 Le-Blanc-Mesnil. Niveau Concerné Quatrième. Modalité Il est possible de réaliser ce travail en salle informatique par binôme, ou bien en

Plus en détail

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015 Recueil des s s : Mise en œuvre d un site SharePoint 2013 Juin 2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013. NADAP et SharePoint

Plus en détail

API08 : Evaluation ergonomique d une IHM

API08 : Evaluation ergonomique d une IHM API08 : Evaluation d une IHM Résumé Twitter : les aspects positifs et négatifs de l interface Web par Ewan C. BURNS L objectif de ce document est de proposer une évaluation de l IHM web proposée par Twitter.

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

Site Football Américain - Cahier des charges

Site Football Américain - Cahier des charges Site Football Américain - Cahier des charges Romain Dewaele et Jessica Rochat Méthodologie Pour réaliser ce cahier des charges, nous avons tout d abord eu un entretien avec le commanditaire de notre projet

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

À 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

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

CAHIER DES CHARGES Création d une calculatrice vocale. Androcalc CERI 2014/2015

CAHIER DES CHARGES Création d une calculatrice vocale. Androcalc CERI 2014/2015 CAHIER DES CHARGES Création d une calculatrice vocale sous Android Androcalc CERI 2014/2015 1/13 Plan I. Etat des lieux 3 1- Le contexte..3 2- Les Objectifs 3 3- La problématique 4 4- L existant.4 II.

Plus en détail

Utiliser Office 365 pour un projet d e quipe - PART 2

Utiliser Office 365 pour un projet d e quipe - PART 2 Utiliser Office 365 pour un projet d e quipe - PART 2 Introduction Depuis quelques mois, Microsoft a mis en ligne la nouvelle version de SharePoint en ligne. Cette solution est inclue dans l offre plus

Plus en détail

Rapport Séance : Maquette et Mise au point de la procédure d évaluation utilisateur de la maquette. 05/01/15

Rapport Séance : Maquette et Mise au point de la procédure d évaluation utilisateur de la maquette. 05/01/15 Rapport Séance : Maquette et Mise au point de la procédure d évaluation utilisateur de la maquette. 05/01/15 Introduction Ce document présente la cohérence de notre démarche entre la conception et l évaluation

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

Cahier des Charges : Description du projet de réalité virtuelle - Ensimag 3A MMIS-IRVM.

Cahier des Charges : Description du projet de réalité virtuelle - Ensimag 3A MMIS-IRVM. Cahier des Charges : Réalité Virtuelle-Augmenté Description du projet de réalité virtuelle - Ensimag 3A MMIS-IRVM. Peythieux Laura Janvier Adrien Siegel Edouard Champeau Julien Grenoble INP - Ensimag 2010-2011

Plus en détail

Design + Développement. Web. Gunther Groenewege CFA - IGS

Design + Développement. Web. Gunther Groenewege CFA - IGS Design + Développement Web Gunther Groenewege CFA - IGS antibioclic.com audit ergonomique antibioclic.com audit ergonomique un site internet utilisé par des médecins généralistes un médecin utilise ce

Plus en détail

Rapport individuel Génie logiciel

Rapport individuel Génie logiciel 2012 Rapport individuel Génie logiciel Dans ce rapport sera présenté l ensemble des activités effectuées au cours du projet de création de site de covoiturage «Etucovoiturage» (http://etucovoiturage.free.fr)

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

1 Documentation FastSite. Documentation FastSite

1 Documentation FastSite. Documentation FastSite 1 Documentation FastSite Documentation FastSite 2 Documentation FastSite Sommaire A propos... 3 Les prestations de la plateforme... 3 Les informations pré-requises... 4 Le fonctionnement... 6 Les langues...

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

PROPOSITION RC CAR ADVANCE

PROPOSITION RC CAR ADVANCE Mathieu Vasselle Automne 2005 Nicolas Gadenne AV02 Réalisation Multimédia (Jeu Vidéo) PROPOSITION RC CAR ADVANCE Préambule Ce jeu est conçu dans le cadre de l UV AV02, sous la direction de Bruno Bachimont

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

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

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

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

Procédure d utilisation de l application web mobile de Code Bleu placement en santé.

Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Page de connexion Ce message s affiche si l utilisateur a entré un nom d utilisateur valide et le mot de passe correspondant,

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

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

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

Manuel Utilisateur. Création de site web

Manuel Utilisateur. Création de site web Manuel Utilisateur Création de site web Auteur : Logica Version : 1.3 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions

Plus en détail

Mini-projet : projet KiBoom

Mini-projet : projet KiBoom Mini-projet : projet KiBoom Cours d interfaces multimodales, rapport de projet Bachelor EIA-FR, I3 Frédéric Monney, Guillaume Schneuwly Février - Avril 2011 Table des matières 1. Contexte... 3 2. Description

Plus en détail

Naviguer sur internet, Manipuler les scanners et imprimantes

Naviguer sur internet, Manipuler les scanners et imprimantes Sponsors Tel : 055226812 http://uniprof.gear.host Facebook : uniprof Nom du cours : Naviguer sur internet, Manipuler les scanners et imprimantes C est avec le logiciel Que je gère mon commerce et les stocks

Plus en détail

Intranet Atlan tech Manuel utilisateur

Intranet Atlan tech Manuel utilisateur Intranet Atlan tech Manuel utilisateur Utilisation de l intranet pour le relevé d heures et la mise à jour des informations personnelles. Révision A002.1 / juillet 11 Page 2 sur 11 Sommaire 1 INTRODUCTION...4

Plus en détail

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22 SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané

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

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Simon Benjamin BTS SIO Rapport de stage : Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Entreprises : 2014/2015-1 - - 2 - Remerciements Je tiens tout

Plus en détail

LES ASTUCES POUR OFFICE 2010

LES ASTUCES POUR OFFICE 2010 CHAPITRE 1 LES ASTUCES POUR OFFICE 2010 Des astuces communes aux logiciels... 11 9 Microsoft Office 2010, d abord désigné sous le nom d Office 14, est la dernière version de la suite bureautique de Microsoft.

Plus en détail

Projet Web Les restaurants de Compiègne. Cherif Yaya Alexis Koutero 14 juin 2008

Projet Web Les restaurants de Compiègne. Cherif Yaya Alexis Koutero 14 juin 2008 Projet Web Les restaurants de Compiègne Cherif Yaya Alexis Koutero 14 juin 2008 1 Cherif Yaya Alexis Koutero TABLE DES MATIÈRES Table des matières 1 Introduction 3 2 Synopsis 4 2.1 Concept...............................

Plus en détail

Créer un site à l aide de Google Site

Créer un site à l aide de Google Site Créer un site à l aide de Google Site N Vanassche www.nathalievanassche.be Ifosupwavre Mise en contexte www.nathalievanassche.be Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité

Plus en détail

M1105 Web Design Analyse Sectorielle Sites de grands musées

M1105 Web Design Analyse Sectorielle Sites de grands musées M1105 Web Design Analyse Sectorielle Sites de grands musées Godlewski Louis Fort Hugo 2 Rijksmuseum Flat Design Fonctionnelle Responsive Design - Sobre - Esthétique - Vaste Source d information 3 onglets

Plus en détail

Titre partie PORTFOLIO. Nicolas Ceyte

Titre partie PORTFOLIO. Nicolas Ceyte Titre partie PORTFOLIO Nicolas Ceyte 1 Réalisations personnelles 2 Retouche d image Au cours de mon apprentissage du logiciel Adobe Photoshop j ai effectué de nombreuses modifications d images. Ci-dessous

Plus en détail

Dossier de comparaison de logiciels libres

Dossier de comparaison de logiciels libres Dossier de comparaison de logiciels libres SOMMAIRE 1.OS-Ticket...2 1.1.Présentation...2 1.2.Installation...2 1.3.Esthétique...2 1.4.Code source...2 1.5.En résumé...2 2.GLPI...3 2.1.Présentation...3 2.2.Installation...3

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

http://www.behance.net/gallery/city-of-melbourne/276451 http://www.behance.net/gallery/arch-idea-identity-_amp-website/238713

http://www.behance.net/gallery/city-of-melbourne/276451 http://www.behance.net/gallery/arch-idea-identity-_amp-website/238713 GRAPHISME Les disciplines : Identité visuelle La création d une identité visuelle dépasse la simple création d un logo. Pour rendre un produit, un service ou une organisation facilement identifiable, les

Plus en détail

Créez vos propres. réseaux sociaux privatifs. Dossier de presse

Créez vos propres. réseaux sociaux privatifs. Dossier de presse Créez vos propres réseaux sociaux privatifs Dossier de presse 2 Whaller, le réseau privatisé : «Du père de famille qui veut protéger ses enfants à la multinationale qui souhaite créer une communauté avec

Plus en détail

Philosophie des extensions WordPress

Philosophie des extensions WordPress 8 Philosophie des extensions WordPress Le concept L une des forces de WordPress dans la jungle CMS, c est la simplicité de création d extensions. Il y a plusieurs raisons à cela. Des raisons techniques

Plus en détail

Les modèles technologiques de la localisation

Les modèles technologiques de la localisation Les modèles technologiques de la localisation Les modèles technologiques de la localisation Cécile Martin Université Rennes 2 Avant d entrer en détails dans les modèles technologiques de la localisation,

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

Accéder à la plate-forme Via. À partir du site Internet Via de HEC. À partir du courriel d invitation

Accéder à la plate-forme Via. À partir du site Internet Via de HEC. À partir du courriel d invitation Accéder à (ou revoir) une classe virtuelle Via Via emeeting & elearning (Via), de SVI esolutions, est une application web qui permet de suivre des cours à distance en temps réel. Via permet à l enseignant

Plus en détail

Projet de Fin d Etudes. Smart Picking

Projet de Fin d Etudes. Smart Picking Projet de Fin d Etudes Smart Picking Mathieu BOSSENNEC IMA5 Florian CARON 2014-2015 Sommaire Sommaire 2 Remerciements 3 Introduction 4 I - Présentation du Contexte 5 II - Travaux Réalisés 6 1) Système

Plus en détail

Concepteur réalisateur graphique

Concepteur réalisateur graphique FORMATIONS PRINT Concepteur réalisateur graphique Durée 142 jours (994h) Objectifs A la fin de cette formation, les participants auront acquis les connaissances leur permettant d être capable de : - avoir

Plus en détail

Media Nav. Prise en main de Media Nav

Media Nav. Prise en main de Media Nav Media Nav Sommaire 01 Collecte des données de votre appareil Media Nav avec une clé USB 3 02 Création d un compte sur le site renault.naviextras.com ou dacia.naviextras.com 5 03 Téléchargement de l application

Plus en détail

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04

KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 KUMARASAMY Sandirane Lemont Jérémy Fruitet Robin FOULARD Aymeric BTS 2 SLAM Compte-rendu PPE03 et PPE04 Environnement : Ce projet a été réalisé en deuxième année de BTS, il s'agit d'un travail de groupe

Plus en détail

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock Produit concerné : Sage 100 Etendue (déclinaison mobile) Sujet mis en avant : Les fonctionnalités clés du profil commercial sur Smartphone Sage Etendue bénéficie désormais d une déclinaison sur terminaux

Plus en détail

v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur

v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur v o X m é d i a s - v e r s i o n 1.0.2 Le portail collaboratif dont vous êtes l agrégateur infos@voxmedias.net commercial@voxmedias.net www.voxmedias.net voxmédias 2011-2012 2 Usagers déjà inscrits :

Plus en détail

Guide sur l accessibilité numérique des ressources pédagogiques

Guide sur l accessibilité numérique des ressources pédagogiques Pistes et conseils, pour vous aider à mettre rapidement en œuvre sur votre cours AMeTICE un contenu accessible à un maximum d étudiants. Guide sur l accessibilité numérique des ressources pédagogiques

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

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

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

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

Antoine GRÉA Mathieu JEVAUDAN Geoffrey TISSERAND. Rapport De Projet. Application Android de messagerie instantanée géopositionnée

Antoine GRÉA Mathieu JEVAUDAN Geoffrey TISSERAND. Rapport De Projet. Application Android de messagerie instantanée géopositionnée Rapport De Projet Application Android de messagerie instantanée géopositionnée Sommaire 1 Introduction 2 2 Fonctionnement global 2 2.1 Identification 2.2 Liste des contact 2.3 Status 2.4 Messagerie instantanée

Plus en détail

Présentation du logiciel WINK

Présentation du logiciel WINK BIU de Montpellier Présentation du logiciel WINK 14 octobre 2010 Olivier Doré BU Droit Sciences économiques Sommaire 1/ Présentation... 3 1.1 Exemples... 3 1.2 Installer Wink en français... 3 2/Créer un

Plus en détail