![Page 1: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/1.jpg)
Sebax:Sebax: SSistema EEducativo BaBasado en Tecnología XXML
PROYECTO FIN DE CARRERAPROYECTO FIN DE CARRERA
INGENIERÍA INFORMÁTICAINGENIERÍA INFORMÁTICA
Jose Luis Carrasco Sanz – [email protected] Luis Carrasco Sanz – [email protected]
![Page 2: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/2.jpg)
Índice
Introducción Motivación y contexto del PFC Objetivos de diseño
Arquitectura del Sistema El subsistema de edición
Los editores (TML, SML, EML) El subsistema de publicación
El módulo de personalización El módulo de transformación y carga
Demostración del sistema Líneas de trabajo futuro y conclusiones
![Page 3: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/3.jpg)
Introducción
Contexto del PFC
SEBASTIAN (CAM 07T/0015/1997): Sistema para la publicación de contenidos Basado en el uso de XML (EML 1.0) y SMIL
SEBAX: Sistema para la publicación de contenidos Basado en el uso de XML (EML 2.0, SML 1.0
y TML 1.0) y SMIL (...) Sistema para la edición de contenidos
adaptables Más accesible para el profesor
![Page 4: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/4.jpg)
Introducción
Objetivos del PFC
Dotar a los profesionales de la educación del conjunto de herramientas capaz de generar contenidos educativos:
Con capacidades multimedia Adaptables al alumno y no el alumno al curso
Según las preferencias del alumno Según sus características psicopedagógicas (estilo de
aprendizaje)
Herramientas de uso sencillo e intuitivo y sobre plataforma común a los profesores.
![Page 5: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/5.jpg)
Introducción
Objetivos del PFC
CursoXML
(EML)
CursoXML
(EML)
PlantillaDescripción
Espacial(SML)
PlantillaDescripción
Espacial(SML)
Karaoke(TML)
Karaoke(TML)
Karaoke(TML)
Karaoke(TML)
Karaoke(TML)
Karaoke(TML)XMLXML
<curso> <titulo> HTML </titulo> ...</curso>
<curso> <titulo> HTML </titulo> ...</curso>
Permite la creación de nuestros propios
lenguajes (flexibilidad)
Información estructurada dividida en tres
partes (mejor control):contenidoestructura
presentaciónIndependiente de la
plataforma (portabilidad)
sebax
sebax SMILSMIL
![Page 6: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/6.jpg)
Subsistema Subsistema de edición de edición de cursosde cursos
Arquitectura del sistema
Módulo deMódulo depersonalizaciónpersonalización
MóduloMódulode transformaciónde transformación
y cargay cargaSubsistema de
Subsistema de
publicación
publicación
![Page 7: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/7.jpg)
Subsistema de edición de cursos
El editor SML (I)
Editor SML (Space Markup Language)Editor SML (Space Markup Language): Generador de plantillas con la descripción espacial de los elementos de la presentación multimedia (existirá uno por cada curso)
root
Region1
RegionCentro
Region2
Region3
![Page 8: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/8.jpg)
Subsistema de edición de cursos
El editor SML (II)
Basado en las cabeceras de los documentos SMILCada curso hará referencia a un archivo SMLSeparamos la descripción espacial de los contenidos del curso La sustitución de del documento SML por otro con las mismas regiones distribuidas de otra forma, dan mayor dinamismo a la presentación y mayor flexibilidad a la hora de modificar el aspecto del curso y adaptarlo a las necesidades específicas de los alumnos a los que va dirigido. <?xml version=“1.0”?><!DOCTYPE sml SYSTEM “sml.dtd”><sml> <root width=“400” height=“400”/> <regions> <region id=“r1” top=“10” left=“10” width=“100” height=“100” z-index=“0”/> <region id=“r2” top=“20” left=“100” width=“10” height=“100” z-index=“1”/> </regions></sml>
![Page 9: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/9.jpg)
Editor EML (Educational Markup Editor EML (Educational Markup Language)Language): Generador de los cursos multimedia en forma de documentos XML basados en EML 2.0.
Información relativa al curso (titulo, autor, ...)Estructura de niveles de profundidad que
describen los distintos apartados del curso.Para cada apartado:
Secuencia de escenas y referencias a los objetos multimedia que las forman
Metadatos relativos a los estilos de aprendizaje.
Subsistema de edición de cursos
El editor EML (I)
![Page 10: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/10.jpg)
Subsistema de edición de cursos
El editor EML (II)Curso EML
Titulo del curso: ............................... Autor: ................................ Objetivos del curso: .............................................................Resumen del curso: ..........................................................................................................................................................................................................................................................................................................................................................................................Apartado I Apartado II
Apartado II.1 Apartado II.2
Apartado II.1.1
Apartado III Apartado IV
Nivel de profundidad máximo
Nivel 3
![Page 11: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/11.jpg)
Subsistema de edición de cursos
El editor EML (II)Curso EML
Titulo del curso: ............................... Autor: ................................ Objetivos del curso: .............................................................Resumen del curso: ..........................................................................................................................................................................................................................................................................................................................................................................................Apartado I Apartado II
Apartado II.1 Apartado II.2
Apartado II.1.1
Apartado III Apartado IV
Nivel de profundidad medio
Nivel 2
![Page 12: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/12.jpg)
Subsistema de edición de cursos
El editor EML (II)Curso EML
Titulo del curso: ............................... Autor: ................................ Objetivos del curso: .............................................................Resumen del curso: ..........................................................................................................................................................................................................................................................................................................................................................................................Apartado I Apartado II
Apartado II.1 Apartado II.2
Apartado II.1.1
Apartado III Apartado IV
Nivel de profundidad bajo
Nivel 1
![Page 13: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/13.jpg)
Subsistema de edición de cursos
El editor EML (III)Apartado
ACT/REF ACT/REF ACT/REF
VIS/VER VIS/VERVIS/VER
VIS/VER
VIS/VER VIS/VER
VIS/VERVIS/VER
ACT ACT
ACT
ACT
ACT
REFREF
VIS
VER
Act/VerAct/Ver
root
Region1
RegionCentro
Region2
Region3
Video, audio, imágenes, animaciones, ¿texto?, ...
![Page 14: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/14.jpg)
Editor TML (Time & Text Markup Editor TML (Time & Text Markup Language)Language): Los documentos XML generados con esta herramienta serán documentos de texto que incluirán marcas de tiempo que permitan su sincronización con los vídeos y audios que se incluyan en las escenas.
Subsistema de edición de cursos
El editor TML (I)
Línea de tiempoInstante X Instante Y
Texto que se presenta en el instante X
Texto que se presenta en el instante Y
![Page 15: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/15.jpg)
Subsistema de edición de cursos
El editor TML (II)
Versión reducida de realTextCada curso hará referencia a 0 o N archivos TMLSEBAX pasa a ser un perfecto y especializado sistema de aprendizaje para personas con problemas auditivos y para cursos de idiomas.
<!DOCTYPE window SYSTEM "window.dtd"><window type="generic" bgcolor="white" height="53" width="594" duration="32" loop="false" scrollrate="0“ crawlrate="0" extraspaces="use" wordwrap="true">
<time begin="0"/><clear/><font face="Arial Narrow" size="+2“ color="blue"> Bienvenido a este curso introducción de HTML.</font> <time begin="2"/><clear/><font face="Arial narrow" size="+2" color="blue"> Mi nombre es José Luis Carrasco y puedes ponerte en contacto conmigo si lo necesitas escribiéndome un correo electrónico a la dirección</font> <time begin="8"/><clear/><font face="Arial Narrow" size="+3" color="blue"> [email protected]</font> <time begin="13.5"/><clear/><font face="Arial Narrow" size="+2" color="blue"> El principal objetivo del curso es ... </font>
</window>
![Page 16: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/16.jpg)
Subsistema Subsistema de edición de edición de cursosde cursos
Arquitectura del sistema
Módulo deMódulo depersonalizaciónpersonalización
MóduloMódulode transformaciónde transformación
y cargay carga
![Page 17: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/17.jpg)
El encargado de evaluar al alumno y determinar cual es el estilo de aprendizaje de éste según las teorías de Richard Felder.
Subsistema de publicación
El módulo de personalización
Información del curso tomada del EML
Test de Felder abreviado y modificado
Módulo depersonalización
Index.htmldel curso
(generado por el editor EML)
Grado VIS/VER
Grado ACT/REF
Formulario de personalización
Resultadodel
módulo
![Page 18: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/18.jpg)
El encargado de transformar los documentos EML en su representación final (SMIL en este caso) partiendo también del documento SML asociado.
Subsistema de publicación
El módulo de transformación y carga
Módulodetransformación
y carga
Grado VIS/VER
Grado ACT/REF
Formulario de personalización-Nivel profundidad deseado
-VISUAL o VERBAL-ACTIVO o REFLEXIVO
Formulariode
personalización
(generado por módulo de personalización)
CursoNivel profundidad
seleccionado
Estilo de aprendizaje
seleccionado
![Page 19: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/19.jpg)
Demostración del sistema
Subsistema de publicación
![Page 20: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/20.jpg)
Estado del arte
Enseñanza y aprendizaje en Internet (I)
Sus detractores nos dicen que: Internet es contraria a la socialización Los costes de diseño e implantación de los
sistemas de teleeducación son muy elevados Las limitaciones en el ancho de banda y sus
consecuencias en cuanto a la difusión de contenidos multimedia es muy perjudicial
Difusión limitada entre la población El coste del servicio elevado lo hace accesible a
unos pocos.
![Page 21: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/21.jpg)
Estado del arte
Enseñanza y aprendizaje en Internet (II)
Internet favorece la socialización creando entre sus usuarios una comunidad virtual y favoreciendo a algunas personas relacionarse de un modo que en su vida real no pueden hacerlo, bien sea por timidez o por incapacidades físicas.Lo que es caro es generar los contenidos, pero una vez generados, estos resultan rentables.Formatos como los de Real, Flash (macromedia) y anchos de banda cada vez mejores hacen cada vez más sencilla la difusión multimedia.Cada vez son más los usuarios de Internet (usuarios de forma asidua y no esporádica)Cada vez más asequible en cuanto al precioProfesor vs. Tecnologías (El profesor será insustituible, pero las tecnologías ayudan mucho)
![Page 22: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/22.jpg)
Estado del Arte
XML (Lenguajes de marcado)
Permite la creación de nuestros propios lenguajes (flexibilidad)Información estructurada dividida en tres partes (mejor control):
contenido estructura presentación
Independiente de la plataforma (portabilidad)
![Page 23: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/23.jpg)
Estado del arte
Synchornized Multimedia Integration Language
Recomendación del W3C (15/Julio/98). A la espera de nueva versión 2.0SMIL:
Distribución espacial de objetos multimedia Relativo Absoluto Superposición de regiones
Establecimiento de mecanismos de sincronización entre ellos
Paralelismo Secuenciación
Características avanzadas (atender a determinados parámetros, modelo de eventos avanzado, enlaces ...)
![Page 24: Sebax: S istema E ducativo Ba sado en Tecnología X ML](https://reader036.vdocuments.co/reader036/viewer/2022081516/568139ab550346895da14735/html5/thumbnails/24.jpg)
Estado del arte
Teorías de aprendizaje
Constructivismo Los datos que percibimos con nuestros sentidos y los esquemas cognitivos que utilizamos para
explorar estos datos existen en nuestra mente. Aprender significa transformar el conocimiento (kakn y Friedman, 1993) Internet
Sistema abierto Guiado por el interés Iniciado por el aprendiz Conceptualmente provocador.
Teoría de la conversación (Pask, 1964) Aprender es por naturaleza un fenómeno social La adquisición de nuevo conocimiento es el resultado de lainteracción entre la gente que
participa en un diálogo Aprender es un proceso dialéctico en el que el individuo contrasta su punto de vista personal
con el de otra persona hasta llegar a un acuerdo. Internet:
Internet es un entorno que presupone una naturaleza social específica
Teoría del conocimiento situado El conocimiento es una relación activa entre un agente y el entorno, el aprendizaje ocurre
cuando el aprendiz está activamente envuelto en un contexto instruccional complejo y realístico.
Internet: Realismo Complejidad