el ebook, evolución de la plataforma web como soporte tecnológico para la educación: estándares,...

22
El eBook, evolución de la plataforma web como soporte tecnológico para la educación: Estándares, personalización y analítica II Jornada de Innovación y Tecnologías Educativas de la ETSI Informática Miguel Rodríguez Artacho, Dpto. LSI, UNED [email protected] 21 Abril 2016

Upload: miguel-r-artacho

Post on 09-Feb-2017

88 views

Category:

Education


0 download

TRANSCRIPT

El eBook, evolución de la plataforma web como

soporte tecnológico para la educación:

Estándares, personalización y

analítica

II Jornada de Innovación y Tecnologías Educativas de la ETSI Informática

Miguel Rodríguez Artacho, Dpto. LSI, UNED [email protected]

21 Abril 2016

Educación pre-TEL

ProfesorMaterial EducativoEstudiante

2004 Web-based e-learning

Profesor

Material Educativo

Estudiante

SCORM 2004

ProfesorMaterial Educativo

Estudiante

La nube como plataforma de e-learning

La nube como plataforma de e-learning

• Registros de actividad y desempeño distribuidos (LRS)

• Aprendizaje ubicuo y basado en dispositivos móviles

• De los cursos reglados a los MOOC (modelo de consumo en internet)

eBook

• Contenido HTML5• Estilo CSS3• Comportamiento JavaScript• Empaquetado ePub3

Características ePub3 vs. SCORM

• Partes (heterogéneas) unidas vs. un todo con formato homogéneo (HTML5)

• Control en el dispositivo, no en un servidor centralizado• Player (renderizado) fuera de ámbito de SCORM vs.

lector eBook • Posibilidad de incorporar traza de actividad

descentralizada (LRS)• Conformidad intrínseca en cuanto a accesibilidad

Ambos verificables (test de conformidad)

Estructura de un ePubBook.epub/ ── ├ mimetype ── ├ META-INF/ │ └── container.xml └── OPS/ ── ├ package.opf ── ├ toc.ncx ── ├ css/ │ └── theme.css ── ├ images/ │ ── ├ cover.jpg │ ── ├ image_01.jpg │ ── ├ image_02.jpg │ ── ├ image_03.jpg │ └── image_04.jpg └── xhtml/ ── ├ chapter01.xhtml ── ├ chapter02.xhtml ── ├ chapter03.xhtml ── ├ chapter04.xhtml └── toc.xhtml

ePub3 (Javascript)<script type="text/javascript">

alert("Name: " + navigator.epubReadingSystem.name + " / version: " + navigator.epubReadingSystem.version + " / layoutStyle " + navigator.epubReadingSystem.layoutStyle);

</script>

EDUPUB

• Perfil de ePub3 pero con características adicionales <dc:type>edupub</dc:type>

• Estructura y navegación obligatoria (toc toi tof <nav>)

• Semántica estructural una taxonomía educativa simple

EDUPUB

• Objetos distribuibles especifica cómo identificar las "entidades discretas " dentro de un EDUPUB como contenido, hojas de estilo, fuentes, metadatos, recursos multimedia, etc., que están destinados a formar un "objeto distribuible" como un capítulo , una demostración de vídeo , un ejercicio, o cualquier otro subconjunto de un EDUPUB que puede ser enviado por.

• Scriptable component especifica cómo crear "widgets" interactivos que se pueden incorporar en las publicaciones EDUPUB e intercambiar entre ellos objetos distribuibles

• Anotaciones abiertas en EPUB especifica cómo manejar las anotaciones y generar eventos relacionados con éstas.

IEEE LTSC: Actionable Data Book Model

• Un enfoque hacia el aprendizaje independiente de la plataforma

• eBook (ePub3) como contenedor tecnológico• Generación de datos y trazas basadas en la

nube (xAPI cloud exchange)• Comunicación con dispositivos de la IoT (o

locales) Laboratorios educativos online

ePub3 + xAPI

Source: The IEEE Actionable Data Book and EPUB 3 Tyde Richards, John Costa, Avron Barr

xAPI statements (LRS)

I did THIS

Interacciones desde un ePub3

Source: http://www.slideshare.net/JohnBCosta/adb-brief-for-edupub-2014

Ejemplo de actividad<john> <launched> <cool book>

<john> <read> <page 1> ( d: "PT45S" ) { p: ["chapter 1"], g: ["cool book", "cool class"] }

<john> <read> <page 2> ( d: "PT15S" ) { p: ["chapter 1"], g: ["cool book", "cool class"] }

<john> <read> <page 3> ( d: "PT55S" ) { p: ["chapter 1"], g: ["cool book", "cool class"] }

<john> <read> <page 4> ( d: "PT45S" ) { p: ["chapter 1"], g: ["cool book", "cool class"] }

<john> <watched> <video 1> ( d: "PT3M" ) { p: ["page 4"], g: ["chapter 1", "cool book", "cool class"] }

<john> <paused> <video 1> { p: ["page 4"], g: ["chapter 1", "cool book", "cool class"] }

<john> <resumed> <video 1> { p: ["page 4"], g: ["chapter 1", "cool book", "cool class"] }

<john> <watch> <video 1> ( d: "PT2M" ) { p: ["page 4"], g: ["chapter 1", "cool book", "cool class"] }

<john> <completed> <video 1> ( d: "PT5M" ) { p: ["page 4"], g: ["chapter 1", "cool book", "cool class"] }

<john> <read> <page 5> ( d: "PT45S" ) { p: ["chapter 1"], g: ["cool book", "cool class"] }

Ejemplo de actividad<john> <answered> <question 1> ( r: "answer 2" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <answered> <question 1> ( r: "answer 3" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <answered> <question 1> ( r: "answer 2" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <answered> <question 2> ( r: "answer 4" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <answered> <question 3> ( r: "answer 1" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <completed> <assessment 1> ( s: [2, 0, 3], d: "PT2M" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <passed> <assessment 1> ( s: [2, 0, 3], d: "PT2M" ) { p: ["page 5"], g: ["chapter 1", "cool book", "cool class"] }

<john> <suspended> <cool book> { g: ["page 5", "cool class"] }

<john> <resumed> <cool book> { g: ["page 5", "cool class"] }

<john> <read> <page 6> ( d: "PT45S" ) { p: ["chapter 2"], g: ["cool book", "cool class"] }

<john> <read> <page 7> ( d: "PT25S" ) { p: ["chapter 2"], g: ["cool book", "cool class"] }

Ejemplo de actividad<john> <read> <page 8> ( d: "PT1M15S" ) { p: ["chapter 2"], g: ["cool book", "cool class"] }

<john> <exited> <cool book> { g: [“page 8”] }

<john> <launched> <cool book>

<john> <bookmarked> <page 9> { p: ["chapter 2"], g: ["cool book", "cool class"] }

<john> <highlighted> <paragraph 6> ( r: "need help" ) { p: [“page 9”], g: ["chapter 2", "cool book", "cool class"] }

<john> <asked> <page 9> ( r: “Can you please clarify how this applies to science?” ) { p: [“feedback 1”], g: ["chapter 2", "cool book", "cool class"] }

<john> <read> <page 9> ( d: "PT3M25S" ) { p: ["chapter 2"], g: ["cool book", "cool class"] }

<john> <highlighted> <paragraph 7> ( r: "insightful" ) { p: [“page 9”], g: ["chapter 2", "cool book", "cool class"] }

<john> <read> <page 10> ( d: "PT1M04S" ) { p: ["chapter 2"], g: ["cool book", "cool class"] }

<teacher> <responded> <john> ( r: “Science is an art of understanding.” ) { p: [“feedback 1”], g: [“page 9”, “chapter 2”, "cool book", "cool class"] }

<john> <commented> <teacher> ( r: “Okay thanks!” ) { p: [“feedback 1”], g: [“page 9”, “chapter 2”, "cool book", "cool class"] }

El eBook, evolución de la plataforma web como

soporte tecnológico para la educación:

Estándares, personalización y

analítica

II Jornada de Innovación y Tecnologías Educativas de la ETSI Informática

Miguel Rodríguez Artacho, Dpto. LSI, UNED [email protected]

21 Abril 2016

Gracias!