WebAnnotator
-
Upload
peregrine-palacios -
Category
Documents
-
view
21 -
download
0
description
Transcript of WebAnnotator
![Page 1: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/1.jpg)
WebAnnotatorThibault BASTE
Jingjing LIJialin LIU
3, Mai, 2011
Projet Web/BDExtension Firefox pour l'annotation
de pages Web
![Page 2: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/2.jpg)
Index
• Qu’es-ce qu’une extension Firefox?
• Pourquoi WebAnnotator?
• Réalisation de WebAnnotator
• Pour aller plus loin…
![Page 3: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/3.jpg)
Qu’es-ce qu’une extension Firefox?
![Page 4: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/4.jpg)
Une extension Firefox c’est…
• Un moyen pour rajouter des fonctions au navigateur
• Du code css, javascript et Xul
• Exemple: firebug, adblockplus, downthemall …
![Page 5: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/5.jpg)
Pourquoi WebAnnotator?
![Page 6: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/6.jpg)
Objectif
• Annoter simplement des pages Web
• Importer - Activer - Souligner - Exporter
![Page 7: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/7.jpg)
Réalisation de WebAnnotator
![Page 8: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/8.jpg)
Menu en-tête• « Outils » activer DTD
![Page 9: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/9.jpg)
Tableaux d’annotations
• Plusieurs tableaux dynamiques
• Ajouter et supprimer une sélection
• Adaptation de la taille de la fenêtre
![Page 10: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/10.jpg)
• Exemple
![Page 11: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/11.jpg)
Ressources utilisés
• MyTableGrid, Pablo Aravena (tableau)
• tipster, TwinHelix Designs (menu)
• scrapbook(fonctions de soulignement)
![Page 12: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/12.jpg)
Pour aller plus loin…
![Page 13: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/13.jpg)
À améliorer
• Possibilité de modifier en cliquant sur le texte dans le tableau
• Editeur du « css » pour les couleurs des textes soulignés
• Mettre des raccourcis claviers pour les fonctions utiles
• Encodage pour export
![Page 14: WebAnnotator](https://reader036.fdocuments.net/reader036/viewer/2022072017/568134a3550346895d9ba755/html5/thumbnails/14.jpg)
Des exceptions d’utilisation
• Les pages sans « body »
• Les pages avec élément « transparent »