creaci n de ambientes de aprendizaje n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Creación de Ambientes de Aprendizaje PowerPoint Presentation
Download Presentation
Creación de Ambientes de Aprendizaje

Loading in 2 Seconds...

play fullscreen
1 / 93

Creación de Ambientes de Aprendizaje - PowerPoint PPT Presentation


  • 191 Views
  • Uploaded on

Creación de Ambientes de Aprendizaje. Marzo 2010. M. Sc. Juan Carlos Olivares Rojas. 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). Datos de Contacto.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

Creación de Ambientes de Aprendizaje


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
    Presentation Transcript
    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?