SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
Índice
                                                 1.    Conceptos básicos
Multimedia y Educación
                                                 2.    Tecnología multimedia informática
       Nuevas Tecnologías Aplicadas a            3.    Multimedia y educación
                    Educación
       Departamento de Lenguajes y Sistemas      4.    Hipermedia y Educación
                   Informáticos                  5.    Bibliografía
              Universidad de Alicante

        http://www.dlsi.ua.es/asignaturas/ntae




Índice                                           Índice
1. Conceptos básicos                             1. Conceptos básicos
2. Tecnología multimedia informática             2. Tecnología multimedia informática
  1.   Características                           3. Multimedia y educación
  2.   Imagen y vídeo digital
                                                      1.   Imagen, lengua y música.
  3.   Audio digital
                                                      2.   Antiguos y modernos multimedia.
  4.   Texto digital
                                                      3.   Diseño y producción.
3. Multimedia y educación
                                                      4.   Programas multimedia educativos.
4. Hipermedia y Educación
                                                 4. Hipermedia y Educación
5. Bibliografía
                                                 5. Bibliografía
Índice                                    Índice
1.    Conceptos básicos                   1. Conceptos básicos
2.    Tecnología multimedia informática   2. Tecnología multimedia
3.    Multimedia y educación                 informática
4.    Hipermedia y Educación              3. Multimedia y educación
     1.   Hipertexto e hipermedia
     2.   Origen y características        4. Hipermedia y Educación
     3.   Creación de hipertextos         5. Bibliografía
     4.   Hipermedia y educación
5. Bibliografía




                                          Conceptos básicos
                                          !   Comunicación multimedial: comunicación
                                              entre seres humanos en la que participan
Conceptos básicos                             signos pertenecientes a diferentes sistemas
                                              semióticos.
                                              !   Sistema semiótico: cualquier conjunto de signos
                                                  que utilizamos para comunicarnos.
                                                   !   Lenguas naturales, música, imágenes, etc.
                                              !   Medium-media: materialización de un sistema
                                                  semiótico en un contexto comunicativo
                                                  determinado
Conceptos básicos                                     Conceptos básicos
                                                                                                 Medium verbal
                                            Sistema                                 Bla,
    Medium lingüístico
                                           semiótico:                             bla, bla
                                                           Medium imagen
                          Bla,               lengua
                        bla, bla             natural




                                                                                  Medium quinésico




         Conceptos básicos                                     Conceptos básicos
!   Ejemplos de comunicación multimedial:
    !   el cine: es multimedial porque se establece
                                                           !   Multimedia informática:
        comunicación (se narra una historia) básicamente       !   La novedad que presenta la informática en la
        con tres media:                                            comunicación multimedial es que todos los
         !   imagen en movimiento,                                 media están codificados en un mismo
         !   habla (medium lingüístico),                           SOPORTE DIGITAL.
         !   música (medium musical)
    !   Así también otras situaciones comunicativas como
        la televisión, el teatro, la conversación cara
        a cara, etc.
Conceptos básicos                                      Recapitulación
!   Información digital: de los átomos a               !   Comunicación multimedia es aquella en la que
    los bits.                                              participan signos pertenecientes a diferentes
                                                           sistemas semióticos.
    !   Música, texto, imágenes, etc. van              !   Casi todo tipo de comunicación es multimedial
        perdiendo su valor por el soporte físico (en       (exposición oral, cine, televisión, etc.)
        átomos) que tienen, por su valor en            !   La multimedia informática se caracteriza por
        soporte digital (bits) (Negroponte, 2000)          codificar todos los media (audio, texto,
    !   Ejemplo: descarga de música desde                  imagen) en el mismo soporte digital.
        internet. El vinilo o CD (soporte físico) ha   !   Esta digitalización tiene trascendencia
        perdido el valor por la información digital.       importante en la sociedad (y por tanto
                                                           también la educación).




                                                            Índice
                                                            1. Conceptos básicos

              Tecnología                                    2. Tecnología multimedia informática
                                                               1.   Características

              Multimedia                                       2.
                                                               3.
                                                                    Imagen y vídeo digital
                                                                    Audio digital

              Informática                                      4.   Texto digital
                                                            3. Multimedia y educación
                                                            4. Hipermedia y Educación
                                                            5. Bibliografía
Tecnología multimedia                                           Tecnología multimedia
!   Un sistema informático multimedia es                       !    Factores que han propiciado la aparición de
    un ordenador capaz de trabajar con                              sistemas informáticos multimedia:
    diferentes media como:                                          !   Económicos: equipos más baratos.
    !   Imágenes:                                                   !   Sociales:
         !   Estáticas: dibujo, fotografía digital, etc.                !   Mayor formación informática.
         !   En movimiento: vídeo digital, animaciones, etc.            !   Mayor facilidad de uso: interfaces de usuario más
                                                                            intuitivas.
    !   Audio:
         !   Habla
                                                                    !   Tecnológicos: mayor capacidad de
         !   Música.
                                                                        procesamiento y almacenamiento.
    !   Texto escrito




        Avances tecnológicos                                            Características
!   Mayor velocidad de procesamiento:
    microprocesadores más rápidos y económicos.                1.    Multimedialidad: Capacidad de procesar
    !   Evolución: 386, 486, Pentium, PII, PIII, PIV, etc.           diferentes media en el mismo soporte digital.
!   Dispositivos de almacenaje con más capacidad.              2.    Navegabilidad: Capacidad de generar
        Discos duros con más capacidad y velocidad:
                                                                     estructuras hipertextuales e hipermediales.
    !
        Megabytes, Gigabytes, etc.
    !   Discos extraíbles,                                     3.    Interactividad: Permiten la participación e
    !   CD-ROM, DVD, Memorias flash, etc.                            implicación mayor del usuario en el proceso
!   Dispositivos digitalizadores                                     comunicativo. Bidireccionalidad.
    !   Tarjetas de sonido
    !   Tarjetas de vídeo, aceleradoras gráficas.              4.    Conectividad: Permite difusión-comunicación
    !   Tabletas digitalizadoras y capturadoras.                     multimedia por Internet.
Imagen digital                                                             Imagen digital (I)
                                                                           !   Representación de la imagen:
                                                                               !   Mapa de bits
                                                                               !   Imagen vectorial




    Mapa de bits                                                               Mapa de bits (II)
!   La imagen se divide en puntos mínimos a                                !   Formatos:
    modo de rejilla. Cada uno tiene asociado un                                !   BMP: mapa de bits
    color (o nivel de gris).                                                   !   GIF: Formato de compresión (hasta 1/3).
                                                                                        Se basa en el uso de una paleta de colores (256
    Parámetros:
                                                                                    !
!                                                                                       normalmente) donde cada color está codificado con 1
    !   Resolución: nº de elementos por línea x nº de                                   byte.
        elementos por columna.                                                      !   Cada píxel hace referencia al color de la paleta, en vez
                                                                                        de codificar el color real (3 bytes)
             Calidad fotográfica: 1280 x 1024
                                                                                   PNG: evolución de GIF, pero libre.
         !
                                                                               !
    !   Profundidad de color: intensidad de rojo, verde y                      !   JPG: Formato de compresión (hasta 50%). Alta
        azul de cada píxel, en bits.                                               calidad.
         !   Calidad fotográfica = 8 bits por color = 3 bytes por píxel.
Imagen vectorial                                      Imagen vectorial (II)
!   La imagen se descompone en objetos                !   Adecuada para imágenes geométricas
    (líneas, polígonos, texto, etc.) con sus              !   No adecuada para imágenes reales: la
    atributos correspondientes (color,                        calidad y fidelidad de la imagen es peor.
    grosor, etc.)
                                                      !   Ocupan menos espacio que mapa de
    !   Su forma y posición se determina mediante
        vectores y ecuaciones.                            bits y más fácil de escalar.
    !   Al visualizar la imagen, el programa evalúa   !   Formatos:
        las ecuaciones y escala la imagen,                !   DXF, IGES ( ambos de Auto-CAD), EPS,
        generando la imagen concreta.                         TrueType.




    Imagen digital (II)                                   Imagen digital (III)
!   Hardware                                          !   Hardware
                                                          !   Cámaras de fotos digitales.
!   Software                                              !   Escáner: para digitalizar tanto textos (OCR) como
                                                              imágenes.
                                                          !   Pantalla: resolución 1024x768.
                                                          !   Tarjeta gráfica. Estándares:
                                                               !   CGA: Adaptador de gráficos en color. IBM 1981.
                                                               !   VGA: Adaptador de vídeos gráficos. IBM 1987
                                                               !   SVGA: Derivaciones de la anterior 1987 (diferentes
                                                                   fabricantes)
                                                      !   Software
Imagen digital (IV)                              Imagen digital (y V)
                                                    Ampliación:
!   Hardware:                                   !
                                                    !    Procesamiento digital de imágenes:
                                                              http://es.wikipedia.org/wiki/Procesamiento_Digital_de_Imagenes
    Software:
                                                          !

!                                                   !    Mapa de bits:
                                                              http://es.wikipedia.org/wiki/Mapa_de_bits
        Programas de tratamiento de imágenes:
                                                          !

    !                                               !    Imagen vectorial:
                                                              http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial
        GIMP, Photshop, etc.                        !
                                                          !

                                                         GIF:
                                                                http://es.wikipedia.org/wiki/Gif
    !   Programas de diseño asistido por            !
                                                          !

                                                         PNG:
        ordenador (CAD): AutoCAD.                         !

                                                          !
                                                              http://www.w3.org/Graphics/PNG/
                                                              http://es.wikipedia.org/wiki/PNG
                                                          !   http://www.libpng.org/pub/png/
                                                    !    JPG:
                                                          !   http://es.wikipedia.org/wiki/Jpg




    Vídeo y animaciones digital                      Vídeo y animaciones digital (I)
                                                !   Sucesión de imágenes fijas + audio.
                                                !   La información de vídeo es ingente, mucho más de los
                                                    que los sistemas son capaces de procesar.
                                                     !   CODEC: Proceso de compresión y descompresión. Al digitalizar la
                                                         imagen se comprime en archivo manejable por el ordenador, y
                                                         en el momento de visualizarlo se descomprime.
                                                !   Algunos formatos:
                                                     !   AVI: estándar de facto. “Contenedor” que permite diferentes
                                                         codecs.
                                                     !   MPEG-4: codec estándar de compresión.
                                                     !   DIVX ;): códec de vídeo basado en MPEG-4
                                                     !   En la web: .asf, .mwv (windows); real (Real player), .mov
                                                         (Quicktime de Appel)
Vídeo y animaciones digital (II)                      Vídeo y animaciones digital (III)
!   Hardware:                                         !   Ampliación:
    !   Cámaras digitales de vídeo, que eviten el         !   Codec:
                                                                   http://es.wikipedia.org/wiki/Codec
        proceso de adquisición y digitalización.               !


                                                          !   AVI:
    !   Tarjetas digitalizadoras.                              !   http://es.wikipedia.org/wiki/Avi
!   Software:                                             !   MPEG-4
                                                                   http://www.chiariglione.org/mpeg/
        Programas de edición y postproducción del
                                                               !
    !
                                                                   http://es.wikipedia.org/wiki/Mpeg-4
        vídeo: Adobe Premier, Pinnacle Studio,
                                                               !


                                                          !   DIV-X ;)
        Windows Movie Maker, etc.                              !   http://es.wikipedia.org/wiki/Divx
    !   Programa de creación de animaciones: Flash.            !   http://www.divx.com/




    Audio digital                                         Audio digital (I)
                                                      !   Representación del sonido:
                                                          !   La señal analógica es continua. Para poder procesarla
                                                              digitalmente se realizan técnicas de muestreo.
                                                               !   Selección de muestras de sonido a intervalos fijos de tiempo
                                                          !   Parámetros:
                                                               !   Frecuencia: número de muestras a un intervalo de tiempo
                                                                   fijo, medido de Herzios (Hz).
                                                               !   Precisión: número de bits con los que se representa la
                                                                   muestra (16, 20, 24).
                                                          !   A mayor frecuencia y precisión, mayor tamaño del
                                                              fichero de sonido, pero mayor calidad.
                                                               !   Calidad CD: 44.1 KHz y 16 bits.
Audio digital (II)                                              Audio digital (III)
!   Principales formatos de los ficheros de                     !   MIDI:
    audio:                                                              !   No es un formato de audio, sino un
     !   WAV: alta calidad, sin compresión.                                 protocolo para compartir y comunicar
          !   Microsofot - IBM                                              sonido.
     !   Mp3: formato de compresión, basado en la                       !   Un fichero MIDI no contiene muestras de
                                                                            sonido, sino las instrucciones necesarias
         eliminación de las frecuencias de sonido no
                                                                            (lenguaje) con las que un controlador le dice
         perceptible.                                                       a la unidad que genera el sonido
                                                                            (sintetizador) qué sonido debe sonar, su
                                                                            duración, etc.




    Audio digital (IV)                                              Audio digital (y V)
!   Hardware:                                                   !   Ampliación:
    !    Tarjetas de sonido: conversor A/D D/A, sintetizador        !   Muestreo digital:
         de sonido e interfaz MIDI.                                         !   http://es.wikipedia.org/wiki/Muestreo_digital
    !    Micrófonos y altavoces para la entrada y salida de         !   WAV:
         información sonora.
                                                                            !   http://es.wikipedia.org/wiki/WAV
    !    Maquinaria musical específica: teclados musicales,
         controlador midi, etc.                                     !   MP3:
                                                                                http://es.wikipedia.org/wiki/Mp3
    Software:
                                                                            !
!
                                                                            !   http://www.mp3licensing.com/mp3/index.html
    !    Programas de control, editor, mezclador, limpieza de
         audio, etc.                                                !   MIDI:
                                                                                http://es.wikipedia.org/wiki/Midi
         Audacity, pro tools, etc.
                                                                            !
    !
                                                                            !   http://www.hispasonic.com/articulo31.html
Texto digital                                               Texto digital
                                                            !   Representación digital del texto:
                                                                 !   Cada carácter consta de 8 bits (ASCII)
                                                                 !   Además del carácter, los editores-lectores de texto
                                                                     muestran sus características físicas: tamaño, color,
                                                                     subrayado, fondo, etc.
                                                            !   Permite tratamiento automático: búsquedas,
                                                                almacenamiento, procesamiento lingüístico,
                                                                etc.
                                                            !   Hipertexto:
                                                                 !   Lo más novedoso del texto digital es que se pueden
                                                                     enlazar unos textos con otros formando
                                                                     hipertextos.
                                                                 !   Ejemplo: Internet.




    Recapitulación
!   Sistema multimedia capaz de procesar imagen,
    audio y texto.
!   Características: multimedialidad,
    hipertextualidad, interactividad y conectividad.
                                                                      Multimedia y
!   Aspectos técnicos básicos de imagen, vídeo,
    audio y texto digital:
                                                                       educación
     !   Representación en bits, parámetros y formatos de
         compresión.
     !   Hardware y software.
Índice                                                           Multimedia y educación
         1. Conceptos básicos                                 !   La educación se basa en un proceso de
         2. Tecnología multimedia informática                     comunicación.
         3. Multimedia y educación                                    !   A nuevos medios de comunicación, nuevas
                                                                          formas de educación.
            1.   Imagen, lengua y música.
            2.   Antiguos y modernos multimedia.              !   El objetivo en el uso de la multimedialidad
            3.   Diseño y producción.                             es obtener el máximo provecho educativo.
            4.   Programas multimedia educativos.                     !   Confluencia de la comunicación, la
         4. Hipermedia y Educación                                        multimedialidad y la educación.
         5. Bibliografía




         Multimedia y educación                                           Multimedia y educación
!   La comunicación se produce a partir de                !   Tradicionalmente se ha dicho:
    nuestros sentidos.
!   Los dos principales son:                                              Una imagen vale más que mil palabras

    !    la vista: medium visual y medium verbal
                                                                      El sentido de la vista es el que más información puede
        (escrito).
                                                                  !
                                                                      procesar.
    !   el oído: medium verbal (oral) y medium musical.           !   La comunicación visual, por tanto, es la más completa y
!   ¿Qué medio es más óptimo para un fin                              óptima para la educación.
    educativo?                                            !   Pregunta para reflexionar:
                                                                                     ¿Esto es cierto?
Multimedia y educación                                           Multimedia y educación
!   Casos para reflexionar:                                  !   En realidad, esta afirmación es falsa.
                                                             !   Todos los media con los que nos comunicamos son
    ! Un paisaje: 1 imagen – 1.000 palabras                      compatibles entre sí.
                                                                 Unos son más óptimos que otros para comunicar
    ! Un objeto: 1 imagen – 1.000 palabras
                                                             !
                                                                 información dependiendo de diferentes factores:
pero                                                              ! Contenido del mensaje:

                                                                             !   Verbal, conceptual o no conceptual (emotivo).
    ! El Quijote: 1.000 palabras – ¿1 imagen?                                !   Ideas - imágenes concretas o abstractas.
                                                                         Mensaje:
    ! Crítica de la razón pura: 1.000 palabras –
                                                                     !

                                                                             !   Mensaje estructurado vs. no estructurado.
        ¿1 imagen?                                                           !   Estático o con desarrollo temporal.
                                                                             !   Interpretación inmediata o lineal.




            Multimedia y educación                                           Multimedia y educación

        !   Imagen (medium imagen):                              !   Lengua hablada (medium lingüístico-
                                                                     verbal):
            !   Transmite mensaje conceptual concreto.                   !   Transmite mensaje conceptual-verbal y emotivo (o no
                 !   Dificultad para mensajes abstractos y                   conceptual).
                     emotivos.                                                   !   Los gestos y la entonación transmiten mensajes no
                                                                                     conceptuales, emotivos, y apoyan los mensajes verbales-
            !   Mensaje estático y no estructurado.                                  conceptuales del discurso.
                                                                         !   Ideas tanto abstractas como concretas, pero con una
            !   Interpretación inmediata.                                    capacidad de abstracción baja.
                                                                         !   Mensaje estructurado.
                                                                         !   No inmediatez, sino interpretación lineal en el tiempo.
                                                                         !   Transmite temporalidad.
Multimedia y educación                                    Multimedia y educación
!   Lengua escrita (medium lingüístico-                   !   Música (medium musical):
    verbal):                                                  !   Trasmite mensaje no conpetual:
        Transmite mensaje conceptual-verbal.
                                                                  sentimientos y emociones.
    !

    !   Ideas tanto abstractas como concretas, pero con
        capacidad de abstracción alta, razonamientos de       !   Ideas abstractas, pero sin conceptos.
        gran profundidad.
    !   Mensaje estructurado.                                 !   Mensaje altamente estructurado (sintaxis),
    !   No inmediatez, sino interpretación lineal en el           pero sin semántica, sin significado
        tiempo.                                                   conceptual.
    !   Transmite temporalidad.
                                                              !   Interpretación lineal en el tiempo.




    Multimedia y educación                                    Antiguos y modernos multimedia

!   El objetivo es combinarlos para
    aprovechar lo mejor de cada uno en la
    tarea docente:
               MULTIMEDIA
Antiguos y modernos multimedia                                      Antiguos y modernos multimedia
!   Comunicación multimedia en la enseñanza:                      !   La pizarra:
     !   Exposiciones en la pizarra.                                   !   Multimedia tradicional y cotidiano en educación.
     !   Proyección de Diapositivas                                    !   Flexible, rápido y efectivo.
     !   Videoproyecciones                                             !   Actualmente hay pizarras electrónicas que
     !   Proyección de material impreso                                    permiten digitalizar inmediatamente todo lo que
     !   Sistemas de audio: discos, radio, etc.                            se ha dibujado.
     !   Multiproyecciones o Diaporamas (diapositivas + audio).   !   Ayudas audiovisuales a la enseñanza:
     !   Sistemas combinados de imagen y sonido: TV,                  diapositivas, TV y vídeo, etc.
         reproductores de vídeo, etc.
                                                                       !   Suponía el movimiento e instalación de un gran
                                                                           número de aparatos. Pocos profesores los usan.




         Antiguos y modernos multimedia                                      Antiguos y modernos multimedia
!   Con los sistemas informáticos multimedia, la                  !   Medios de comunicación de masas ! Nuevos medios informáticos:
                                                                      (MCM):                             ! Bidireccional
    educación se enriquece con:                                       !    unidireccional,                        !   Espectador activo
    !    Texto digital (hipertexto).                                  !    espectador pasivo, poca
                                                                           participación,
                                                                                                                  !   Digitales, multimedia, navegables.
    !    Voz digital.                                                 !    frío.                              !   Enseñanza con los nuevos medios:
                                                                                                                      Control centralizado en el alumno
    !    Imagen estática y vídeo animado.                         !   Enseñanza con MCM:
                                                                                                                  !

                                                                                                                  !   Muy interactivo: participación.
    !    Audio: voz, música y sonido en general.                      !    control centralizado por el profesor
                                                                                                                      Flexibilidad: información digital
                                                                           (contenidos y forma),                  !
    !    Interactividad                                               !    poco interactivo                       !   Multimedia: más estímulos y
                                                                                                                      recursos, mayor riqueza
    todo en un único soporte, con la capacidad de                     !    Unidireccional: del profesor a los
                                                                                                                      comunicativa.
      adquirir, editar y reproducir el comunicado                          alumnos
                                                                           pobre de recursos y estímulos
      multimedia sin gran complejidad ni grandes                      !


      costos.
Antiguos y modernos multimedia                 Diseño y producción
!   Con un PC multimedia se pueden concentrar
    todas las ayudas visuales a la enseñanza en
    un sólo aparato fácil de usar y de
    transportar.
!   Y además incluye interactividad.




        Diseño y producción                            Diseño y producción
    !   El uso de los nuevos medios informáticos   !    Fases de creación:
        en educación precisan de una preparación       1. Diseño
        previa y planificación importante.             2. Producción y postproducción
                                                       3. Evaluación del material
                                                                                        J. Cabero (2001)
Diseño y producción                             Diseño y producción
!    Fases de creación:                         !       Fases de creación:
    1. Diseño " Documentación y Guión               1. Diseño
      1.   Audiencia.
                                                    2. Producción y postproducción
      2.   Objetivos y contenidos.
                                                         1. Ejecución de lo planificado en la fase anterior
      3.   Modelo docente y método.
      4.   Tipo de media.                                2. Corrección de errores
      5.   Estructura: lineal o hipertextual.            3. Publicación
      6.   Interacción.                             3. Evaluación del material
    2. Producción y postproducción
    3. Evaluación del material




    Diseño y producción                             Diseño y producción
!    Fases de creación:                         !   Decisiones importantes:
    1. Diseño                                       !   Selección de los media que mejor se adapten
    2. Producción y postproducción                      a los objetivos educativos:
    3. Evaluación del material                           !   Vídeo, texto, imagen estática, etc.
      1. Análisis de objetivos alcanzados           !   Tipo de estructura: lineal o hipertextual
      2. Revisión y optimización                    !   Interactividad.
Programas multimedia educativos                                  Programas multimedia educativos
!   Software Multimedia: programas que                           !   Como entorno de aprendizaje, incluye
    combinan y unifican vídeo, animaciones, audio                    tanto:
    (música, habla) y texto en una exposición o
    curso multimedia.                                                !   Los programas educativos enmarcados bajo
    !   Presentaciones: Powerpoint y Open Office                         la denominación común de enseñanza
        Presentation.                                                    asistido por ordenador (CAE o EAO),
    !   Profesionales comerciales: Authorware 7 y                    !   Los programas de aprendizaje a distancia e-
        Director MX de Macromedia.
    !   Freelance, quicktime, etc.
                                                                         learning.
    !   Editor web




        Recapitulación
!   Imagen, lengua y música: diferentes medios óptimos para
    diferentes tipos de mensajes.
    !   Buscar la mejor combinación para el proceso educativo.
!   Los nuevos medios informáticos multimedia suponen un salto
    cualitativo con relación a tecnología anterior:
        Mayor multimedialidad en un mismo soporte.
                                                                             Hipermedia y
                                                                               educación
    !

    !   Hipertextualidad.
    !   Interactividad.
!   Necesidad de desarrollo de todo un proceso de diseño,
    producción y evaluación del material educativo multimedia.
!   Enfocado tanto a enseñanza asistida por ordenador como a
    enseñanza en red o e-learning.
Índice                                                                     Hipermedia
         1.     Conceptos básicos                                          !   Goldfarb (1991): Unión de dos tecnologías de
         2.     Tecnología multimedia informática                              procesamiento de la información:
         3.     Multimedia y educación                                         hipertexto y multimedia.
         4.     Hipermedia y Educación                                         !   La información hipertextual es accesible de
               1.   Hipertexto e hipermedia
                                                                                   diversas manera, no hay un único camino de
               2.   Origen y características
                                                                                   lectura (navegación).
               3.   Creación de hipertextos                                    !   La información multimedia se comunica por más
               4.   Hipermedia y educación                                         de un media (visual, lingüístico, etc.).
         5. Bibliografía




         Hipermedia                                                                 Hipertextos: origen I
!   Hipertexto: Estructura semántica interactiva en la                     !   Memex, de Vannebar Bush (1945).
    que unidades textuales están relacionadas por                              !   Sistema hipertextual de almacenamiento de la
    asociación con otras a partir de unidades                                      información (no informático).
    conceptuales.
                                                                               !   Objetivo: crear una estructura textual más
    !   Una serie de textos enlazados en forma de red.
                                                                                   cercana y propia de la forma de pensar humana
        Depende de un ordenador para ser consultado.
                                                                                   (“As we may think”).
    !

         !   Los datos multimedia, en cambio no dependen de un ordenador
             como medio de procesamiento.                                      !   Permite saltar de un lugar a otro de forma no
!   Hipermedia: hipertexto con información verbal                                  lineal mediante enlaces de base semántica.
    (textos), visual (imagen fija, vídeo animado) y
    sonora (habla, música y sonidos).
Hipertextos: origen II                                             Hipertextos: características
!   Theodor H. Nelson:                                                  1. No linealidad.
    !   Introduce el término “hipertexto”                               2. Límites difusos:
    !   Lo define como:                                                     !     no tiene un centro claro,
    “Con hipertexto me refiero a una escritura no secuencial, a             !     sus límites no están claramente definidos:
      un texto que bifurca, que permite que el lector elija y que                 ¿Dónde empieza?, ¿dónde acaba?, etc.
      se lea mejor en una pantalla interactiva. De acuerdo con          3. Interactividad:
      la noción popular se trata de una serie de bloques de
      texto conectados entre sí por nexos, que forman                       !     debe ser navegado por el lector. Muchas
      diferentes itinerarios para el lector”                                      posibilidades de lectura (posibilidades de
                                                                                  navegación).




         Estructura no lineal o asociativa                                  Estructura no lineal o asociativa
             vs. Estructura lineal:                                             vs Estructura lineal:
    !   Estructura lineal:                                          !   Estructura no lineal o asociativa:
         !   Condicionada por el soporte físico.                        !   Imita el pensamiento natural.
                                                                                 Relación o salto semántico entre unidades conectadas.
             Gran capacidad directiva. Los sistemas lineales
                                                                             !
         !

             (libros, vídeos) imponen su estructura que nos             !   Aparentemente es poco directiva, permite escoger el
             hace recorrer los datos de principio a fin.                    camino (interactividad).
                                                                                 Aunque se ha diseñado un camino definido que facilita el llegar a
             El creador impone el camino de lectura: la
                                                                             !
         !
                                                                                 buen termino: ‘Elección orientada o condicionada’.
             disposición lineal de cada unidad textual es
                                                                        !   Facilita la construcción del conocimiento.
             importante.
                                                                        !   Diseño más complejo, al haber diferentes formas de
         !   No favorece el constructivismo: poca libertad
                                                                            interpretación que el autor debe tener en cuenta.
             interpretativa para el lector.
Creación de hipertexto                                      Creación de hipertexto
!   Arquitectura: flujo de información                      !   Arquitectura: flujo de información
                                                                !   ¿Cuántas páginas?
!   Enlaces.                                                    !   Contenidos y diseño multimedia de cada una.
                                                                    Estructura jerárquica.
!   Usabilidad.                                                 !
                                                                     !   Estructura tópico-subtópico
!   Estilo.                                                          !   Menor a mayor complejidad
                                                                !   Estructura hipertextual
                                                            !   Enlaces.
                                                            !   Usabilidad.
                                                            !   Estilo.




Creación de hipertexto                                      Creación de hipertexto
!   Arquitectura: Flujo de información                      !   Arquitectura: Flujo de información
!   Enlaces:                                                !   Enlaces
        Qué se enlaza con qué: prever caminos de lectura.
                                                                Usabilidad
    !
                                                            !
    !   Diseño: enlaces claros, pero no evidente.
    !   Horizonte de expectativas: dar información de lo        !   El diseño de las páginas debe ser fácil de
        que hay tras el enlace                                      utilizar: “usabilidad” (Nielsen 2000)
!   Usabilidad.                                                 !   “No me hagas pensar”
!   Estilo.                                                 !   Estilo.
Creación de hipertexto                            Hipermedia y Educación
         !   Arquitectura: Flujo de información   !   El hipermedia es un medio para la enseñanza
         !   Enlaces.                                 con muchas posibilidades.
         !   Usabilidad.                          !   Principales ventajas pedagógicas:
         !   Estilo:                                  !   Es un medio que incentiva la curiosidad y hace
             !   Conciso                                  que el alumno se involucre en la lección.
             !   Fácil de ojear                       !   Hace que los contenidos sean más fáciles,
             !   Objetivo (sin hipérboles)                extensos y flexibles.
             !   Fragmentario                              !   Fragmentación de los contenidos en unidades
                                                               pequeñas interconectadas.




         Hipermedia y Educación                            Hipermedia y Educación
!   Aplicaciones:                                 !   Alumno como receptor de hipermedia.
                                                          La información se le ofrece en formato hipermedial.
        Alumno como receptor de hipermedia.
                                                      !
    !
                                                      !   Implicarse del alumno en el hipertexto:
    !   Alumno como creador de hipermedia                  !   Fomento de la actitud creativa de busca de información
                                                               relevante.
                                                           !   Actitud crítica para discriminar información útil de información
                                                               inútil.
                                                      !   El profesor actúa de guía para que el alumno no “se
                                                          pierda” en el laberinto de información
                                                      !   Ejemplo:
                                                           !   Búsqueda guiada de información en Internet.
                                                           !   WebQuest (Dodge 1995).
                                                           !   Lectura de narrativa hipertextual.
Hipermedia y Educación II                                              Hipermedia y Educación III
!   Alumno como creador de hipermedia:                                 !   Reconfigurar al profesor:
    !   Proceso de obtención de información, síntesis y división           !   Obliga al profesor a cambiar de estrategia para incentivar
        de la información en unidades básicas (páginas).                       a los alumnos.
    !   Proceso de estructuración hipertextual: relacionar las             !   El profesor asume papel de orientador del alumno, más
        unidades.                                                              que de “conferenciante”
    !   Análisis crítico y discusión de información útil e inútil,     !   Reconfigurar al estudiante:
        importante y secundaria, etc.                                      !   El hipertexto se basa en la relación de conceptos e ideas
    !   El profesor actúa como incentivo para desarrollar el                    !   “El pensamiento crítico se basa en relacionar muchas cosas entre
        proceso con éxito (motivación): especificación de la                        sí” (Landow 1995)
        tarea, solución de problemas, ofrecer pautas, etc.                 !   Delante de tanta información, el alumno, ayudado por el
    !   Ejemplos:                                                              profesor, habrá de ser crítico y creativo: debe
         !   Desarrollar una wiki en grupo sobre un tema específico.           aprender a moverse entre los diferentes puntos de vista
         !   Blogs                                                             (sentido critico).
         !   Creación de narrativa hipertextual




         Recapitulación                                                         Bibliografía
!   Hipertexto: Estructura semántica interactiva en la que
    unidades textuales están relacionadas por asociación con           !   Berners-Lee, T., Tejiendo la Web. Siglo XXI.
    otras a partir de unidades conceptuales.                           !   Landow, G. P. (1995), Hipertexto, Barcelona, Paidós.
!   Hipermedia: hipertexto con información verbal (textos),            !   Negroponte, N. (1995), El mundo digital. Barcelona, Sine
    visual (imagen fija, vídeo animado) y sonora (habla, música            Qua Non, 2000.
    y sonidos).
!   Características del hipertexto: no-linealidad, límites difusos e   !   Poole, B. J. (1999). Tecnología educativa. Madrid, Mc Graw
    interactividad.                                                        Hill.
!   Aspectos para la creación de hipermedia: flujo de                  !   Nielsen, J. (2000) Usabilidad, Madrid, Prentice Hall.
    información, enlaces, usabilidad y estilo.                         !   Prieto, A. et al (2001) Introducción a la Informática
!   Aplicaciones educativas:                                               McGraw Hill.
    !   Alumno como receptor del hipermedia                            !   WebQuest: http://www.webquest.org/
    !   Alumno como creador del hipermedia.

Más contenido relacionado

La actualidad más candente

Guia básica de diseño con Prezi - Documento Maestro
Guia básica de diseño con Prezi - Documento MaestroGuia básica de diseño con Prezi - Documento Maestro
Guia básica de diseño con Prezi - Documento MaestroFreddy Castillo
 
Audiovisual
AudiovisualAudiovisual
Audiovisualpablo
 
Aplicaciones interactivas
Aplicaciones interactivasAplicaciones interactivas
Aplicaciones interactivasJose Guevara
 
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TIC
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TICPROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TIC
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TICCPESANSEBASTIAN
 
Recursos Didácticos -Tarea2
Recursos Didácticos -Tarea2Recursos Didácticos -Tarea2
Recursos Didácticos -Tarea2Monica Obando
 
Comunicación interactiva.
Comunicación interactiva. Comunicación interactiva.
Comunicación interactiva. juancvivas95
 
Multimedia Compu
Multimedia CompuMultimedia Compu
Multimedia CompuLORENAAAAAA
 
Software multimedia
Software multimediaSoftware multimedia
Software multimediaMitsuoYo
 
M mingot presentaicon_nuevosmedios
M mingot presentaicon_nuevosmediosM mingot presentaicon_nuevosmedios
M mingot presentaicon_nuevosmediosMinet9o
 
Medios educativos
Medios educativosMedios educativos
Medios educativosarley26
 

La actualidad más candente (16)

Guia básica de diseño con Prezi - Documento Maestro
Guia básica de diseño con Prezi - Documento MaestroGuia básica de diseño con Prezi - Documento Maestro
Guia básica de diseño con Prezi - Documento Maestro
 
MULTIMEDIA
MULTIMEDIAMULTIMEDIA
MULTIMEDIA
 
Audiovisual
AudiovisualAudiovisual
Audiovisual
 
Uso de-la-ti cs-en-eba
Uso de-la-ti cs-en-ebaUso de-la-ti cs-en-eba
Uso de-la-ti cs-en-eba
 
Aplicaciones interactivas
Aplicaciones interactivasAplicaciones interactivas
Aplicaciones interactivas
 
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TIC
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TICPROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TIC
PROYECTO TIC - TRASCENDIENDO PALABRAS CON LAS TIC
 
Recursos Didácticos -Tarea2
Recursos Didácticos -Tarea2Recursos Didácticos -Tarea2
Recursos Didácticos -Tarea2
 
Multimedia
MultimediaMultimedia
Multimedia
 
Comunicación interactiva.
Comunicación interactiva. Comunicación interactiva.
Comunicación interactiva.
 
T1 llivi.guairacaja.teran.intro
T1 llivi.guairacaja.teran.introT1 llivi.guairacaja.teran.intro
T1 llivi.guairacaja.teran.intro
 
Multimedia claudia lemen
Multimedia claudia lemenMultimedia claudia lemen
Multimedia claudia lemen
 
Multimedia Compu
Multimedia CompuMultimedia Compu
Multimedia Compu
 
Software multimedia
Software multimediaSoftware multimedia
Software multimedia
 
M mingot presentaicon_nuevosmedios
M mingot presentaicon_nuevosmediosM mingot presentaicon_nuevosmedios
M mingot presentaicon_nuevosmedios
 
Medios educativos
Medios educativosMedios educativos
Medios educativos
 
Medios educativos
Medios educativosMedios educativos
Medios educativos
 

Destacado

Primer trimestre análisis de imágenes
Primer trimestre  análisis de imágenesPrimer trimestre  análisis de imágenes
Primer trimestre análisis de imágenescerebrosdeplastiko
 
Los recursos multimedia: tipos, criterios de selección y creación
Los recursos multimedia: tipos, criterios de selección y creaciónLos recursos multimedia: tipos, criterios de selección y creación
Los recursos multimedia: tipos, criterios de selección y creaciónEsteban Alvarado Vega
 
Análisis de la Imagen fija
Análisis de la Imagen fijaAnálisis de la Imagen fija
Análisis de la Imagen fijaVity20
 
CONCEPTOS BASICOS DE MULTIMEDIA
CONCEPTOS BASICOS DE MULTIMEDIACONCEPTOS BASICOS DE MULTIMEDIA
CONCEPTOS BASICOS DE MULTIMEDIAdavid smith
 
Análisis de una imagen
Análisis de una imagenAnálisis de una imagen
Análisis de una imagenPlaneta Visual
 
Multimedia: principios básicos. Medios interactivos: elementos.
Multimedia: principios básicos. Medios interactivos: elementos.Multimedia: principios básicos. Medios interactivos: elementos.
Multimedia: principios básicos. Medios interactivos: elementos.Eva Avila
 
Hipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = HipermediaHipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = Hipermediamaravilla
 

Destacado (7)

Primer trimestre análisis de imágenes
Primer trimestre  análisis de imágenesPrimer trimestre  análisis de imágenes
Primer trimestre análisis de imágenes
 
Los recursos multimedia: tipos, criterios de selección y creación
Los recursos multimedia: tipos, criterios de selección y creaciónLos recursos multimedia: tipos, criterios de selección y creación
Los recursos multimedia: tipos, criterios de selección y creación
 
Análisis de la Imagen fija
Análisis de la Imagen fijaAnálisis de la Imagen fija
Análisis de la Imagen fija
 
CONCEPTOS BASICOS DE MULTIMEDIA
CONCEPTOS BASICOS DE MULTIMEDIACONCEPTOS BASICOS DE MULTIMEDIA
CONCEPTOS BASICOS DE MULTIMEDIA
 
Análisis de una imagen
Análisis de una imagenAnálisis de una imagen
Análisis de una imagen
 
Multimedia: principios básicos. Medios interactivos: elementos.
Multimedia: principios básicos. Medios interactivos: elementos.Multimedia: principios básicos. Medios interactivos: elementos.
Multimedia: principios básicos. Medios interactivos: elementos.
 
Hipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = HipermediaHipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = Hipermedia
 

Similar a Tema2c Multimedia

Similar a Tema2c Multimedia (20)

A-2
A-2A-2
A-2
 
Alcances de la Sociedad de la Información (ejercicio)
Alcances de la Sociedad de la Información (ejercicio)Alcances de la Sociedad de la Información (ejercicio)
Alcances de la Sociedad de la Información (ejercicio)
 
CONCEPTOS MULTIMEDIA
CONCEPTOS MULTIMEDIACONCEPTOS MULTIMEDIA
CONCEPTOS MULTIMEDIA
 
Que Es Multimedia
Que Es MultimediaQue Es Multimedia
Que Es Multimedia
 
Multimedia
MultimediaMultimedia
Multimedia
 
Alexa el computador
Alexa el computadorAlexa el computador
Alexa el computador
 
Mass Media en Inicial
Mass Media en InicialMass Media en Inicial
Mass Media en Inicial
 
Mass media
Mass mediaMass media
Mass media
 
MULTIMEDIA
MULTIMEDIAMULTIMEDIA
MULTIMEDIA
 
Multimedia
MultimediaMultimedia
Multimedia
 
Formación en alfabetización digital
Formación en alfabetización digitalFormación en alfabetización digital
Formación en alfabetización digital
 
Elaboración de materiales multimedia cinthia la salle lep
Elaboración de materiales multimedia cinthia la salle lep Elaboración de materiales multimedia cinthia la salle lep
Elaboración de materiales multimedia cinthia la salle lep
 
Multimedia
Multimedia Multimedia
Multimedia
 
Mass media
Mass mediaMass media
Mass media
 
Onateyquinatoa
OnateyquinatoaOnateyquinatoa
Onateyquinatoa
 
Onateyquinatoa
OnateyquinatoaOnateyquinatoa
Onateyquinatoa
 
Onateyquinatoa
OnateyquinatoaOnateyquinatoa
Onateyquinatoa
 
Tics
TicsTics
Tics
 
Oñate
OñateOñate
Oñate
 
Los dispositivos de multimedia
Los dispositivos de multimediaLos dispositivos de multimedia
Los dispositivos de multimedia
 

Último

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 

Último (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 

Tema2c Multimedia

  • 1. Índice 1. Conceptos básicos Multimedia y Educación 2. Tecnología multimedia informática Nuevas Tecnologías Aplicadas a 3. Multimedia y educación Educación Departamento de Lenguajes y Sistemas 4. Hipermedia y Educación Informáticos 5. Bibliografía Universidad de Alicante http://www.dlsi.ua.es/asignaturas/ntae Índice Índice 1. Conceptos básicos 1. Conceptos básicos 2. Tecnología multimedia informática 2. Tecnología multimedia informática 1. Características 3. Multimedia y educación 2. Imagen y vídeo digital 1. Imagen, lengua y música. 3. Audio digital 2. Antiguos y modernos multimedia. 4. Texto digital 3. Diseño y producción. 3. Multimedia y educación 4. Programas multimedia educativos. 4. Hipermedia y Educación 4. Hipermedia y Educación 5. Bibliografía 5. Bibliografía
  • 2. Índice Índice 1. Conceptos básicos 1. Conceptos básicos 2. Tecnología multimedia informática 2. Tecnología multimedia 3. Multimedia y educación informática 4. Hipermedia y Educación 3. Multimedia y educación 1. Hipertexto e hipermedia 2. Origen y características 4. Hipermedia y Educación 3. Creación de hipertextos 5. Bibliografía 4. Hipermedia y educación 5. Bibliografía Conceptos básicos ! Comunicación multimedial: comunicación entre seres humanos en la que participan Conceptos básicos signos pertenecientes a diferentes sistemas semióticos. ! Sistema semiótico: cualquier conjunto de signos que utilizamos para comunicarnos. ! Lenguas naturales, música, imágenes, etc. ! Medium-media: materialización de un sistema semiótico en un contexto comunicativo determinado
  • 3. Conceptos básicos Conceptos básicos Medium verbal Sistema Bla, Medium lingüístico semiótico: bla, bla Medium imagen Bla, lengua bla, bla natural Medium quinésico Conceptos básicos Conceptos básicos ! Ejemplos de comunicación multimedial: ! el cine: es multimedial porque se establece ! Multimedia informática: comunicación (se narra una historia) básicamente ! La novedad que presenta la informática en la con tres media: comunicación multimedial es que todos los ! imagen en movimiento, media están codificados en un mismo ! habla (medium lingüístico), SOPORTE DIGITAL. ! música (medium musical) ! Así también otras situaciones comunicativas como la televisión, el teatro, la conversación cara a cara, etc.
  • 4. Conceptos básicos Recapitulación ! Información digital: de los átomos a ! Comunicación multimedia es aquella en la que los bits. participan signos pertenecientes a diferentes sistemas semióticos. ! Música, texto, imágenes, etc. van ! Casi todo tipo de comunicación es multimedial perdiendo su valor por el soporte físico (en (exposición oral, cine, televisión, etc.) átomos) que tienen, por su valor en ! La multimedia informática se caracteriza por soporte digital (bits) (Negroponte, 2000) codificar todos los media (audio, texto, ! Ejemplo: descarga de música desde imagen) en el mismo soporte digital. internet. El vinilo o CD (soporte físico) ha ! Esta digitalización tiene trascendencia perdido el valor por la información digital. importante en la sociedad (y por tanto también la educación). Índice 1. Conceptos básicos Tecnología 2. Tecnología multimedia informática 1. Características Multimedia 2. 3. Imagen y vídeo digital Audio digital Informática 4. Texto digital 3. Multimedia y educación 4. Hipermedia y Educación 5. Bibliografía
  • 5. Tecnología multimedia Tecnología multimedia ! Un sistema informático multimedia es ! Factores que han propiciado la aparición de un ordenador capaz de trabajar con sistemas informáticos multimedia: diferentes media como: ! Económicos: equipos más baratos. ! Imágenes: ! Sociales: ! Estáticas: dibujo, fotografía digital, etc. ! Mayor formación informática. ! En movimiento: vídeo digital, animaciones, etc. ! Mayor facilidad de uso: interfaces de usuario más intuitivas. ! Audio: ! Habla ! Tecnológicos: mayor capacidad de ! Música. procesamiento y almacenamiento. ! Texto escrito Avances tecnológicos Características ! Mayor velocidad de procesamiento: microprocesadores más rápidos y económicos. 1. Multimedialidad: Capacidad de procesar ! Evolución: 386, 486, Pentium, PII, PIII, PIV, etc. diferentes media en el mismo soporte digital. ! Dispositivos de almacenaje con más capacidad. 2. Navegabilidad: Capacidad de generar Discos duros con más capacidad y velocidad: estructuras hipertextuales e hipermediales. ! Megabytes, Gigabytes, etc. ! Discos extraíbles, 3. Interactividad: Permiten la participación e ! CD-ROM, DVD, Memorias flash, etc. implicación mayor del usuario en el proceso ! Dispositivos digitalizadores comunicativo. Bidireccionalidad. ! Tarjetas de sonido ! Tarjetas de vídeo, aceleradoras gráficas. 4. Conectividad: Permite difusión-comunicación ! Tabletas digitalizadoras y capturadoras. multimedia por Internet.
  • 6. Imagen digital Imagen digital (I) ! Representación de la imagen: ! Mapa de bits ! Imagen vectorial Mapa de bits Mapa de bits (II) ! La imagen se divide en puntos mínimos a ! Formatos: modo de rejilla. Cada uno tiene asociado un ! BMP: mapa de bits color (o nivel de gris). ! GIF: Formato de compresión (hasta 1/3). Se basa en el uso de una paleta de colores (256 Parámetros: ! ! normalmente) donde cada color está codificado con 1 ! Resolución: nº de elementos por línea x nº de byte. elementos por columna. ! Cada píxel hace referencia al color de la paleta, en vez de codificar el color real (3 bytes) Calidad fotográfica: 1280 x 1024 PNG: evolución de GIF, pero libre. ! ! ! Profundidad de color: intensidad de rojo, verde y ! JPG: Formato de compresión (hasta 50%). Alta azul de cada píxel, en bits. calidad. ! Calidad fotográfica = 8 bits por color = 3 bytes por píxel.
  • 7. Imagen vectorial Imagen vectorial (II) ! La imagen se descompone en objetos ! Adecuada para imágenes geométricas (líneas, polígonos, texto, etc.) con sus ! No adecuada para imágenes reales: la atributos correspondientes (color, calidad y fidelidad de la imagen es peor. grosor, etc.) ! Ocupan menos espacio que mapa de ! Su forma y posición se determina mediante vectores y ecuaciones. bits y más fácil de escalar. ! Al visualizar la imagen, el programa evalúa ! Formatos: las ecuaciones y escala la imagen, ! DXF, IGES ( ambos de Auto-CAD), EPS, generando la imagen concreta. TrueType. Imagen digital (II) Imagen digital (III) ! Hardware ! Hardware ! Cámaras de fotos digitales. ! Software ! Escáner: para digitalizar tanto textos (OCR) como imágenes. ! Pantalla: resolución 1024x768. ! Tarjeta gráfica. Estándares: ! CGA: Adaptador de gráficos en color. IBM 1981. ! VGA: Adaptador de vídeos gráficos. IBM 1987 ! SVGA: Derivaciones de la anterior 1987 (diferentes fabricantes) ! Software
  • 8. Imagen digital (IV) Imagen digital (y V) Ampliación: ! Hardware: ! ! Procesamiento digital de imágenes: http://es.wikipedia.org/wiki/Procesamiento_Digital_de_Imagenes Software: ! ! ! Mapa de bits: http://es.wikipedia.org/wiki/Mapa_de_bits Programas de tratamiento de imágenes: ! ! ! Imagen vectorial: http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial GIMP, Photshop, etc. ! ! GIF: http://es.wikipedia.org/wiki/Gif ! Programas de diseño asistido por ! ! PNG: ordenador (CAD): AutoCAD. ! ! http://www.w3.org/Graphics/PNG/ http://es.wikipedia.org/wiki/PNG ! http://www.libpng.org/pub/png/ ! JPG: ! http://es.wikipedia.org/wiki/Jpg Vídeo y animaciones digital Vídeo y animaciones digital (I) ! Sucesión de imágenes fijas + audio. ! La información de vídeo es ingente, mucho más de los que los sistemas son capaces de procesar. ! CODEC: Proceso de compresión y descompresión. Al digitalizar la imagen se comprime en archivo manejable por el ordenador, y en el momento de visualizarlo se descomprime. ! Algunos formatos: ! AVI: estándar de facto. “Contenedor” que permite diferentes codecs. ! MPEG-4: codec estándar de compresión. ! DIVX ;): códec de vídeo basado en MPEG-4 ! En la web: .asf, .mwv (windows); real (Real player), .mov (Quicktime de Appel)
  • 9. Vídeo y animaciones digital (II) Vídeo y animaciones digital (III) ! Hardware: ! Ampliación: ! Cámaras digitales de vídeo, que eviten el ! Codec: http://es.wikipedia.org/wiki/Codec proceso de adquisición y digitalización. ! ! AVI: ! Tarjetas digitalizadoras. ! http://es.wikipedia.org/wiki/Avi ! Software: ! MPEG-4 http://www.chiariglione.org/mpeg/ Programas de edición y postproducción del ! ! http://es.wikipedia.org/wiki/Mpeg-4 vídeo: Adobe Premier, Pinnacle Studio, ! ! DIV-X ;) Windows Movie Maker, etc. ! http://es.wikipedia.org/wiki/Divx ! Programa de creación de animaciones: Flash. ! http://www.divx.com/ Audio digital Audio digital (I) ! Representación del sonido: ! La señal analógica es continua. Para poder procesarla digitalmente se realizan técnicas de muestreo. ! Selección de muestras de sonido a intervalos fijos de tiempo ! Parámetros: ! Frecuencia: número de muestras a un intervalo de tiempo fijo, medido de Herzios (Hz). ! Precisión: número de bits con los que se representa la muestra (16, 20, 24). ! A mayor frecuencia y precisión, mayor tamaño del fichero de sonido, pero mayor calidad. ! Calidad CD: 44.1 KHz y 16 bits.
  • 10. Audio digital (II) Audio digital (III) ! Principales formatos de los ficheros de ! MIDI: audio: ! No es un formato de audio, sino un ! WAV: alta calidad, sin compresión. protocolo para compartir y comunicar ! Microsofot - IBM sonido. ! Mp3: formato de compresión, basado en la ! Un fichero MIDI no contiene muestras de sonido, sino las instrucciones necesarias eliminación de las frecuencias de sonido no (lenguaje) con las que un controlador le dice perceptible. a la unidad que genera el sonido (sintetizador) qué sonido debe sonar, su duración, etc. Audio digital (IV) Audio digital (y V) ! Hardware: ! Ampliación: ! Tarjetas de sonido: conversor A/D D/A, sintetizador ! Muestreo digital: de sonido e interfaz MIDI. ! http://es.wikipedia.org/wiki/Muestreo_digital ! Micrófonos y altavoces para la entrada y salida de ! WAV: información sonora. ! http://es.wikipedia.org/wiki/WAV ! Maquinaria musical específica: teclados musicales, controlador midi, etc. ! MP3: http://es.wikipedia.org/wiki/Mp3 Software: ! ! ! http://www.mp3licensing.com/mp3/index.html ! Programas de control, editor, mezclador, limpieza de audio, etc. ! MIDI: http://es.wikipedia.org/wiki/Midi Audacity, pro tools, etc. ! ! ! http://www.hispasonic.com/articulo31.html
  • 11. Texto digital Texto digital ! Representación digital del texto: ! Cada carácter consta de 8 bits (ASCII) ! Además del carácter, los editores-lectores de texto muestran sus características físicas: tamaño, color, subrayado, fondo, etc. ! Permite tratamiento automático: búsquedas, almacenamiento, procesamiento lingüístico, etc. ! Hipertexto: ! Lo más novedoso del texto digital es que se pueden enlazar unos textos con otros formando hipertextos. ! Ejemplo: Internet. Recapitulación ! Sistema multimedia capaz de procesar imagen, audio y texto. ! Características: multimedialidad, hipertextualidad, interactividad y conectividad. Multimedia y ! Aspectos técnicos básicos de imagen, vídeo, audio y texto digital: educación ! Representación en bits, parámetros y formatos de compresión. ! Hardware y software.
  • 12. Índice Multimedia y educación 1. Conceptos básicos ! La educación se basa en un proceso de 2. Tecnología multimedia informática comunicación. 3. Multimedia y educación ! A nuevos medios de comunicación, nuevas formas de educación. 1. Imagen, lengua y música. 2. Antiguos y modernos multimedia. ! El objetivo en el uso de la multimedialidad 3. Diseño y producción. es obtener el máximo provecho educativo. 4. Programas multimedia educativos. ! Confluencia de la comunicación, la 4. Hipermedia y Educación multimedialidad y la educación. 5. Bibliografía Multimedia y educación Multimedia y educación ! La comunicación se produce a partir de ! Tradicionalmente se ha dicho: nuestros sentidos. ! Los dos principales son: Una imagen vale más que mil palabras ! la vista: medium visual y medium verbal El sentido de la vista es el que más información puede (escrito). ! procesar. ! el oído: medium verbal (oral) y medium musical. ! La comunicación visual, por tanto, es la más completa y ! ¿Qué medio es más óptimo para un fin óptima para la educación. educativo? ! Pregunta para reflexionar: ¿Esto es cierto?
  • 13. Multimedia y educación Multimedia y educación ! Casos para reflexionar: ! En realidad, esta afirmación es falsa. ! Todos los media con los que nos comunicamos son ! Un paisaje: 1 imagen – 1.000 palabras compatibles entre sí. Unos son más óptimos que otros para comunicar ! Un objeto: 1 imagen – 1.000 palabras ! información dependiendo de diferentes factores: pero ! Contenido del mensaje: ! Verbal, conceptual o no conceptual (emotivo). ! El Quijote: 1.000 palabras – ¿1 imagen? ! Ideas - imágenes concretas o abstractas. Mensaje: ! Crítica de la razón pura: 1.000 palabras – ! ! Mensaje estructurado vs. no estructurado. ¿1 imagen? ! Estático o con desarrollo temporal. ! Interpretación inmediata o lineal. Multimedia y educación Multimedia y educación ! Imagen (medium imagen): ! Lengua hablada (medium lingüístico- verbal): ! Transmite mensaje conceptual concreto. ! Transmite mensaje conceptual-verbal y emotivo (o no ! Dificultad para mensajes abstractos y conceptual). emotivos. ! Los gestos y la entonación transmiten mensajes no conceptuales, emotivos, y apoyan los mensajes verbales- ! Mensaje estático y no estructurado. conceptuales del discurso. ! Ideas tanto abstractas como concretas, pero con una ! Interpretación inmediata. capacidad de abstracción baja. ! Mensaje estructurado. ! No inmediatez, sino interpretación lineal en el tiempo. ! Transmite temporalidad.
  • 14. Multimedia y educación Multimedia y educación ! Lengua escrita (medium lingüístico- ! Música (medium musical): verbal): ! Trasmite mensaje no conpetual: Transmite mensaje conceptual-verbal. sentimientos y emociones. ! ! Ideas tanto abstractas como concretas, pero con capacidad de abstracción alta, razonamientos de ! Ideas abstractas, pero sin conceptos. gran profundidad. ! Mensaje estructurado. ! Mensaje altamente estructurado (sintaxis), ! No inmediatez, sino interpretación lineal en el pero sin semántica, sin significado tiempo. conceptual. ! Transmite temporalidad. ! Interpretación lineal en el tiempo. Multimedia y educación Antiguos y modernos multimedia ! El objetivo es combinarlos para aprovechar lo mejor de cada uno en la tarea docente: MULTIMEDIA
  • 15. Antiguos y modernos multimedia Antiguos y modernos multimedia ! Comunicación multimedia en la enseñanza: ! La pizarra: ! Exposiciones en la pizarra. ! Multimedia tradicional y cotidiano en educación. ! Proyección de Diapositivas ! Flexible, rápido y efectivo. ! Videoproyecciones ! Actualmente hay pizarras electrónicas que ! Proyección de material impreso permiten digitalizar inmediatamente todo lo que ! Sistemas de audio: discos, radio, etc. se ha dibujado. ! Multiproyecciones o Diaporamas (diapositivas + audio). ! Ayudas audiovisuales a la enseñanza: ! Sistemas combinados de imagen y sonido: TV, diapositivas, TV y vídeo, etc. reproductores de vídeo, etc. ! Suponía el movimiento e instalación de un gran número de aparatos. Pocos profesores los usan. Antiguos y modernos multimedia Antiguos y modernos multimedia ! Con los sistemas informáticos multimedia, la ! Medios de comunicación de masas ! Nuevos medios informáticos: (MCM): ! Bidireccional educación se enriquece con: ! unidireccional, ! Espectador activo ! Texto digital (hipertexto). ! espectador pasivo, poca participación, ! Digitales, multimedia, navegables. ! Voz digital. ! frío. ! Enseñanza con los nuevos medios: Control centralizado en el alumno ! Imagen estática y vídeo animado. ! Enseñanza con MCM: ! ! Muy interactivo: participación. ! Audio: voz, música y sonido en general. ! control centralizado por el profesor Flexibilidad: información digital (contenidos y forma), ! ! Interactividad ! poco interactivo ! Multimedia: más estímulos y recursos, mayor riqueza todo en un único soporte, con la capacidad de ! Unidireccional: del profesor a los comunicativa. adquirir, editar y reproducir el comunicado alumnos pobre de recursos y estímulos multimedia sin gran complejidad ni grandes ! costos.
  • 16. Antiguos y modernos multimedia Diseño y producción ! Con un PC multimedia se pueden concentrar todas las ayudas visuales a la enseñanza en un sólo aparato fácil de usar y de transportar. ! Y además incluye interactividad. Diseño y producción Diseño y producción ! El uso de los nuevos medios informáticos ! Fases de creación: en educación precisan de una preparación 1. Diseño previa y planificación importante. 2. Producción y postproducción 3. Evaluación del material J. Cabero (2001)
  • 17. Diseño y producción Diseño y producción ! Fases de creación: ! Fases de creación: 1. Diseño " Documentación y Guión 1. Diseño 1. Audiencia. 2. Producción y postproducción 2. Objetivos y contenidos. 1. Ejecución de lo planificado en la fase anterior 3. Modelo docente y método. 4. Tipo de media. 2. Corrección de errores 5. Estructura: lineal o hipertextual. 3. Publicación 6. Interacción. 3. Evaluación del material 2. Producción y postproducción 3. Evaluación del material Diseño y producción Diseño y producción ! Fases de creación: ! Decisiones importantes: 1. Diseño ! Selección de los media que mejor se adapten 2. Producción y postproducción a los objetivos educativos: 3. Evaluación del material ! Vídeo, texto, imagen estática, etc. 1. Análisis de objetivos alcanzados ! Tipo de estructura: lineal o hipertextual 2. Revisión y optimización ! Interactividad.
  • 18. Programas multimedia educativos Programas multimedia educativos ! Software Multimedia: programas que ! Como entorno de aprendizaje, incluye combinan y unifican vídeo, animaciones, audio tanto: (música, habla) y texto en una exposición o curso multimedia. ! Los programas educativos enmarcados bajo ! Presentaciones: Powerpoint y Open Office la denominación común de enseñanza Presentation. asistido por ordenador (CAE o EAO), ! Profesionales comerciales: Authorware 7 y ! Los programas de aprendizaje a distancia e- Director MX de Macromedia. ! Freelance, quicktime, etc. learning. ! Editor web Recapitulación ! Imagen, lengua y música: diferentes medios óptimos para diferentes tipos de mensajes. ! Buscar la mejor combinación para el proceso educativo. ! Los nuevos medios informáticos multimedia suponen un salto cualitativo con relación a tecnología anterior: Mayor multimedialidad en un mismo soporte. Hipermedia y educación ! ! Hipertextualidad. ! Interactividad. ! Necesidad de desarrollo de todo un proceso de diseño, producción y evaluación del material educativo multimedia. ! Enfocado tanto a enseñanza asistida por ordenador como a enseñanza en red o e-learning.
  • 19. Índice Hipermedia 1. Conceptos básicos ! Goldfarb (1991): Unión de dos tecnologías de 2. Tecnología multimedia informática procesamiento de la información: 3. Multimedia y educación hipertexto y multimedia. 4. Hipermedia y Educación ! La información hipertextual es accesible de 1. Hipertexto e hipermedia diversas manera, no hay un único camino de 2. Origen y características lectura (navegación). 3. Creación de hipertextos ! La información multimedia se comunica por más 4. Hipermedia y educación de un media (visual, lingüístico, etc.). 5. Bibliografía Hipermedia Hipertextos: origen I ! Hipertexto: Estructura semántica interactiva en la ! Memex, de Vannebar Bush (1945). que unidades textuales están relacionadas por ! Sistema hipertextual de almacenamiento de la asociación con otras a partir de unidades información (no informático). conceptuales. ! Objetivo: crear una estructura textual más ! Una serie de textos enlazados en forma de red. cercana y propia de la forma de pensar humana Depende de un ordenador para ser consultado. (“As we may think”). ! ! Los datos multimedia, en cambio no dependen de un ordenador como medio de procesamiento. ! Permite saltar de un lugar a otro de forma no ! Hipermedia: hipertexto con información verbal lineal mediante enlaces de base semántica. (textos), visual (imagen fija, vídeo animado) y sonora (habla, música y sonidos).
  • 20. Hipertextos: origen II Hipertextos: características ! Theodor H. Nelson: 1. No linealidad. ! Introduce el término “hipertexto” 2. Límites difusos: ! Lo define como: ! no tiene un centro claro, “Con hipertexto me refiero a una escritura no secuencial, a ! sus límites no están claramente definidos: un texto que bifurca, que permite que el lector elija y que ¿Dónde empieza?, ¿dónde acaba?, etc. se lea mejor en una pantalla interactiva. De acuerdo con 3. Interactividad: la noción popular se trata de una serie de bloques de texto conectados entre sí por nexos, que forman ! debe ser navegado por el lector. Muchas diferentes itinerarios para el lector” posibilidades de lectura (posibilidades de navegación). Estructura no lineal o asociativa Estructura no lineal o asociativa vs. Estructura lineal: vs Estructura lineal: ! Estructura lineal: ! Estructura no lineal o asociativa: ! Condicionada por el soporte físico. ! Imita el pensamiento natural. Relación o salto semántico entre unidades conectadas. Gran capacidad directiva. Los sistemas lineales ! ! (libros, vídeos) imponen su estructura que nos ! Aparentemente es poco directiva, permite escoger el hace recorrer los datos de principio a fin. camino (interactividad). Aunque se ha diseñado un camino definido que facilita el llegar a El creador impone el camino de lectura: la ! ! buen termino: ‘Elección orientada o condicionada’. disposición lineal de cada unidad textual es ! Facilita la construcción del conocimiento. importante. ! Diseño más complejo, al haber diferentes formas de ! No favorece el constructivismo: poca libertad interpretación que el autor debe tener en cuenta. interpretativa para el lector.
  • 21. Creación de hipertexto Creación de hipertexto ! Arquitectura: flujo de información ! Arquitectura: flujo de información ! ¿Cuántas páginas? ! Enlaces. ! Contenidos y diseño multimedia de cada una. Estructura jerárquica. ! Usabilidad. ! ! Estructura tópico-subtópico ! Estilo. ! Menor a mayor complejidad ! Estructura hipertextual ! Enlaces. ! Usabilidad. ! Estilo. Creación de hipertexto Creación de hipertexto ! Arquitectura: Flujo de información ! Arquitectura: Flujo de información ! Enlaces: ! Enlaces Qué se enlaza con qué: prever caminos de lectura. Usabilidad ! ! ! Diseño: enlaces claros, pero no evidente. ! Horizonte de expectativas: dar información de lo ! El diseño de las páginas debe ser fácil de que hay tras el enlace utilizar: “usabilidad” (Nielsen 2000) ! Usabilidad. ! “No me hagas pensar” ! Estilo. ! Estilo.
  • 22. Creación de hipertexto Hipermedia y Educación ! Arquitectura: Flujo de información ! El hipermedia es un medio para la enseñanza ! Enlaces. con muchas posibilidades. ! Usabilidad. ! Principales ventajas pedagógicas: ! Estilo: ! Es un medio que incentiva la curiosidad y hace ! Conciso que el alumno se involucre en la lección. ! Fácil de ojear ! Hace que los contenidos sean más fáciles, ! Objetivo (sin hipérboles) extensos y flexibles. ! Fragmentario ! Fragmentación de los contenidos en unidades pequeñas interconectadas. Hipermedia y Educación Hipermedia y Educación ! Aplicaciones: ! Alumno como receptor de hipermedia. La información se le ofrece en formato hipermedial. Alumno como receptor de hipermedia. ! ! ! Implicarse del alumno en el hipertexto: ! Alumno como creador de hipermedia ! Fomento de la actitud creativa de busca de información relevante. ! Actitud crítica para discriminar información útil de información inútil. ! El profesor actúa de guía para que el alumno no “se pierda” en el laberinto de información ! Ejemplo: ! Búsqueda guiada de información en Internet. ! WebQuest (Dodge 1995). ! Lectura de narrativa hipertextual.
  • 23. Hipermedia y Educación II Hipermedia y Educación III ! Alumno como creador de hipermedia: ! Reconfigurar al profesor: ! Proceso de obtención de información, síntesis y división ! Obliga al profesor a cambiar de estrategia para incentivar de la información en unidades básicas (páginas). a los alumnos. ! Proceso de estructuración hipertextual: relacionar las ! El profesor asume papel de orientador del alumno, más unidades. que de “conferenciante” ! Análisis crítico y discusión de información útil e inútil, ! Reconfigurar al estudiante: importante y secundaria, etc. ! El hipertexto se basa en la relación de conceptos e ideas ! El profesor actúa como incentivo para desarrollar el ! “El pensamiento crítico se basa en relacionar muchas cosas entre proceso con éxito (motivación): especificación de la sí” (Landow 1995) tarea, solución de problemas, ofrecer pautas, etc. ! Delante de tanta información, el alumno, ayudado por el ! Ejemplos: profesor, habrá de ser crítico y creativo: debe ! Desarrollar una wiki en grupo sobre un tema específico. aprender a moverse entre los diferentes puntos de vista ! Blogs (sentido critico). ! Creación de narrativa hipertextual Recapitulación Bibliografía ! Hipertexto: Estructura semántica interactiva en la que unidades textuales están relacionadas por asociación con ! Berners-Lee, T., Tejiendo la Web. Siglo XXI. otras a partir de unidades conceptuales. ! Landow, G. P. (1995), Hipertexto, Barcelona, Paidós. ! Hipermedia: hipertexto con información verbal (textos), ! Negroponte, N. (1995), El mundo digital. Barcelona, Sine visual (imagen fija, vídeo animado) y sonora (habla, música Qua Non, 2000. y sonidos). ! Características del hipertexto: no-linealidad, límites difusos e ! Poole, B. J. (1999). Tecnología educativa. Madrid, Mc Graw interactividad. Hill. ! Aspectos para la creación de hipermedia: flujo de ! Nielsen, J. (2000) Usabilidad, Madrid, Prentice Hall. información, enlaces, usabilidad y estilo. ! Prieto, A. et al (2001) Introducción a la Informática ! Aplicaciones educativas: McGraw Hill. ! Alumno como receptor del hipermedia ! WebQuest: http://www.webquest.org/ ! Alumno como creador del hipermedia.