14
WebAnnotator Thibault BASTE Jingjing LI Jialin LIU 3, Mai, 2011 Projet Web/BD Extension Firefox pour l'annotation de pages Web

WebAnnotator

Embed Size (px)

DESCRIPTION

Projet Web/BD Extension Firefox pour l'annotation d e pages Web. WebAnnotator. Thibault BASTE Jingjing LI Jialin LIU 3, Mai, 2011. Index. Qu’es-ce qu’ une extension Firefox ? Pourquoi WebAnnotator ? Réalisation de WebAnnotator Pour aller plus loin…. - PowerPoint PPT Presentation

Citation preview

Page 1: WebAnnotator

WebAnnotatorThibault BASTE

Jingjing LIJialin LIU

3, Mai, 2011

Projet Web/BDExtension Firefox pour l'annotation

de pages Web

Page 2: WebAnnotator

Index

• Qu’es-ce qu’une extension Firefox?

• Pourquoi WebAnnotator?

• Réalisation de WebAnnotator

• Pour aller plus loin…

Page 3: WebAnnotator

Qu’es-ce qu’une extension Firefox?

Page 4: WebAnnotator

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

Pourquoi WebAnnotator?

Page 6: WebAnnotator

Objectif

• Annoter simplement des pages Web

• Importer - Activer - Souligner - Exporter

Page 7: WebAnnotator

Réalisation de WebAnnotator

Page 8: WebAnnotator

Menu en-tête• « Outils » activer DTD

Page 9: WebAnnotator

Tableaux d’annotations

• Plusieurs tableaux dynamiques

• Ajouter et supprimer une sélection

• Adaptation de la taille de la fenêtre

Page 10: WebAnnotator

• Exemple

Page 11: WebAnnotator

Ressources utilisés

• MyTableGrid, Pablo Aravena (tableau)

• tipster, TwinHelix Designs (menu)

• scrapbook(fonctions de soulignement)

Page 12: WebAnnotator

Pour aller plus loin…

Page 13: WebAnnotator

À 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

Des exceptions d’utilisation

• Les pages sans « body »

• Les pages avec élément « transparent »