insertar elementos multimedia en blogs, webs y wikis
DESCRIPTION
Recorrido sobre los diferentes elementos multimedia: imagen, audio y vídeo para su inclusión en webs, blogs y wikis.TRANSCRIPT
Ángel R. Puente Pérez
INSERTAR MULTIMEDIA EN
WEBS, BLOGS Y WIKIS
CUI de la URJC26 de mayo de 2011
0
Ángel R. Puente Pérez
IMAGENAUDIOVÍDEO
1
Ángel R. Puente Pérez
1.- IMAGEN2
Ángel R. Puente Pérez
Es el elemento multimedia más sencillo de integrar
3
Normalmente todos los servidores de blogs y wikis permiten la inclusión y el
alojamiento de imágenes
Ángel R. Puente Pérez
A TENER EN CUENTA I
4
Formato•Jpg (imágenes con tonos)•Gif (colores planos)•Png (colores planos software libre)
Ángel R. Puente Pérez
A TENER EN CUENTA II 5
Dimensiones•En píxeles (width y height)
Tamaño (peso)•En KB o MB
Ángel R. Puente Pérez
A TENER EN CUENTA III
6
Programas gráficos•GIMP (software libre)•PAINT (Microsoft)•PHOTOSHOP (software propietario)
Ángel R. Puente Pérez
A TENER EN CUENTA IV
7
Alojamiento•Flickr (asociado a YAHOO)•Picasa (asociado a GMAIL)
Ángel R. Puente Pérez
A TENER EN CUENTA V
8
Búsquedas•Google•Compfight
Ángel R. Puente Pérez
A TENER EN CUENTA VI9
Derechos de autor y licencias•Copyright•Creative Commons
Ángel R. Puente Pérez
2.- AUDIO10
Ángel R. Puente Pérez
Es el peor tratado de los tres elementos multimedia
11
Ángel R. Puente Pérez
Al menos, de momento…
12
Ángel R. Puente Pérez
Dificultades de alojamiento.
Los servidores de blogs no suelen proporcionar
espacio para los archivos de audio
13
Ángel R. Puente Pérez
Algunos servidores de wikis empiezan a permitir el alojamiento de archivos
de audio
14
Ángel R. Puente Pérez
15
A TENER EN CUENTA I
Formatos•Wav (no comprimido)• Cda (compact disc audio: CD)•Mp3 (comprimido sin mucha pérdida)
Ángel R. Puente Pérez
16
A TENER EN CUENTA II
Peso•Muy importante que sean ligeros para poder manejarlos en Internet.•Importancia de los mp3
Ángel R. Puente Pérez
17
A TENER EN CUENTA III
REPRODUCTORESDe momento es necesario la inclusión de un reproductor que active el audio y nos lo haga sonar.Ver algunos reproductores en acción.
Ángel R. Puente Pérez
18
A TENER EN CUENTA IVEDICIÓN DE AUDIOAUDACITY
Ángel R. Puente Pérez
3.- VÍDEO19
Ángel R. Puente Pérez
A TENER EN CUENTA IFORMATOS•flv•wmv•avi•mp4•mov
20
Ángel R. Puente Pérez
A TENER EN CUENTA IIALOJAMIENTO
21
Y otros…
Ángel R. Puente Pérez
A TENER EN CUENTA IIIEDICIÓN, CREACIÓN
22
Ángel R. Puente Pérez
A TENER EN CUENTA IVINCRUSTAR UN VÍDEO
23
Técnica del embebido
Ángel R. Puente Pérez
A TENER EN CUENTA IVINCRUSTAR UN VÍDEO
24
¿En qué consiste?
Ángel R. Puente Pérez
A TENER EN CUENTA IVINCRUSTAR UN VÍDEO
25
Fragmento de código HTML a colocar en la parte de código de
la entrada del blog o wiki.
Ángel R. Puente Pérez
A TENER EN CUENTA IVINCRUSTAR UN VÍDEO
26
El nombre viene de la etiqueta <embed> que suele formar
parte de ese código a incrustar. Muchas veces el código comienza por <object>
Ángel R. Puente Pérez
A TENER EN CUENTA IVINCRUSTAR UN VÍDEO
27
Código alternativo:<iframe>
No admitido por algunos servidores de blogs o wikis.
Ángel R. Puente Pérez
28
Ángel R. Puente Pérez
29+MULTIMEDIA
Ángel R. Puente Pérez
30
1.- Archivos de FLASH. swf
ANIMACIÓNINTERACTIVIDAD
Ángel R. Puente Pérez
31
+MULTIMEDIA
Ángel R. Puente Pérez
32
EXPLOSIÓN WEB 2.0
Los llamados GADGETS o WIDGETS para incluir en
el blog, web o wiki
Ángel R. Puente Pérez
33
EXPLOSIÓN WEB 2.0
1.- Voki2.- VoiceThread3.- IVOOX (podcast)4.- VOXOPOP
INTERESANTE PARA LOS IDIOMAS Y LITERATURA
Imágenes de flickr con Creative Commons
•Diapositiva 2: Jeff Power (by - nc - nd) •Diapositiva 7: Darren Hester (by - nc)•Diapositiva 10: Seven Morris (by – nc - sa)•Diapositiva 12: Robert van der Steeg (by – nc - nd)•Diapositiva 16: jontunn (by - nd)•Diapositiva 32: markchadwickart (by – nc - nd)
•El resto son logos de los respectivos programas citados, dueños de sus autores.
Ángel R. Puente Pérez
Ángel R. Puente Pérez
33Ángel Puente
el balcón abierto )
Diseño de presentaciones y su publicación en la Web
Edición de audio digital y podcast
Taller de audio y vídeo en el blog
Trabajos en el blog colaborativo El Tinglado
Antología Poética Multimedia
Manual de lenguaje HTML