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