Este proyecto se compone de 3 aplicaciones:
Un editor (IDE Edom), un visor móvil (Visor Edom) y una aplicación Web
8.1 Editor
El siguiente es el prototipo de la aplicación editora de contenidos (Edom)
La aplicación estará compuesta por una barra de herramientas ubicada en la parte superior, objetos de edición en la parte lateral izquierda un listado de la presentación agregados al Contenido de aprendizaje en la parte inferior, una lista de objetos de cada presentación en parte lateral derecha y ubicado en el centro se encontrara el área de trabajo, en la cual se pintaran los objeto y se visualizaran los objetos.
Vista general de la aplicación Edom.
Figura 22. IDE Edom
A continuación se describe cada uno de los elementos de las diferentes barras.
8.1.1 Barra de herramientas:
Se dispone de un botones para crear presentaciones, insertar textos, imágenes archivos de audio, videos y fondos para las presentaciones.
Figura 23. Herramientas de Edom
8.1.2 Lista de Presentaciones
La lista de presentaciones contiene las presentaciones que se visualizaran, un Contenido de aprendizaje esta compuesto por un conjunto de presentaciones, los cuales serán visibles en la lista de presentaciones.
Figura 24. Lista de presentaciones de Edom
8.1.3 Utilidades de Edición
Estos objetos brindaran la posibilidad de eliminar, empaquetar y modificar objetos de la presentación.
Figura 25. Utilidades de Edición
8.1.4 Objetos de la presentación
En esta barra se pueden visualizar los objetos que se han adicionado a la presentación, se podrá seleccionar un objeto y modificarlo, eliminaron o
cambiar sus propiedades. Una vez seleccionado el objeto se podrá mover en el área de trabajo
Figura 26. Objetos de la presentación.
8.1.5 Área de trabajo
Esta área será usada tanto para crear las nuevas presentaciones, como para visualizar las presentaciones del Contenido de aprendizaje.
En esta área se pintara el fondo, los textos y las imágenes de la presentación que se este visualizando.
Durante la edición los textos e imágenes se podrán mover con el fin de ubicarlos en el lugar deseado.
En la figura 18 podemos ver con un fondo de color azul, tres textos y dos imágenes.
8.2 Visor
El visor móvil se encargara de leer los contenidos de aprendizaje creados por los editores, brindando la opción de visualizarlos presentación por presentación.
Adicionalmente el visor permite interactuar con el contenido permitiendo agregar comentarios en cualquier momento de la visualización, el usuario podrá al final calificar el contenido.
Por ultimo el visor pedirá al usuario autorización para publicar los comentarios que se hayan realizado y la calificación dada al contenido de aprendizaje
En la figura 18 vemos la pantalla inicial del visor móvil.
El visor nos da inicialmente la opción de leer un archivo (un XML) que describe como se debe visualizar el contenido de aprendizaje.
El visor leerá el archivo XML y con base a este pintara fondos, textos y cargara los recursos de audio, imágenes y videos a usar en la presentación.
Este archivo contiene además datos básicos del creador del contenido de aprendizaje y del contenido como tal.
Una vez cargada la información del contenido de aprendizaje, se debe seleccionar la opción de Iniciar modulo, para visualizar el contenido leído del xml.
Figura 28. Inicio visor M-learning
Una vez se inicia la visualización del contenido de aprendizaje, el visor dispone de botones para ir adelante o atrás de forma secuencial en las presentaciones, también dispondrá de la opción para adicionar comentarios en cualquier momento de la visualización.
En la figura 20 se observa un contenido de aprendizaje el visor muestra en pantalla una presentación con sus respectivos recursos, fondo, textos e imágenes, se pueden ver además los botones de inicio y siguiente para ir a la siguiente presentación.
8.3 WebAdmin
8.3.1 INGRESO AL SISTEMA
Para el ingreso al sistema se deberá escribir en el navegador la URL donde este alojada la aplicación. En este caso de prueba la aplicación esta alojada en http://localhost/WebAdmin
El navegador mostrara una pantalla como la siguiente.
Figura 30. Pagina inicio Web Admin
En esta pantalla el sistema mostrara tres campos para el ingreso al sistema.
Usuario: Usuario asignado para ingreso al sistema
Contraseña: Contraseña asignada para el ingreso al sistema Perfil: Perfil de usuario con el que se creo la cuenta.
8.3.2 PANTALLA PERFIL EDITOR.
Luego de ingresar como perfil de editor, el sistema mostrara un menú de opciones tal como se muestra a continuación
Figura 31– Pagina principal para el perfil de Editor.
El editor entonces podrá realizar las siguientes acciones:
o Ingresar contenidos de aprendizaje
o Administrar los usuario del sistema
8.3.4 CARGAR CONTENIDO DE APRENDIZAJE
Para la carga de contenidos de aprendizaje el usuario deberá dar clic en la opción de menú de “Cargar contenido aprendizaje”.
Luego el sistema mostrara un formulario que solicitara unos campos básicos para poder grabar la información del contenido de aprendizaje. El formulario se muestra a continuación.
Figura 32 – Pagina para cargar contenido de aprendizaje.
El editor deberá llenar los datos solicitados y el sistema ingresara la información y luego mostrara en un listado los contenidos ingresados.
8.3.5 ADMINISTRACION DE USUARIOS
Para la administración de usuarios, el editor deberá dar clic en la opción de menú de “Administrar Usuarios”.
Luego el sistema mostrara un formulario que solicitara unos campos básicos para poder grabar la información del usuario
Figura 34 – Pagina para ingresar usuarios al sistema.
El usuario deberá ingresar los campos solicitados y luego dar clic en el botón de guardar, lo cual hará que el sistema almacene la información que se ingreso en el formulario.
El sistema enviara un correo electrónico al usuario para indicar el usuario y contraseña asignados para el acceso al sistema.
Luego se mostrara un listado con los usuarios ingresados previamente al sistema.
Figura 35 – Listado de usuarios del sistema.
8.3.6 PANTALLA PERFIL VISOR
En este pantalla el sistema mostrar al perfil de visor un menú de opciones como el siguiente.
El usuario tendrá la opción de ver los contenidos que se han cargado al sistema y podrá ver su información básica.
Si el usuario quiere realizar algún comentario sobre el contenido entonces deberá seleccionar el contenido, lo cual lo llevara a una pantalla que solicitara en área de texto que se ingrese el comentario asociado al contenido seleccionado
Estas acciones se muestran a continuación.
8.3.7 LISTADO DE CONTENIDOS
Para ingresar a esta opción el usuario deberá dar clic en la opción de menú llamada “Listado de contenidos”.
Esta opción mostrara el listado de contenidos que se han cargado al sistema.
Figura 37 – Listado de contenido cargados al sistema.
Desde esta opción el usuario tendrá la opción de descarga del contenido o de seleccionar el contenido para realizar algún tipo de comentario.
Al pulsar en el vínculo de descarga el navegador realizara la descarga en el equipo del usuario.
8.3.8 COMENTARIOS
Para la realización de comentario el usuario deberá listar los contenidos que se encuentran cargados en el sistema.
Figura 38 – Lista de contenidos del sistema.
Luego el usuario podrá seleccionar algún contenido para ir la pagina de realización de comentarios.
Esta página dará la posibilidad de realizar cualquier tipo de comentarios acerca del contenido de aprendizaje. Se debe aclarar que este contenido no quedara publicado hasta que el administrador del sistema no haya revisado previamente el comentario realizado.
Figura 39 – Pagina visualización de comentarios sobre los contenidos.
Como se puede visualizar esta página permite realizar comentarios al contenido de aprendizaje seleccionado en la lista de contenidos.
Esta página también mostrara los comentarios realizados anteriormente y previamente aprobados por el administrador del sistema
9. IDEAS FUTURAS
Como la arquitectura se construyo para que los contenidos de aprendizaje se pudieran ver desde cualquier tipo de plataforma, ya sea a través de dispositivos móviles o PCs de escritorio, se deja abierta la opción de creación de un visor de estos contenidos desde una plataforma o browser HTTP, de tal manera que esta puede ser vista desde un navegador que soporte este protocolo.
Otra característica a tener en cuenta para próximos proyectos, puede ser la inclusión de la funcionalidad de publicación desde la misma herramienta editora de contenido, ya que por efectos del alcance del escenario planteado para este proyecto no se tomo en cuenta para su desarrollo, aunque se considero en la etapa de diseño de la arquitectura y diseño de objetos y clases.
Dadas las características de este proyecto, y aprovechando el potencial que tiene la universidad EAFIT para impulsar proyectos de innovación y de tecnología, queda entonces la puerta abierta para que futuros estudiantes puedan retomar este proyecto y estos mismos propongan mejoras tanto en la arquitectura como en el producto final del proyecto que son los sistemas de edición y de visualización.
Como propuesta de uso de esta herramienta, se podría dar el escenario que este proyecto sea usado para dictar cursos extraclase, es decir, el profesor matricula sus estudiantes la base de datos del sistema, luego puede montar contenidos de aprendizaje y estos a su vez lo pueden visualizar teniendo previamente instalado en su móvil el programa visualizador.
Por restricciones tecnologías el visor solamente puede leer un contenido de aprendizaje a la vez, entonces se propone que se trabaje en este aspecto y así poder mejorar de manera significativa el potencial que tiene el visualizador y
darle mas versatilidad con el manejo de archivos o contenido de aprendizaje que pueda carga en un momento determinado.
Otra oportunidad de mejora es que el programa visualizador del contenido de aprendizaje sea capaz de editar el contenido que esta descargando y se vea en un porcentaje mucho más grande el nivel de colaboración del visualizador.
10. CONCLUSIONES
Los dispositivos móviles se están convirtiendo en una plataforma tecnológica que ofrece cada dia, más y mejores servicios a las personas que los utilizan.
Los servicios y herramientas móviles no solo son importante en el sector académico, sino en el empresarial, familiar, de servicios, debido a su fácil acceso, uso y gran expansión en los últimos años.
Durante el proceso de construcción de este proyecto fue una tarea fundamental y básica la investigación constante acerca de las metodologías y herramientas que nos ayudasen a lograr nuestros objetivos planteados al principio del mismo.
Dado que el sistema esta construido para que se pueda visualizar en cualquier plataforma, se deja la puerta abierta para que se generen proyectos futuros que exploten esta característica y se logren construir visores del contenido compatibles con los browser mas utilizados, como lo es IE, Mozilla, Safari, etc.
Pudimos dar fe que el proceso iterativo incremental de desarrollo de software es una metodología practica que ayuda a realizar todo el proyecto, desde sus niveles mas bajos hasta su etapa final.
Dado el uso de xml como base de construcción del contenido de aprendizaje, este posibilita que se puedan desarrollar sistemas para diferentes plataformas y tecnologías.
11. REFERENCIAS
[1] http://es.wikipedia.org/wiki/LOM
[2] Una visión general del m-learning y su proceso de adopción en el esquema educativo - René Cruz Flores, Gabriel López Morteo - Instituto de Ingeniería - Universidad Autónoma de Baja California - Mexicali, B.C., México.
[3] ClayNet: Adaptación de contenidos en m-learning - Alberto Velasco, Jorge Carabias, Miguel Ángel Conde , Francisco José García.
http://www.w3c.es/Eventos/2007/MWeb/Comunicaciones/Papers/p2.pdf
[4] The future of learning: From eLearning to mLearning - Frank Doerfert, Helmut Fritsch, Helmut Lehner (Konstanz) – 2002.
http://www.fernuni-hagen.de/ZIFF/ZP_119.pdf
[5] Laboratorio de Software de Comunicaciones - TELEEDUCACIÓN - María Sánchez Labrador , Yolanda Vicente López.
http://www.it.uc3m.es/rueda/lsfc/trabajos/Curso03-04/13.pdf
Framework para aplicaciones educativas móviles (M-Learning): un enfoque tecnológico-educativo para escenarios de aprendizaje basados en dispositivos móviles.
http://e-spacio.uned.es/fez/view.php?pid=bibliuned:19238
Puede el celular hacer que estudien los adultos jóvenes? - Diario el clarín – Edición 26/02/2003.
http://www.clarin.com/diario/2003/02/26/s-04001.htm
Ventajas y Limitantes de un Sistema de Apr endizaje Colabor ativo - Alejandra Rodríguez Moreno, Jorge Veloz Ortiz*, Benigno Aguilera Pérez
IPN ESIME – Culhuacan, COFAA.
http://www.somece.org.mx/simposio06/memorias/autor/files/14_VelozOrtizJorg e.pdf
Utilización de m-learning en niños para aprendizaje colaborativo. - Augusto E. Estrada Quintero es del Departamento de Computación de la UNAN-Managua ([email protected]) y Yuen C. Law Wan, del Instituto Tecnológico de
Costa Rica. http://impreso.elnuevodiario.com.ni/2005/04/18/informatica/50303
MOBILearn – Pedagogical methodologies and paradigms – A Study of Mobile Learning Practices. – Giasemi N. Vavoula, UoB – 2005.
http://www.mobilearn.org/download/results/public_deliverables/MOBIlearn_D4.4 _Final.pdf
http://ambientescolaborativos.blogspot.com/
Understanding Math Concepts Through Computer-Modeled Virtual Objects J. Trujillo ,P. Esteban, E. Montoya, R. Giraldo, A. Montoya, J. Mejía, H. Trefftz - Universidad EAFIT – 2008 .
http://www.springerlink.com/content/nr35p122454rxq27/
http://es.wikipedia.org/wiki/Producción_textual_colaborativa.
Web 2.0: móvil y participativa. ALFREDO HUGUETT ALBINO, UNIVERSIDAD OBERTA DE CATALUÑA.
http://www.ribiecol.org/nueve/ponencias/42.pdf
Educación sin tiempo: ¿M-learning o U-learning en la Investigación y Docencia? Hernández, Tibisay [email protected] - Universidad
Rafael Belloso Chacin-2009.
http://encuentrointernacional.ead.urbe.edu/pdf/ponencias/03.pdf
http://newlearningplaybook.com/blog/2009/02/17/mobile-learning-will- millennials-lead-the-way/
http://wp.nmc.org/horizon2009/chapters/mobiles/
http://www.hitsw.com/xml_utilites/ Utilidad para generar el DTD de un XML. Edraw Org Chart – Aplicación para el diseño de los diagramas del sistema.