bases para el diseño de materiales formativos para la red
DESCRIPTION
Bases para el diseño de materiales formativos para la red. Fernando Guerra López Universidad de Cantabria. ÁMBITOS DE APLICACIÓN:. LOCAL: CD-ROM INTRANET GLOBAL: INTERNET. Utilización de la red. La red como sistema de información (Web-based information distribution system”). - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/1.jpg)
Bases para el diseño de materiales formativos para
la red.
Fernando Guerra López
Universidad de Cantabria
![Page 2: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/2.jpg)
ÁMBITOS DE APLICACIÓN:
LOCAL:
CD-ROM INTRANET
GLOBAL:
INTERNET
![Page 3: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/3.jpg)
Utilización de la red. La red como sistema de
información (Web-based information distribution system”).
La red como sistema formación (“web-based traogning”).
![Page 4: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/4.jpg)
La red como sistema de información.
El diseño que suele poseer este tipo de web descansa sobre la estructura general del sitio.
Tendencia a la tematización.
![Page 5: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/5.jpg)
![Page 6: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/6.jpg)
![Page 7: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/7.jpg)
![Page 8: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/8.jpg)
![Page 9: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/9.jpg)
![Page 10: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/10.jpg)
![Page 11: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/11.jpg)
![Page 12: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/12.jpg)
![Page 13: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/13.jpg)
![Page 14: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/14.jpg)
La red como sistema de formación.
El diseño que suele poseer este tipo de web descansa sobre la estructuración de los contenidos, ubicándose una serie de objetivos, actividades y propuestas de evaluación.
![Page 15: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/15.jpg)
![Page 16: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/16.jpg)
![Page 17: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/17.jpg)
![Page 18: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/18.jpg)
Perspectiva general diseño
Conductista. El material de estudio es
desarrollado como un “paquete completo de conocimiento” por expertos en cada tema.
Énfasis en la memorización de los contenidos que son ofrecidos en el sitio web.
Estructura rígida en el desarrollo de las actividades individuales.
![Page 19: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/19.jpg)
Perspectiva general diseño
Constructivista. El material de estudio se desarrolla a
manera de guía por expertos en cada tema.
Énfasis en la búsqueda individual del conocimiento para ser compartido posteriormente en grupos de trabajo.
Flexibilidad en el desarrollo de actividades individuales que debían de ser enviadas al área de conferencia.
![Page 20: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/20.jpg)
Principios para la producción de materiales en la red.(I)
Tarea en equipo. Deben de poseer diferentes tipos
de elementos: textos, gráficos, animaciones, vídeo, audio, ...
![Page 21: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/21.jpg)
Principios para la producción de materiales
en la red.(IIa)
“Cuanto menos mejor”. “Lo técnico y estético debe de
supeditarse a lo didáctico”. Legibilidad contra irritabilidad. Evitar el aburrimiento. Interactividad.
![Page 22: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/22.jpg)
Principios para la producción de materiales
en la red.(IIb) Flexibilidads. Hipertextuali
dad. Y
participación del usuario.
![Page 23: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/23.jpg)
Principios para la producción de materiales
en la red.(III)
La producción educativa de materiales en la red es diferente al hecho de incorporar textos planos y la descarga de ficheros.
Objetivos.
![Page 24: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/24.jpg)
![Page 25: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/25.jpg)
Principios para la producción de materiales
en la red.(V)
Cronograma. Recomandaciones para el seguimiento.
Actividades.
![Page 26: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/26.jpg)
![Page 27: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/27.jpg)
![Page 28: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/28.jpg)
Actividades
Proyectos de trabajo. Visitas a sitios web. Análisis y reflexión sobre la información
presentada. Realización de ejemplos. Solución de problemas y estudios de casos. Análisis de imágenes. Estudio de casos La caza del tesoro. ...
![Page 29: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/29.jpg)
Principios para la producción de materiales
en la red.(VI)
Esquemas y mapas conceptuales.
![Page 30: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/30.jpg)
![Page 31: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/31.jpg)
![Page 32: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/32.jpg)
![Page 33: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/33.jpg)
![Page 34: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/34.jpg)
![Page 35: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/35.jpg)
Principios para la producción de materiales
en la red.(VII)
Contenidos: Más información no significa más aprendizaje. Navegación libre (?) Que ofrezcan diferentes perspectivas sobre un
tema. Presentación de materiales no completos. Dificultad progresiva.
![Page 36: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/36.jpg)
Principios para el diseño técnico y estético (I)
Tendencia hacia la simplicidad.
Hipertextualidad.
![Page 37: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/37.jpg)
SimplicidadSimplicidad
![Page 38: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/38.jpg)
CONCEPTOS BÁSICOS
NODO REFERENTENODO REFERENTE
NODO REFERENCIANODO REFERENCIA
EnlaceEnlace
![Page 39: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/39.jpg)
Posibilidades estructuración secuencia
de contenidos
Lineal
Hipertexto Hipermedia
![Page 40: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/40.jpg)
linealHipertexto
Hipermedia
![Page 41: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/41.jpg)
COMPONENTES DE UN DOCUMENTO HIPERMEDIA
DOCUMENTODOCUMENTOHIPERMEDIAHIPERMEDIA
CONTENIDOSCONTENIDOS
ESTRUCTURAESTRUCTURA
PRESENTACIÓPRESENTACIÓNN
![Page 42: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/42.jpg)
![Page 43: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/43.jpg)
![Page 44: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/44.jpg)
Principios para el diseño técnico y estético (II)
La legibilidad es un elemento clave para la interacción con la información y va a depender de diferentes variables como son el fondo, el tipo de letra, o la distribución espacial de la información.
Tipos de desplazamientos que podemos realizar.
![Page 45: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/45.jpg)
Principios para el diseño técnico y estético (III)
Utilización de efectos especiales, animaciones, y dibujos con moderación.
![Page 46: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/46.jpg)
![Page 47: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/47.jpg)
![Page 48: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/48.jpg)
![Page 49: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/49.jpg)
![Page 50: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/50.jpg)
![Page 51: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/51.jpg)
Imagen y TextoImagen y Texto
![Page 52: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/52.jpg)
![Page 53: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/53.jpg)
Principios para el diseño técnico y estético (IV)
- Usar líneas de bordes entre el texto para enmarcarlos y delimitarlos.
- Utilizar interfaces simples, familiares y útiles.
- La distribución de la información sobre la página debe de ser simple y clara.
![Page 54: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/54.jpg)
Diseño de las Diseño de las PantallasPantallas
Centrar la atención del usuario Despertar y mantener el
interés Implicar al usuario Facilitar la navegación a
través del contenido No saturarlas de información
![Page 55: Bases para el diseño de materiales formativos para la red](https://reader036.vdocuments.mx/reader036/viewer/2022062422/56813f0e550346895da990b8/html5/thumbnails/55.jpg)