Anotaciones sobre HTML
Herramienta de anotaciones sobre HTML con backend en nodejs.
El objetivo principal de este proyecto es anotar en formatos HTML dentro de un entorno para estudiantes, aunque puede utilizarse en cualquier entorno.
Demo anotaciones "Frankenstein or The Modern Prometheus"
Dentro del entorno educativo donde la hemos desarrollado ¿Quién puede utilizar esta herramienta ?
Esta herramienta esta desarrollada para que pueda ser utilizada por diferentes perfiles, estudiantes , consultores , profesores y editores , es lo suficientemente flexible para poder añadir más, cada uno de ellos utiliza la herramienta de manera un poco diferente .
Con la herramienta de anotación , podemos anotar el texto HTML , categorizar la anotación (resaltar , subrayar o marcar como fe de erratas ), y poner comentarios a las anotaciones. Las funcionalidades dependen del perfil , el estudiante puede resaltar y subrayar , el profesor y el consultor tienen estos dos tipos de anotación y uno más, la " fe de erratas " . Con este tipo de anotación, el profesor y consultor pueden alertar a los estudiantes u otros consultores sobre un error en el material, por ejemplo, un error ortográfico , un párrafo que no está bien explicado o similar, tambien puede destacar contenidos importantes, campartiendo un subrallado o un destacado.
El perfil de editor es muy diferente. El Editor no puede realizar anotaciones sólo puede ver las marcadas cómo erratas y aplicar la corrección en el contenido, esto le va a permtir al estudiante ver el material corregido de forma permanente.
Otra diferencia importante entre los perfiles es la funcionalidad de compartir una anotación. El consultor y el conferenciante pueden compartir todas las anotaciones , sin importar el tipo de anotación . Cuando un profesor comparte una anotación, todos los perfiles pueden verlo, no importa que clase estamos trabajando pulg Otra cosa es cuando un consultor comparte una anotación, en este caso, el estudiante de la clase y las conferencias de este material son los únicos perfiles que puede verlo. El estudiante no puede compartir, pero esto se puede configurar.
Otra funcionalidad importante es la capacidad para descargar las anotaciones en formato PDF , se puede dejar que los alumnos estudian en otro entorno . En el desarrollo futuro, nos gustaría exportar en otros formatos como Word , texto plano, XML, etc ..
La tecnología de servidores detrás anotador es NodeJS . Toda la funcionalidad de REST se ha desarrollado en este idioma y por qué este lenguaje ? Debido a que en el ámbito de la enseñanza existe mucha concurréncia en aplicaciones y donde se implantó existe una gran cantidad de materiales que pueden ser anotados , aproximadamente 400 en cada semestre , cada uno con 3 o 4 aulas diferentes y cada aula con 10 alumnos. Tenemos 16.000 estudiantes que pueden utilizar anotador . Esto significa que 1600 podría utilizar la herramienta al mismo tiempo . Nodejs maneja una gran cantidad de conexiones simultáneamente con una alta velocidad.
Otra funcionalidad relacionada con NodeJS es la capacidad de informar al usuario acerca de cuántas personas están conectadas a la sala de clases , en este momento , así como la lectura de los materiales sujetos también y un sistema de alerta para avisar al estudiante que el consultor o el profesor ha añadido un nuevo anotación .
El futuro de nuestro proyecto : Tenemos diferentes ideas para agregar a esta herramienta , por ejemplo, una categorización con etiquetas personales , anotaciones con audio y vídeo , la capacidad de trabajar sin conexión ( offline ), el análisis de la posición de las anotaciones , por ejemplo hacer un histograma que sólo puede ser visto por el profesor , alertas instantáneas para los estudiantes cuando se crea una anotación compartida.
Desarrollo
Para este proyecto hemos utilizado una libreria javascript llamada Anotator (https://github.com/okfn/annotator/wiki) hemos modificado el core de esta librería para adaptarla al proyecto y hemos creado nuevos plug-ins (https://github.com/albertjuhe/annotator_view).
Desarrollos opensource
Visor de anotaciones: https://github.com/albertjuhe/annotator_view
Aplicación de anotaciones sobre nodejs: https://github.com/albertjuhe/annotator_nodejs_store
Anotaciones enriquecidas: https://github.com/albertjuhe/richEditor
Contacte
Adaptmos el producto a las necesidades del cliente.
Contacta con nosotros info@fados-produccions.com.
Cliente
Universitat Oberta de Catalunya