EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE...

22
EduAFin EduAFin. Presentaci Presentación Del Desarrollo n Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA “ENTORNOS DE APRENDIZAJE EN HIPERMEDIA. DESARROLLO DE MATERIAL EDUCATIVO“ La herramienta EduAFin fue desarrollada en forma individual por la participante Angela Belcastro. Surgió del cursado de esta asignatura. Inició el bosquejo de la especificación en noviembre de 2008, y la implementación en java, la primera semana de febrero de 2009. Se utilizó en clases en 2009, y quedó posteriormente como módulo de un proyecto de investigación. EduAFin EduAFin. Presentaci Presentación Del Desarrollo n Del Desarrollo PRIMERA PARTE LA HERRAMIENTA EduAFin Diseño e implementación: Angela Belcastro .

Transcript of EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE...

Page 1: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

EduAFinEduAFin..PresentaciPresentacióón Del Desarrollon Del Desarrollo

UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICAMAGISTER EN TECNOLOGIA APLICADA EN EDUCACION

ASIGNATURA“ENTORNOS DE APRENDIZAJE EN HIPERMEDIA.

DESARROLLO DE MATERIAL EDUCATIVO“

La herramienta EduAFin fue desarrollada en forma individual por la participante AngelaBelcastro. Surgió del cursado de esta asignatura. Inició el bosquejo de la especificación en

noviembre de 2008, y la implementación en java, la primera semana de febrero de 2009. Se utilizó en clases en 2009, y quedó posteriormente como módulo de un proyecto de

investigación.

EduAFinEduAFin..PresentaciPresentacióón Del Desarrollon Del Desarrollo

PRIMERA PARTE

LA HERRAMIENTA EduAFin

Diseño e implementación: Angela Belcastro .

Page 2: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

Descripción de capas del sistema

Disponen del logo del sistema en la capa superior.

Icono no seleccionable del componente del sistema y título del contenido.

Elementos de acceso usuales (ayuda, siguiente, próximo) e información del equipo de desarrollo,

o del desarrollador.

Elementos que permiten lograr el criterio de regularidad.

Angela Belcastro

Iconos de cada componente principal

Ubicados en el panel central

antes del título del componente.

Elementos que permiten identificar el estado del sistema, aumentando la comprensión, y la usabilidad.

Page 3: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

Actividades de cada Ejercicio de EduAFin

Conocimientos previos, objetivos, contenidos de la

ejercitación, lecturas previas recomendadas, bibliografía.

Ejercicio interactivo.

Cierre del ejercicio con conclusión, aportes con

ejemplos, y/o propuestas de actividades.

Propone sitios Web, presenta mail para contacto ante consultas, y destaca la

bibliografía.

Identifican el estado del sistema.

Angela Belcastro

La pantalla de trabajo de un ejercicio.

ACCESO CONTEXTUAL DENTRO DE CADA MODULO DE EJERCICIO

Page 4: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

Menú contextual

Al presionar un botón, o al pasar con el mouse sobre él, hay cambios en su apariencia.

La pantalla de trabajo del ejercicio 1.

Angela Belcastro

La pantalla de trabajo del ejercicio 1.

Page 5: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de trabajo del ejercicio 1.

Angela Belcastro

La pantalla de trabajo del ejercicio 1.

Como ya pasó queda en color naranja.

Cuando alcanza puntaje 6 o superior, se habilita el botón

<continua>.

Page 6: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de apoyo de un ejercicio.

Marca que el usuario ya analizó las actividades de

Objetivos y Ejercitación.

Angela Belcastro

Pantalla con guías en ejercicio 1.

Análisis paso a paso del

reconocimiento de una cadena, considerando la las transiciones

visibles. Resalta la

importancia del nodo inicial.

Page 7: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de trabajo del ejercicio 2.

Clasifica el tipo de lenguaje reconocido

por el autómata

-Un pincel

-Uno o varios diagramas

Angela Belcastro

La pantalla de trabajo del ejercicio 2.

Accesibilidad e Accesibilidad e UsabilidadUsabilidad

Al pasar sobre el pincel, con el mouse, aparece el tipo de lenguaje que representa.

Al clasificar O Selección del pincel.

Page 8: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de trabajo del ejercicio 2.

Quedaron dos colores, en los últimos dos diagramas.

O

Eliminar un borde, haciendo clic en el botón <eliminar borde>, y luego

marcando el diagrama.

O

Presionar Listo para ver resultados

Angela Belcastro

La pantalla de trabajo del ejercicio 3.

Seleccionar un elemento de la fila, con clic

Seleccionar un elemento de la fila, con clic

Luego de las selecciones, hacer clic para asociar

Page 9: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de apoyo de ejercicios 2 y 3.

Presione Salir para detener y cerrar la ventana

Son animaciones en la que a través de la línea de tiempo, van cambiando el contenido del panel central. Durante la

animación se escucha música suave.

Angela Belcastro

La pantalla salir.

Para salir, puede:

Presionar el botón salir del panel central.

Presionar el botón siguiente del panel inferior, en la pantalla del

último módulo salir.

Cerrar la ventana principal, desde cualquiera de las pantalla de

EduAFin.

Propone sitios Web, presenta mail para contacto ante consultas, y destaca la bibliografía.

Page 10: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

La pantalla de ayuda.

Presenta al inicio, la figura 1, posee la tabla con las figuras en una tabla, con hipervínculos que permiten conocer acerca de cada módulo

del sistema.

Usando a barra espaciadora, llegamos a la tabla con hipervínculos.

Cada columna indica el módulo

Angela Belcastro

La pantalla de ayuda.

Pueden recorrer contenidos en hipertexto del tema

Pueden examinar los contenidos de la

página de una Universidad de

Méjico, que integra y presenta en

forma estructurada algunos contenidos de la asignatura.

Page 11: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

EduAFinEduAFin..PresentaciPresentacióón Del Desarrollon Del Desarrollo

SEGUNDA PARTE

ALGUNOS ASPECTOS DE LA JUSTIFICACION

Trabajo de: Angela Belcastro .

Angela Belcastro

alumno

Tipos de actividades Cognitivas

Actividades cognitivas

suscitar en el

que lo ayuden a alcanzar los

Objetivos De una manera

Y con un máximo

Duradera

PosibilidadesDe que se produzca la Transferencia

Interés

a

Nuevas Situaciones

Al interactuar con el material

Page 12: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

Tipo deActividades Cognitivas

Reconocimiento

Recuerdo

Comprensión

Reconstrucción Global

Interpretación constructiva

Angela Belcastro

Tipo deActividades Cognitivas

Reconocimiento

Recuerdo

Comprensión

Reconstrucción Global

Interpretación constructiva

En este ejercicio interactivo, se combina

interactividad y material con definiciones y

ejemplos provistos por el guía.

Page 13: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Angela Belcastro

Tipo deActividades Cognitivas

Reconocimiento

Recuerdo

Comprensión

Reconstrucción Global

Interpretación constructiva

En este ejercicio interactivo, analizan de manera

aplicativa las nociones de AF, diagramas de transición de

AF y lenguajes.Potencialmente puede desplegar esta

actividad, al avanzar en la herramienta, o salvar confusiones.

Angela Belcastro

Tipo deActividades Cognitivas

Reconocimiento

Recuerdo

Comprensión

Reconstrucción Global

Interpretación constructiva

En este ejercicio interactivo, manejan tanto nociones como: AF, diagrama de transición del AF, estado de

captación global y lenguajes, no solo de forma conceptual, ni informativa, sino de manera aplicativa.

Potencialmente puede desplegar esta actividad, no es sugerido por la actividad, dentro del

sistema.

Page 14: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

La definición de usabilidad conforme a la norma ISO 9241, parte 11 dice: "la usabilidades el rango en el cual un producto puede ser

usado por unos usuarios específicos para alcanzar ciertas metas especificadas con

efectividad, eficiencia y satisfacción en un contexto de uso especificado" [Ferré et al,

2001]. Angela Belcastro

Usabilidad del software

Fabio Paterno, en el 2000, describe “usabilidad” como un concepto multidimensional que contendría por lo menos las siguientes características: efectividad o relevancia (como de bien el sistema atiene a las

necesidades del usuario): eficiencia (con que eficacia pueden realizar los usuarios las tareas); actitud del usuario (sentimientos subjetivos en el manejo del

sistema); comprensibilidad (nivel de facilidad con el que los usuarios pueden deshacer acciones y no permitir

que el sistema realice acciones destructivas).

Angela Belcastro

Page 15: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

Una interfaz es un dispositivo que permite comunicar dos sistemas que no hablan el

mismo lenguaje.

La usabilidad es un concepto que engloba a una serie de

métricas y métodos que buscan hacer que un sistema

(cualquier dispositivo que tenga que ser operado por un usuario), sea fácil de usar y

de aprender.

Definición de la interfazFlexibilidad en el acceso y uso del sistemaClaridad y organización

Tamaño adecuado de títulos en relación al textoTamaño adecuado de imágenesUbicación acertada de contenidos

Atractivo de las páginas Balance, simetría, proporción de los

componentes Armonía en gama de colores de la pantallaIncorporación de música

Operatividad y comunicatividadNombre evidente del sistema Adecuados comentarios en las pantallasIconos atractivos y convenientes Libre de componentes confusos

Angela Belcastro

Usabilidad del software

EficienciaDesempeñoVelocidad

Presentación HomeVisualización de resultados

AccesibilidadCaracterísticas de los hipervínculos Con texto alternativo o mensaje en

barra inferior, con cambio de color, con audio Características de textos Con texto escrito, con audio (para

discapacitados, según cual es el destinatario)

ConfiabilidadLibre de deficiencias

Libre de deficiencias en enlaces

Libre de deficiencias en textos (errores de redacción, o errores ortográficos).

Libre de errores de ejecución, o de problemas de portabilidad

Actualización de la página, y contactos ante problemas.

La Usabilidad no puede ser valorada estudiando unproducto de manera aislada.

Angela Belcastro

Page 16: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

La usabilidad y sus criterios de evaluación.. “Calidad en el desarrollo y mantenimiento del software”. M. Piattini. F. García. Alfaomega Ra-Ma. 2003

Angela Belcastro

Usabilidad del software

Facilidad de aprendizaje.¿Cuánto le toma al usuario típico de una

comunidad aprender la manera en como se usan los comandos relevantes a un conjunto

de tareas? Se refiere a que tan rápido el usuario va a aprender a usar un sistema con el cual no había tenido contacto previamente.

Este punto se refiere a la consecución de tareas básicas por parte de un usuario novato.

Angela Belcastro

Page 17: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

Velocidad de desempeño.¿Cuánto le toma a un usuario completar un grupo de tareas

específicas ? Una vez que el usuario ha aprendido a utilizar el sistema, se va a ponderar el lograr la velocidad con que puede completar una tarea

específica.

Angela Belcastro

Usabilidad del software

Tasas de error por parte de los usuarios.

¿Cuántos y qué errores hace la gente al ejecutar un grupo de tareas específicas? Es vital que una vez que se produzca un error el sistema se lo haga saber rápida

y claramente al usuarios, le advierta sobre la severidad del mismo y le provea de algún mecanismo para

recuperarse de ese error.

Angela Belcastro

Page 18: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

Retención sobre el tiempo (Facilidad de ser recordado).¿Qué tan bien recuerdan los usuarios la manera en como funciona el

sistema después de una hora, un día o una semana? Cuando un usuario ha utilizado un sistema tiempo atrás, y tiene la necesidad de utilizarlo de nuevo, la curva de aprendizaje debe de ser significativamente menor que

el caso del usuario que nunca haya utilizado dicho sistema.

Angela Belcastro

Usabilidad del software

Satisfacción subjetiva. ¿Qué tanto le gustaron a los usuarios los

distintos atributos del sistema? Este atributo se refiere a la impresión subjetiva del

usuario respecto al sistema .

Angela Belcastro

Page 19: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad de EduAFin

Búsqueda de un sistema intuitivo y fácil de usar

• Esquema central en la pantalla de bienvenida, con mapa de imágenes. Este esquema resalta temas a tratar en cada ejercicio (aumentando la comprensión en el uso y utilidad del sistema).

• Otros elementos muy difundidos de la interfaz grafica del usuario como: (menú contextual, barra espaciadora, botones para pulsar con cambio de apariencia, y sonido al hacer clic sobre ellos).

• Dispone de módulo de instalación.

Los siguientes son algunos aspectos considerados en EduAFin asociados a la usabilidad.

Angela Belcastro

Usabilidad de EduAFin

Accesibilidad y usabilidad• La ayuda es completa, y está disponible en todas las pantallas

principales, accesible a través de un icono estándar ubicado en el panel inferior.

• En solapas superiores, tienen texto alternativo, y permiten el fácil acceso a las distintas partes del sistema (marcando la estructura de contenidos en el panel que esquematiza sus componentes).

• Los accesos usuales están ubicados en el pie de la página para lograr mayor usabilidad.

Angela Belcastro

Page 20: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad de EduAFin

Accesibilidad y usabilidad• En EduAFin al abrir las guías y apoyos, queda visible

exclusivamente la ventana de la guía. Debe cerrarla para acceder a otros componentes, ayudándolo a centrar su atención en el contenido.

• Esquema central en la pantalla de bienvenida, con mapa de imágenes, que resalta temas a tratar en cada ejercicio (aumentando la comprensión).

Angela Belcastro

Usabilidad del software

Atractivo de las pantallas y usabilidad• La selección de iconos, la distribución de elementos de la

interfaz en pantalla, el manejo de eventos, las acciones para lograr facilidad de uso.

• Proporción de los componentes, armonía en colores de pantallas.

• Incorporación de música suave, logrando motivación hacia el estudio de los contenidos.

Angela Belcastro

Page 21: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

Usabilidad. Claridad y organización• Como los demás ejercicios, posee un icono del ejercicio, que

permite identificar rápidamente con que ejercicio se estátrabajando, al mirar la pantalla.

• Se coloca en cada pantalla de trabajo, en la misma posición el icono que destaca la actividad (objetivos, ejercitación, apoyo), y el texto que lo especifica. Identificando el estado del sistema. El texto tiene un color asociado por actividad.

• En todas las pantallas, al presionar un botón de acceso, se escucha el sonido del clic.

• Coloca rastros en módulos visitados.

Angela Belcastro

Usabilidad del software

Usabilidad y Sensación de dinamismo•Los botones cambian al pasar el mouse sobre ellos, lo mismo ocurre en la pantalla de inicio al pasar sobre el mapa central, se actualiza el texto con la denominación del ejercicio que puede seleccionar, y queda resaltada la imagen el ejercicio sobre el que se posicionó el mouse. •Se coloca en cada pantalla de trabajo, en la misma posición el icono que destaca la actividad (objetivos, ejercitación, apoyo), y el texto que lo especifica. Identificando el estado del sistema. •En todas las pantallas, al presionar un botón de acceso, se escucha el sonido del clic. •Usabilidad y rastros de módulos visita

Angela Belcastro

Page 22: EduAFin. Presentación Del DesarrolloEduAFin. Presentación Del Desarrollo UNIVERSIDAD NACIONAL DE LA PLATA. FACULTAD DE INFORMATICA MAGISTER EN TECNOLOGIA APLICADA EN EDUCACION ASIGNATURA

Usabilidad del software

Usabilidad y confiabilidad• Contacto ante problemas.•Prueba favorable de su funcionamiento.•Altamente portable.

Usabilidad y eficiencia• Agilidad en la obtención de resultados completos propuestos de ejercicios, accesos a las diferentes partes del sistema, visualización de soluciones a ejercicios interactivo, resueltos completamente por el alumno, reacciones ante acciones intermedias en juegos interactivos, etc.

Angela Belcastro

Bibliografía de los dos temas mencionados

TIPOS DE ACTIVIDADES COGNITIVASRue, Ana; Doval, Luis (2001) a partir de la taxonomía planteada por Stephen Kemmis (1977) en "Case Study Research: the Imagination of the Case in the Invention of the Study". Trabajo multicopiado. Universidad de East Anglia. Una clasificación para los materiales de formación a distancia.Bosco, A. (2002). Los recursos informáticos en la escuela de la sociedad de la información: deseo y realidad. Revista EDUCAR, nº 29 (pp.125-144) Bosco, A. (2004). Sobre el "Clic" en la educación escolar. Aula de Innovación Educativa, nº 128, pp.44-49. 7. Squires, D y Mc.Dougall, A. (1997) Cómo elegir y utilizar software educativo. Madrid: Morata Ediciones. Colección "Educación crítica". Capítulo VI: "Marcos de Referencia para estudiar el software educativo" http://ddd.uab.cat/pub/educar/0211819Xn29p125.pdfeqaula.org/eva/file.php/853/07_METODOLOGIA_PARA_LA_ELABORACION_DE_SOFTWARE_EDUCATIVO.pdf–USABILIDAD“Calidad en el desarrollo y mantenimiento del software”. M. Piattini. F. García. Alfaomega Ra-Ma. 2003 *

Destacado Anteriormente.“Ingeniería de software en la Web”. Tesis doctoral: “Metodología cuantitativa para la evaluación y

comparación de la calidad de sitios Web”. L. Olsina. 1999.“Requerimientos de calidad en sitios de e-commerce”. G. Lafuente. J. Olivito. L. Olsina.http://www.usabilidad.sprinterweb.net/webs/quees.html. Universidad Carlos III de MadridBaeza Yates R. & Rivera Loaiza C. (2002). Ubicuidad y Usabilidad en la Web. Disponible en línea desde http://www.dcc.uchile.cl/~rbaeza/inf/usabilidad.htmlwww.desarrolloweb.com/manuales/5/

Angela Belcastro