Mutimedia opensource parte_ii

  • 255 views
Uploaded on

Opensource tools for teachers. Tools for preparing multimedia resources.

Opensource tools for teachers. Tools for preparing multimedia resources.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
255
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Elaboración de materiais multimedia para a docencia Parte II Xosé antón Vila Sobrino [email_address]
  • 2. Materiais multimedia Texto Imaxe Audio Video Web
  • 3. Introducción
    • A World Wide Web
      • Internet e as orixes da web
      • 4. Como funciona a web
    Servidor web Cliente (www.uvigo.es) (Firefox) Cliente (Opera) Cliente (Explorer)
  • 5. HTTP e HTML
    • HTTP= Hiper Text Transfer Protocol
    • 6. Hipertexto=texto con enlaces ( links ) a outros obxectos (hipertexto, imaxes, sons, ...)
    • 7. HTML= Hiper Text Markup Language
    • 8. Un arquivo HTML contén texto e ”marcas” ou etiquetas
  • 9. Exemplo de páxina en HTML <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;> <HTML> <HEAD> <META HTTP-EQUIV=&quot;CONTENT-TYPE&quot; CONTENT=&quot;text/html; charset=windows-1252&quot;> <TITLE></TITLE> <META NAME=&quot;GENERATOR&quot; CONTENT=&quot;OpenOffice.org 2.0 (Win32)&quot;> ... </HEAD> <BODY LANG=&quot;es-ES&quot; DIR=&quot;LTR&quot;> <P> P&aacute;gina web de prueba </P> </BODY> </HTML>
    • Etiquetas fundamentais:
  • 12. Creación dunha páxina en HTML
    • Editor de texto plano (bloc de notas, ...)
      • Hai que coñecer HTML
    • Editor de texto que garde en formato HTML
      • Exemplo: OpenOffice Writer
      • 13. Suficiente para páxinas sinxelas
    • Editor de páxinas HTML
      • Gratuitos: NVU (Kompozer), Mozilla composer
      • 14. Comerciais: Microsoft Frontpage, Macromedia Dreamweaver
  • 15. Creación de páxinas web con OpenOffice Writer
    • Trabállase prácticamente igual
    • Diferencias
      • Algunhas opcións non existen (referencias cruzadas, índices,...)
      • 16. Empréganse bastante mais os hiperenlaces
      • 17. Existen “vistas” novas, como o código fonte (pódese editar)
    • Pódese convertir automáticamente un arquivo de texto en HTML (gardar como ... páxina HTML)
  • 18. NVU/Kompozer: o entorno de traballo
  • 19. Deseñar unha páxina web sinxela
    • Deseñar antes de escribir
      • Debuxar a estructura nun papel
    • Abre o Kompozer
  • 23. Propiedades da páxina
    • Formato/Título y propiedades de la página
    • Poñédelle título a vosa páxina
  • 24. Propiedades da páxina
    • Formato/Fondo y colores de la página
    • Non convén abusar de imaxes de fondo e cores moi fortes
    • 25. Poñédelle unha cor amarela de fondo e letra en verde oscuro
  • 26. Enlaces
  • 27. Enlaces
    • Enlace=elemento que ó premer sobre el nos conduce a outra URL
      • URL=Uniform Resource Locator
      • 28. Exemplos
        • http://www.uvigo.es
        • 29. file:///home/anton/proba.html
    • Código dun enlace en HTML:
    <a href=&quot;http://www.uvigo.es&quot;>Univ. Vigo</a>
  • 30. Enlaces
    • Insertar un enlace externo
      • Insertar no final da páxina o seguinte texto:
        • ” Páxina web do profesor”
      • Seleccionar as verbas ”Páxina web”
      • 31. Premer no botón ”Enlace” da barra de ferramentas
    • Na ventana que se abre escribir:
      • http://trevinca.ei.uvigo.es/~anton (ou outra)
    • Aceptar
  • 32. Enlaces
    • Un enlace pode ser cara un arquivo ”local”
    • 33. Exercicio
      • Gravade a páxina actual e abride unha páxina nova (/Archivo/Nuevo)
      • 34. Escribide nela ”proba de enlace a arquivo”
      • 35. Seleccionade a verba ”enlace” e premede no botón ”Enlace”
      • 36. Seleccionade ”Elegir archivo”, buscade a páxina anterior, seleccionádea e aceptade.
  • 37. Previsualización
    • Para ver o resultado actual dunha páxina web empregaremos o botón
    • Eso abrirá un navegador ca páxina web cargada.
    • 38. Abride nun navegador a páxina web que estades deseñando e probade o enlace.
  • 39. Enlaces internos
    • Os enlaces tamén nos poden levar a puntos internos do documento actual ou doutros documentos.
    • 40. Para facer eses enlaces primeiro hai que crear os ”puntos de ancoraxe”
    • 41. Farémolo situando o cursor no punto escollido ou seleccionando un fragmento de texto e premendo no botón ”Enlace interno”
  • 42. Enlaces internos
    • Exercicio
      • Enchede unha páxina web nova con moito texto (podedes copiar e pegar de outro sitio)
      • 43. Ide ó final da páxina, escribide ”Fin da paxina”, seleccionade ese texto e premede o botón ”Enlace interno” (quitádelle o acento).
      • 44. Ahora ide ó principio e escribide ”Ir ó final”, seleccionade ese texto e premede no botón ”Enlace”
  • 45. Enlaces internos
      • Na ventana que aparece, premede no menú desplegable e veredes que aparece o texto
        • ” #Fin da paxina”
      • Seleccionádeo e aceptade.
      • 46. Probade a páxina web nun navegador
  • 47. Imaxes e Elementos multimedia
  • 48. Imaxes
    • Insertar/Imagen
    • < img style =&quot;width: 910px; height: 1087px;&quot; alt =&quot;texto alt&quot; src =&quot;file:///G:/nome_arquivo.jpg&quot;>
  • 49. Imaxes
    • Exercicio
      • Engadide unha foto vosa á páxina web que estades facendo.
      • 50. Poñédelle como texto alternativo ”foto de ...”
      • 51. Facede que o texto flua pola dereita da imaxe cun marxe de 20 puntos.
      • 52. Enlazade a imaxe ca vosa páxina web persoal.
  • 53. Elementos multimedia
    • Os enlaces poden apuntar a calquera tipo de arquivo
    • A maneira de abrilos dependerá da configuración de cada navegador.
  • 57. Elementos multimedia
    • Exercicios
      • Imos insertar nunha das páxinas unha sección ”Clases grabadas” con arquivos de audio
      • 58. Descargade o arquivo ”clase_grabada.wav” a vosa carpeta
      • 59. Colocade un enlace á mesma co texto ”clase do martes 17 de febreiro”
      • 60. Probade a abrir esa páxina e ese enlace no navegador.
  • 61. Publicar na web
    • Hai programas que fan a xestión automáticamente
    • 62. Se non hai que empregar un programa de transferencia de arquivos, por exemplo Filezilla
    • 63. En webs.uvigo.es podemos aloxar páxinas web.
      • http://www.uvigo.es/uvigo_gl/administracion/atic/datos/web/index.html
  • 64. Materiais multimedia Texto Imaxe Audio Video Web
  • 65. Formatos de video dixital
    • Formatos de arquivo e codecs
      • O formato de arquivo define a maneira de colocar os datos no arquivo: cabeceira, datos, ...
      • 66. O codec define a maneira na que están codificados os datos
      • 67. Un formato pode soportar varios codecs
  • 68. Formatos e codecs mais empregados
    • AVI desenvolto por Microsoft
      • Pode conter case calquera codec: DV, MPG, DivX
    • MPEG libre
      • Fundam. contén arquivos codificados en MPG
      • 69. MPEG-1: calidade CD (352x240 a 1 Mbps => 10 Mb/ minuto de video)
        • O formato VCD emprega este formato
      • MPEG-2: 720x480.
        • Emprégase en DVDs ainda que tamén se emprega o formato SVCD
  • 70. Parámetros que definen a calidade do video
    • Fotogramas por segundo: usualmente entre 15 y 30
    • 71. Tamaño de pantalla: 1024x1024, 720x540, 640x480, 320x240, ...
    • 72. Velocidade de bits: 13.5, 6.75, 1 Mbps, 512, 340, 48 kbps
  • 73. Planificando un vídeo
    • Deberíamos de crear un “índice” igual que para calquera outro tipo de documento.
      • Agora falarase de escenas
    • Para definir os detalles técnicos temos que pensar no medio de distribución do mesmo
      • CD o DVD: alta calidade
      • 74. Rede de banda ancha: calidade media
      • 75. Rede de banda estreita: baixa calidade
    • A veces gravase en varias calidades
      • Gravase en calidade alta e logo redúcese
  • 76. Capturas de pantalla con RecordMyDesktop
  • 77. Configuración
    • Instalación
      • Paquetes recordmydesktop e gtp-recordmydesktop
    • Execución
      • Son e video /gtk-recordmydesktop
    • Advanced
      • Carpeta de destino, performance, sound, misc
  • 78. Capturar
    • Seleccionar fiestra
      • Select windows+premer co rato na fiestra desexada
      • 79. Marcar un rectángulo sobre a “miniatura de pantalla”.
    • Gravar
      • Premer no botón gravar.
    • Exercicio: facer unha gravación para explicar como se ven as propiedades dun arquivo
  • 80. Montaxe de video con Kino
  • 81. Entorno de traballo
    • Abrir o Kino
  • 82. Montaxe de video
    • Cargar os videos
      • File/abrir
      • 83. Insert before/after
    • Recortar un fragmento de video: trim
      • Diferencia entre overwrite e insert
    • Crear escenas novas
      • Color fixo, gradiente, a partires de arquivo (de imaxe por exemplo)
  • 84. Montaxe de video
    • Gardar proxecto
    • 85. Exportar proxecto
  • 86. Exercicio
    • Facer un video divulgativo sobre un tema (por exemplo a táboa periódica dos elementos).
      • Empregar imaxes estáticas e mesmo videos.
      • 87. Grabar cortes axeitados para explicalas.
      • 88. Ver a posibilidade de incorporar unha banda sonora