Creación de Ambientes de Aprendizaje

1. Creación de Ambientes de Aprendizaje Marzo 2010 M. Sc. Juan Carlos Olivares Rojas

2. Outline • Introducción • Tecnologías Web • Sitio Web • Blog • Wiki • Otros recursos • VLE: moodle • Desarrollo de un ambiente de aprendizaje con tecnologías Web (100% Proceso-Producto).

3. Datos de Contacto • E-mail: jcolivar@itmorelia.edu.mx • MSN: juancarlosolivares@hotmail.com • Web: http://antares.itmorelia.edu.mx/~jcolivar • Twitter: @jcolivares • Facebook: Juan Carlos Olivares Rojas

4. Mundo Actual

5. Era Digital • Sociedad del Conocimiento • Generación N (NET, Web)

6. Cambios Educativos

7. Era Digital La Tecnología debe de adaptarse a las situaciones pedagógicas, la didáctica y al contexto social

8. Función de un Profesor • Docencia • Investigación • Extensión • Modelo Constructivista basado en Competencias. • La tecnología es un medio, no es el fin.

9. Inteligencias Múltiples Lingüística Naturalista Musical Intrapersonal Interpersonal Lógica-Matemática Cinestesico-corporal Espacial

10. Innovación Educativa • Debe ser regla de oro para los que enseñan que todo se presente a cuantos sentidos sea posible • El docente debe de conocer más de su área que de TICs. • Innovación Educativa: el docente aplica nuevos métodos, técnicas y medios con el fin de mejorar el aprendizaje.

11. Nuevas formas de trabajo

12. Nuevo Tipo de Escuelas

13. Uso de TICs en todo • Copia rápida del pizarrón. • Solución: utilizar fotografías

14. Uso de TICs en todo • Fotocopiado de algún material impreso como un libro.

15. Uso de TICs en todo

16. Sociedad del Conocimiento • El problema actualmente no es tener la información, sino encontrarla. • El futuro será de los que sepan buscar la información

17. Importancia de la Internet

18. Objetos de Aprendizaje • Los docentes debemos de crear”objetos de aprendizaje” usndo TICs. • Un objeto de aprendizaje es un recurso didáctico en formato digital, reusable en diversos contextos, puede combinarse con otros para formar nuevos bloques. Está integrado por dos o más elementos (texto, gráficos, audio, video, imágenes, ejercicios…) articulados para generar competencias en quién los utiliza.

19. Ambientes “Virtuales” • Más que ambientes virtuales (modalidad a distancia, presencial o b-learning) es el uso de TICs para desarrollar ambientes de aprendizaje que ayuden a los alumnos. • Aplicación informática diseñada para facilitar la comunicación pedagógica entre los participantes en un proceso educativo.

20. Consideraciones • TIC´s no virtualizan la Educación • TIC´s no implican Educación a Distancia • AVA no omite práctica docente • AVA no implica disminución de costos • Aula Virtual es diferente a Sala de tutoría

21. Ambientes de Aprendizaje

22. Plataformas VLE • Herramientas y recursos: • Foro • Wiki • Mensajes • Sección de tareas • Glosario • Calificaciones • Cuestionarios • Recursos

23. AVA • Las TIC como apoyo a la práctica docente • Ambientes Virtuales de Aprendizaje • Planeación Estratégica • Formación y Actualización Docente • Especializados Docentes interesados en las tecnologías Docentes usuarios de las tecnologías Autores y Desarrolladores Especialistas Innovadores NIVELES DEATENCIÓN

24. AVA

25. AVA

26. Medios de Comunicación

27. Evaluación

28. Evaluación

29. ¿Qué es una página Web? • Archivo de (hiper)texto • Indica al navegador qué y cómo presentar la información (hipermedia) • Texto • Colores, imágenes, ... • Enlaces • Codificado en lenguaje HTML

30. Páginas Web

31. Elementos de una Página Web Título Dirección(URL) Banner Título Herramienta de Navegación Herramienta de búsqueda Enlaces con gráficos Tabla / Herramientas de navegación Contenido Enlaces Marcos Pie de página / Derechos de autor

32. ¿Cómo crear páginas Web? • Editor de texto (Notepad, Wordpad) • Aplicación compatible con HTML (Word, PowerPoint) • Editor de páginas Web (Composer) • Gestor de Webs (FrontPage, DreamWeaver)

33. El lenguaje HTML • Etiquetas <center> Inicio de etiqueta ................ Elementos a los que afecta </center> Cierre de etiqueta • Atributos <table border="0" width="80%" ...> ............. </table>

34. Estructura de un documento HTML <HTML> <HEAD> <TITLE>Título</TITLE> </HEAD> <BODY> Texto del documento, Gráficos, Enlaces, ... </BODY> </HTML>

35. Direcciones URL <A HREF = “http://www.upv.es”> Universidad Politécnica de Valencia </A> <A HREF= “mailto:jlhueso@mat.upv.es?tema”>

36. Inclusión de imágenes • Enlace a la imagen <IMG SRC = “imagen.gif” ALT = “Texto”> </IMG> • La imagen como enlace <A HREF = “dirección de destino”> <IMG SRC = “imagen.gif”> </IMG> </A>

37. Colores en una página • Texto normal <BODY TEXT = “black”> • Texto del enlace <BODY LINK = “blue”> • Enlace visitado <BODY VLINK = “#rrggbb”> • Enlace activo (en descarga) <BODY ALINK = “#rrggbb”>

38. Fondo de la página • Color • <BODY BGCOLOR = “white”> • Imagen • <BODY BACKGROUND = “imagen.gif”>

39. Sitio Web • Un sitio Web puede ser visto como una carpeta de la cual se tiene un documento raíz del cual dependen otros elementos. • Este contenido puede ejecutarse de manera local o en un servidor.

40. Estructura de un Sitio Web Estética/ Diseño Buscabilidad ¿Cómo llego? Visibilidad ¿Puedo ver el sitio? ¿Dónde estoy? Utilidad ¿Qué puedo hacer? ¿Cómo lo hago? Fidelidad ¿Para qué me sirve?

41. Diseño de una Web Educativa • La web tiene que tener una estructura lógica. • Tiene que enlazar ideas (hiperenlaces). • La web debe potenciar el aprendizaje significativo y activo. • La web debe ser un medio para ser explorado.

42. Diseño de una Web Educativa • La web debe ser algo dinámico y cambiante. • Los objetivos deben de ser claramente explicados en la página de inicio. • Resumen introductorio. • Mapa de navegación. • Contenidos bien estructurados.

43. Diseño de una Web Educativa • No es conveniente repetir contenidos. • Datos de referencia como el correo del autor y la fecha de la última actualización. • Se debe cuidar mucho la “usabilidad” de la página. • No utilizar tecnología excesivamente puntera.

44. Lectura en la Web • Si bien es cierto que un documento Web es una página con hipertexto, ésta presenta sus características especiales: • Los usuarios no leen, “escanean” las páginas. • El mejor texto para la web es el periodístico clásico: encabezado y cuerpo. Debe ser corto y directo.

45. Lectura en la Web • Destaque palabras clave. • Incluya subtítulos informativos. • Use listas con puntos o viñetas. • Desarrolle una idea por párrafo. • Reduzca a la mitad o menos el numero de palabras usadas en texto convencional.

46. Lectura en la Web • La Web es “user-driven”: la gente quiere moverse, usar el mouse. 4 2 1 3 4 Web Jerarquía visual

47. Diseño Web • Diagramación: • Leer un texto de ancho moderado • Texto en tabla autoajustable a las dimensiones del browser • Color de la fuente-fondo • Polaridad negativa y positiva • Fondos gráficos: • Evitar su uso • Buscar símil con la impresión TEXTO TEXTO

48. Consejos para mejorar la Web • Evite los códigos HTML que no sean estándar (nuevos plug-ins, por ejemplo). • El tiempo de respuesta es más importante que un diseño atractivo (8 segundos promedio por página). • Evite usar vínculos (links) hacia afuera de su sitio

49. Consejos para mejorar la Web • No use marcos (frames). • Cuide la legibilidad de los textos: alto contraste, fuentes sans serif (Arial, Verdana o Tahoma), no use todo en mayúsculas, ni texto intermitente o en movimiento. • Trozos de audio y video no deben superar los 60 segundos.

50. Test para un buen Sitio Web • ¿Comunica de forma inmediata el objetivo del sitio a los usuarios? • ¿El usuario está informado constantemente acerca de su ubicación? • ¿El sitio se adapta al mundo de sus usuarios, su lenguaje y sus conocimientos?