DÉMO IDUG Ergonomie des interfaces tactiles

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

Download "DÉMO IDUG Ergonomie des interfaces tactiles"

Transcription

1 DÉMO IDUG Ergonomie des interfaces tactiles

2 DÉFINITION DE L ERGONOMIE alain Wisner ( ) «L ensemble des connaissances scientifiques relatives à l homme nécessaire pour concevoir des outils, des machines et des dispositifs qui puissent être utilisés avec le maximum de confort, de sécurité et d efficacité.» Discipline qui vise l adaptation d un système à son utilisateur, afin que ce dernier puisse mener ses activités avec un maximum d efficacité, de satisfaction et de bien-être. (Wikipédia) ERGO Ergon = Travail NOMIE Nomos = Règle > Etymologie du mot «ergonomie»

3 CRITÈRES DE BASE DE L ERGONOMIE L UTILITÉ permet de répondre à un besoin et capter l internaute pour qu il reste sur un site, et pour profiter de son utilité, il doit être utilisable. C est la deuxième grande dimension de l ergonomie. L UTILISABILITÉ permet de faciliter la satisfaction du besoin en les aidant à trouver plus facilement les informations voulues. D après la norme ISO 9241 : Un produit est dit utilisable lorsqu il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés, cherchant à atteindre des objectifs donnés, dans un contexte d utilisation donné.

4 QUELQUES RÈGLES D ERGONOMIE Cohérence Capitaliser sur l apprentissage interne. Homogénéité du site dans la localisation des éléments, l aspect des élément, le comportement des éléments interactifs. Le comportement doit toujours être le même! Convention Le site capitalise sur l apprentissage externe. Respecter les conventions de localisation, d interaction des éléments récurrentes sur le web. L ergonomie ne permet pas de se démarquer, il faut passer par le design. Ne pas oublier que l on préfère ce que l on connaît, tout simplement. (Amélie boucher)

5 QUELQUES RÈGLES D ERGONOMIE Information Le site informe l internaute et lui répond. Informations ponctuelles et contextuelles, feed-back d interaction. Compréhension Les mots et symboles sont choisis minutieusement. Icône, bouton, affordances 75% du travail d ergonomie, c est ce qui va faire cliquer (toucher) l internaute (le lecteur) ou pas. (Amélie boucher)

6 SIGNE DE MARQUAGE DE PAGE Wired Magazine

7 SIGNE DE MARQUAGE DE PAGE Wired Magazine

8 SIGNE DE MARQUAGE DE PAGE AVEC FOLIO M Le Monde Appliness

9 TABLETTES VS SMARTPHONE les contraintes écrans iphone 3 ipad 1&2 1024px 640px Défini-on 163 dpi 9,7ˮ 768px Défini-on 132 dpi Défini-on 326 dpi 960px ipad px iphone 4 9,7ˮ 1536px Défini-on 264 dpi

10 LE CONCEPT D AFFORDANCE Capacité d un objet à suggérer sa propre utilisation (A. Boucher) Ene sitibus aceped eictae maion nis mi, aut ut alitat esequam enistota dita dolum ullatur re simuste plibus que nimus, officto tet occupti berume sit et quamu event quas adit int quo mincturerunt eumquidio. Endaerum est latur arcillor min nate dolorro et andaest,

11 TAILLE DES ÉLÉMENTS D INTERFACE éléments ContiGUs Si les éléments sont contigus, la hauteur minimale (1) est d environ 40/45 pixels pour un Ipad 1 et 2. Il est consillé d utiliser des dimensions plus importantes pour les zones fréquemment utilisées et les actions principales de l interface (2). 2 1

12 TAILLE DES ÉLÉMENTS D INTERFACE éléments non ContiGUs Sur ipad 1 et 2 il est préconisé d avoir des éléments touchables non-contigus au minimum de 25 pixels de hauteur par 40 pixels de largeur. Entre ces éléments il est conseillé de laisser un espace d au moins 10 pixels. La taille d un index est d environ 40 / 45 pixels de large. 25 pixels

13 GESTION DE LA TYPOGRAPHIE Pour une lecture confortable, privilégié un corps d environ 16 à 18 pixels Interlignage d environ 140% Ligne de 45 à 65 caractères Respecter les marges (grilles) Mettre en évidence les liens

14 LES MODES D APPRÉHENSIONS MANUELLES DES TABLETTES Posé (Mains libres) A une main avec une main libre A deux mains avec pouces actifs

15 LES MODES D APPRÉHENSIONS MANUELLES DES TABLETTES Sur un écran tactile, les différentes zones de l interface ne sont pas atteignables avec la même facilité. L accessibilité des objets est à la fois relative à la taille de l écran et à l utilisation d une ou deux mains. Comme le montre le schéma suivant, les éléments situés en bas de l écran sont facilement atteignables alors que l accès aux informations situées aux extrémités supérieures et notamment à gauche est plus contraignant. En tactile l idéal est donc de placer les actions récurrentes ou principales dans la partie basse de l écran. À l inverse les actions occasionnelles ou engageantes seront plutôt à positionner dans la partie haute. La position des éléments a aussi un impact sur la fatigue qui n est pas négligeable en tactile. On évitera d obliger l utilisateur à faire des mouvements longs de manière répété. D autant plus que sur écran tactile la main de l utilisateur masque toujours une partie de l interface. En effet, pour aller appuyer sur la partie haute de l écran l utilisateur occulte une bonne partie de l application. Il faut donc veiller à ce que les éléments tactiles soient disposés de telle sorte que les interactions tactiles puissent être effectuées sans nuire à la visibilité de l écran.

16 LES MODES D APPRÉHENSIONS MANUELLES DES SMARTPHONES Deux mains, pouces actifs Une main libre Exemple Flipboard

17 QUELQUES RECOMMANDATIONS Il n y a pas de survol (Rollover) en tactile : veiller à rendre l interface explicite et ne pas bloquer l usage. Proposer des gestuelles simples. Les gestuelles complexes peuvent être utilisées pour les fonctions annexes. Créer une page qui expliquer à l utilisateur comment manipuler l interface. Concevoir des objets de taille suffisante pour le toucher. Le zoning est primordial : les erreurs de manipulations sont plus fréquentes avec la main qu avec une souris. Prendre en compte la fatigue qu impliquent les mouvements du bras et de la main. Enrichir l expérience utilisateur en optimisant les modes portrait et paysage. Organiser des tests utilisateur pour vérifier la pertinence des fonctionnalités et l utilisabilité de l interface Optimiser les contenus, afin que le magazine ne soit pas trop lourd à télécharger.

Petit lexique de l'ergonomie des interfaces

Petit lexique de l'ergonomie des interfaces Petit lexique de l'ergonomie des interfaces Cet article a pour objectif de dessiner ce qu'est l'ergonomie des interfaces à travers les termes clés employés dans ce domaine. Il s'agit à la fois de donner

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

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

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

Présentation de la barre des tâches

Présentation de la barre des tâches Initiation à L'informatique avec Windows 7 1/ 7 Comme pour le menu Démarrer, Windows 7 apporte des nouveautés à la barre des tâches. Présentation de la barre des tâches La barre des tâches de Windows 7

Plus en détail

Correction des Travaux Pratiques Organiser son espace de travail

Correction des Travaux Pratiques Organiser son espace de travail Module 01 Correction des Travaux Pratiques Organiser son espace de travail Correction de l exercice N 1 Organiser son espace de travail Objectif de l exercice : 1. Comprendre le dock 2. Afficher les règles

Plus en détail

web Ergonomie 3 e édition Pour des sites web efficaces Boucher Amélie Préface de d Élie Sloïm

web Ergonomie 3 e édition Pour des sites web efficaces Boucher Amélie Préface de d Élie Sloïm Amélie Boucher Ergonomie web Pour des sites web efficaces 3 e édition Préface de d Élie Sloïm Groupe Eyrolles, 2007, 2009, 2011, ISBN : 978-2-212-13215-1 Ergonomie web commande, où il ne vous reste plus

Plus en détail

INTERACTION HOMME- MACHINE NSY 110. 2 ème session 2013-2014 17 avril 2014. Documents papiers : NON AUTORISES M. HENRIQUES

INTERACTION HOMME- MACHINE NSY 110. 2 ème session 2013-2014 17 avril 2014. Documents papiers : NON AUTORISES M. HENRIQUES CNAM PACA INTERACTION HOMME- MACHINE NSY 110 Centre de Nice 2 ème session 2013-2014 17 avril 2014 Nombre de pages du sujet : 4 (non compris la page de garde) Durée 3 Heures Documents papiers : NON AUTORISES

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

Plus en détail

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale Documentation pour l administration de Pages personnelles sur www.imbe.fr Update : 05/12/2013 Les pages personnelles Ouverture d une page personnelle La demande de création d une page personnelle doit

Plus en détail

VICTOR AUDOUIN. Cahier. InDesign. Débutants et initiés. Mis à jour avec InDesign CS6. Groupe Eyrolles, 2012 ISBN : 978-2-212-13554-1

VICTOR AUDOUIN. Cahier. InDesign. Débutants et initiés. Mis à jour avec InDesign CS6. Groupe Eyrolles, 2012 ISBN : 978-2-212-13554-1 Cahier VICTOR AUDOUIN InDesign Débutants et initiés Mis à jour avec InDesign CS6 Groupe Eyrolles, 2012 ISBN : 978-2-212-13554-1 À lire avant de commencer Créer un modèle de page, concevoir un index, ajouter

Plus en détail

NOTE DE LA VERSION. Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également.

NOTE DE LA VERSION. Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également. NOTE DE LA VERSION Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également. Téléchargez la version pdf Sommaire Nouvelles fonctionnalités Nouvelle Gestion

Plus en détail

Manuel d utilisation de l application «Virtual Glass 2.0»

Manuel d utilisation de l application «Virtual Glass 2.0» Manuel d utilisation de l application «Virtual Glass 2.0» Table des matières 1. Identification... 2 2. Choix du produit... 3 2.1 Capacité & Famille de produit... 3 2.2 La teinte du produit... 4 2.3 Le

Plus en détail

GUIDE D UTILISATION LA DEPECHE PREMIUM

GUIDE D UTILISATION LA DEPECHE PREMIUM www.ladepeche.fr/premium GUIDE D UTILISATION LA DEPECHE PREMIUM La version 100% numérique de La Dépêche du Midi 1 Madame, Monsieur, Ce guide a pour objectif de vous accompagner dans la prise en main de

Plus en détail

Manuel d utilisation InSite

Manuel d utilisation InSite Manuel d utilisation InSite Guide détaillé des fonctionnalités Nom d utilisateur : Mot de passe : Chevillon IMPRIMEUR N hésitez pas à nous contacter au 03 86 65 65 69 ou chevillon-pao@orange.fr 1. Page

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

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

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7 Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute Logiciel utilisé : Adobe PhotoShop 7 Etape 1 Sélectionner les images, et les copier dans un répertoire

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part savoir

Plus en détail

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

Plus en détail

Or, même si chaque fenêtre est différente, elles suivent toutes les mêmes règles.

Or, même si chaque fenêtre est différente, elles suivent toutes les mêmes règles. Ouvrez les fenêtres! http://vanconingsloo.be/les-cours/modules-informatiques-et-internet/initiation-a-linformatique/decouvertewindows/fenetres La principale force de Windows, c est son mode d affichage.

Plus en détail

Comment télécharger et

Comment télécharger et Dispositifs de lecture numérique Comment télécharger et lire un livre numérique sur tablette et liseuse? Par souci de synthèse nous retiendrons ici les modèles de tablettes et liseuses les plus utilisés

Plus en détail

Charte ergonomique des sites Internet publics

Charte ergonomique des sites Internet publics Ministère du Budget, des Comptes publics et de la Fonction publique Charte ergonomique des sites Internet publics Date : 19 décembre 2008 Nombre de pages : 115 Rédacteur : Projets d administration électronique

Plus en détail

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie :

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, l Accessibilité consiste à adapter et optimiser l ergonomie : ACCESSIBILITE Définition de l Accessibilité en Informatique Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie : - des matériels et dispositifs

Plus en détail

web Ergonomie Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel

web Ergonomie Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel A m é l i e B o u c h e r Ergonomie web Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel Groupe Eyrolles, 2008, ISBN : 978-2-212-12158-2 12 règles pour optimiser

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Approche Design Méthodologie de conduite de sites web

Approche Design Méthodologie de conduite de sites web Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST

Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST jacques.bapst@hefr.ch Gestion de l'espace à disposition IHM-1 ID05 Jacques BAPST 2 Organisation

Plus en détail

LIF14 - Ergonomie du Web

LIF14 - Ergonomie du Web LIF14 - Ergonomie du Web Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2014-2015 http://liris.cnrs.fr/fabien.duchateau/ens/lif14/ Version originale par Stéphanie

Plus en détail

Conception des interfaces. 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982

Conception des interfaces. 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982 Conception des interfaces 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982 Conception des interfaces 1. Le maquettage Comprendre comment et pourquoi

Plus en détail

Prise de rendez-vous. Comment faire la configuration de la Prise de rendez-vous

Prise de rendez-vous. Comment faire la configuration de la Prise de rendez-vous Prise de rendez-vous Comment faire la configuration de la Prise de rendez-vous 1. Dans le menu Configuration, cliquer sur Prix de revient. Aller sur l onglet, Prise de rendez-vous. 2. Cliquer une fois

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

Manuel logiciel client for Android

Manuel logiciel client for Android 1 Manuel logiciel client for Android 2 Copyright Systancia 2012 Tous droits réservés Les informations fournies dans le présent document sont fournies à titre d information, et de ce fait ne font l objet

Plus en détail

BASEDPSY 7 (PsyTablet_7)

BASEDPSY 7 (PsyTablet_7) BASEDPSY 7 (PsyTablet_7) Logiciel de gestion des dossiers cliniques et de gestion financière pour psychothérapeutes de toutes disciplines. Base de données développée par Alain Barbeau www.basedpsy.com

Plus en détail

Une interface moderne et multi devices avec Drupal Focus sur Omega

Une interface moderne et multi devices avec Drupal Focus sur Omega Une interface moderne et multi devices avec Drupal Focus sur Omega Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets Publier du contenu aujourd hui > Plateformes de consultation

Plus en détail

Internautes sous surveillance. Retours de la réalité pour un web meilleur

Internautes sous surveillance. Retours de la réalité pour un web meilleur Internautes sous surveillance Retours de la réalité pour un web meilleur Amélie Boucher Jeudi 14 Octobre 2010 Retours de tests utilisateurs Des détails qui n en sont pas Conseils méthodologiques pourquoi

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

Plus en détail

Le module peut être inclus dans une page sous trois formes : mosaïque, mini ou module complet.

Le module peut être inclus dans une page sous trois formes : mosaïque, mini ou module complet. 300 Quoi de neuf? QUOI DE NEUF? Le module Quoi de neuf? permet de consigner les changements survenus dans le courrier électronique ou dans certains modules des communautés. Ce module peut être ajouté dans

Plus en détail

ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010

ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010 ORDIGOUAL - Atelier vidéo Tutoriel XnView Créer un diaporama avec des commentaires pour chaque photo Déc. 2010 Objectif : Ce tutoriel explique la création d un diaporama dans lequel chaque photo est accompagnée

Plus en détail

COMMENT CRÉER UNE APPLICATION MOBILE?

COMMENT CRÉER UNE APPLICATION MOBILE? COMMENT CRÉER UNE APPLICATION MOBILE? Application web vs. native Application mobile web Application mobile native Créer une application Pourquoi développer une appli? Quelles questions se poser? Concevoir

Plus en détail

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne BIBLIOTHEQUE NOMADE PressReader dans les Bibliothèques de la Ville de Lausanne Table des matières 1. Connectez-vous à Internet 2. Découvrez PressReader 3. Connectez-vous au Hotspot 4. Trouvez votre revue

Plus en détail

CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca

CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca Guide de démarrage Version 1.3.1 Préparé par Dapasoft Inc. TABLE DES MATIÈRES Survol...3 Configuration nécessaire...4

Plus en détail

ACTIVITÉ PRATIQUE LA REPRESENTATION DU REEL. Modélisation d un Smartphone

ACTIVITÉ PRATIQUE LA REPRESENTATION DU REEL. Modélisation d un Smartphone NOM : Prénom : Classe : ACTIVITÉ PRATIQUE LA REPRESENTATION DU REEL ITEC Rotation des spécialités Modélisation d un Smartphone Objectif : découvrir les fonctions de base pour la création d une pièce sous

Plus en détail

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les

Plus en détail

CREER UNE APPLICATION MOBILE

CREER UNE APPLICATION MOBILE Le cap des 1 million d applications pour Smartphones et tablettes numériques a été franchi en décembre 2011. La boutique en ligne d applications d Apple a quant à elle enregistré 25 milliards de téléchargements

Plus en détail

Comment générer un fichier PDF de qualité et certifié imprimable?

Comment générer un fichier PDF de qualité et certifié imprimable? JOUVE Janvier 2004 Comment générer un fichier PDF de qualité et certifié imprimable? L objectif de ce document est d aider à la réalisation d un fichier PDF "Portable Document Format". Ce format électronique

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

Plus en détail

Pièces maîtresses de l iphone, les applications vous permettent d étendre

Pièces maîtresses de l iphone, les applications vous permettent d étendre Gérer les applications Pièces maîtresses de l iphone, les applications vous permettent d étendre librement ses fonctions et d envisager les activités les plus variées, de la lecture de films à la consultation

Plus en détail

Mode d emploi : traitement des images pour diffusion web

Mode d emploi : traitement des images pour diffusion web BIU Montpellier / Service informatique Mode d emploi : traitement des images pour diffusion web 1. Introduction... 1 2. Exemple 1 : récupération et traitement d une vignette Aleph... 1 2.1 Récupération

Plus en détail

FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER

FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER Centres d accès communautaire Internet (CACI) des Îles FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER Table des matières Introduction 1- La souris 1.1 Le positionnement de la main 2 5 min. 1.2. Les boutons

Plus en détail

Documentation : Installer / Utilisation de l agent de sauvegarde

Documentation : Installer / Utilisation de l agent de sauvegarde Documentation : Installer / Utilisation de l agent de sauvegarde Produit par : Société 2ISR Ingénierie Informatique Systèmes et Réseaux 11, rue de Madrid 49280 LA SEGUINIERE contact@2isr.fr Tel : 09 72

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

Mode d emploi SPIP 2.0 pour rédacteur Mode d emploi SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part

Plus en détail

Introduction à HTML5, CSS3 et au responsive web design

Introduction à HTML5, CSS3 et au responsive web design 1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent

Plus en détail

Initiation EXCEL. Module 1 : La présentation d Excel.

Initiation EXCEL. Module 1 : La présentation d Excel. Initiation EXCEL. Module 1 : La présentation d Excel. Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 10 Avant

Plus en détail

Skype-2, Atelier-117 Pour intermédiaires. La téléphonie via Internet..(VoIP) Une solution économique et versatile

Skype-2, Atelier-117 Pour intermédiaires. La téléphonie via Internet..(VoIP) Une solution économique et versatile Skype-2, Atelier-117 Pour intermédiaires La téléphonie via Internet..(VoIP) Une solution économique et versatile Par Robert Landry, révisé par Michel Bédard (revf-avril-2012) Plan du cours Skype-2 Possibilitées

Plus en détail

Guide d Installation caméra Videoconsult pour Iphone et Ipad

Guide d Installation caméra Videoconsult pour Iphone et Ipad Guide d Installation caméra Videoconsult pour Iphone et Ipad Pré-requis 1-4 Installation.. 5-6 Ajout d une caméra..... 7-9 Possibles problèmes 9 Pré-requis Avant d installer Videoconsult sur votre Iphone/Ipad,

Plus en détail

Vous pourrez ainsi : Accéder rapidement à la boutique Kindle d'amazon pour ajouter des livres (gratuits ou payants).

Vous pourrez ainsi : Accéder rapidement à la boutique Kindle d'amazon pour ajouter des livres (gratuits ou payants). Amazon propose le Kindle, une liseuse de livres électroniques (appelés aussi ebooks) qu'il commercialise sous la forme d'une petite tablette et qui permet d'accéder à un catalogue de plus de 1 million

Plus en détail

MAJ 08/07/2013. INSTALLATION RAPIDE Version 1.3

MAJ 08/07/2013. INSTALLATION RAPIDE Version 1.3 INSTALLATION RAPIDE Version 1.3 1 Home Confort / installation rapide Préface PREFACE Vous venez de faire l acquisition d un kit de surveillance vidéo HOME CONFORT et nous vous remercions de cet excellent

Plus en détail

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 Toutes formations CIEL GESCO Découverte et mise en œuvre Jean-Michel Chenet Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 I. La mise en œuvre Les menus Les déplacements 1.1 Lancement

Plus en détail

Motivation et Formation à distance

Motivation et Formation à distance Motivation et Formation à distance 1 Demandez le programme... Objectifs de l atelier Activité : Motivation vs. Découragement Stratégies de motivation ergonomiques psychopédagogiques 2 Objectifs Réfléchir

Plus en détail

BOOK REFERENCES ERGONOMIQUES Gfi Informatique

BOOK REFERENCES ERGONOMIQUES Gfi Informatique 2014 BOOK REFERENCES ERGONOMIQUES Gfi Informatique SECTEUR INDUSTRIE-SERVICE CHORUS 2 : Refonte du référentiel des process Groupe Refondre le réferentiel des process Groupe grâce à la réalisation d un

Plus en détail

FABRIK4WEB. création web - communication interactive - solutions digitales

FABRIK4WEB. création web - communication interactive - solutions digitales FABRIK4WEB création web - communication interactive - solutions digitales SITE INTERNET WEB DESIGN ET ERGONOMIE Performance et plaisir! INTEGRATION ET DEVELOPPEMENT Innover pour évoluer, Evoluer pour convaincre!

Plus en détail

1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5

1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5 4.1 Ajouter des photos 5 4.2 Supprimer une photo 7 4.3 Choisir

Plus en détail

Guide de l interface utilisateur d Optymo

Guide de l interface utilisateur d Optymo Guide de l interface utilisateur d Optymo Notes de lecture : dans ce document, les textes soulignés font référence à des libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes

Plus en détail

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Accueil Zimbra Aide utilisateur Ce document explique le fonctionnement de l accueil Zimbra, comment l utiliser et le personnaliser.

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

Documentation. Manuel Utilisateur. E-Shop

Documentation. Manuel Utilisateur. E-Shop Documentation Manuel Utilisateur E-Shop Table des matières 1. PROCEDURE POUR OUVRIR UN COMPTE E-SHOP...3 1.1 Intervenants...3 1.2 Formulaire à utiliser...3 2. SITE INTERNET GETAZ-MIAUTON...3 2.1 Site Internet

Plus en détail

Introduction. Conception des IHM. Conception. Introduction. Conception. Conception. Objectif : savoir concevoir une IHM. savoir réaliser une IHM

Introduction. Conception des IHM. Conception. Introduction. Conception. Conception. Objectif : savoir concevoir une IHM. savoir réaliser une IHM Conception des IHM Introduction Objectif : permettre à l utilisateur d accomplir ses tâches de façon efficace avec une bonne productivité en toute sécurité en prenant plaisir à le faire en apprenant rapidement

Plus en détail

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Version 4.2 Nouveautés

Version 4.2 Nouveautés Version 4.2 Nouveautés PERSONNALISER SON AFFICHAGE À L AIDE DES TEMPLATES DJANGO Un travail de fond a été réalisé dans PMB pour séparer les données du catalogue de la mise en forme dans le portail. Ainsi,

Plus en détail

Créer son mini-site sur la plateforme Mécatronique LR

Créer son mini-site sur la plateforme Mécatronique LR Créer son mini-site sur la plateforme Mécatronique LR 1 Sommaire Accéder à l interphase de création.....3 Préambule d ergonomie...4 Ajouter votre logo.....5 Transférer des fichiers sur le serveur.6 Remplir

Plus en détail

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 Home Confort / Installation rapide Procédure PROCEDURE D INSTALLATION DE HOME CONFORT Pour ajouter le Convertisseur RF/Wifi dans votre Espace Home

Plus en détail

Documentation. Manuel Utilisateur. E-Shop

Documentation. Manuel Utilisateur. E-Shop Documentation Manuel Utilisateur E-Shop Table des matières 1. PROCEDURE POUR OUVRIR UN COMPTE E-SHOP...3 1.1 Intervenants...3 1.2 Formulaire à utiliser...3 2. SITE INTERNET GETAZ-MIAUTON...3 2.1 Site Internet

Plus en détail

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE Edités par la Mobile Marketing Association France, juin 2010 http://www.mmafrance.org La Mobile Marketing Association France, association

Plus en détail

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing Partiel : travaux pratiques avec Photoshop (à propos de typographie ) Attention! Pensez à sauvegarder vos

Plus en détail

Web Design Métier N 17. 42 ème Olympiades des Métiers Sujet Régional

Web Design Métier N 17. 42 ème Olympiades des Métiers Sujet Régional Web Design Métier N 17 42 ème Olympiades des Métiers Sujet Régional 1 01 Introduction La Société Minnesota Mining and Manufacturing Company, plus connue sous le nom 3M est l inventeur de la marque Scotch,

Plus en détail

Sites collaboratifs pour collectivités locales et associations

Sites collaboratifs pour collectivités locales et associations Sites collaboratifs pour collectivités locales et associations La société Médiagonale a mis au point un système de site internet spécialement adapté aux besoins des collectivités locales, en particulier

Plus en détail

Atlas de la flore vaudoise Gestion des photos

Atlas de la flore vaudoise Gestion des photos Atlas de la flore vaudoise Gestion des photos Pour illustrer notre futur Atlas de la flore vaudoise, que ce soit dans sa version on-line ou sa version imprimée, nous avons besoin de vos talents de photographe!

Plus en détail

http://agents.cirad.fr/admin Mode d emploi

http://agents.cirad.fr/admin Mode d emploi http://agents.cirad.fr/admin Mode d emploi Introduction... 1 1. Comment créer sa page? La connexion au service... 2 2. Navigation dans agents.cirad.fr... 2 3. Gestion des pages... 3 4. Gestion des fichiers...

Plus en détail

TUTORIEL - GESTION DU BLOG

TUTORIEL - GESTION DU BLOG Pierre A. Martin 1920 Martigny pierremartin.ch@gmail.com web project manager community manager consultant social media webmaster/designer TUTORIEL - GESTION DU BLOG Document confidentiel à l intention

Plus en détail

Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs

Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs Le Web pour les informaticiens Le Web pour les informaticiens Programmation web PHP et bases de données Les métiers La conception du site web Jean-Christophe Dubacq IUT de Villetaneuse S3 2013 PHP et bases

Plus en détail

Modifier les paramètres

Modifier les paramètres Ça y est vous avez craqué pour une tablette! Et vous ne pourrez bientôt plus vous en passer Mais avant ça, vous avez besoin d'un peu d'aide pour débuter avec votre ipad ou votre tablette Android? Lors

Plus en détail

Créer un premier document avec Pages

Créer un premier document avec Pages 1 Créer un premier document avec Pages Dans ce chapitre, vous aborderez les fonctions élémentaires de Pages par le biais de la rédaction d une lettre et de la réalisation d une carte d anniversaire à l

Plus en détail

Mise en plan sur CATIA

Mise en plan sur CATIA Mise en plan sur CATIA Nous allons apprendre à créer un plan 2D à partir d un dessin 3D. La leçon qui suit est faisable si vous avez déjà dessiné une pièce et un produit. Nous commençons par le cas du

Plus en détail

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

Plus en détail

Guide d installation en 10 étapes...

Guide d installation en 10 étapes... Bienvenue sur PrestaBox! Guide d installation en 10 étapes... Suivez le guide! Pour ne rien oublier, suivez la liste des étapes incontournables pour la configuration de votre boutique PrestaBox : 1 - Choisissez

Plus en détail

Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS)

Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS) Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS) http://recherche.parisdescartes.fr/cerlis Version finale (28 mai 2015) A

Plus en détail

1. Une image de 12 cm de long exactement

1. Une image de 12 cm de long exactement 1. Une image de 12 cm de long exactement Votre image est particulièrement grande et vous souhaitez qu elle ne mesure pas plus de 12 cm de long, pas un millimètre de plus, mais en conservant ses proportions.

Plus en détail

À noter que Flickr dispose aujourd hui d une interface en français, ce qui simplifie grandement son utilisation.

À noter que Flickr dispose aujourd hui d une interface en français, ce qui simplifie grandement son utilisation. Flickr se démarque tout d'abord par sa simplicité. Tout y est très simple à mettre en oeuvre, de l'envoi des photos à l'organisation de ses albums. L un de ses premiers attraits est de permettre de stocker

Plus en détail

Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition

Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition Aide à la clé pédagogique «Former à la première intervention et à l évacuation»» 2 e édition Interface clé pédagogique 1. Lancer l'interface : Insérer la clé dans un port USB libre. Attendre l'ouverture

Plus en détail