Design of an annotation tool for educational resources

Félix Buendía GarcíaUniversidat Politècnica de

Valencia

RedR+Human Repositories for Education with Dynamic Reconfigurability in the HumanitiesUniversidad Complutense de Madrid

2

Introduction Annotation:

Defined as the “the process of adding notes or comments to something…”

Why should learning resources be annotated? Points to address:

Technologies for annotation in learning contexts Need to design annotation tools

Proposal Design of an annotation tool

From requirements to prototype development Separation of Concern (SoC principle)

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

3

Introduction Annotation in educational collaborative

contexts OATS Open Annotation and Tagging System

(Bateman et al, 2007) Applying collaborative tagging to E-learning

Collaborative systems and annotation tools DlNotes (2009)

Supporting collaborative learning activities with a digital library

PAMS (2010) A collaborative annotation system for enhancing knowledge

sharing Auslit (2010)

A Scholarly Annotation System for Dynamic Web Documents

@note (2013) An electronic tool for academic readings

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

4

Proposal Analysis of requirements

Annotation areas

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

Presentation

Business Logic Persistence

Location of notes Adding notes Storing notes

Input of notes Notes search Selecting notes

Notes tagging Notes edition Extraction &

retrieve

Notes display Notes sharing Classification

5

Proposal Design concepts

User interface (Scalar project mockup)

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

6

Proposal Design concepts

Business processes (SemLib annotation architecture)

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

7

Proposal Design concepts

Storage model (PAMS Annotation Management)

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

8

Case Study Presentation tier

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

9

Case Study Business tier

Annotator.js Javascript library Plugin-based

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

function deleteAnnotation (id) { $.ajax({ url: 'annotationStorageApi.php/annotations/'+id, type: 'POST', success: function(){ $('#'+id).parentsUntil("tbody").fadeOut(function(){ $('#'+id).parentsUntil("tbody").remove(); }); } }); }

Use of Silex framework: • API management• Cliente controllers• HTTP Ajax requests

10

Case Study Persistence tier

November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

[ { "id": "identificador", "permissions": { "read":["usuario1","usuario2","…"], "update":["usuario1","usuario2","…"], "delete":["usuario1","usuario2","…"], "admin":["usuario1","usuario2","…"] }, "ranges": { "start":"no utilizado", "startOffset":"carácter donde empieza la anotación", "end":"no utilizado", "endOffset":"carácter donde termina la anotación" }, "quote": "texto anotado", "text": "contenido de la anotación", "documentId": "identificador del documento" "user": "autor de la anotación"

11

Conclusions High number of design issues for annotation

tools Proposed approach

Based on classifying annotation requirements And separating design components

Case study Elaboration of an annotation tool prototype Based on Javascript libraries and a MongoDB

database Further works

Development of tools in the RedR+Human project Testing of annotation tools over existing

repositories November 20167th International Workshop on Software Engineering for E-learning (ISELEAR’16)

Design of an annotation tool for educational resources

Any question?RedR+Human Repositories for Education with Dynamic Reconfigurability in the Humanities