SlideShare una empresa de Scribd logo
1 de 61
MÁSTER EN ORIENTACIÓN Y EVALUACIÓN
                                   SOCIOEDUCATIVAS (MÁSTER OESE)
                                                CURSO 2012 – 2013
                               UNIVERSIDAD DE CÁDIZ




                             Rosabel Roig Vila



Foto original Matt Preston
La profesora
               www.rosabelroigvila.es
¿Y LOS PARTICIPANTES?
DESCRIPCIÓN
   La Web 2.0
    ofrece una         OBJETIVOS
       serie de       Analizar las
    servicios y        posibilidades de
  aplicaciones         la Web 2.0.
      web que
                       Conocer el
      podemos
                        proceso para el
     utilizarlos
                        diseño de
como recurso
                        materiales
       para EL
                        online.
     DISEÑO Y
CREACIÓN DE            Conocer
 MATERIALES             aplicaciones
      ONLINE.           para crear
                        materiales
                        online.
EN EDUCACIÓN NO EXISTEN RECETAS
YA ELABORADAS…
PERO SÍ INGREDIENTES…




                           TAMBIÉN EN
            EDUCACIÓN, COMUNICACIÓN
    Y TECNOLOGÍAS DE LA INFORMACIÓN…
ÍNDICE

1. ¿Qué queremos diseñar?

2. Soporte: Web 2.0

3. E-contenidos: materiales online

4. Aplicaciones web 2.0

5. 2.0 al servicio de la creatividad
¿Qué queremos diseñar?

    y de cómo debemos
   reflexionar y planificar
 lo que queremos hacer…
Texto




         Materiales
          online


Imagen                Sonido
Proceso de construcción:
    1. Elaboración del guión (diseño
       pedagógico).
    2. Estructuración de la información
       (diseño estructural).
    3. Diseño de interfaz (diseño
      formal).
1. Diseño pedagógico

Elaborar un borrador.
 Tener en cuenta: contenido, destinatarios
  y finalidad.

                    Qué




        A quién           Para qué
2. Diseño estructural

Estructurar y organizar el contenido.
 Dividir la información.

 La estructura final debe ser clara.

 La unidad debe ser consistente.
3. Diseño formal
Diseñar la interfaz:
 Seleccionar, formatear                Textos

  y guardar los
  elementos digitales:
                         Imágenes
  imágenes, sonidos y y gráficos                      Sonidos

  textos.
 Crear, diseñar (y
  publicar) el material
  utilizando el software       Fondos            Enlaces
  correspondiente.
Principios pedagógicos:
   Explotar las posibilidades de las TIC,
    especialmente de la Red.
   Actualidad, relevancia y pertinencia
    científica.
   Significación de los contenidos.
   Formato multimedia.
   Evitar el aburrimiento.
   Participación del usuario.
Principios estéticos:

   Tendencia hacia la simplicidad.
   Hipertextualidad.
   Legibilidad contra irritabilidad (fondo,
    tipo de letra, distribución espacial de la
    información).
   Interactividad.
   Flexibilidad.
Soporte: Web 2.0

y de cómo nos hemos quedado
        embeidos por la Red…
•Poca               • Red social
comunicación
entre los
usuarios.

•Contenidos        •Contenidos
generados por    generados por
expertos           los usuarios
(controlada)

•Comunicación    •Comunicación
unidireccional     bidireccional

•“Leer en la           •“Leer y
Web”              escribir en la
                          Web”
http://internality.com/web20/
E-contenidos: materiales
online simples y complejos
E-contenidos




   Contenidos electrónicos
   “Todos podemos intervenir en la construcción de
    la Red”
   Objetos de aprendizaje y repositorios.
   Cloud computing, widgets, gadgets, mashup,
    embed…
La utilización de e-contenidos permite...
   Invertir menos esfuerzos

Al utilizar recursos multimedia:
 Diversidad de canales
 Interactividad
 Hipermedia e hipertexto


Al utilizar Internet:
 Inexistencia de barreras
  comunicativas e informativas
Ejemplos de e-contenidos

•   Imágenes (fotos, mapas, gifs, etc.),
•   Vídeos
•   Podcasts
•   Gadgets
•   Mash-up
•   Actividades
•   Entradas de blogs
•   Webs
•   Webquests, etc.
Aplicaciones web 2.0

                   “Lo verdaderamente difícil
                   no es cómo hacer algo con
                   la Web 2.0...
             sino qué hacer,
                   qué contenido incluir
                         y cómo estructurarlo”
¿Sobre qué tema trabajamos?
APLICACIONES WEB 2.0…
 1.    Navegadores
 2.    Marcadores sociales
 3.    Blogs
 4.    RSS/Lector Feeds
 5.    Microblogging
 6.    Correo electrónico
 7.    Mensajería instantánea
 8.    Organizador/calendario
 9.    Mapas conceptuales
 10.   Presentaciones
 11.   Compartir presentaciones
 12.   Ofimática online
 13.   Videoconferencia
 14.   Cursos online
 15.   Demos multimedia
 16.   Capturador de pantalla
 17.   Wiki
 18.   Imagen
 19.   Video
 20.   Audio                      http://tutorialesedutic.wikispaces.com/
 21.   Escritorio personal
 22.   Plataforma virtual
 23.   Redes sociales
 24.   Plataforma integrada
Para
buscar




 Para      Para
           crear
guardar




 Para
publicar
Para
buscar
Para buscar…


                    Imágenes
        Sonidos




                  Vídeos




     E-contenidos para crear
       nuestros materiales
Taggalaxy (http://www.taggalaxy.com)
Para
guardar
Para guardar vídeos…
Para
publicar
Para publicar presentaciones
            power point




http://www.slideshare.com
Para publicar revistas, catálogos,
              álbumes

                      (http://es.scribd.com/)




(http://issuu.com/)
Para
crear
Para crear blogs




   EJEMPLO 1
   EJEMPLO 2
Blogs (contenido)




     Sumidos en el embed , gadgets, widgets y mash-up
Blogs (formatos)

   Blog/weblog
   Fotoblog
   Audioblog
   Vlog
   Tebeoblog…
Blogs (propuestas)
   Los blogs como gestores de contenido.
   Los blogs como medios de comunicación.
   Tipos de blog:
       Según autores
        (profesor/alumno/profesional/institución,
        individual/colectivo)
       Según destinatarios (general/particular,
        público/privado)
       Según finalidad (informar/comunicar).
Para crear presentaciones
                  multimedia




(http://photopeach.com/home)
Para crear ecos y audioguías




(http://woices.com)
Para crear murales multimedia




(http://www.glogster.com)
Para crear WebQuests




http://www.edutic.ua.es

WebQuest: Salvemos
el planeta
Para crear cuentos con realidad
          aumentada
                          (http://alpha.zooburst
                            .com/index.php )

                           Vídeo




                Vídeo
Para crear álbumes digitales
             http://www.pimpampum.net/bookr




            Para crear fotonovelas
http://www.pimpampum.net/bubblr/?id=39323
Para crear nubes de palabras




http://www.wordle.net/
Para crear fotos de fotomatón




http://www.laphotocabine.com/
Para crear música…




http://www.incredibox.com/en/#/application
2.0 al servicio de la creatividad

     y de cómo podemos enfocar el
     uso de las aplicaciones web 2.0
Materiales online          Web 2.0
       ¿Cómo podemos utilizar las
      posibilidades de la Web 2.0 en el
          ámbito educativo de los
           materiales formativos?

              creatividad
Creatividad (I)…




                   http://producten.hema.nl/
Creatividad…

       Ken Robinson:
          “Se puede ser creativo en cualquier
           cosa”.
          “La creatividad se aprende como se
           aprende a leer. Todos podemos ser
           creativos”.
          “La creatividad es poner la
           imaginación a trabajar”.
          “Uno es creativo en aquello que le
           gusta.
          “Estar en tu elemento es
           fundamental. Y lo importante: la
           pasión.”
 Conectar con el medio.
               Conocer los elementos.



 Factores:

   Saber  aquello que nos motiva.
    Estar en nuestro elemento.
   La creatividad es pasión.

   La creatividad es esfuerzo.

   Equivocarse forma parte del
    proceso.
En resumen…

   Todos tenemos la
    capacidad de
    imaginar y
    crear.
   A partir de ahí,
    podemos aprender a
    ser creativos.
Ejemplo…




  http://recursosedutic.blogspot.com.es/
Rosabel Roig Vila
rosabel.roig@ua.es

Más contenido relacionado

La actualidad más candente

Aplicaciones en los blogs
Aplicaciones en los blogsAplicaciones en los blogs
Aplicaciones en los blogsNathiManyoma
 
capacitación alumnos del ISFD
capacitación alumnos del ISFDcapacitación alumnos del ISFD
capacitación alumnos del ISFDclaudia
 
Investigación edublogs.
Investigación edublogs.Investigación edublogs.
Investigación edublogs.fofesna
 
¿Qué aporta la Web 2.0 a la Educación?
¿Qué aporta la Web 2.0 a la Educación?¿Qué aporta la Web 2.0 a la Educación?
¿Qué aporta la Web 2.0 a la Educación?antonio Omatos Soria
 
Internet, una fuente de recursos para la clase de español l.e.
Internet, una fuente de recursos para la clase de español l.e.Internet, una fuente de recursos para la clase de español l.e.
Internet, una fuente de recursos para la clase de español l.e.MEN
 
Herramientas virtuales
Herramientas virtualesHerramientas virtuales
Herramientas virtualesRudy Ruiz
 
Web 2.0 por Mario Esquiva y Rubén Cortés
Web 2.0 por Mario Esquiva y Rubén CortésWeb 2.0 por Mario Esquiva y Rubén Cortés
Web 2.0 por Mario Esquiva y Rubén Cortésmarioyruben
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0luis acosta
 
Web 2.0 JESSIE VASQUEZ
Web 2.0 JESSIE VASQUEZWeb 2.0 JESSIE VASQUEZ
Web 2.0 JESSIE VASQUEZNEGRITAVASQUEZ
 
Trabajo final Residuos Informáticos
Trabajo final   Residuos InformáticosTrabajo final   Residuos Informáticos
Trabajo final Residuos InformáticosSandraElisa2012
 
Web 2.0 concepto y servicios [autoguardado]
Web 2.0 concepto y servicios [autoguardado]Web 2.0 concepto y servicios [autoguardado]
Web 2.0 concepto y servicios [autoguardado]nubiahv
 

La actualidad más candente (19)

Aplicaciones en los blogs
Aplicaciones en los blogsAplicaciones en los blogs
Aplicaciones en los blogs
 
capacitación alumnos del ISFD
capacitación alumnos del ISFDcapacitación alumnos del ISFD
capacitación alumnos del ISFD
 
Educación 2.0. Práctica 4
Educación 2.0. Práctica 4Educación 2.0. Práctica 4
Educación 2.0. Práctica 4
 
Web2
Web2Web2
Web2
 
Investigación edublogs.
Investigación edublogs.Investigación edublogs.
Investigación edublogs.
 
¿Qué aporta la Web 2.0 a la Educación?
¿Qué aporta la Web 2.0 a la Educación?¿Qué aporta la Web 2.0 a la Educación?
¿Qué aporta la Web 2.0 a la Educación?
 
Internet, una fuente de recursos para la clase de español l.e.
Internet, una fuente de recursos para la clase de español l.e.Internet, una fuente de recursos para la clase de español l.e.
Internet, una fuente de recursos para la clase de español l.e.
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
Herramientas virtuales
Herramientas virtualesHerramientas virtuales
Herramientas virtuales
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Capacitacion Unam
Capacitacion UnamCapacitacion Unam
Capacitacion Unam
 
Web 2.0 por Mario Esquiva y Rubén Cortés
Web 2.0 por Mario Esquiva y Rubén CortésWeb 2.0 por Mario Esquiva y Rubén Cortés
Web 2.0 por Mario Esquiva y Rubén Cortés
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Web 2.0 JESSIE VASQUEZ
Web 2.0 JESSIE VASQUEZWeb 2.0 JESSIE VASQUEZ
Web 2.0 JESSIE VASQUEZ
 
WEB.2.0
WEB.2.0WEB.2.0
WEB.2.0
 
Trabajo final Residuos Informáticos
Trabajo final   Residuos InformáticosTrabajo final   Residuos Informáticos
Trabajo final Residuos Informáticos
 
Web 2.0 concepto y servicios [autoguardado]
Web 2.0 concepto y servicios [autoguardado]Web 2.0 concepto y servicios [autoguardado]
Web 2.0 concepto y servicios [autoguardado]
 
Web20
Web20Web20
Web20
 

Destacado

Berlingske 050516 Artikler i forsikring- og pensionstillæg
Berlingske 050516 Artikler i forsikring- og pensionstillægBerlingske 050516 Artikler i forsikring- og pensionstillæg
Berlingske 050516 Artikler i forsikring- og pensionstillægThomas Krogh Jensen
 
Bluemix standard deck for clients
Bluemix standard deck for clientsBluemix standard deck for clients
Bluemix standard deck for clientsSergio Loza
 
Ran Shelomi resume 2014
Ran Shelomi resume 2014Ran Shelomi resume 2014
Ran Shelomi resume 2014Ran Shelomi
 
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...Thomas Krogh Jensen
 
Ventajas de Google Drive para Propósitos Educativos
Ventajas de Google Drive para Propósitos EducativosVentajas de Google Drive para Propósitos Educativos
Ventajas de Google Drive para Propósitos EducativosKaren Centeno
 
Basic Info regarding making a RC aeroplane
Basic Info regarding making a RC aeroplaneBasic Info regarding making a RC aeroplane
Basic Info regarding making a RC aeroplaneZubair Ahmed
 
Escuela del Sistema Social
Escuela del Sistema SocialEscuela del Sistema Social
Escuela del Sistema SocialIvan Villamizar
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleRafael Citadella Daron
 
Ubiquity bot Theory
Ubiquity bot Theory Ubiquity bot Theory
Ubiquity bot Theory Fabien Florek
 
How do blockchain and internet of things match?
How do blockchain and internet of things match?How do blockchain and internet of things match?
How do blockchain and internet of things match?Bob Peters
 

Destacado (13)

Berlingske 050516 Artikler i forsikring- og pensionstillæg
Berlingske 050516 Artikler i forsikring- og pensionstillægBerlingske 050516 Artikler i forsikring- og pensionstillæg
Berlingske 050516 Artikler i forsikring- og pensionstillæg
 
Bluemix standard deck for clients
Bluemix standard deck for clientsBluemix standard deck for clients
Bluemix standard deck for clients
 
Ran Shelomi resume 2014
Ran Shelomi resume 2014Ran Shelomi resume 2014
Ran Shelomi resume 2014
 
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...
FinansWatch 120516 Startup-projekter præsenterede Nærige Alfred mor og Schwar...
 
JAMK Innovation Week
JAMK Innovation WeekJAMK Innovation Week
JAMK Innovation Week
 
Ventajas de Google Drive para Propósitos Educativos
Ventajas de Google Drive para Propósitos EducativosVentajas de Google Drive para Propósitos Educativos
Ventajas de Google Drive para Propósitos Educativos
 
Chapter 1 (Introduction)
Chapter 1 (Introduction)Chapter 1 (Introduction)
Chapter 1 (Introduction)
 
Basic Info regarding making a RC aeroplane
Basic Info regarding making a RC aeroplaneBasic Info regarding making a RC aeroplane
Basic Info regarding making a RC aeroplane
 
Leap motion
Leap motionLeap motion
Leap motion
 
Escuela del Sistema Social
Escuela del Sistema SocialEscuela del Sistema Social
Escuela del Sistema Social
 
Design Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the peopleDesign Thinking Workshop - By the people for the people
Design Thinking Workshop - By the people for the people
 
Ubiquity bot Theory
Ubiquity bot Theory Ubiquity bot Theory
Ubiquity bot Theory
 
How do blockchain and internet of things match?
How do blockchain and internet of things match?How do blockchain and internet of things match?
How do blockchain and internet of things match?
 

Similar a Diseño y creación de materiales online

Diseño y creación de materiales online
Diseño y creación de materiales onlineDiseño y creación de materiales online
Diseño y creación de materiales onlineRosabel UA
 
La web 2
La web 2La web 2
La web 2Gim Ivy
 
La formación integral de docentes en ámbito de TIC
La formación integral de docentes en ámbito de TICLa formación integral de docentes en ámbito de TIC
La formación integral de docentes en ámbito de TICArgenis Riofrío
 
Web 2.0 - Posibilidades educativas y herramientas.
Web 2.0 - Posibilidades educativas y herramientas.Web 2.0 - Posibilidades educativas y herramientas.
Web 2.0 - Posibilidades educativas y herramientas.Linces Astutos
 
presentación de informática educativa guia unidad 5
presentación de informática educativa guia unidad 5 presentación de informática educativa guia unidad 5
presentación de informática educativa guia unidad 5 karla ayala
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5Brenda25285
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5JoselineLuna
 
Escuela inclusiva 2.0. Recursos TIC
Escuela inclusiva 2.0. Recursos TICEscuela inclusiva 2.0. Recursos TIC
Escuela inclusiva 2.0. Recursos TICRosabel UA
 
Aplicaciones del BLOG en la Educación
Aplicaciones del BLOG en la EducaciónAplicaciones del BLOG en la Educación
Aplicaciones del BLOG en la EducaciónMiguel Santos Arévalo
 

Similar a Diseño y creación de materiales online (20)

Diseño y creación de materiales online
Diseño y creación de materiales onlineDiseño y creación de materiales online
Diseño y creación de materiales online
 
La web 2
La web 2La web 2
La web 2
 
La formación integral de docentes en ámbito de TIC
La formación integral de docentes en ámbito de TICLa formación integral de docentes en ámbito de TIC
La formación integral de docentes en ámbito de TIC
 
Herramientas Web 2.0 para el aula
Herramientas Web 2.0 para el aulaHerramientas Web 2.0 para el aula
Herramientas Web 2.0 para el aula
 
Web 2.0 - Posibilidades educativas y herramientas.
Web 2.0 - Posibilidades educativas y herramientas.Web 2.0 - Posibilidades educativas y herramientas.
Web 2.0 - Posibilidades educativas y herramientas.
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5
 
presentación de informática educativa guia unidad 5
presentación de informática educativa guia unidad 5 presentación de informática educativa guia unidad 5
presentación de informática educativa guia unidad 5
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5
 
Guia de la unidad 5
Guia de la unidad 5Guia de la unidad 5
Guia de la unidad 5
 
Escuela inclusiva 2.0. Recursos TIC
Escuela inclusiva 2.0. Recursos TICEscuela inclusiva 2.0. Recursos TIC
Escuela inclusiva 2.0. Recursos TIC
 
La web 2 .0
La web 2 .0La web 2 .0
La web 2 .0
 
Presentación
PresentaciónPresentación
Presentación
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Taller 4
Taller 4Taller 4
Taller 4
 
Construyendo pertinencia del proyecto educativo colegio snicolas
Construyendo pertinencia del proyecto educativo colegio snicolasConstruyendo pertinencia del proyecto educativo colegio snicolas
Construyendo pertinencia del proyecto educativo colegio snicolas
 
Sesión 2 - Web 2.0
Sesión 2 - Web 2.0Sesión 2 - Web 2.0
Sesión 2 - Web 2.0
 
Educacionweb
EducacionwebEducacionweb
Educacionweb
 
Recursos Web 2
Recursos Web 2Recursos Web 2
Recursos Web 2
 
Aplicaciones del BLOG en la Educación
Aplicaciones del BLOG en la EducaciónAplicaciones del BLOG en la Educación
Aplicaciones del BLOG en la Educación
 
Ntics en clase
Ntics en claseNtics en clase
Ntics en clase
 

Más de Rosabel UA

Activity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationActivity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationRosabel UA
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Rosabel UA
 
Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxRosabel UA
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxRosabel UA
 
Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxRosabel UA
 
act4-bloque3-es.pptx
act4-bloque3-es.pptxact4-bloque3-es.pptx
act4-bloque3-es.pptxRosabel UA
 
actividad 4-bloque3-EN.pptx
actividad 4-bloque3-EN.pptxactividad 4-bloque3-EN.pptx
actividad 4-bloque3-EN.pptxRosabel UA
 
ENG_Act4_bloque6
ENG_Act4_bloque6ENG_Act4_bloque6
ENG_Act4_bloque6Rosabel UA
 
ES_Act4_bloque6
ES_Act4_bloque6ES_Act4_bloque6
ES_Act4_bloque6Rosabel UA
 
VAL_Act4_bloque6
VAL_Act4_bloque6VAL_Act4_bloque6
VAL_Act4_bloque6Rosabel UA
 
Act 4 bloque 6
Act 4 bloque 6Act 4 bloque 6
Act 4 bloque 6Rosabel UA
 

Más de Rosabel UA (20)

Activity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translationActivity 2-unit 2-update 2024. English translation
Activity 2-unit 2-update 2024. English translation
 
Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024Actividad transversal 2-bloque 2. Actualización 2024
Actividad transversal 2-bloque 2. Actualización 2024
 
Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptx
 
Presentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptxPresentación Bloque 3 Actividad 2 transversal.pptx
Presentación Bloque 3 Actividad 2 transversal.pptx
 
Presentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptxPresentació bloc 3 Perspectiva gènere.pptx
Presentació bloc 3 Perspectiva gènere.pptx
 
Act4-bloque2
Act4-bloque2Act4-bloque2
Act4-bloque2
 
act4-bloque3-es.pptx
act4-bloque3-es.pptxact4-bloque3-es.pptx
act4-bloque3-es.pptx
 
actividad 4-bloque3-EN.pptx
actividad 4-bloque3-EN.pptxactividad 4-bloque3-EN.pptx
actividad 4-bloque3-EN.pptx
 
Bloque4.pptx
Bloque4.pptxBloque4.pptx
Bloque4.pptx
 
ENG_Act4_bloque6
ENG_Act4_bloque6ENG_Act4_bloque6
ENG_Act4_bloque6
 
ES_Act4_bloque6
ES_Act4_bloque6ES_Act4_bloque6
ES_Act4_bloque6
 
VAL_Act4_bloque6
VAL_Act4_bloque6VAL_Act4_bloque6
VAL_Act4_bloque6
 
bloque 1.pptx
bloque 1.pptxbloque 1.pptx
bloque 1.pptx
 
Bloque5.pptx
Bloque5.pptxBloque5.pptx
Bloque5.pptx
 
Bloque 4.pptx
Bloque 4.pptxBloque 4.pptx
Bloque 4.pptx
 
Bloque 2.pptx
Bloque 2.pptxBloque 2.pptx
Bloque 2.pptx
 
act 4 unit 3
act 4 unit 3act 4 unit 3
act 4 unit 3
 
Act 4 unit 6
Act 4 unit 6Act 4 unit 6
Act 4 unit 6
 
Act 4 bloc 6
Act 4 bloc 6Act 4 bloc 6
Act 4 bloc 6
 
Act 4 bloque 6
Act 4 bloque 6Act 4 bloque 6
Act 4 bloque 6
 

Último

describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...DavidBautistaFlores1
 
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).hebegris04
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxNataliaGonzalez619348
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.monthuerta17
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...Martin M Flynn
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías productommartinezmarquez30
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Angélica Soledad Vega Ramírez
 
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...MagalyDacostaPea
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfssuser50d1252
 
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)jlorentemartos
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FJulio Lozano
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docxMagalyDacostaPea
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
Acuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfAcuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfmiriamguevara21
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfMaritza438836
 

Último (20)

Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...describimos como son afectados las regiones naturales del peru por la ola de ...
describimos como son afectados las regiones naturales del peru por la ola de ...
 
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
HISTORIETA: AVENTURAS VERDES (ECOLOGÍA).
 
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docxSecuencia didáctica.DOÑA CLEMENTINA.2024.docx
Secuencia didáctica.DOÑA CLEMENTINA.2024.docx
 
Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.Si cuidamos el mundo, tendremos un mundo mejor.
Si cuidamos el mundo, tendremos un mundo mejor.
 
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
DIGNITAS INFINITA - DIGNIDAD HUMANA; Declaración del dicasterio para la doctr...
 
Aedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptxAedes aegypti + Intro to Coquies EE.pptx
Aedes aegypti + Intro to Coquies EE.pptx
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías producto
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 
Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...Contextualización y aproximación al objeto de estudio de investigación cualit...
Contextualización y aproximación al objeto de estudio de investigación cualit...
 
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
4° SES COM MAR 09 Leemos una noticia del dengue e identificamos sus partes (1...
 
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdfFichas de matemática DE PRIMERO DE SECUNDARIA.pdf
Fichas de matemática DE PRIMERO DE SECUNDARIA.pdf
 
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
TEMA 13. LOS GOBIERNOS DEMOCRÁTICOS (1982-2018)
 
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/FEl PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
El PROGRAMA DE TUTORÍAS PARA EL APRENDIZAJE Y LA FORMACIÓN INTEGRAL PTA/F
 
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
4° UNIDAD 2 SALUD,ALIMENTACIÓN Y DÍA DE LA MADRE 933623393 PROF YESSENIA CN.docx
 
Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
Acuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdfAcuerdo 05_04_24 Lineamientos del CTE.pdf
Acuerdo 05_04_24 Lineamientos del CTE.pdf
 
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdfPROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
PROGRAMACIÓN CURRICULAR - DPCC- 5°-2024.pdf
 

Diseño y creación de materiales online

  • 1. MÁSTER EN ORIENTACIÓN Y EVALUACIÓN SOCIOEDUCATIVAS (MÁSTER OESE) CURSO 2012 – 2013 UNIVERSIDAD DE CÁDIZ Rosabel Roig Vila Foto original Matt Preston
  • 2. La profesora www.rosabelroigvila.es
  • 4. DESCRIPCIÓN La Web 2.0 ofrece una OBJETIVOS serie de  Analizar las servicios y posibilidades de aplicaciones la Web 2.0. web que  Conocer el podemos proceso para el utilizarlos diseño de como recurso materiales para EL online. DISEÑO Y CREACIÓN DE  Conocer MATERIALES aplicaciones ONLINE. para crear materiales online.
  • 5. EN EDUCACIÓN NO EXISTEN RECETAS YA ELABORADAS…
  • 6. PERO SÍ INGREDIENTES… TAMBIÉN EN EDUCACIÓN, COMUNICACIÓN Y TECNOLOGÍAS DE LA INFORMACIÓN…
  • 7. ÍNDICE 1. ¿Qué queremos diseñar? 2. Soporte: Web 2.0 3. E-contenidos: materiales online 4. Aplicaciones web 2.0 5. 2.0 al servicio de la creatividad
  • 8.
  • 9. ¿Qué queremos diseñar? y de cómo debemos reflexionar y planificar lo que queremos hacer…
  • 10. Texto Materiales online Imagen Sonido
  • 11. Proceso de construcción: 1. Elaboración del guión (diseño pedagógico). 2. Estructuración de la información (diseño estructural). 3. Diseño de interfaz (diseño formal).
  • 12. 1. Diseño pedagógico Elaborar un borrador.  Tener en cuenta: contenido, destinatarios y finalidad. Qué A quién Para qué
  • 13. 2. Diseño estructural Estructurar y organizar el contenido.  Dividir la información.  La estructura final debe ser clara.  La unidad debe ser consistente.
  • 14. 3. Diseño formal Diseñar la interfaz:  Seleccionar, formatear Textos y guardar los elementos digitales: Imágenes imágenes, sonidos y y gráficos Sonidos textos.  Crear, diseñar (y publicar) el material utilizando el software Fondos Enlaces correspondiente.
  • 15. Principios pedagógicos:  Explotar las posibilidades de las TIC, especialmente de la Red.  Actualidad, relevancia y pertinencia científica.  Significación de los contenidos.  Formato multimedia.  Evitar el aburrimiento.  Participación del usuario.
  • 16. Principios estéticos:  Tendencia hacia la simplicidad.  Hipertextualidad.  Legibilidad contra irritabilidad (fondo, tipo de letra, distribución espacial de la información).  Interactividad.  Flexibilidad.
  • 17. Soporte: Web 2.0 y de cómo nos hemos quedado embeidos por la Red…
  • 18.
  • 19. •Poca • Red social comunicación entre los usuarios. •Contenidos •Contenidos generados por generados por expertos los usuarios (controlada) •Comunicación •Comunicación unidireccional bidireccional •“Leer en la •“Leer y Web” escribir en la Web”
  • 21.
  • 22.
  • 24. E-contenidos  Contenidos electrónicos  “Todos podemos intervenir en la construcción de la Red”  Objetos de aprendizaje y repositorios.  Cloud computing, widgets, gadgets, mashup, embed…
  • 25. La utilización de e-contenidos permite...  Invertir menos esfuerzos Al utilizar recursos multimedia:  Diversidad de canales  Interactividad  Hipermedia e hipertexto Al utilizar Internet:  Inexistencia de barreras comunicativas e informativas
  • 26. Ejemplos de e-contenidos • Imágenes (fotos, mapas, gifs, etc.), • Vídeos • Podcasts • Gadgets • Mash-up • Actividades • Entradas de blogs • Webs • Webquests, etc.
  • 27. Aplicaciones web 2.0 “Lo verdaderamente difícil no es cómo hacer algo con la Web 2.0... sino qué hacer, qué contenido incluir y cómo estructurarlo”
  • 28. ¿Sobre qué tema trabajamos?
  • 29.
  • 30. APLICACIONES WEB 2.0… 1. Navegadores 2. Marcadores sociales 3. Blogs 4. RSS/Lector Feeds 5. Microblogging 6. Correo electrónico 7. Mensajería instantánea 8. Organizador/calendario 9. Mapas conceptuales 10. Presentaciones 11. Compartir presentaciones 12. Ofimática online 13. Videoconferencia 14. Cursos online 15. Demos multimedia 16. Capturador de pantalla 17. Wiki 18. Imagen 19. Video 20. Audio http://tutorialesedutic.wikispaces.com/ 21. Escritorio personal 22. Plataforma virtual 23. Redes sociales 24. Plataforma integrada
  • 31. Para buscar Para Para crear guardar Para publicar
  • 33. Para buscar… Imágenes Sonidos Vídeos E-contenidos para crear nuestros materiales
  • 38. Para publicar presentaciones power point http://www.slideshare.com
  • 39. Para publicar revistas, catálogos, álbumes (http://es.scribd.com/) (http://issuu.com/)
  • 41. Para crear blogs  EJEMPLO 1  EJEMPLO 2
  • 42. Blogs (contenido) Sumidos en el embed , gadgets, widgets y mash-up
  • 43. Blogs (formatos)  Blog/weblog  Fotoblog  Audioblog  Vlog  Tebeoblog…
  • 44. Blogs (propuestas)  Los blogs como gestores de contenido.  Los blogs como medios de comunicación.  Tipos de blog:  Según autores (profesor/alumno/profesional/institución, individual/colectivo)  Según destinatarios (general/particular, público/privado)  Según finalidad (informar/comunicar).
  • 45. Para crear presentaciones multimedia (http://photopeach.com/home)
  • 46. Para crear ecos y audioguías (http://woices.com)
  • 47. Para crear murales multimedia (http://www.glogster.com)
  • 49. Para crear cuentos con realidad aumentada (http://alpha.zooburst .com/index.php ) Vídeo Vídeo
  • 50. Para crear álbumes digitales http://www.pimpampum.net/bookr Para crear fotonovelas http://www.pimpampum.net/bubblr/?id=39323
  • 51. Para crear nubes de palabras http://www.wordle.net/
  • 52. Para crear fotos de fotomatón http://www.laphotocabine.com/
  • 54. 2.0 al servicio de la creatividad y de cómo podemos enfocar el uso de las aplicaciones web 2.0
  • 55. Materiales online Web 2.0 ¿Cómo podemos utilizar las posibilidades de la Web 2.0 en el ámbito educativo de los materiales formativos? creatividad
  • 56. Creatividad (I)… http://producten.hema.nl/
  • 57. Creatividad… Ken Robinson:  “Se puede ser creativo en cualquier cosa”.  “La creatividad se aprende como se aprende a leer. Todos podemos ser creativos”.  “La creatividad es poner la imaginación a trabajar”.  “Uno es creativo en aquello que le gusta.  “Estar en tu elemento es fundamental. Y lo importante: la pasión.”
  • 58.  Conectar con el medio.  Conocer los elementos.  Factores:  Saber aquello que nos motiva. Estar en nuestro elemento.  La creatividad es pasión.  La creatividad es esfuerzo.  Equivocarse forma parte del proceso.
  • 59. En resumen…  Todos tenemos la capacidad de imaginar y crear.  A partir de ahí, podemos aprender a ser creativos.