LOGO

e-Learning Desktope-Learning Desktop Integración de RIA’s a objetos de Integración de RIA’s a objetos de

AprendizajeAprendizaje

Alvaro Rodríguez, Darvin Orozco, Rocael Hernández

Universidad Galileo{alvrodriguez, daruser,

roc}@galileo.edu

Conferencia de Software Libre Conferencia de Software Libre en Educación Superioren Educación Superior

20 – Noviembre - 2008

Agenda…

Integración del LMS con una RIA.

Visualización del Proyecto Prototipo

Usabilidad en contenidos e-Learning

Rich Internet Applications (RIA)

Estado actual de la tecnología

Breve Introducción

Solución Propuesta

Breve Introducción (1/2)

Considerando el alto impacto del internet en el área de e-Learning, es necesario analizar los procesos de visualización e interacción con los contenidos e-Learning.

Los contenidos deben ser atractivos para el usuario, pero la tecnología con que se visualizan dichos contenidos debe poseer Usabilidad.

Constantes esperas en la recarga de páginas en un navegador, hacen perder el enfoque del usuario.

Breve Introducción (2/2)

Existe una nueva tendencia: …“Rich Internet ApplicationsRich Internet Applications”

Necesitamos aplicaciones más ágiles, más interactivas y que mantengan la atención del usuario

Estado Actual de la Tecnología

Los sistemas e-Learning tienen su base en dos componentes esenciales:

Los LMS ayudan con la automatización de tareas

- Registro- Asignación- Permisos de Cursos

Los CMS proveen toda la estructura necesaria- Creación- Aprobación- Administración de los cursos Formativos

E-Learning - E-Learning - LCMSLCMSE-Learning - E-Learning - LCMSLCMS

LMSLMS CMSCMS

Rich Internet Apps (RIA)

Las RIA son aplicaciones web que tienen funcionalidades y características de una aplicación de escritorio.

Ofrecen una rica experiencia que mejora la satisfacción del usuario y aumenta la productividad, transfiriendo el procesamiento necesario para la interfaz del usuario del lado del cliente.

Características de las RIA’s

Herramientas tipo RIAHerramientas tipo RIA:

• Adobe Air• Google Gears•Microsoft Silverlight

RIA’s

CaracterCaracteríísticas:sticas:

•Permiten trabajar con o sin conexión hacia Internet.

•Son multiplataforma.

•Integración de audio y video local

•Manejo de contenido asincrónicamente

Entendiendo una RIA

Solución Propuesta (1/4)

1

Se proponeSe propone una RIA que cumpla con principios de Usabilidad, que tenga las ventajas de la web y que posea una interfaz amigable de manera que se interactúe de forma natural con el contenido.

2

Interacción natural con el Interacción natural con el contenidocontenido

•Resaltar contenido con diversos colores•Agregar comentarios al contenido•Realizar tachones sobre el contenido

Solución Propuesta (2/4)

Trabajando Sin Conexión: Debido a que el contenido es almacenado

localmente, la aplicación trabajará transparente aunque no exista conexión a internet.

Descargas Asincrónicas: Trabajar asincrónicamente permite realizar

toda la descarga del contenido de forma transparente al usuario

Solución Propuesta (3/4)

Como RIA, se selecciona ADOBE AIRComo RIA, se selecciona ADOBE AIR Se trata de un entorno de ejecución

multiplataforma que se usa para construir RIA’s, utilizando Flash, Flex, Html y Ajax.

Los usuarios interactúan con aplicaciones AIR de la misma forma como con aplicaciones nativas de escritorio. El framework es instalado en la computadora del usuario y luego las aplicaciones AIR son instaladas y ejecutadas como cualquier otra aplicación.

Solución Propuesta (4/4)

Ventajas de Adobe AIR: Balance de carga entre Cliente/Servidor: La

demanda de computo entre cliente y servidor esta mejor balanceada

Comunicación Asincrónica: Permite descargar contenido asincrónicamente y programar funcionalidades en ciertos eventos

Eficiencia en la red: El cliente puede ser más inteligente que un navegador tomando decisiones sobre cuando debe obtener la información de la fuente local o web

Interfaz

Se tiene una interfaz especializada fácilmente manipulable que permite mantener una mejor atención del usuario

AplicaciAplicacióón de Escritorion de EscritorioVENTAJAS

Estabilidad

Por ser aplicación de escritorio, esta diseñada para un propósito específico. Un explorador es una herramienta de múltiple uso y puede no ser el mejor ambiente para el estudiante

Interacción

Se tiene una interacción con los recursos locales aprovechando cada sistema operativo.

Usabilidad (1/3)

Usabilidad en contenidos e-Learning Es un tema que cobra relevancia cada vez

más y más. El proyecto esta orientado a cumplir principios importantes de usabilidad

No solo se trata de mejorar la interfaz

Se esta construyendo un sistema fácil de usar, con un desempeño optimizado y con facilidad de aprendizaje

Usabilidad (2/3)

Proyecto Prototipo Una base fundamental de la usabilidad es

crear sistemas que cumplan su objetivo primordial, es por ello que el proyecto prototipo está diseñado para centrar eficazmente la atención del usuario en el contenido e-Learning

No hay distracciones como las que presenta un web browser

Usabilidad (3/3)

AtenciAtencióón del Usuarion del Usuario: se evita la distracción al usuario con recargas

continuas de páginas dentro del navegador

InteracciInteraccióón Natural con el contenidon Natural con el contenido: La aplicación provee una interacción natural

con el contenido por medio de anotaciones hechas por el usuario, tachones, etc.

AplicaciAplicacióón Prototipon Prototipo: La aplicación propuesta esta basada en ADOBE AIR, una

Herramienta para construir RIA’s.

Usabilidad para Usabilidad para contenidos contenidos e-Learninge-Learning

Por medio de Adobe AIRAdobe AIR se logra una integración de la herramienta para el manejo de contenido de .LRN con una aplicación de escritorio.

Adobe AIR provee todas las herramientas Adobe AIR provee todas las herramientas para construir una interfaz que pueda para construir una interfaz que pueda manipular toda la informacimanipular toda la informacióón de un servicio n de un servicio web por medio de una conexión asincrweb por medio de una conexión asincróónicanica

Se ha adaptado la herramienta de contenido Se ha adaptado la herramienta de contenido de .LRN para poder obtener la informacide .LRN para poder obtener la informacióón n en formato XMLen formato XML

Integración del LMS con una RIA

La aplicación prototipo posee un funcionamiento definido por un flujo de ejecución altamente configurable

Integración del LMS con una RIA

Se utiliza la base de datoslocal que provee AdobeAdobe

AIRAIR para guardar el contenidoobtenido y poder interactuar con el mismo, sin depender

de conexión a internet.

Base de DatosBase de DatosLocalLocal

Base de DatosBase de DatosLocalLocal

ComunicaciComunicacióón conn conel Servidorel Servidor

ComunicaciComunicacióón conn conel Servidorel Servidor

Integración del LMS con una RIA

La aplicación sólo obtendrá la información necesaria sin ningún template o contenido visual adicional. La información sobre el árbol de contenido, es obtenida del server en XML.

La aplicación sólo obtendrá la información necesaria sin ningún template o contenido visual adicional. La información sobre el árbol de contenido, es obtenida del server en XML.

A continuación tenemos la visualización del proyecto Prototipo:

Proyecto Prototipo