Diseño y creación de materiales on line<br />Rosabel Roig Vila<br />Máster en orientación y evaluación socioeducativas (má...
La profesora<br />
¿Y LOS PARTICIPANTES?<br />
DESCRIPCIÓNLa Web 2.0 ofrece una serie de servicios y aplicaciones web que podemos utilizarlos como recurso para EL DISEÑO...
Conocer aplicaciones para crear materiales on line.
Conocer el proceso para el diseño de materiales online.</li></ul>TAREA SOLICITADA<br />El alumnado diseñará un material mu...
EN EDUCACIÓN NO EXISTEN RECETAS <br />YA ELABORADAS…<br />
PERO SÍ INGREDIENTES…<br />
ÍNDICE<br />
¿Qué queremos diseñar?<br />Principios y consideraciones<br />Soporte: Web 2.0<br />Aplicaciones para trabajar con los mat...
Asesor, orientador, evaluador<br />
¿Qué queremos diseñar?<br />y de cómo debemos <br />reflexionar y planificar lo que queremos hacer…<br />
¿?<br />
Proceso de construcción:<br />1. Elaboración del guión(diseñopedagógico).<br />2. Estructuraciónde la información (diseño ...
1. Diseño pedagógico<br />Elaborar un borrador.<br />Tener en cuenta: contenido, destinatarios y finalidad.<br />
2. Diseño estructural<br />Estructurar y organizar el contenido.<br />Dividir la información. <br />La estructura final de...
Diseño formal<br />Diseñar la interfaz: <br />Seleccionar, formatear y guardar los elementos digitales: imágenes, sonidos ...
Principios pedagógicos:<br />Actualidad, relevancia y pertinencia científica.<br />Significación de los contenidos. <br />...
Principios estéticos:<br />Tendencia hacia la simplicidad.<br />Hipertextualidad.<br />Legibilidad contra irritabilidad (f...
Soporte: Web 2.0<br />y de cómo nos hemos quedadoembeidospor la Red…<br />
<ul><li>Poca comunicación entre los usuarios.
Contenidos generados por expertos (controlada)
Comunicación unidireccional
“Leer en la Web”
Red social
Contenidos generados por los usuarios
Comunicación bidireccional
“Leer y escribir en la Web”</li></li></ul><li>http://internality.com/web20/<br />
E-contenidos: materiales online simples y complejos<br />
E-contenidos<br />Contenidos electrónicos <br />“Todos podemos intervenir en la construcción de la Red”<br />Objetos de ap...
La utilización de e-contenidos permite...<br />Invertirmenosesfuerzos<br />Al utilizarrecursos multimedia:<br />Diversidad...
Ejemplos de e-contenidos<br /><ul><li>Imágenes (fotos, mapas, gifs, etc.),
Vídeos
Podcasts
Gadgets
Mash-up
Actividades
Entradas de blogs
Webs
Webquests, etc.</li></li></ul><li>Diseñando y creando e-contenidos<br />	“Lo verdaderamente difícil 	no es cómohaceralgo c...
“Lo verdaderamente difícil 	no es cómohaceralgo con 	la Web 2.0...<br />sinoquéhacer, <br />quécontenidoincluir<br />		y c...
APLICACIONES WEB 2.0…<br />Navegadores<br />Marcadores sociales<br />Blogs<br />RSS/Lector Feeds<br />Microblogging<br />C...
Para buscar<br />
Para buscar…<br />
Taggalaxy(http://www.taggalaxy.com)<br />
Para guardar<br />
Próxima SlideShare
Cargando en…5
×

Diseño y creación de materiales online

992 visualizaciones

Publicado el

Presentación sobre diseño y creación de materiales online. Rosabel Roig Vila

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
992
En SlideShare
0
De insertados
0
Número de insertados
27
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Diseño y creación de materiales online

  1. 1. Diseño y creación de materiales on line<br />Rosabel Roig Vila<br />Máster en orientación y evaluación socioeducativas (máster oese) <br />curso 2010 – 2011, 24 de mayo<br />Universidad de cádiz<br />
  2. 2. La profesora<br />
  3. 3. ¿Y LOS PARTICIPANTES?<br />
  4. 4. DESCRIPCIÓNLa Web 2.0 ofrece una serie de servicios y aplicaciones web que podemos utilizarlos como recurso para EL DISEÑO Y CREACIÓN DE MATERIALES ONLINE.<br />OBJETIVOS<br /><ul><li>Analizar las posibilidades de la Web 2.0.
  5. 5. Conocer aplicaciones para crear materiales on line.
  6. 6. Conocer el proceso para el diseño de materiales online.</li></ul>TAREA SOLICITADA<br />El alumnado diseñará un material multimedia utilizando una aplicación de la Web 2.0. <br />
  7. 7.
  8. 8. EN EDUCACIÓN NO EXISTEN RECETAS <br />YA ELABORADAS…<br />
  9. 9. PERO SÍ INGREDIENTES…<br />
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14. ÍNDICE<br />
  15. 15. ¿Qué queremos diseñar?<br />Principios y consideraciones<br />Soporte: Web 2.0<br />Aplicaciones para trabajar con los materiales online simples<br />Aplicaciones para crear materiales on line complejos<br />Elementos: <br />Materiales online simples: objetos de aprendizaje (OA)<br />Unimos y combinamos OA: materiales online complejos<br />
  16. 16. Asesor, orientador, evaluador<br />
  17. 17. ¿Qué queremos diseñar?<br />y de cómo debemos <br />reflexionar y planificar lo que queremos hacer…<br />
  18. 18. ¿?<br />
  19. 19.
  20. 20. Proceso de construcción:<br />1. Elaboración del guión(diseñopedagógico).<br />2. Estructuraciónde la información (diseño estructural).<br />3. Diseño de interfaz (diseño formal).<br />
  21. 21. 1. Diseño pedagógico<br />Elaborar un borrador.<br />Tener en cuenta: contenido, destinatarios y finalidad.<br />
  22. 22. 2. Diseño estructural<br />Estructurar y organizar el contenido.<br />Dividir la información. <br />La estructura final debe ser clara. <br />La unidaddebe ser consistente.<br />
  23. 23. Diseño formal<br />Diseñar la interfaz: <br />Seleccionar, formatear y guardar los elementos digitales: imágenes, sonidos y textos.<br />Crear, diseñar (y publicar) el material utilizando el software correspondiente.<br />
  24. 24. Principios pedagógicos:<br />Actualidad, relevancia y pertinencia científica.<br />Significación de los contenidos. <br />Formato multimedia.<br />Evitar el aburrimiento.<br />Participación del usuario.<br />Explotar las posibilidades de la Red.<br />
  25. 25. Principios estéticos:<br />Tendencia hacia la simplicidad.<br />Hipertextualidad.<br />Legibilidad contra irritabilidad (fondo, tipo de letra, distribución espacial de la información). <br />Interactividad.<br />Flexibilidad.<br />
  26. 26. Soporte: Web 2.0<br />y de cómo nos hemos quedadoembeidospor la Red…<br />
  27. 27.
  28. 28. <ul><li>Poca comunicación entre los usuarios.
  29. 29. Contenidos generados por expertos (controlada)
  30. 30. Comunicación unidireccional
  31. 31. “Leer en la Web”
  32. 32. Red social
  33. 33. Contenidos generados por los usuarios
  34. 34. Comunicación bidireccional
  35. 35. “Leer y escribir en la Web”</li></li></ul><li>http://internality.com/web20/<br />
  36. 36.
  37. 37.
  38. 38. E-contenidos: materiales online simples y complejos<br />
  39. 39. E-contenidos<br />Contenidos electrónicos <br />“Todos podemos intervenir en la construcción de la Red”<br />Objetos de aprendizaje y repositorios.<br />Cloud computing, widgets, gadgets, mashup, embed…<br />
  40. 40. La utilización de e-contenidos permite...<br />Invertirmenosesfuerzos<br />Al utilizarrecursos multimedia:<br />Diversidad de canales<br />Interactividad<br />Hipermedia e hipertexto<br />Al utilizar Internet:<br />Inexistencia de barrerascomunicativas e informativas<br />
  41. 41. Ejemplos de e-contenidos<br /><ul><li>Imágenes (fotos, mapas, gifs, etc.),
  42. 42. Vídeos
  43. 43. Podcasts
  44. 44. Gadgets
  45. 45. Mash-up
  46. 46. Actividades
  47. 47. Entradas de blogs
  48. 48. Webs
  49. 49. Webquests, etc.</li></li></ul><li>Diseñando y creando e-contenidos<br /> “Lo verdaderamente difícil no es cómohaceralgo con la Web 2.0...<br />sinoquéhacer, <br />quécontenidoincluir<br /> y cómoestructurarlo”<br />
  50. 50. “Lo verdaderamente difícil no es cómohaceralgo con la Web 2.0...<br />sinoquéhacer, <br />quécontenidoincluir<br /> y cómoestructurarlo”<br />
  51. 51.
  52. 52. APLICACIONES WEB 2.0…<br />Navegadores<br />Marcadores sociales<br />Blogs<br />RSS/Lector Feeds<br />Microblogging<br />Correo electrónico<br />Mensajería instantánea <br />Organizador/calendario<br />Mapas conceptuales<br />Presentaciones<br />Compartir presentaciones<br />Ofimática online<br />Videoconferencia<br />Cursos online<br />Demos multimedia<br />Capturador de pantalla<br />Wiki<br />Imagen<br />Video<br />Audio<br />Escritorio personal<br />Plataforma virtual<br />Redes sociales<br />Plataforma integrada<br />(http://www.slideshare.net/janehart/25-tools-a-toolbox-for-learning-professionals-2009-1448214) <br />
  53. 53.
  54. 54. Para buscar<br />
  55. 55. Para buscar…<br />
  56. 56. Taggalaxy(http://www.taggalaxy.com)<br />
  57. 57. Para guardar<br />
  58. 58. Para guardar vídeos…<br />
  59. 59. Para publicar<br />
  60. 60. Para publicar presentaciones powerpoint<br />http://www.slideshare.com<br />
  61. 61. Para publicar revistas, catálogos, álbumes<br />(http://es.scribd.com/) <br />(http://issuu.com/) <br />
  62. 62. Para crear<br />
  63. 63. Para crearpresentaciones multimedia<br />(http://photopeach.com/home)<br />
  64. 64. Para crear ecos yaudioguías<br />(http://woices.com)<br />
  65. 65. Para crear murales multimedia<br />(http://www.glogster.com)<br />
  66. 66. Para crear blogs<br />EJEMPLO 1<br />EJEMPLO 2<br />
  67. 67. Blogs (contenido)<br />Sumidos en el embed , gadgets, widgets y mash-up<br />
  68. 68. Blogs (formatos)<br />Blog/weblog<br />Fotoblog<br />Audioblog<br />Vlog<br />Tebeoblog… <br />
  69. 69. ¿Sobre qué tema trabajamos? <br />
  70. 70. Blogs (propuestas)<br />Los blogs como gestores de contenido.<br />Los blogs como medios de comunicación.<br />Tipos de blog:<br />Según autores (profesor/alumno/institución, individual/colectivo)<br />Según destinatarios (general/particular, público/privado)<br />Según finalidad (informar/comunicar, curricular).<br />
  71. 71.
  72. 72. ¡ MUCHAS GRACIAS !<br />Rosabel Roig Vila<br />http://www.rosabelroigvila.es<br />

×