DESARROLLO DE SITIOS WEB INSTRUCCIONALES (SWI)

Transcripción

1 DESARROLLO DE SITIOS WEB INSTRUCCIONALES (SWI) Presentación creada por María Eugenia Valencia Profesora Titular Escuela de Ingeniería de Sistemas y Computación Universidad del Valle - Cali Colombia Basada en Developing Instructional Web Sites - A Software Engineering Approach, documento escrito por los profesores Jonás Montilva y Beatriz Sandia (Profesores de la Universidad de los Andes Venezuela) Fecha creación: Febrero 22 de Revisada en : Nov 23 de 2006.

2 DESARROLLO DE SITIOS WEB INSTRUCCIONALES (SWI) Un sitio Web instruccional es una ambiente de E A implementado y entregado a través de la WEB para dar soporte a un curso en línea. Su desarrollo es un proceso complejo que involucra aspectos instruccionales y técnicos incluyendo: Propósito instruccional del curso Su contenido Su estructura Su interfaz Sus actividades de enseñanza aprendizaje (E A)

3 Jonás Montilva propone un enfoque de Ingeniería de Software O.O que: Se centra en los objetos del SWI Provee una definición más natural y completa del proceso de desarrollo que incluye: El análisis del curso El diseño La especialización de requerimientos La implementación y evaluación del SWI. Una mejor estructura y visibilidad del proceso, esenciales para el planeamiento y control del proyecto. Una mejor calidad de los productos instruccionales. Un mejor control del tiempo, esfuerzo y recursos requeridos para producir el SWI. DESARROLLO DE SWI

4 SITIOS WEB INSTRUCCIONALES (SWI) Un SWI debe tener ciertas propiedades muy importantes que no están presentes en otros sitios WEB (corporativos o de comercio electrónico) entre los cuales se cuentan: Los objetivos instruccionales del curso La estructura y contenido de su guía de estudios. El modo y medios usados para la interacción entre instructores, estudiantes y contenido. El proceso de E A.

5 Método de desarrollo de SWI Un método para desarrollar SWI debe guiar al equipo de instructores y diseñadores en el proceso de desarrollo. Debe ser: -Sistemático. Debe establecer qué hacer y dar guías de cómo realizar las actividades requeridas para producir un SWI. -Completo. Cubrir el ciclo de vida completo del SWI -Adaptable. Modular, modificable según disciplinas educativas, enfoques pedagógicos y ambientes de desarrollo. -Independiente de la tecnología.independiente del software usado para crearlo, operarlo y mantenerlo. -Asegurar calidad. Permitir verificar y validar productos intermedios y finales.

6 MODELO CONCEPTUAL DE UN SWI SWI es un ambiente virtual de E-A que puede verse y entenderse desde al menos cuatro perspectivas: Instruccional Tecnológica Estructural Funcional

7 PERSPECTIVA INSTRUCCIONAL DEL SWI SWI debe se ve Como un medio instruccional y de comunicación que facilita el proceso de E-A de un curso basado en la web Dar soporte a diferentes clases y modos de interacción

8 INTERACCIONES EN EL SWI El Tipo de interacción define Líneas de comunicación entre: Participantes Componentes del SWI Instructor contenido Tipos de interacción Estudiante contenido Instructor estudiante Estudiante - estudiante

9 INTERACCIONES EN EL SWI Modo de interacción determina Los medios usados entre instructor y estudiante videoconferencia chat lista de discusión Tablero de boletines Modos de interacción Sincrónico Asincrónico Interacción en tiempo real entre 2 o más participantes que deben reunirse virtualmente en un tiempo predefinido (videoconferencia, chat ) Interacción del estudiante con el instructor o con el contenido en cualquier momento, sin restricciones de espacio y tiempo (navegadores web, ) ir

10 PERSPECTIVA TECNOLÓGICA DEL SWI se ve SWI Como un conjunto de páginas web interconectadas, almacenadas en un servidor web y a las cuales se puede tener acceso desde un computador cliente conectado a internet requiere Para ser usado Browser en el lado del cliente Para iniciar sesión Invocar la página host a través del navegador usando el URI (Unified resource identifier) ( URL) Login y password ir

11 PERSPECTIVA ESTRUCTURAL DEL SWI SWI Herramientas de manejo del SWI Herramientas de interacción Guía de estudio web (GEW) Editor HTML Netscape Communicator Virtual-U Course Info WebCT TopClass Crear Manejar Actualizar Mantener Editores Chats Visores Video conferencias Discos digitales Describe estructura, contenido, interacción y medios necesarios para el proceso E-A Navegadores web ir

12 PERSPECTIVA FUNCIONAL DEL SWI Se concentra en las operaciones que el SWI tiene disponible para: Desarrolladores del curso Herramientas de administración para crear, administrar y mantener el SWI Comunicación remota Instructores Herramientas para crear y actualizar contenidos de la GEW, para monitorear estudiantes, calificar, publicar material en línea, recomendaciones e instrucciones Estudiantes ir Lectura de páginas web, escritura, posibilidad de ver, escuchar, practicar, tomar pruebas

13 Estructura de una GEW ( notación OMT) Guía de Estudio Web 1 Información del Curso 1..n 1..n 1 1 Información de Instructores Unidades de Contenido Evaluación y Técnicas de estudio Bibliografía y enlaces externos Identificación Del curso Resumen del curso Objetivos del Curso Objetivos de la Unidad Tópicos a cubrir Actividades de aprendizaje Esquema de Clasificación Medio Usado Técnicas de Estudio Horario del curso Asignación Material del curso en linea Composición Página/sección 1..n Uno o más

14 Propuesto por J. Montilva y B. Sandía (U. de los Andes Venezuela. Resultado de integrar principios y modelos de procesos usados en I.S. O.O, hipermedia y diseño instruccional. Usa el UML. El método se compone de: Proceso de dirección: (actividades requeridas para manejar el desarrollo del SWI) Proceso de desarrollo (actividades tecnológicas e instruccionales para producir y entregar el SWI)

15 Estructura del Método para desarrollar SWI 1 Análisis del curso fin 5 Entrega del SWI inicio 0 Proceso de dirección 2 Def. Reque rimientos 4 Producción del SWI 3 Diseño del SWI

16 : El Proceso de Dirección Actividades Manejo del proyecto Aseguramiento de calidad Selección de Herramientas Entrenamiento Subactividades Planeación proyecto. Organización del equipo y asistentes. Dirección del equipo. Control del proyecto. Verificación y validación Selección de herramientas de software para creación del curso. Entrenamiento del equipo de desarrollo. Entrenamiento de usuarios. Técnicas y Herramientas Gráficos de actividad, diagramas de Gantt, estimación de costos. Estructura organizativa, descripción de Funciones. Motivación, liderazgo y coordinación. PERT CPM. Revisiones técnicas (inspecciones del diseño y Walkthroughs). Principios y estándares de diseño para sitios WEB. Evaluación y Selección de Software. Evaluación de necesidades y selección de entrenamientos. Producción de guías de usuario.

17 Fase 1 : Análisis del Curso Permite lograr un buen entendimiento del curso que será soportado por el SWI. Se deben caracterizar: - El dominio del curso - Los objetos del curso Paso 1.1 : Análisis del dominio del curso. Se ocupa del análisis del contexto o ambiente del curso. Ej. Programa o sistema educativo al que pertenece el curso. Se debe: Identificar el programa de estudio. Definir sus objetivos. Identificar prerrequisitos y relaciones que el curso mantiene con otros cursos del programa.

18 Fase 1 : Análisis del Curso Paso 1.2 : Análisis de los objetos del curso Los principales objetos o entidades involucradas en el curso son: El contenido El estudiante El instructor El ambiente de aprendizaje

19 Fase 1 : Análisis del Curso Paso 1.2 : Análisis de los objetos del curso Análisis del Contenido Identificación y análisis de la temática del curso. Búsqueda de bibliografía relevante. Definición del contenido y del alcance. Organización temática. Definición de metas y objetivos de aprendizaje.

20 Fase 1 : Análisis del Curso Paso 1.2 : Análisis de los objetos del curso Análisis de los Estudiantes Conocimiento, entrenamiento y habilidades a adquirir. Conocimiento previo sobre el tema. Entrenamientos requeridos antes de tomar el curso. Perfil del estudiante.(habilidad para usar el computador, seguir un curso a distancia y estudiar independientemente) Motivación para tomar el curso.

21 Fase 1 : Análisis del Curso Paso 1.2 : Análisis de los objetos del curso Análisis del Instructor Conocimiento del tema. Experiencia y aptitud en enseñanza a distancia. Habilidad con el computador. Conocimiento y experiencia con los servicios de Internet. Perfil pedagógico.

22 Fase 1 : Análisis del Curso Paso 1.2 : Análisis de los objetos del Curso Análisis del Entorno de aprendizaje Localización de los estudiantes. Tecnología de telecomunicación. Plataformas disponibles ( Hardware y Software ) Entorno Social y Físico. Tiempo disponible de los estudiantes.

23 Fase 2 : Definición de Requerimientos Definir para el SWI: - Atributos de calidad - Restricciones de desarrollo - Requerimientos funcionales Para: - Guiar al equipo de desarrollo sobre lo más importante a considerar en el diseño. - Asegurar la calidad del SWI a través de actividades de verificación y validación.

24 Fase 2 : Definición de Requerimientos Paso 2.1 : Definición del tipo de SWI Con base en los objetivos del curso, definir si el SWI es: - Informativo - Complementario Usados para apoyar el proceso de E A de cursos convencionales presenciales. - Dependiente - Completamente en línea Usados en cursos a distancia. Son esenciales para completar el curso. Ellos proveen información y comunicación para dar soporte a la interacción entre estudiantes, instructores y contenido.

25 Fase 2 : Definición de Requerimientos Paso 2.2 : Definición de requerimientos funcionales el SWI debe permitir a: Instructores (operaciones de enseñanza) Estudiantes (operaciones de aprendizaje) Crear y actualizar contenidos del curso de la GEW Monitorear estudiantes. Evaluar estudiantes. Publicar material en línea, recomendaciones e instrucciones especiales para los estudiantes. Leer información y materiales en línea del curso. Escribir y entregar reportes y tareas. Ver videoconferencias Escuchar audioconferencias. Interactuar en grupo. Hacer evaluaciones en línea.

26 Fase 2 : Definición de Requerimientos Paso 2.3 : Definición de requerimientos de interacción Definir la clase de interacción para el SWI Estudiante - Contenido Estudiante - Instructor Estudiante - Estudiante Definir el modo de interacción que soporta cada clase de interación definida. Video-Conferencias. Tranferencia de archivos. E Mail y Chats Listas de discusión Bibliotecas digitales

27 Fase 2 : Definición de Requerimientos Paso 2.4 : Definición de requerimientos de desarrollo y operación. Se deben establecer restricciones de tiempo, costos, personal, equipos y software bajo los cuales el SWI será diseñado y producido en las siguientes fases del proceso de desarrollo.

28 Fase 2 : Definición de Requerimientos Paso 2.5 : Definición de atributos de calidad. La calidad de un SWI está determinada por la calidad de su Guía de estudio web (GEW), cuyo corazón es el contenido. El alcance del contenido. Atributos de contenido La secuencia lógica y organización del contenido. La integridad. La manera de estimular y motivar al estudiante. La retroalimentación de asignaciones. Los métodos utilizados para evaluar el contenido. La repetición o resumen de las ideas más importantes.

29 Fase 2 : Definición de Requerimientos Paso 2.5 : Definición de atributos de calidad La estructura de una guía de estudio Web debe ser modular, visible, bien balanceada, fácil de modificar y fácil de navegar. La modularidad en una guía de estudio ayuda al usuario a navegar fácilmente a través del contenido y Atributos estructurales también simplifica el proceso de cambiar o modificar el contenido de la guía. Esto se consigue dividiendo la estructura de la guía de estudio Web en un conjunto jerárquico cohesivo de páginas basadas en el contenido ( capítulos temáticos, secciones y sub_secciones ).

30 Fase 2 : Definición de Requerimientos Paso 2. 5: Definición de atributos de calidad Atributos estructurales La visibilidad es lo que concierne con ayudar al estudiante a ver la estructura de la guía, la cual puede mostrarse con páginas de índice y tablas de contenido. La orientación es necesaria para evitar perderse en el hiperespacio definido por la guía. A la navegación se ayuda con barras de navegación que enlacen a anterior, siguiente, página inicial, tabla de contenido y página de índice. También con marcos, menúes y mapas.

31 Fase 2 : Definición de Requerimientos Paso 2.5 : Definición de atributos de calidad La interacción se hace a través de páginas de la GEW. Estas pueden contener muchos hipervínculos y diferentes tipos de ítems multimedia o datos. Cómo organizarlos en la página y visulizarlos en la pantalla, son factores cruciales para el éxito del diseño de una GEW. Atributos de interfaz Longitud de la página. Color y textura del fondo. Cuadrículas de diseño. Tamaño y resolución de gráficos e imágenes. Diseño tipográfico.

32 Fase 3 : Diseño del SWI Paso 3.1 : Diseño de la estructura de la GEW Página de Información Página de Inf. Instructores Unidad 1 Pág. Principal Página Ppal de la GEW Página Ppal del Contenido Unidad 2 Pág. Principal Página de arranque Página Web solitaria Página Web Indexada Página Eval. y técn. estudio Página enlaces ext y Bibliograf. Unidad N Pág. Principal

33 Fase 3 : Diseño del SWI Paso 3.2 : Diseño del contenido de la GEW Dividir el curso en secuencia de unidades, lecciones o temas, de acuerdo a criterios predefinidos. Distribuir el contenido en un conjunto de páginas de unidades. Cada una de éstas contiene una unidad o lección. Para cada página de unidad, definir: Su estructura (objetivos de aprendizaje, contenido específico, actividades de aprendizaje y formas de evaluación. El diseño de su presentación (en forma de tabla o de lista).

34 Fase 3 : Diseño del SWI Paso 3.2 : Diseño del contenido de la GEW Organización en forma de tabla de una página de unidad Nro. Unidades horario Objetivos de aprendizaje Tópicos Actividades de aprendizaje Evaluación 4 Duración: 2 semanas De Mar 1 a Mar14/02 Aprender a diseñar una Página de unidad para una GEW Modelos de navegación. Diseño de unidades Lecturas asignadas: Libro Texto: Cap. 12 Artículo 1, Material web Tareas escritas: Tarea escrita No 2. (Mar 2/ 02) Quiz No. 3 ( Mar 5 / 02)

35 Fase 3 : Diseño del SWI Paso 3.3 : Enlace actividades aprendizaje-herramientas interacción PÁGINA DE UNIDAD Sección Identif. Unidad y horario Sección Objetivos Sección Tópicos por cubrir Sección Actividades de aprendizaje Lecturas libro texto Activ. Proy grupo VideoConf Tarea Herramientas de interacción Chat Visor de video-confer. Navegador web Sección Asignaciones Lectura Material en linea

36 Fase 3 : Diseño del SWI Paso 3.4 : Diseño de la interfaz con el usuario Se definen caracteracterísticas estéticas y visuales de la GEW a través del: 1. Diseño de la estructura visual y capacidad de navegación de las páginas web. (Ubicación de items MM y botones en el área de la página. 2. Diseño de los items multimedia y botones. (Contenido, arte y detalles visuales de cada item MM y tipo de botón que debería ser descrito según su tipo. Ej: item de video contenido, tamaño, resolución, duración especificar

37 Fase 3 : Diseño del SWI Paso 3.5 : Construcción de un prototipo de GEW Tareas: Crear la estructura del prototipo Colocar el contenido de texto en el prototipo Marco que implementa la estructura de la GEW que contiene páginas, enlaces y ayudas de navegación es Evoluciona a PROTOTIPO Se usa Para verificar y validar diseño Como marco de referencia para ensamblar los diferentes items que se producen en Fase 4 Producto terminado a través del ensamble de los items MM y su verificación y validación

38 Fase 4 : Producción del SWI Paso 4.1: Elaborar los items MM y material de estudio diseñados en fase 3 Paso 4.2: Ensamblar en el prototipo los items MM y el material de estudio Paso 4.3: Integrar los componentes del SWI Paso 4.4: Validar el SWI

39 Fase 5 : Entrega del SWI Involucra las siguientes actividades: Producir la Guía del Usuario Entrenar a los usuarios Crear las cuentas de los estudiantes para usar el SWI Esta fase señala el final del proceso de desarrollo e indica el principio de las etapas de operación y mantenimiento del SWI.