Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique.

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba"

Transcription

1 Ergonomie des IHM Karim Sehaba Maître de Conférences en Informatique Université Lumière Lyon2

2 Conception Web Organisation du contenu Navigation Web La page Web

3 Organisation du contenu Test de l ergonomie des sites web Par Le observation du comportement des l utilisateurs plutôt possible dans la conception Choix d un groupe d utilisateurs représentatif Plusieurs itérations de test Deux méthodes Test de perception Test d utilisabilité

4 Organisation du contenu Test de Perception Objectif : Vérifier que l internaute comprend la façon d utiliser le site et qu il interprète correctement le vocabulaire utilisé. Principe : demander à l'utilisateur d expliquer comment il interprète les pages Question à poser lors du test de perception Que permet de faire cette page? Que voit l internaute en premier? Où se trouvent les liens? Que signifient-ils? A quoi servent ces liens? Quelles informations devrait-on trouver derrière? Pour une demande de type, où doit aller l internaute? Que pense-t-il trouver ensuite?

5 Organisation du contenu Test d'utilisabilité Objectif : Observer directement la façon dont l internaute se sert du site et identifier les problèmes qu il rencontre en situation d utilisation. Princie : Observer individuellement des individus appartenant au cœur de cible en situation réelle d utilisation du site Point à vérifier lors du test d utilisablité L internaute sait-il où il est? Trouve-t-il l information qu il cherche Choisit-il le chemin le plus court pour trouver l information? L internaute voit-il les informations importantes? A-t-il repéré où sont les liens? Certains liens manquent-ils à l internaute? Comprend-t-il correctement le contenu des pages L internaute réussit-il à mémoriser correctement l organisation du site.

6 Organisation du contenu Structure du site 1. Élaborer/Collecter le contenu du site 2. Regrouper et agencer les informations du site Organisation par rapport aux tâches principales des utilisateurs et pas en calquant la stucture de l organisme Tri par carte Objectif : Organiser les informations du site selon le point de vue des utilisateurs Procédure : Une carte (un libellé + une description) pour chaque rubrique. Présenter l'ensemble des cartes et à chaque participant Chaque participant regroupe les cartes qui lui semblent similaire. Il décrit chaque groupe par une phrase et un nom. Il est possible de créer «un groupe de groupes» Les différents regroupements obtenus sont ensuite compilés en identifiant les associations les plus fréquentes

7 Organisation du contenu Navigation Organiser les menus en largeur plutôt qu on profondeur [Miller 81] Minimiser la profondeur du site (3-4 niveaux maximum) Optimiser le nombre d items par rubrique (8 sous-rubriques maximum) Préférer une arborescence régulière Déconseillé Préférable

8 Organisation du contenu Navigation une barre de navigation en haut de toutes les pages qui permet d atteindre toutes les parties importantes du site les panneaux gauche et droits disponibles pour d autres style de navigation

9 Organisation du contenu Navigation : cas des intranets Faciliter Définir la navigation un modèle de page unique pour l ensemble de l intranet Calquer la structure du site sur l organisation de l entreprise. Page 124, figure 4.18

10 Organisation du contenu Utilisabilité du site au quotidien Définir le processus de fonctionnement du site Suivre les statistiques d utilisation Prévoir les cas d erreur Utiliser un rideau de construction Maintenir les liens externes Mettre à jour régulièrement le site Inciter au dialogue Répondre aux utilisateurs

11 Organisation du contenu Moteur de recherche Donner au champs de recherche l apparence d un champ de saisie Simplifier les modes de recherche Permettre une recherche par sous-domaine Optimiser la recherche Fournir un index thématique

12 Conception Web Organisation du contenu Navigation Web La page Web

13 Navigation Web Principes ergonomique Indiquer où est l utilisateur

14 Navigation Web Principes ergonomique Indiquer où est l utilisateur Indiquer par où est passé l utilisateur

15 Navigation Web Principes ergonomique Indiquer où est l utilisateur Indiquer par où est passé l utilisateur Fournir une vue globale du contenu du site Agencer les rubriques dans l ordre où elles sont utilisées Permettre Ne une navigation directe pour les utilisateurs expérimentés pas demander à l internaute de connaître le fonctionnement du navigateur

16 Navigation Web Eléments du système de navigation En haut à droite apparaissent des utilitaires. La barre de navigation horizontale permet une navigation primaire Chaque page du site possède également une zone de navigation appelée navigation secondaire ou

17 Navigation Web Barre de navigation Afficher Cadrer la barre de navigation en haut à gauche de la page Répéter Ne une barre de navigation sur toutes les pages du site la zone de navigation en bas de page lorsque la page est longue pas multiplier les zones de navigation Déconseillé

18 Navigation Web Barre de navigation Afficher Cadrer une barre de navigation sur toutes les pages du site la barre de navigation en haut à gauche de la page Répéter Ne la zone de navigation en bas de page lorsque la page est longue pas multiplier les zones de navigation Eviter les barres de navigation «à géométrie variable» Utiliser des rollover pour mettre en évidence les boutons de navigation Utiliser «>» entre les niveaux d un chemin de progression Indiquer le chemin de la page courante dans le chemin de progression

19 Navigation Web Les liens Ne pas changer la couleur et le comportement par défaut des liens Eviter les liens trop courts Placer le lien à la fin d une phrase ou du paragraphe

20 Navigation Web Les liens Ne pas changer la couleur et le comportement par défaut des liens Eviter les liens trop courts Placer le lien à la fin d une phrase ou du paragraphe Le texte du lien doit permettre de deviner le contenu de la page Déconseillé

21 Navigation Web Les liens Ne pas changer la couleur et le comportement par défaut des liens Eviter les liens trop courts Placer le lien à la fin d une phrase ou du paragraphe Le texte du lien doit permettre de deviner le contenu de la page Les liens doivent cohérents sur tout le site Placer Ne À les liens sur les mots clés pas utiliser une phrase entière comme lien éviter : cliquez ici Dans une liste de liens ayant en commun une partie de texte, ne prendre comme lien que la partie de texte spécifique Ex : Résumé de la conférence de Paris Résumé de la conférence de Rome

22 Navigation Web Vérification du système de navigation [Krug O1] De quel site s'agit-il? Quelles sont les rubriques du site? De quelle page s'agit-il? Où se situe la page par rapport au reste du site? Sous quelle rubrique? Que peut faire l'utilisateur depuis cette page?

23 Conception Web Organisation du contenu Navigation Web La page Web

24 La page Web Organisation visuelle Principe de la théorie de la Forme : le système visuel perçoit le tout avant ses parties. Les lois qui régissent le fonctionnement perceptif chez l être humain : La loi de proximité : regrouper les objets qui sont proches. La loi de similitude : réunir des entités qui se ressemblent par la forme, la couleur ou la taille. La loi de la bonne continuité : rassembler des éléments qui partagent le même alignement.

25 La page Web Organisation visuelle Regrouper Mettre visuellement les informations semblables les informations importantes au centre-haut de la page Adapter un tracé régulateur homogène pour toutes les pages du site

26 La page Web Structuration de l information Principe de la pyramide inversée Problème Lecture Les écran 25 % moins rapide que la lecture papier surfers veulent des pages Qui se chargent vite Faciles Qui à utiliser se parcourent vite Informations moins importantes Détails, Citations longues Solution Donner Informations importantes Titre, Courtes annonces, Résumés, Panorama les conclusions en premier Proposer des détails ensuite pour ceux qui en veulent

27

28 La page Web Structuration de l information Plus l élément est important, plus il doit se voir L imbrication Le visuelle permet de hiérarchiser l information titre doit décrire explicitement le contenu de la page ou du paragraphe Figure 6.5 page 167

29 La page Web Longueur de la page Chaque Limiter page doit tenir dans un écran, voire deux écrans maximum la navigation à l intérieur d une même page

30 La page Web Longueur de la page Chaque page doit tenir dans un écran, voire deux écrans maximum Limiter la navigation à l intérieur d une même page Alléger la page autant que possible La page doit être lisible sans utiliser les barres de défilement horizontal Permettre un retour rapide en haut de page

31 La page Web Page d accueil Indiquer La explicitement la vocation du site page d accueil doit permettre de comprendre le site Fournir les repères de navigation depuis la page d accueil

32 La page Web Page d accueil Indiquer La explicitement la vocation du site page d accueil doit permettre de comprendre le site Fournir Eviter les repères de navigation depuis la page d accueil les écrans d introduction tunnels Alléger la page d accueil

33 La page Web Page d accueil Indiquer La explicitement la vocation du site page d accueil doit permettre de comprendre le site Fournir Eviter les repères de navigation depuis la page d accueil les écrans d introduction tunnels Alléger la page d accueil

34 La page Web Police de caractères Si plusieurs polices sont utilisées, une sémantique bien définie doit être associée à chaque police Eviter Ne d écrire en italique, en majuscule pas utiliser de polices trop petites Taille 12 au minimum pour le texte courant Les couleurs Ne pas multiplier le nombre de couleurs sur une même page Utiliser les "true colors" : Seules 216 couleurs sont communes aux navigateurs : Standards W3C : Se Rester Cours restreindre à ces couleurs très sobre pour la couleur de fond en ligne sur les couleurs

35 La page Web Textes Faire Le ressortir les éléments clés du texte (gras, liste...) texte du lien doit être cohérent avec le titre de la page Justifier Ne les textes à gauche pas souligner les textes Permettre à l utilisateur d imprimer le texte Images Minimiser le poids des images Privilégier la qualité de l'image par rapport à sa taille Accélérer Afficher Rendre Les le chargement des images progressivement les images visible les zones actives de l'image images cliquables peuvent être employées pour faciliter la sélection

36 La page Web Formulaires Utiliser des tableaux à plusieurs colonnes à gauche les libellés à droite pour les objets de la saisie Aligner Choix les champs des éléments Moins De de 5 options : Radios boutons 5 à 100 éléments : Liste déroulante Plus de 100 : accéder à une nouvelle page pour faire une recherche Proposer par défaut la valeur la plus courant Guider l utilisateur dans la saisie Limiter les saisies au stricte nécessaire Indiquer les entrées obligatoires Présenter les items selon la logique de l'utilisateur

37 La page Web Formulaires

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

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

Traitement de texte LIBRE - OFFICE WRITER

Traitement de texte LIBRE - OFFICE WRITER Traitement de texte LIBRE - OFFICE WRITER POUR : PAGE - Outil de base 2 - Encadrer un titre,un paragraphe. 3 - Créer un tableau. 4 - Modifier la largeur des colonnes dans un tableau. 5 - Modifier la hauteur

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

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

Espace de travail. Les éléments... 12 Modifications de l affichage... 17

Espace de travail. Les éléments... 12 Modifications de l affichage... 17 Espace de travail Les éléments... 12 Modifications de l affichage... 17 Chapitre 1 Espace de travail L espace de travail d InDesign CS4 s inscrit dans la lignée de tous les produits de la gamme Creative

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

Styler un document sous OpenOffice 4.0

Styler un document sous OpenOffice 4.0 Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Adaptation visuelle d un ordinateur sous Windows 7

Adaptation visuelle d un ordinateur sous Windows 7 Adaptation visuelle d un ordinateur Document à utilisation interne Mis à jour le 04 mars 2013 Page 1 sur 3 Table des matières Compte utilisateur déficient visuel... 3 Curseur de souris... 5 Personnalisation

Plus en détail

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000)

UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) UTILISER le TRAITEMENT de TEXTE WORD 97 (ou 2 000) 1. Démarrer l ordinateur et attendre l affichage du bureau Le bureau L image du bureau peutêtre changée : tous les ordinateurs n ont pas la même! 2. Double

Plus en détail

Publier un Carnet Blanc

Publier un Carnet Blanc Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

I - Pour créer un site web

I - Pour créer un site web I - Pour créer un site web Un nom de domaine, Un hébergement, Un éditeur de pages web, Un logiciel «graphique», Un logiciel de transfert par FTP 1 site = 1 nom de domaine et 1 hébergeur 1 site = 1 nom

Plus en détail

UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014

UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014 UFOWEB Générateur de site pour les comités départementaux, régionaux et CNS! FORMATION N1-ADCOSOFT - UFOLEP OCTOBRE 2014 Formation animée par: ADCOSOFT Adrien COMLAN UFOLEP Rosemary PAUL-CHOPIN Noémie

Plus en détail

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage rapide. Rédiger une page ou un article,»...3 Ajouter

Plus en détail

Fiches Outil Acces Sommaire

Fiches Outil Acces Sommaire Fiches Outil Acces Sommaire Fiche Outil Access n 1 :... 2 Le vocabulaire d Access... 2 Fiche Outil Access n 2 :... 4 Créer une table dans la base... 4 Fiche Outil Access n 3 :... 6 Saisir et modifier des

Plus en détail

Saisie de données. Dans ce chapitre

Saisie de données. Dans ce chapitre 3 Saisie de données Dans ce chapitre Éditer et mettre en forme les cellules........................ 32 Copier et déplacer les cellules............................ 38 Remplir les cellules avec des séries

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

I - INTRODUCTION. Nous allons, au travers d un exercice, apprendre à utiliser les différentes fonctions de base d un logiciel de traitement de texte.

I - INTRODUCTION. Nous allons, au travers d un exercice, apprendre à utiliser les différentes fonctions de base d un logiciel de traitement de texte. SOMMAIRE I - INTRODUCTION II - PREAMBULE III - PRESENTATION LOGICIELLE IV - FONCTIONS DE BASE IV.1 - Sélection de texte IV.2 - Modification de la police IV.3 - Modification de la taille de la police IV.4

Plus en détail

Nouveautés de la version moodle 2.7

Nouveautés de la version moodle 2.7 Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture

Plus en détail

Commandes de Word 2011 (menus, barres d outils, ruban) 1

Commandes de Word 2011 (menus, barres d outils, ruban) 1 Activer le mode plein Menu affichage > Activer le mode écran écran plein écran adresses de s (ignorer les adresses Internet et les adresses de s) orthographe> case à cocher ignorer les adresses Internet

Plus en détail

Initiation Word_ Mod 1.doc Module 1. Avant propos.

Initiation Word_ Mod 1.doc Module 1. Avant propos. Initiation WORD. Module 1 : La présentation de Word 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 9 Avant propos.

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

Fonctionnalités avancées de Word

Fonctionnalités avancées de Word BIBLIOTHÈQUE UNIVERSITAIRE DE LILLE 1 Thèses et littérature grise Fonctionnalités avancées de Word Bibliothèque de l université des sciences et technologies de Lille 1 Diffusion électronique des thèses

Plus en détail

Publier une Actualité ou un Evenement

Publier une Actualité ou un Evenement Site Web de l association des ingénieurs INSA de Lyon Publier une Actualité ou un Evenement Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Tsoft et Groupe Eyrolles, 2004, ISBN : 2-212-11416-8

Tsoft et Groupe Eyrolles, 2004, ISBN : 2-212-11416-8 Tsoft et Groupe Eyrolles, 2004, ISBN : 2-212-11416-8 3 - FONCTIONS PROPRES AUX DOCUMENTS LONGS HOMOGÉNÉISER LES MISES EN FORME Quand vous mettez en forme du texte, Word mémorise ces mises en forme et les

Plus en détail

3 : créer de nouveaux onglets dans Netvibes Cliquer sur le bouton «+» et renommer le nouvel onglet (par exemple Encyclopédies en ligne)

3 : créer de nouveaux onglets dans Netvibes Cliquer sur le bouton «+» et renommer le nouvel onglet (par exemple Encyclopédies en ligne) Créer son portail d information privé et public avec Netvibes 1 : création d un compte : 2 2 : nommer votre espace Netvibes personnel 2 3 : créer des onglets pour classer les informations en ligne : 2

Plus en détail

La gestion du contenu

La gestion du contenu Page 1 La gestion du contenu Kiubi intègre les meilleures fonctionnalités de gestion de contenus. Il est ainsi très facile d'ajouter des pages, de les organiser en menus et d'ajouter des contenus, aussi

Plus en détail

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010 Initiation à SPIP Système de Publication pour l'internet Partagé mercredi 28 juillet 2010 Sommaire 2 I. Introduction II. Architecture d un site SPIP IV. Conclusion V. Documentation VI. Questions I. Introduction

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

Styler un document sous Word 2010*

Styler un document sous Word 2010* Février 2014 Styler un document sous Word 2010* Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

Concepts de base de Word

Concepts de base de Word Concepts de base de Word Word est une application performante de traitement de texte et de mise en page. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide Guide de démarrage rapide Créez un site Web avec Zeendo Ocloud 1. Choisissez le modèle Vous pourrez choisir le modèle que vous préférez grâce au sélecteur d écran se trouvant dans la section Modèles ou

Plus en détail

Manuel Utilisateur Messagerie

Manuel Utilisateur Messagerie Manuel Utilisateur Messagerie Auteur : Logica Version : 1.3 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS

TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS CIM404A Septembre 2013 ELISABETH DE PABLO 1 WEB PUBLISHING - créer, éditer, publier, diffuser, animer sur le web un produit [de communication] -

Plus en détail

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?

Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? 9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins

Plus en détail

Direction Informatique 02/11/2010

Direction Informatique 02/11/2010 Microsoft Word 2007 Direction Informatique 02/11/2010 Contexte de la formation: - Interface Ms Word 2007 - L utilisation des fonctions de Ms Word 2007 Objective: -Maîtriser le Ms Word 2007 Page 2/36 Introduction

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

GUIDE Word (version intermédiaire) Version 2013 GUIDE Word (version intermédiaire) Version 2013 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 4 4. Note de bas de page ou des notes de fin de document... 6 5. Table

Plus en détail

5. Word - Ecrire un texte

5. Word - Ecrire un texte 5. Word - Ecrire un texte Entrons dans le vif du sujet en commençant par Word! Nous allons tout d'abord voir les bases de la mise en forme du texte, et l'insertion d'éléments. 1. Ecrire son premier texte

Plus en détail

Guide utilisateur Imagine moviesolutions 2011

Guide utilisateur Imagine moviesolutions 2011 Guide utilisateur Imagine moviesolutions 2011 Les premiers pas avec Imagine Après avoir téléchargé le programme, double- cliquez sur l icône : Lors du premier lancement d Imagine, vous allez pouvoir modifier

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

VISIONet MANUEL UTILISATEUR

VISIONet MANUEL UTILISATEUR VISIONet MANUEL UTILISATEUR I. VISIONet... 2 A. A quoi sert VISIONet?... 2 B. Comment accéder à VISIONet?... 2 II. La page d accueil... 3 A. Le bandeau... 3 B. Le moteur de recherche... 3 C. Les actualités...

Plus en détail

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012 Identité visuelle de l Manuel Internet, Intranet et applications Web Janvier 202 Charte graphique Internet, Intranet et applications Web 6.0 Internet, Intranet et applications Web Sommaire 6. Généralités:

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

GUIDE Word (version débutante) Version 2013

GUIDE Word (version débutante) Version 2013 Table des matières GUIDE Word (version débutante) Version 2013 1. Créer un nouveau document Word... 2 2. Modifier un document Word... 2 3 La fenêtre Word.... 2 4. Les rubans... 3 5. Enregistrer du texte...

Plus en détail

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas.

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas. Logiciel Excel version Office 2007. Voici une liste non exhaustive de fonctions de ce logiciel en relation avec le stage. Au sommaire : 1. Créer des boutons de raccourci dans une barre d outils: a) Sélection

Plus en détail

Contenu Microsoft Access 2010

Contenu Microsoft Access 2010 Contenu Microsoft Access 2010 Module 1 Environnement Access 2010 Fichiers d apprentissage Logiciel Access 2010 Base de données Lancement d Access 2010 Ouverture d une base de données Fenêtre Access 2010

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Gestion des sites Internet du groupe Stem Notice d utilisation

Gestion des sites Internet du groupe Stem Notice d utilisation Gestion des sites Internet du groupe Stem Notice d utilisation Table des matières Présentation 2 Connexion à la plateforme de gestion 2 Gestion et modification du contenu 3 Gestion des documents 13 Gérer

Plus en détail

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Créer votre propre modèle

Créer votre propre modèle Créer votre propre modèle Vous recherchez un modèle personnalisé pour vos présentations Microsoft PowerPoint qui comprend le nom de votre organisation et un arrière-plan unique avec les couleurs et les

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

NIVEAU : DISCIPLINE : CHAMP : COMPÉTENCE : MOTS CLÉS : 1. PRÉSENTATION 2. CONSIGNES DE PASSATION 3. ÉLÉMENTS D OBSERVATION DES PRODUCTIONS

NIVEAU : DISCIPLINE : CHAMP : COMPÉTENCE : MOTS CLÉS : 1. PRÉSENTATION 2. CONSIGNES DE PASSATION 3. ÉLÉMENTS D OBSERVATION DES PRODUCTIONS NIVEAU : DISCIPLINE : CHAMP : COMPÉTENCE : MOTS CLÉS : ÉCOLE - GRANDE SECTION MAÎTRISE DU LANGAGE FAMILIARISATION AVEC LE MONDE DE L ÉCRIT Reconnaître des caractéristiques du livre et de l écrit Couverture

Plus en détail

Toutes formations CIEL PAYE. Découverte et mise en œuvre. Pascal Parisot. Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8

Toutes formations CIEL PAYE. Découverte et mise en œuvre. Pascal Parisot. Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8 Toutes formations CIEL PAYE Découverte et mise en œuvre Pascal Parisot Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8 ergonomie générale du logiciel Vous pouvez prendre contact avec l

Plus en détail

Confection d un pêle-mêle de photos pour une carte de fin d année

Confection d un pêle-mêle de photos pour une carte de fin d année 1) Création du fond de la carte a. Ouvrir le programme Photofiltre b. Cliquer sur la première icône de la barre des commandes (Ouvrir) Il faut que l image soit très grande pour permettre d accueillir les

Plus en détail

Leçon N 2E Utilisation d un traitement de texte (2 ème partie)

Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Nous allons travailler sur la MISE EN FORME d un document. 1 Mise en forme des caractères Les logiciels Word et Writer regroupent les commandes

Plus en détail

INTRODUCTION au TABLEUR

INTRODUCTION au TABLEUR INTRODUCTION au TABLEUR La principale utilisation d un tableur est le calcul automatique de formules. Il est utilisé dans différents domaines de la gestion... Il est destiné à de multiples applications,

Plus en détail

Création, analyse de questionnaires et d'entretiens pour Windows XP, 2003, 2008, 7 et MacOs 10

Création, analyse de questionnaires et d'entretiens pour Windows XP, 2003, 2008, 7 et MacOs 10 Création, analyse de questionnaires et d'entretiens pour Windows XP, 2003, 2008, 7 et MacOs 10 7 Tris à plat Procédures de réalisation des tableaux de fréquence sur les variables logiques : questions à

Plus en détail

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez!

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Création d un site web avec Nvu Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d utiliser le logiciel Nvu pour réaliser un site simple

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

Lycée polyvalent Langevin-Wallon Champigny sur Marne Val de Marne

Lycée polyvalent Langevin-Wallon Champigny sur Marne Val de Marne Ministère de l éducation nationale Académie de Créteil LW JEAN-MICHEL NICOLAS CHEF DE TRAVAUX : 01 48 81 25 02 : 01 48 81 31 83 jean-michel.nicolas@ac-creteil.fr Version 2015.0 2015-08-23 Lycée polyvalent

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 4.5 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 4.5 pour WINDOWS Barre de titre Cellule sélectionnée ou cellule active

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

Interface Homme- Machine. Interface pour le web

Interface Homme- Machine. Interface pour le web Interface Homme- Machine Interface pour le web Ergonomie du web : Importance Web U7lisateurs novices et nomades (accès libre) Ergonomie des interfaces Web 62% des acheteurs en ligne abandonnent au moins

Plus en détail

Création d un site web avec Nvu

Création d un site web avec Nvu Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment

Plus en détail

Leçon 1 Traitement de texte

Leçon 1 Traitement de texte Leçon Traitement de texte Objectifs Connaître les fonctions de base d un logiciel de traitement de texte ; Créer, enregistrer et charger un document texte ; Sélectionner, copier et déplacer un bloc de

Plus en détail

Exploitation de logiciel

Exploitation de logiciel Exploitation de logiciel MICROSOFT WORD 2003 ENSEIGNANT /sassi med sami I- Introduction : Exploitation de logiciel Traitement de texte Un logiciel de traitement de texte nous permet de manipuler des textes

Plus en détail

Formation Word. Déclaration d'activité enregistrée sous le numéro 31 62 02139 62 auprès du préfet du Nord Pas de Calais

Formation Word. Déclaration d'activité enregistrée sous le numéro 31 62 02139 62 auprès du préfet du Nord Pas de Calais Formation Word Objectifs : Connaître les principes généraux et avancés de Word Prérequis: Connaître les principes généraux de l informatique Public : Tous salariés, demandeurs d'emploi, et responsable

Plus en détail

Microsoft Access. Création d'un sous-formulaire. Version Access 2003. Microsot Access 2003. page 1/6

Microsoft Access. Création d'un sous-formulaire. Version Access 2003. Microsot Access 2003. page 1/6 Microsoft Version Création d'un sous-formulaire page 1/6 Situation et exemple d'un cas concret Un centre de formation répertorie tous les participants qui ont suivi des formations. Un formulaire permet

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

Manuel Utilisateur GRC Individus Version 2.0- août 2008 En cours de révision

Manuel Utilisateur GRC Individus Version 2.0- août 2008 En cours de révision Gestion de la Relation Client Manuel Utilisateur GRC Individus Version 2.0- août 2008 En cours de révision Page 1/16 Rédacteur : Fabienne Landré 04/09/2008 Pour un rappel de l ergonomie générale du PGI

Plus en détail

Chapitre II : Exploitation de logiciels

Chapitre II : Exploitation de logiciels Ecole préparatoire 9 Avril Menzel Bourguiba Chapitre II : Exploitation de logiciels Classes : 7 ème et 9 ème année de base 2007/200 8 Enseignant : Chapitre II : Exploitation de logiciels Partie II : Traitement

Plus en détail

Rédigez efficacement vos rapports et thèses avec Word (2ième édition)

Rédigez efficacement vos rapports et thèses avec Word (2ième édition) Introduction A. Introduction 11 B. Structure de l ouvrage 12 C. Le vocabulaire indispensable 13 1. La fenêtre de travail 13 2. Les boîtes de dialogue 15 3. Le mode connecté et le cloud computing 17 4.

Plus en détail

7 VOS ADRESSES. Afin de faciliter la saisie des envois, ChronoShip OnLine vous permet de gérer votre carnet d adresses.

7 VOS ADRESSES. Afin de faciliter la saisie des envois, ChronoShip OnLine vous permet de gérer votre carnet d adresses. VOS ADRESSES 7 VOS ADRESSES Afin de faciliter la saisie des envois, ChronoShip OnLine vous permet de gérer votre carnet d adresses. Diverses options permettent d enrichir ce carnet d adresses : la saisie

Plus en détail

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage 26 février 2013 p 1 Aller plus loin avec le tableur : réaliser un suivi du budget du ménage Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office

Plus en détail

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE

REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE REALISER UNE CARTE GEOGRAPHIQUE SUR MESURE Que fait-on? On crée une carte géographique sur laquelle on n affiche que l information strictement nécessaire à la présentation d une oeuvre. Pourquoi le fait-on?

Plus en détail

Refonte des sites internet du SIEDS

Refonte des sites internet du SIEDS Refonte des sites internet du SIEDS Formation à la rédaction de contenu 31 juin 2005 09 h 00 Salle du CA, rue Notre Dame, à NIORT Déroulement Un CMS à quoi çà sert? La gestion de contenu selon SPIP Agora

Plus en détail

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET

DÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée

Plus en détail

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

Plus en détail

Traitement de texte En Utilisant Microsoft Office Word 2010

Traitement de texte En Utilisant Microsoft Office Word 2010 Traitement de texte En Utilisant Microsoft Office Word 2010 Table des matières Brevet De Responsabilité... VI Introduction... IX 1. UTILISATION DE L APPLICATION DE TRAITEMENT DE TEXTE... 1 1.1. Travailler

Plus en détail

Les problèmes identifiés et les recommandations correspondent aux zones surlignées en rouge.

Les problèmes identifiés et les recommandations correspondent aux zones surlignées en rouge. Analyse des problèmes ergonomiques du site http://www.welcomeoffice.com/ selon les critères de Bastien et Scapin Les problèmes identifiés et les recommandations correspondent aux zones surlignées en rouge.

Plus en détail

Quoi de neuf dans Optymo 5.0

Quoi de neuf dans Optymo 5.0 Quoi de neuf dans Optymo 5.0 Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo, les textes en caractères

Plus en détail

CONCEPTION D IHM ADAPTÉS À LA PLATEFORME MIAGE 2 PLASTICWEB SYBILLE CAFFIAU ANNÉE 2014-2015

CONCEPTION D IHM ADAPTÉS À LA PLATEFORME MIAGE 2 PLASTICWEB SYBILLE CAFFIAU ANNÉE 2014-2015 CONCEPTION D IHM ADAPTÉS À LA PLATEFORME MIAGE 2 PLASTICWEB SYBILLE CAFFIAU ANNÉE 2014-2015 OBJECTIFS DE LA SÉANCE Vous avez : Un sujet avec des règles de jeu Une équipe de conception Des utilisateurs

Plus en détail

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers Découverte de l ordinateur Explorer l ordinateur et gérer ses fichiers SOMMAIRE I L ORDINATEUR ET L EXPLORATEUR... 3 1.1 : PRESENTATION ET GENERALITES... 3 1.2 : CONNAÎTRE LES PROPRIETES D UN ELEMENT...

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Texte. La saisie du texte

Texte. La saisie du texte Texte La zone de texte permet d'afficher du texte qui ne pourra être modifié par le lecteur. Mais une zone de texte pourra néanmoins servir en tant que lien (vers une autre page du livre), pourra le cas

Plus en détail

RACCOURCIS CLAVIERS. DEFINITION : Une «combinaison de touches» est un appui simultané sur plusieurs touches.

RACCOURCIS CLAVIERS. DEFINITION : Une «combinaison de touches» est un appui simultané sur plusieurs touches. S Vous n aimez pas la souris Les raccourcis clavier sont là pour vous faciliter la vie! INTRODUCTION : Vous avez du mal à vous habituer à la manipulation de la souris Des solutions existent : les raccourcis

Plus en détail

Chapitre 1 Découvrir Excel 15

Chapitre 1 Découvrir Excel 15 Chapitre 1 Découvrir Excel 15 1.1. Connaître l historique du tableur et d Excel... 16 Les débuts du tableur... 16 L évolution d Excel depuis Excel 2... 17 Excel 2007 en quelques mots... 19 1.2. Démarrer

Plus en détail

A. Introduction. Chapitre 7

A. Introduction. Chapitre 7 Chapitre 7 A. Introduction Le concept des listes SharePoint est parfois le plus difficile à appréhender tellement ses applications sont sans limites. Une liste SharePoint est l équivalent d un tableau

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

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide 1. Créez un compte avec Zeendo 2 2. Créez un site Web 3 2.1 Choisissez le modèle 3 2.2 Au cœur de l'éditeur 5 2.2.1 Contenu 6 2.2.2 Design 6 2.2.3 Ajouter des éléments 7 2.2.4 Aperçu 8 2.2.5 Annuler/Rétablir

Plus en détail