El eBook, evolución de la plataforma web como soporte tecnológico para la educación: Estándares, personalización y analítica

1. 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
miguel@lsi.uned.es
21 Abril 2016

2. Educación pre-TEL
Profesor
Material
Educativo
Estudiante

3. 2004 Web-based e-learning
Profesor
Material
Educativo
Estudiante

4. SCORM 2004

5. Profesor
Material
Educativo
Estudiante
La nube como plataforma de
e-learning

6. 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)

7. eBook
• Contenido HTML5
• Estilo  CSS3
• Comportamiento  JavaScript
• Empaquetado  ePub3

8. 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)

9. Estructura de un ePub
Book.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

10. ePub3 (Javascript)
<script type="text/javascript">
alert("Name: " + navigator.epubReadingSystem.name +
" / version: " + navigator.epubReadingSystem.version +
" / layoutStyle " + navigator.epubReadingSystem.layoutStyle);
</script>

11. 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

12. 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.

13. 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

14. ePub3 + xAPI
Source: The IEEE Actionable Data Book and EPUB 3 Tyde Richards, John Costa, Avron Barr

15. xAPI statements (LRS)
I did THIS

16. Interacciones desde un ePub3
Source: http://www.slideshare.net/JohnBCosta/adb-brief-for-edupub-2014

18. 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"] }

19. 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"] }

20. 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"] }

21. Referencias
• ePub3: http://epubzone.org/epub-3-overview/understanding-epub-3
• Ejemplos (xAPI+ePUB3) : http://z2.vc/epubs/
• CoP: https://plus.google.com/communities/114517811515662776461
• xAPI examples:
• http://www.adlnet.gov/tla/experience-api/xapi-cop-directory/
• EDUPUB: https://www.bisg.org/publications/getting-started-edupub
• IMS Caliper + EDUPUB
http://www.imsglobal.org/sites/default/files/edupub/EPUB3QTILTICaliper
_BestPracticesvd8.pdf

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
miguel@lsi.uned.es
21 Abril 2016
Gracias!