AIDE A LA CREATION DE PAGES WEB POUR LES NON-VOYANTS

Slides:



Advertisements
Présentations similaires
19/06/02Kikiteam-ASI3n°1 / 21 Lenchere est en hausse… Forum, FAQ, Stats ! By KiKiTeam : Maxime Chambreuil, Minh LeHoai, Samy Fouilleux, Soizic Geslin.
Advertisements

La création de pages web Lorsqu'on « navigue » sur l'Internet, les pages que nous visitons sont encore pour beaucoup en HTML. Comment fait-on pour les.
E-learning Evolutif Albarelli Corinne Behem Patrice Guillot Jérôme
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
« Les Mercredis du développement » Introduction Office « 12 » Présenté par Bernard Fedotoff Microsoft Regional Director Agilcom.
Lalimentation de STAR par imports STAR 8ième cercle – 27 septembre 2013.
Plate-forme Magicien d’Oz
Comment mettre à jour lagenda de mon site web à partir dun modèle Word SITRA ?
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques.
Prototype de plate-forme de Tribus Instantanées :
Formation WIMS Jeudi 9 juillet 2009
Plénière 29 et 30 juin Grenoble
Développement dun simulateur dinterface graphique à distance Présenté par Michaël Delhaye Promoteur : Jean Vanderdonckt.
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Créer un site Web sur internet
BERNARDIN Benoît Lycée Louis Pergaud
Collecte de données en ligne
Projet JAVA EE Approfondi
Interaction audio sur le site web du LIA
Génération de feuilles de style pour site Web par un
Atelier « Créations de sites » : Les techniques de réalisation de sites EPN :...
A4.1.1 Proposition dune solution applicative A4.1.2 Conception ou adaptation de linterface utilisateur dune solution applicative A4.1.2 Conception ou.
Formulaires dynamiques et workflows évolués
PROJET DE GENIE LOGICIEL 2005
Netscape Présentation par : Aleksandra Krul et Aurélia Marcus Jeudi 31/
Genèse du projet. Contexte : Université dAvignon Contexte : Université dAvignon Correspondant Informatique et Liberté (CIL) Correspondant Informatique.
Projet de Master première année 2007 / 2008
Adaptée du cours de Richard Grin
Sandrine BUENDIA Guillaume GALLET.
Soutenance de Projet Plateforme de Stages
Un outil paramétré sur mesure !
Hot Potatoes
Gestion d’un site de vêtements
eVinci-XP | Portail de services
Travail réalisé par: Sandy Thiry et Anaïs Mathieu.
Mise en place d’une plate-forme d’expérimentation d’applications adaptables à partir de composants Encadreurs : Mireille Blay-Fornarino Anne-Marie Dery-Pinna.
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.
GESTION DE COMPOSANTS ELECTRONIQUES
CAZIER Kévin JACOB Sébastien Réalisée dans le cadre du Projet Pluridisciplinaire Encadré par Mme Martine COQUET Responsable de l’entreprise.
L’ergonomie des IHM : pourquoi, comment ?
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
SVG Design Tools MathML2SVG François DELESCLUSE Sylvain DEYRIS
PLAN 1. Introduction 1.1. Sites de presse actuels 1.2. Objectif de notre site 2. Description du modèle 3. Outils utilisés 3.1. SVG 3.2. PHP et MySQL 4.
Présentation du développement du projet.  Introduction  Conception et méthodes  Developpement  Conclusion 2.
CMS - SGC Revenu Québec. Octobre 2003 SSWII - SERVICE DES SOLUTIONS WEB ET DE L’INGÉNIERIE DE L’INFORMATION DSAE - DIRECTION DES SOLUTIONS D’AFFAIRES.
Projet de fin de 2° année : VISITE VIRTUELLE DES BATIMENTS DE L’ISTG ETIEVANT Aurélie FOL Martial GRAND Matthieu RICM2 – CM1.
BOUML Bruno pages.
Toolkit WEB de contrôle en SVG Equipe Koala d’ILOG Encadré par Colas Nahaboo Isabelle LAFAYE.
LOGO 2010/2011 Encadré par: Mr Chaouech Helmi Elaborée par: Galloussi Ons Université de Carthage Faculté des Sciences économique et de Gestion de Nabeul.
Oral de Soutenance du projet Bac STMG option SIG Session 2014
TER LOGO Model a copier coller a chaque nouvelle diapositive.
Interface Homme Machine
Ethnosim (Cr1) Projet encadré par : Mr David Crookall (17 juin 2004) Agostini Jean-Louis Dupouy Nicolas Giroussens Olivier Olivar Kevin Université de Nice.
PHOTOPAGER Projet Informatique et multimédia Classe Terminale S Bac 2001 Charles Duley et David Ameisen.
Mathieu Martin Thomas Rovayaz Natacha Laborde Nathanaël Couret
Soutenance de stage Projet principal :
Générateur d’applications WEB de gestion de données Module List/Form.
Générateur d’applications WEB de gestion de données Module List.
SOMMAIRE  Intro et cahier des charges 2 Présentation Projets Étude et recherche Développement Doc. et manuels Conclusion J.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
Introduction au HTML Qu’est ce que le HTML ?
Titre Page 1. Page 2.
ETM IBN ROCHD Présenté par : Mlle KHETTAR Lamia & Mlle AIT SAADA Kahina Novembre 2012.
Logiciel de gestion comptable. Introduction Notre mission à été de finaliser et valider une application de gestion des fiches des paies en cours de développement.
Vous présente en quelques réalisations un réel savoir-faire, le fruit de longues années d’expériences, aujourd’hui à votre service. Toutes les fonctionnalités.
Création d’un outil d’aide à la composition de cours
Transcription de la présentation:

AIDE A LA CREATION DE PAGES WEB POUR LES NON-VOYANTS Projet de Emma Bagge / Sabrina Falk Jean-Yves Tourneur / Rémi Tricaud Encadré par Anne-Marie Pinna-Dery Mireille Blay-Fornarino

Sommaire Présentation du sujet État de l’art Résultat désiré Solution Proposée Démo Conclusion

Présentation du sujet Créer un outil qui permet de générer des formulaires HTML accessibles au non-voyants Deux utilisateurs : le créateur de pages web (voyant) l’utilisateur du formulaire généré (voyant ou non-voyant)

État de l’art Pour les non-voyants Pour les créateurs de pages web Logiciels donnant un rendu sonore Browsers textes Pour les créateurs de pages web Logiciels type Dreamweaver Bobby

Résultat désiré (1) Par les créateurs de pages WEB Passer d’un formulaire « voyants » à « non-voyants » Aperçu du travail: texte / son Système rapide et simple Gestion des erreurs de construction

Résultat désiré (2) Pour les non-voyants distinguer les champs obligatoires distinguer les parties d’un formulaire avoir un aperçu des réponses entrées

Solution Proposée (1) Les tâches que nous avons traitées demande non-voyant privilégiée facilité d ’emploi pour l ’utilisateur Langage retenu : Java

Solution Proposée (2) Système rapide et simple à utiliser Travail sur l’interface graphique Fiche d’évaluation Aperçu du travail en cours Structure qui limite les erreurs de construction Évolutivité du produit

Diagramme HTA Construction d’un formulaire personnalisé Création d’une partie du formulaire Fin (génération code HTML) titre Ajout d ’un composant Titre (label) Choix du type Nom variable Position Champ obligatoire ?

Solution proposée (3) Ce qu’obtient l’utilisateur au final : 3 pages HTML une page complète qui correspond à l’aperçu une page contenant juste les champs obligatoires une page qui récapitule les réponses avant la validation finale ce qui correspond bien à ce que demande un non-voyant

Démo

Conclusion Prototype proche de la version finale Évolutions envisageables Remerciements Carine Lévy : ancienne élève ESSI non-voyante Les encadreurs : Anne-Marie et Mireille Les cobayes : Laure, Marc-Aurèle et Sébastien

?