Exposé réalisé par Aissata Sacko Encadré par Madame Recanati Cours: Intéraction Homme Machine.

Slides:



Advertisements
Présentations similaires
Tutoriel - Les Ressources du BCH
Advertisements

Accueil du public Déficient visuel. Quel est sa déficience visuelle ? Quelles solutions techniques ? - Quel est son niveau en informatique ? - Quelles.
WiiSlide Optimisation de l’utilisation de la Wiimote pour des présentations en salle Eric Nouri Cédric Pein Maximilien Perrin Yannick Reynard 2007/2008.
Etude de Cas Une compagnie d'assurance automobile propose à ses clients quatre familles de tarifs identifiables par une couleur, du moins au plus onéreux.
Les principes généraux Les objectifs du dispositif Le b2i et les défis sur Internet Une visite concrète.
Introduction aux réseaux informatiques
Les étapes de conception d’un site web
Internet.
Lycée C. De Gaulle Vannes Vente en ligne,.. …une question dergonomie.
Université de Picardie
Veille informationnelle et outils du Web 2.0
Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité
Les réseaux informatiques
La Recherche en Ligne.
Rencontre pour les parents de la deuxième année
Fait par votre animateur Loïc Mercier1 Pour tous renseignement écrire Tel TELECHARGER DES FICHIERS.
Web traditionnel
Chapitre 4 : la gestion électronique des documents
Lenseignement à distance et lenseignement classique.
Recommandations ergonomiques pour la création de présentations Powerpoint Claude Bourlès.
RECHERCHER AVEC BCDI WEB
Produire un document multimédia en classe
Utilisateur (Client) Jai le choix du site web que je veux consulter. Sil ne mintéresse pas, alors je visiterai le suivant. Concepteur Je ne veux pas que.
Cours Environnements Informatisés dApprentissage - 16/05/ M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.
Historique, généralités
Jonathan Montois Cyrille Kriegel
Titres réductibles j puis appuyez sur F5 ou cliquez sur Diaporama > À partir du début pour commencer le cours. Dans la barre des messages, cliquez sur.
Masters EPITA Nicolas Dupouy - Serge Elessa – Aldric Gaudinot
La veille numérique : un outil pour s'informer intelligemment &
Les cookies et leurs effets Création : JJ Pellé le 22 juillet 2013 Cliquer sur la touche Echap pour quitter le diaporama.
Le Web, création utilisation  Le nuage  Préparer chez soi  Exister en ligne  Retrouver son groupe  Notions de base  Outils de publication  vivreensemble.net.
Internet WEB.
L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure.
Diaporama réalisé par Damienne PIN, Documentaliste Collège Barbara Hendricks 226 Rue du Limousin Orange LE PROBLEME DE LA QUALITE DE L ’INFORMATION.
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
CONSTRUIRE SON DIAPORAMA
Site du Syndicat sur la toile
L’ergonomie des IHM : pourquoi, comment ?
Fondamentaux de l’enseignement
INTERNET Un réseau informatique mondial : ce sont des millions d'ordinateurs en permanence allumés (reliés entre-eux par des lignes téléphoniques, fibres.
Développement d’application Web.  Internet  WWW  Client/Serveur  HTTP.
Méthodes et techniques
B2i école : domaines, aptitudes et pistes d’activités
Comment trouver un document dans la base de données du CDI
INTERNET Le langage HTML
Cours Environnements Informatisés d’Apprentissage - 31/03/ M. Bétrancourt Mireille Bétrancourt Les Hypertextes facilitent-ils l’acquisition de connaissances.
I Je manipule les fichiers 1) Un fichier est identifié par un nom, une extension, une date de création ou de modification, et sa taille en octet. Windows.
Administration du site
3.3 Communication et réseaux informatiques
Histoire de l ’informatique
Interaction Homme Machine
Internet et ses origine
Présentation nouveau site marchand
Nassim Bouaziz Mariève Bureau
Copyright, 1996 © Dale Carnegie & Associates, Inc. Com7114 Technologies de la communication Objectifs de ce cours ? Sa place dans le programme ? La communication.
Html et css.
Présentation des ordinateurs
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
Cours staf /02/ M. Bétrancourt & N. Deschryver Mireille Bétrancourt STAF 15 Les Hypertextes facilitent-ils l’acquisition de connaissances.
Histoire des interfaces Homme-Machine
Le Net-Art Fatma ATTIA GI05.
Formation.
Padlet, un mur collaboratif Mode d’emploi
TSTC développement de clientèles 1 Le système d'information mercatique (SIM)
Réussir un diaporama S. Pignon –
1 Ivana Antić TS Ivana Nestorović TS Internet mai, 2014.
Travailler dans un environnement numérique évolutif Domaine D1.
MES STRATÉGIES DE LECTURE
Comment faire un site Web ITC-ILO, 19 Avril 2010.
1 Philippe TRIGANO - Université de Technologie de Compiègne - FRANCE Philippe TRIGANO INGÉNIERIE MULTIMÉDIA PÉDAGOGIQUE.
Transcription de la présentation:

Exposé réalisé par Aissata Sacko Encadré par Madame Recanati Cours: Intéraction Homme Machine

Hypertextualité Plan Memex Hypercard Hypertexte Web L’histoire et l’ergonomie du web

Hypertextualité Les origines de l’hypertexte Memex Le memex par définition est un appareil dans lequel une personne stocke tous ses livres, ses archives et sa correspondance, et qui est mécanisé de façon à permettre la consultation à une vitesse énorme et avec une grande souplesse.

Hypertextualité L’histoire du memex Memex a été créé par Vannevar Bush en 1945 à la fin de la deuxième guerre mondiale. Alors directeur de l’office de recherche scientifique et de développement, il voulait avoir un appareil qui permet de conserver des données, car le microfilmage et le microaffichage qui existait à l’époque ne permettait pas de cacher les informations à transporter en temps de guerre. C’est à ce moment qu’à vu jour le projet memex après l’apparition de l’article (As we may think) que l’histoire retiendra pour dater l’origine conceptuelle de l’hypertexte.

Hypertextualité Le fonctionnement du memex Le memex est un bureau contenant des microfilms.

Hypertextualité

Hypercard Par définition l’Hypercard est un outil de partage d’information, c’est un instrument évolutif, puissant et simple du traitement de l’information.

Hypertextualité Histoire de l’hypercard Le logiciel Hypercard, est un logiciel qui a marqué le grand public en 1987, il a été créé par Bill Atkinson chez Apple. Qui avait fait le constat que les ordinateurs sont exploités essentiellement par les créateurs d’information et non pas par les utilisateurs, qui sont beaucoup plus nombreux pourtant, donc il a décidé de créer un outil simple de stockage d’information pour tous les possesseurs de Macintosh.

Hypertextualité Le fonctionnement de l’hypercard L’hypercard repose sur l’idée de la carte et de la pile

Hypertextualité

Le rôle de l’Hypercard Hypercard est un logiciel qui permet à chacun de classer les informations, de les retrouver et de les utiliser quand il veut. Ce fut le premier logiciel avec un concept très innovant de l’hypertexte. Avec l’hypertexte (ou l’hypermédia), les informations sont divisés en plusieurs unités (les cartes d’une pile dans Hypercard, ou encore les pages HTML sur internet), et l’utilisateur peut passer des unes aux autres grâce aux liaisons.

Hypertextualité L’hypertexte selon sa définition littéraire est un système de renvois permettant de passer directement d’une partie d’un document à un autre, ou d’un document à d’autres documents choisis comme pertinents par l’auteur

Hypertextualité L’hypertexte selon la définition informatique: L’hypertexte désigne un mode d’organisation des documents textuels informatisés caractérisé par l’existence de liens dynamiques entre ses différentes sections. Dans le web, des mots ou des expressions soulignés ou encore des images indiquent les liens sur lesquels on clique à l’aide de la souris.

Hypertextualité L’histoire de l’hypertexte Bien que la méthode d’organisation pour la gestion de l’information de l’hypertexte a été initialement décrite par Vannevar Bush en Son terme a été créé par Theodor Nelson en 1965 dans l’ouvrage Litterary machine consacré au projet Xanadu pour colliger toute la littérature du monde. D’près lui il s’agit d’une série de morceaux de texte connectés à travers des liens qui permettent au lecteur de suivre son parcours. Et la première application grand public de l’hypertexte a vu le jour sur Macintosh avec le logiciel auteur Hypercard d’Apple. L’inventeur du web, Tim Berners_Lee, a grandement contribué à la notoriété de l’hypertexte avec l’élaboration du protocole http (hypeText Transfer Protocol) et du langage HTML (HyperText Markup Language).

Hypertextualité L’hypertexte fonctionne comme un réseau de nœud dans lequel l’utilisateur peut naviguer à volonté. Avec des liens internes et externes.

Hypertextualité

L’histoire du web : A l’origine du web, est derrière un homme qui s’appelle Tim Berners_Lee, un informaticien du CERN(Organisation européenne pour la recherche nucléaire). En mars 1989, il rédige un projet. Son idée est de pouvoir échanger et partager de l’information avec ses collaborateurs. Le CERN étant une communauté scientifique qui réunit 80 pays, il voulait faciliter la communication entre lui et ses collaborateurs. Il décide de créer un système hypertexte partagé sur le réseau de l’informatique, ou il évoque l’idée d’une toile où chacun pourrait naviguer de contenu en contenu. Le principe était de pouvoir relier les postes informatiques des scientifiques, via des réseaux informatiques, en un système d’information puissant et simple à faire fonctionner. En 1990, il a mis au point le protocole http(HyperText Transfer Protocol), ainsi que le langage HTML(HyperText Markup Language). Après l’avoir testé au CERN, le 6 août 1991, il donne officiellement vie au World Wilde Web via un message adressé au public avec l’objectif de l’accès à l’information depuis n’importe où et pour tout le monde.

Hypertextualité La démarche ergonomique et la lisibilité sur le web Se préoccuper de la lisibilité des sites web c’est aussi avoir une réflexion centrée sur l’utilisateur Quand on parle du web, on dit toujours que la bonne structure d’un texte est primordiale, mais ce qui est important aussi c’est la bonne structure virtuelle d’une page web afin de faciliter la consultation du site pour tous les internautes.

Hypertextualité Les personnes dont la visibilité est réduite ou les malvoyants. Les internautes occasionnels Les nouveaux utilisateurs

Hypertextualité La structure d’un site web comprend, sa mise en forme et son organisation ( et plus globalement, de l’ensemble des pages qui constituent le site web), avec plusieurs niveaux identifiés de hiérarchie des informations, des points de repères visibles (texte et images), une unité graphique constante, sont des moyens fondamentaux pour la conception d’un site web lisible et clair.

Hypertextualité Selon les chercheurs la lecture sur un écran est plus fatigante et plus lente que la lecture sur un papier à cause du confort qui est précaire.

Hypertextualité Les problèmes souvent rencontrés sont: Electronique: image source

Hypertextualité Image transformée:

Hypertextualité Par exemple, le site suivant a trop d’éléments sur sa page d’accueil et n’a aucune organisation

Hypertextualité

Exemple de site adapté aux utilisateurs

Hypertextualité Le confort visuel est très important pour les internautes, car selon les ophtalmologues, lire sur un écran à distance nécessite de voir nette. Les mouvements oculaires peuvent être difficiles pour les personnes gênées virtuellement, certaines personnes ferment les yeux à chaque mouvement, c’est pourquoi il est important d’améliorer la visibilité en ayant des hypertextes adaptés à tout le monde.

Hypertextualité Cependant, le confort visuel est en voie d’amélioration, même s’il n’est pas encore comme sur les pages imprimé.

Hypertextualité Cependant, le confort visuel est en voie d’amélioration, même s’il n’est pas encore comme sur les pages imprimé.

Hypertextualité Pour information, il est recommandé d’avoir des pauses régulières lorsqu’on a une activité soutenue sur écran afin d’éviter les sensations d’inconfort visuel.

Hypertextualité Maintenant je vais vous faire partager quelques idées reçues par les internautes que j’ai trouvé dans un article.

Hypertextualité On peut tout lire, quelque soit le caractère utilisé

Hypertextualité C’est vrai, mais il ne faut pas oublier que le support écran rend la lecture plus difficile, sans compter que le rendu à l’écran dépend de contraintes techniques variables. Les caractères dessinés pour un usage sur papier ne sont pas forcément optimisés pour un usage à l’écran. Le mieux, en l’état actuel de la technologie, est d’utiliser un caractère adapté.

Hypertextualité Plus c’est écrit gros, plus c’est lisible.

Hypertextualité Vrai et faux : il est bon de faire un effort sur la taille du corps de texte, mais une force de corps trop importante peut entraîner des défauts de mise en page, avec une longueur de ligne qui diminue et trop peu de signes à la ligne. Une solution peut être de proposer un corps confortable, qui puisse être agrandi par le lecteur en cas de besoin. Par ailleurs, la taille du texte n’est pas le seul facteur de lisibilité. Il ne faut pas oublier que, désormais, les navigateurs proposent des zooms intégrés qui permettent d’augmenter le corps, alors mieux vaut soigner la mise en forme du site.

Hypertextualité Si je peux lire mon contenu, tout le monde peut le lire aussi

Hypertextualité Certes, mais à condition que le lecteur ait le même matériel que vous, les mêmes capacités visuelles, etc... De plus de nombreux usagers du web sont en situation de handicap (visuel ou non). Gagner en lisibilité, c’est améliorer l’accessibilité.