06 Juillet 2009

Projet “Checker d’accessibilité de fichiers SVG”

Rami BALIToufic HADDADAroussia MAADI

EncadrantsAnnie DANZARTChristine POTIERJérôme HUGUES

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380page 4

Contexte

Rendre les ressources du web de plus en

plus accessibles

Non-voyants/Mal-voyants : cécité, troubles de vision, daltonisme,…

Augmenter la taille des graphiques, modifier la luminosité, ajouter des descriptions aux schémas

INF 380page 5

Qu’est ce que SVG?

SVG (« Scalable Vector Graphics »)

Description vectorielle des graphiques pour le web

Recommendation W3C

Conservation de qualité en cas de redimensionnement

INF 380

Accessibilité des fichiers SVG

Un outil intuitif pour :

Ajouter des descriptions à des éléments de base des schémas

Mettre en évidence la structure d’un schéma

Séparer le style CSS du fichier SVG

page 6

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380page 8

Frontière fonctionnelle

Fonctionnalités :Ajout de descriptionsSéparer les feuilles de styleDécrire la structure des schémas

Utilisateurs :Créateurs ou simple utilisateurs de fichiers SVG qui

veulent rendre un fichier SVG accessible aux mal/non-voyants

INF 380

Use Cases

page 9

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

page 11 INF 380

Choix techniques

Architecture client lourdApplication JavaSVG 1.1Accessibility features of SVGBibliothèque Apache Batik (Java)

Afficher et manipuler des images SVGFacile à utiliser

JUnit pour les tests unitairesIDE Eclipse

page 12 INF 380

Diagramme de classe

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380page 14

Critères d’évaluation

Simplicité d’utilisationPublic non expert en SVGDes fichiers de tailles et de structures différentes

AdaptabilitéDes améliorations d’accessibilité sont toujours

possibles

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380

Répartition des rôles

Aroussia MAADI : chef de projet

Rami BALI : responsable d’analyse

Toufic HADDAD : responsable d’intégration et tests

page 16

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

page 18 INF 380page 18

Planning

Phase Temps Estimé Temps Passé

Cahier des charges

Analyse

Conception

Codage et tests

34

34

45

72

34

40

45

81

TOTAL 185 200 (108%)

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380

…Perspectives?

Mettre en forme le XML dans l’interface graphique

Repérer des structures simples sur une image difficile à décrire

Réutiliser la même description alternative pour un même type SVG d’élément dans un fichier

page 21 INF 380

Difficultés rencontrées…solutions envisagées

La conception a pris plus de temps que prévu Développer les différentes parties du logiciel en

parallèle et consulter l'expert régulièrement Les fichiers SVG testés ne respectent pas tous les

recommandations W3C Mettre en forme le XML dans l’interface graphique Problèmes d'accès au répertoire de partage svn Rencontres régulières entre les membres de

l'équipe

INF 380

Pour conclure…

gérer le temps imparti à un projet pour assurer un produit fiable avec les fonctionnalités minimales demandées

Plonger dans l’API de Batik et les spécifications SVG Travailler en équipe et adapter la répartition des rôles aux

profils Assurer une communication permanente entre les membres

de l’équipe Revenir vers l’expert pour vérifier ses besoins au fur et à

mesure

INF 380

Plan

Contexte du projet Frontière Fonctionnelle Choix techniques Critères d’évaluation Répartition des rôles dans l’équipe Planning du projet Perspectives et conclusions Démonstration

INF 380

Démonstration : Accueil (1)

INF 380

Démonstration : Accueil (2)

INF 380

Démonstration : Ajout de descriptions

INF 380

Démonstration : séparer le style du fichier SVG (1)

INF 380

Démonstration : séparer le style du fichier SVG (2)

page 29 INF 380page 29

Merci pour votre attention