AVA Cle Intro

Creacin de Ambientes de Aprendizaje
M. Sc. Juan Carlos Olivares Rojas

Marzo 2010
Outline
Introduccin Tecnologas Web
Sitio Web Blog Wiki Otros recursos VLE: moodle
Desarrollo de un ambiente de aprendizaje con tecnologas Web (100% Proceso-Producto).
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
Mundo Actual
Era Digital
Sociedad del Conocimiento
Generacin N (NET, Web)
Cambios Educativos
Era Digital
La Tecnologa debe de adaptarse a las situaciones pedaggicas, la didctica y al contexto social
Funcin de un Profesor
Docencia
Investigacin Extensin Modelo Constructivista Competencias. basado en
La tecnologa es un medio, no es el fin.
Inteligencias Mltiples
Lingstica Interpersonal
LgicaMatemtica
Innovacin Educativa
Debe ser regla de oro para los que ensean que todo se presente a cuantos sentidos sea posible
El docente debe de conocer ms de su rea que de TICs. Innovacin Educativa: el docente aplica nuevos mtodos, tcnicas y medios con el fin de mejorar el aprendizaje.
Nuevas formas de trabajo
Nuevo Tipo de Escuelas
Uso de TICs en todo

Copia rpida del pizarrn. Solucin: utilizar fotografas
Uso de TICs en todo

Fotocopiado de algn material impreso como un libro.
Uso de TICs en todo
Sociedad del Conocimiento

El problema actualmente no es tener la informacin, sino encontrarla.
El futuro ser de los que sepan buscar la informacin
Importancia de la Internet
Objetos de Aprendizaje
Los docentes debemos de crearobjetos de aprendizaje usndo TICs. Un objeto de aprendizaje es un recurso didctico en formato digital, reusable en diversos contextos, puede combinarse con otros para formar nuevos bloques. Est integrado por dos o ms elementos (texto, grficos, audio, video, imgenes, ejercicios) articulados para generar competencias en quin los utiliza.
Ambientes Virtuales
Ms 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. Aplicacin informtica diseada para facilitar la comunicacin pedaggica entre los participantes en un proceso educativo.
Consideraciones
TICs no virtualizan la Educacin TICs no implican Educacin a Distancia
AVA no omite prctica docente

AVA no implica disminucin de costos Aula Virtual es diferente a Sala de tutora
Ambientes de Aprendizaje
Criterios para evaluar plataformas virtuales
Plataformas VLE
Herramientas y recursos:
Foro Wiki Mensajes Seccin de tareas Glosario Calificaciones Cuestionarios Recursos
AVA
Las TIC como apoyo a la prctica docente Ambientes Virtuales de Aprendizaje Planeacin Estratgica Especialistas Innovadores Formacin y Actualizacin Docente Especializados
Docentes interesados en las tecnologas

Docentes usuarios de las tecnologas Autores y Desarrolladores
NIVELES DE ATENCIN
AVA
AVA
Informar
Motivar
Entretener
Funciones didcticas de los recursos multimedia

Ejercitar y evaluar Instruir
Proporcionar entornos
Medios de Comunicacin
Evaluacin
Evaluacin
Qu es una pgina Web?

Archivo de (hiper)texto Indica al navegador qu y cmo presentar la informacin (hipermedia)
Texto Colores, imgenes, ...
Enlaces
Codificado en lenguaje HTML
Pginas Web
Elementos de una Pgina Web

Ttulo
Direccin(URL) Banner Ttulo
Herramienta de Navegacin Herramienta de bsqueda Enlaces con grficos Contenido Enlaces Marcos
Tabla / Herramientas de navegacin
Pie de pgina / Derechos de autor
Cmo crear pginas Web?

Editor de texto (Notepad, Wordpad) Aplicacin compatible PowerPoint) con HTML (Word,
Editor de pginas Web (Composer) Gestor de Webs (FrontPage, DreamWeaver)
El lenguaje HTML
Etiquetas
<center> ................ </center> Inicio de etiqueta Elementos a los que afecta Cierre de etiqueta
Atributos
<table border="0" width="80%" ...> ............. </table>
Estructura de un documento HTML

<HTML> <HEAD> <TITLE>Ttulo</TITLE> </HEAD> <BODY> Texto del documento, Grficos, </BODY> </HTML>
Enlaces, ...
Direcciones URL
<A HREF = http://www.upv.es>
Universidad Politcnica de Valencia

</A> <A HREF = mailto:jlhueso@mat.upv.es?tema>
Inclusin de imgenes
Enlace a la imagen
<IMG SRC = imagen.gif ALT = Texto> </IMG>
La imagen como enlace

<A HREF = direccin de destino>
<IMG SRC = imagen.gif> </IMG> </A>
Colores en una pgina

Texto normal
<BODY TEXT = black>
Texto del enlace

<BODY LINK = blue>
Enlace visitado
<BODY VLINK = #rrggbb>
Enlace activo (en descarga)

<BODY ALINK = #rrggbb>
Fondo de la pgina
Color
<BODY BGCOLOR = white>
Imagen
<BODY BACKGROUND = imagen.gif>
Sitio Web
Un sitio Web puede ser visto como una carpeta de la cual se tiene un documento raz del cual dependen otros elementos.
Este contenido puede ejecutarse de manera local o en un servidor.
Estructura de un Sitio Web

Cmo llego? Puedo ver el sitio? Dnde estoy? Qu puedo hacer? Cmo lo hago? Para qu me sirve? Buscabilidad
Visibilidad
Esttica/ Diseo
Utilidad
Fidelidad
Diseo de una Web Educativa

La web tiene que tener una estructura lgica. Tiene que enlazar ideas (hiperenlaces).
La web debe potenciar significativo y activo.
el
aprendizaje
La web debe ser un medio para ser explorado.

La web debe ser algo dinmico y cambiante. Los objetivos deben de ser explicados en la pgina de inicio. Resumen introductorio. Mapa de navegacin. claramente
Contenidos bien estructurados.

No es conveniente repetir contenidos. Datos de referencia como el correo del autor y la fecha de la ltima actualizacin. Se debe cuidar mucho la usabilidad de la pgina. No utilizar tecnologa excesivamente puntera.
Lectura en la Web
Si bien es cierto que un documento Web es una pgina con hipertexto, sta presenta sus caractersticas especiales:
Los usuarios no leen, escanean las pginas.

El mejor texto para la web es el periodstico clsico: encabezado y cuerpo. Debe ser corto y directo.
Lectura en la Web
Destaque palabras clave. Incluya subttulos informativos.
Use listas con puntos o vietas.

Desarrolle una idea por prrafo. Reduzca a la mitad o menos el numero de palabras usadas en texto convencional.
Lectura en la Web
La Web es user-driven: la gente quiere moverse, usar el mouse.
Jerarqua visual
Web
Diseo Web
Diagramacin:
Leer un texto de ancho moderado Texto en tabla autoajustable a las dimensiones del browser
Color de la fuente-fondo
Polaridad negativa y positiva
TEXTO
Fondos grficos:
Evitar su uso Buscar smil con la impresin
TEXTO
Consejos para mejorar la Web

Evite los cdigos HTML que no sean estndar (nuevos plug-ins, por ejemplo). El tiempo de respuesta es ms importante que un diseo atractivo (8 segundos promedio por pgina). Evite usar vnculos (links) hacia afuera de su sitio
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 maysculas, ni texto intermitente o en movimiento.
Trozos de audio y video no deben superar los 60 segundos.
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 ubicacin? El sitio se adapta al mundo de sus usuarios, su lenguaje y sus conocimientos?

El usuario posee el control sobre lo que pasa en el sitio? El sitio es consistente internamente y respeta estndares externos? El diseo ayuda a prevenir posibles errores? La pgina facilita y optimiza el acceso a los usuarios?

Hay informacin irrelevante? La navegacin redescubierta? es recordada ms que
El usuario recibe ayuda cuando lo necesita?
AVA con Tecnologas Web

Existen varias formas de poder explotar la Web para fines educativos: Sitios Web de Cursos Acadmicos Sistemas de Gestin de Aprendizaje (LMS) Edublogs Wikis Webquest
Moodle
Herramienta para la construccin de entornos virtuales de aprendizaje. Basado en el constructivismo social. Permite al docente construir ambientes donde los alumnos puedan el analizar, investigar, colaborar, compartir, construir y generar conocimiento.
Moodle
Herramientas disponibles en moodle: Comunicacin (chat, foros, diarios). Trabajo colaborativo (lecciones, materiales). Evaluacin (encuestas, cuestionarios, talleres, tareas) Seguimiento (registro de actividades de los usuarios)
Entornos Virtuales de Aprendizaje

Moodle - http://moodle.org Claroline - http://www.claroline.net Dokeos - http://www.dokeos.com Atutor - http://www.atutor.ca .LRN - http://dotlrn.org Sakai - http://www.sakaiproject.org/ Blackboard http://www.blackboard.com/us/index.aspx WebCT - http://www.webct.com Ilias - http://www.ilias.uni-koeln.de/ios/index-e.html
Estndares y Proyectos Relacionados

IMS Global Learning Consortium http://www.imsglobal.org ADL (SCORM) http://www.adlnet.org/ EML http://eml.ou.nl OKI http://web.mit.edu/oki OpenCourseWare http://ocw.mit.edu/
Blog
Un blog puede definirse como un diario online disponible a travs de la Web. Es el sustituto ms fcil de implementar para tener un sitio Web.
Es un rea de creciente desarrollo por lo que ya existen buscadores especializados: http://www.google.es/blogsearch, http://technorati.com/, http://www.blogpulse.com/
Blog
Blogger: www.blogger.com Google page creator: www.googlepages.com
Edublogs: http://edublogs.org
Wordpress: http://wordpress.org Microblogging: www.twitter.com
Qu es una WebQuest?
Actividad de investigacin que se basa en informaciones obtenidas de recursos existentes en Internet. Recursos preseleccionados por el docente para asegurar el empleo del tiempo en usar la informacin y no en buscarla.
Estructura de una Webquest

INTRODUCCIN
TAREA
PROCESO RECURSOS
EVALUACIN
CONCLUSIN
Carctersticas de Webquest
Promueve un pensamiento creativo o crtico que comprende solucin de problemas, juicio, anlisis o sntesis. No es una hoja de trabajo para responder a cuestiones concretas. Promueve el trabajo y la discusin grupal. Plantea problemas posibles soluciones. abiertos, con varias
Duracin de una Webquest

Segn su diseo y objetivos de una semana a un mes. Si tenemos limitaciones de tiempo dificultades prcticas: MINIQUEST y/o
MiniQuest
Se pueden construir en tan slo tres a cuatro horas. Se realizan en una o dos sesiones de clase. Su estructura se reduce a slo tres pasos: - escenario - tarea - producto
Ejemplos de WebQuests
1. 2. 3. 4. 5. 6. 7. 8. El agua y su ciclo Doana Deporte y discapacidad Un fin de semana en Londres Bullying Peligro, Bacterias! Componer una cancin Compramos un coche
Wiki
Es una herramienta colaborativa con la cual se pueden construir conceptos. Generalmente se asocia a la Web en la cual pueden contribuir usuarios registrados y annimos.
Ejemplos: http://es.wikipedia.org/wiki/Wikipedia http://www.wikilengua.org
Wikis
Wikcionario: http://es.wiktionary.org/wiki/Portada Wikiquote: http://es.wikiquote.org/wiki/Portada Wikinoticas: http://es.wikinews.org/wiki/Portada Servicios gratuitos de wikis: Wikispaces http://www.wikispaces.com/ Wiki.mailxmail http://wiki.mailxmail.com/ PBWiki http://pbwiki.com/
Google
Es un buscador Web creado como proyecto de Doctorado por Sergei Bryn y Larry Page* Actualmente es una de las empresas ms importantes del mundo. Google significa una cifra de un 1 con 100 ceros.
Mitos de Google
Google lo sabe todo Si no est en Google es que no est en la Web
Si no est en su primera pgina de resultados, es que no me interesa

No hay otras fuentes de informacin en la Web (que merezcan la pena)
Google
La visin de la empresa es Organizar la informacin del mundo y hacerla accesible y til universalmente
Tienen patentado un algoritmo de bsqueda muy eficiente: PageRank Tiene una interfaz muy sencilla de utilizar pero slo realiza bsquedas bsicas.
Google
El botn voy a tener suerte encuentra la mejor opcin. Es accesible desde cualquier dispositivo. Permite realizar bsqueda de imgenes, grupos, directorios, noticias, artculos (google acadmico). Para sacarle el mayor provecho hay que utilizar la bsqueda avanzada.
Bsqueda avanzada
http://www.google.com/advanced_search
Otros Buscadores
Vivisimo: http://www.vivisimo.com Scirus: http://www.scirus.com Alltheweb: http://www.alltheweb.com Ask Jeeves: http://www.askjeeves.com Alexa: http://www.alexa.com A9: http://www.a9.com Teoma: http://www.teoma.com
Otros buscadores
Por grupos: http://www.clusty.com Centficos: scirus De propsito general: Alltheweb, Ask Jeeves, Alexa, A9, Teoma Directorios: yahoo, proyecto opendirectory clusty (vivisimo)
Bivitec
El proyecto Bivitec (Biblioteca Virtual Tecnolgica) es un portal educativo en donde se concentran una gran variedad de servicios educativos como buscadores, base de datos, revistas, tesis (proyecto triangulum), etc. Se accede desde la direccin http://www.bivitec.edu.mx y se necesita crear una cuenta. Hay que pertenecer al SNEST para tener acceso a toda la funcionalidad del portal.
Optimizacin de Bsquedas
79
Comandos en Google
Site: sirve para encontrar informacin en un sitio determinado. Filetype: para encontrar la informacin en un solo formato. Link: muestra los sitios Web que contienen a un sitio predeterminado. Related: par encontrar pginas temticamente relacionadas.
Comandos en Google
Ao .. Ao: busca informacin comprendida en un rango de fechas. Frase: encuentra la frase exacta. +: sirve para encontrar exactamente una palabra sin sus variantes. -: excluye trminos en la bsqueda.
Comandos Google
Define: muestra la definicin de un trmino Operadores relacionales: OR, AND y NOT
Se puede utilizar de calculadora: 4*5

Conversin de moneda: 100 eur a usd Tambin se puede buscar por: Idioma, Pas, Contenido presente slo en alguna parte de la pgina (ttulo)
Google Coop: Buscador www.google.com/coop
Otras Bsquedas de Google

personalizado.
Herramientas de Idioma de Google http://www.google.com/language_tools?hl=ES Bsqueda de Documentos Acadmicos http://scholar.google.com/schhp?hl=es Bsqueda en http://www.google.com/books?hl=es Libros
Otros Buscadores
Agregar URL en http://www.google.es/addurl Google:
Yahoo Search: http://search.yahoo.com Live: www.live.com ahora (www.bing.com) Metabuscadores: copernico, www.scitopia.org Buscadores de Libros: www.amazon.com
Otros Buscadores
Redes sociales
Ocio: www.myspace.com, www.facebook.com Profesionales: www.linkedin.com www.hi5.com,
Descarga de software: www.softonic.com, www.tucows.com, www.download.com P2P: Ares, eMule, BitTorrent Mapas: http://maps.google.com/
Herramientas Bsicas
Correo Electrnico: institucional y personal Chat / Mensajero Instantneo
Herramientas de Productividad*
Bsqueda de Informacin**
Herramientas Multimedia
Imgenes: www.flickr.com Videos: www.youtube.com, www.schooltube.com,
www.teachertube.com
Presentaciones: www.slideshare.com Ofimtica: http://docs.google.com
Mapas conceptuales: www.cmaptools.com
Herramientas
Favoritos (marcadores): www.del.icio.us, www.google.com/bookmarks/ Sindicacin de contenidos: www.bloglines.com Citas acadmicas: www.citeulike.com Lnea del tiempo: www.xtimeLine.com
Calendario: www.google.com/calendar?hl=es
Swftools: Convierte archivos pdf, imgenes y videos a presentaciones flash, combinar varias presentaciones flash en una sola y extraer videos, audios e imgenes de estas. (www.swftools.org). Media Convert (www.media-convert.com). Cool PDF Reader y Pdf2exe: Convierten archivos pdf en programas ejecutables y permite extraer su contenido en un archivo de texto. (www.pdf2exe.com).
Herramientas
Otras aplicaciones http://portableapps.com/apps
Otras herramientas
portables:
Imgenes: http://galeria.educar.org www.openclipart.org http://school.discoveryeducation.com/clipart http://www.hellasmultimedia.com/webimages/e ducation/education_images.htm
Otras heramientas
Notas: www.notefish.com www.fleck.com www.stickis.com www.mystickies.com
Filtrado de contenido (Inteligencia Collectiva, Folskonoma): www.digg.com www.meneame.com
Otras Herramientas
Ver varias cuentas www.jumptomail.com de correo:
Diagramas en lnea: www.gliffy.com Correo electrnico grande: www.mailbigfile.com, www.send-large-file.com Compartir archivos: www.foldershare.com,
Otras Herramientas
Almacenamiento www.xdrive.com en Lnea: SkyDrive,
Gestin de Proyectos: www.basecamphq.com, www.assembla.org Knowledge Hub: Perlas o Diamantes de Informacin http://khub.itesm.mx Open CourseWare: http://ocw.universia.net
Otras herramientas
Manipulacin de actividades con palabras: http://wordle.net Lluvia de ideas: www.mywebspiration.com Organizacin de www.rememberthemilk.com, http://evernote.com datos:
Flashcards: www.flashcarddb.com, www.flashcardexchange.com
Preguntas?

AVA Cle Intro

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

AVA Cle Intro

Transféré par

Droits d'auteur :

Formats disponibles

Creacin de Ambientes de Aprendizaje

M. Sc. Juan Carlos Olivares Rojas

Desarrollo de un ambiente de aprendizaje con tecnologas Web (100% Proceso-Producto).

La Tecnologa debe de adaptarse a las situaciones pedaggicas, la didctica y al contexto social

La tecnologa es un medio, no es el fin.

Nuevas formas de trabajo

Nuevo Tipo de Escuelas

Uso de TICs en todo

Uso de TICs en todo

Uso de TICs en todo

Sociedad del Conocimiento

El futuro ser de los que sepan buscar la informacin

AVA no omite prctica docente

Criterios para evaluar plataformas virtuales

Docentes interesados en las tecnologas

Funciones didcticas de los recursos multimedia

Qu es una pgina Web?

Codificado en lenguaje HTML

Elementos de una Pgina Web

Direccin(URL) Banner Ttulo

Tabla / Herramientas de navegacin

Pie de pgina / Derechos de autor

Cmo crear pginas Web?

Editor de pginas Web (Composer) Gestor de Webs (FrontPage, DreamWeaver)

Estructura de un documento HTML

Universidad Politcnica de Valencia

La imagen como enlace

<IMG SRC = imagen.gif> </IMG> </A>

Colores en una pgina

Texto del enlace

Enlace activo (en descarga)

Este contenido puede ejecutarse de manera local o en un servidor.

Estructura de un Sitio Web

Diseo de una Web Educativa

La web debe potenciar significativo y activo.

La web debe ser un medio para ser explorado.

Diseo de una Web Educativa

Contenidos bien estructurados.

Diseo de una Web Educativa

Los usuarios no leen, escanean las pginas.

Use listas con puntos o vietas.

Consejos para mejorar la Web

Consejos para mejorar la Web

Trozos de audio y video no deben superar los 60 segundos.

Test para un buen Sitio Web

Test para un buen Sitio Web

Test para un buen Sitio Web

El usuario recibe ayuda cuando lo necesita?

AVA con Tecnologas Web

Entornos Virtuales de Aprendizaje

Estndares y Proyectos Relacionados

Estructura de una Webquest

Duracin de una Webquest

Ejemplos: http://es.wikipedia.org/wiki/Wikipedia http://www.wikilengua.org

Si no est en su primera pgina de resultados, es que no me interesa

Se puede utilizar de calculadora: 4*5

Google Coop: Buscador www.google.com/coop

Otras Bsquedas de Google

Presentaciones: www.slideshare.com Ofimtica: http://docs.google.com

Mapas conceptuales: www.cmaptools.com

Otras aplicaciones http://portableapps.com/apps

Imgenes: http://galeria.educar.org www.openclipart.org http://school.discoveryeducation.com/clipart http://www.hellasmultimedia.com/webimages/e ducation/education_images.htm

Filtrado de contenido (Inteligencia Collectiva, Folskonoma): www.digg.com www.meneame.com

Flashcards: www.flashcarddb.com, www.flashcardexchange.com