Dermander 360

Hola a todos.
Hoy hemos realizado una práctica en la que consiste en hacer una imagen 360.

1. Hemos realizado entre 5/10 fotos teniendo en cuenta en la posición y el encuadre que estábamos.
   
2. A continuación hemos juntado todas las imágenes en una aplicación que se llama "Dermander" 

• ¿Qué es dermander? Es una aplicación que nos permite realizar fotos panorámicas y 360 a partir de varias fotos realizadas.

      3. Para acabar hemos copiado un código que nos ha dado dermander y lo hemos copiado en                   "HTML" en Blogger para que se nos permita visualizar la imagen.

Os dejo la imagen.
Espero que la disfruteis.

Tipos de estructuras en una página web

Hola a todos.
Esta semana hemos aprendido los tipos de estructuras que hay en una página web y qué es in mapa de web.
Espero que os guste.

¿Qué es un mapa web? es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios. En el se muestra el contenido de la página de forma organizada.
Tipos de estructura de navegación: 

Lineal: Es la estructura más simple. El usuario sólo puede seguir un mismo recorrido. Ejemplos:
1. http://www.deciencias.net/disenoweb/disenyo/paginas/orienta_pagina.htm

Mapa web:

2. https://www.mundoprimaria.com/cuentos-infantiles-cortos/zorro-inteligente-interactivo (Sólo el cuento)

Reticular: Permite que el usuario tenga total libertad para seguir diferentes caminos cuando navega por el programa o web. Ejemplos:
1. https://daniseuba.wordpress.com/2008/06/30/el-diseno-reticular/

2.https://www.elmundo.es/internacional.html

Jerarquizado: Combina las dos modalidades anteriores. Este sistema es muy utilizado pues combina las ventajas de los dos sistemas (libertad de selección y organización de información)
Ejemplos: https://www.bbc.com/news/world

Mapa web:

2.http://www.exteriores.gob.es/Portal/es/Paginas/mapasitio.aspx

Mapa web:

Telaraña: Para usuarios más avanzados, se vincula cualquier página sin seguir ningún orden aparente, lo que puede desorientar al usuario.
Ejemplos:
1.http://arngren.net/

2. https://es.wikipedia.org/wiki/Wikipedia:Portada

¡Feliz navidad!

Hola a todos.
Hemos realizado una animación para desearos felices fiestas.
Espero que os guste.

Análisis de páginas web legibles y no legibles.

¿Qué es la legibilidad? Es la capacidad de definir y distinguir los elementos que deseamos en una página web, y dentro del texto los caracteres.
Procedo a mostrar un ejemplo de página legible y no legible y comenzaré su análisis.

Página legible: https://www.museodelprado.es/

1. Las fuentes contrastan con el fondo

2. La página está ordenada

3. Su navegación es muy rápida

4. La página web es llamativa

5. Tiene fácil compresión lectora

6. Varía el tamaño de las fuentes

Página no legible:http://arngren.net/

1. Los enlaces están muy pegados y dificultan la comprensión lectora

2. La navegación es lenta debido a la gran cantidad de contenido multimedia incrustado en la página

3. La página no está ordenada

4. No tiene fácil comprensión lectora

5. El color de las letras complica la legibilidad de la página.

Algunos consejos de legibilidad son:

• Contraste: El texto debe contrastar con el fondo de nuestra página web.
• Jerarquía: Variar los elementos de nuestra página web siguiendo unos patrones jerárquicos.
• Columnas: No deben superar más del 50% de ancho de nuestra pantalla
• No incluir Flash en el caso de que nuestra página web esté dirigida a usuarios que utilicen iPad o iPhone.
• No colocar los enlaces unos pegados con con otros
• No incluir imágenes o vídeos con un peso muy elevado para que nuestra página tenga fácil navegación.

Final Cut-Chroma

Hola a todos.
Esta semana hemos aprendido mediante Final Cut cómo poner un fondo a un vídeo o imagen que tenga un chroma.

¿Qué es un chroma?Es una técnica audiovisual utilizada tanto en cine, televisión y fotografía, que consiste en extraer un color de una imagen o vídeo (usualmente el verde o el azul) y reemplazar el área que ocupaba ese color por otra imagen o vídeo

Proceso de cómo lo he hecho:
Hemos utilizado un vídeo que contenía el fondo verde para poder poner una imagen o un vídeo de fondo mediante un efecto llamado 'incrustración'.
Finalmente hemos puesto los créditos y hemos exportado.
Os dejo el resultado,espero que os guste.

Final Cut-Almazara

Hola a todos.
Esta semana hemos realizado una edición de vídeo mediante la herramienta de Final Cut donde aparece el proceso de cómo se hace el aceite de oliva en una almazara.
Primero he realizado un logo para la almazara donde aparecen las hojas del olivo y dos aceitunas
Después he añadido unas fuentes al vídeo señalando que es una almazara y qué se hace en esta.
He puesto unos efectos de transición y he exportado el vídeo.
Os dejo el resultado,espero que os guste.

Final Cut-Travel Trip

Hola a todos.
Esta semana hemos editado algunos vídeos mediante el Final Cut.
Hemos editado un vídeo donde promocionamos dos o tres países de un continente mediante la herramienta de Final Cut.
Proceso:
1.Hemos seleccionado un continente y tres países, así teniendo un vídeo de cada uno de ellos.
2.He recortado los vídeos ya que eran bastante largos por las partes que más me gustaban y he añadido fuentes al principio señalando el lugar de origen de donde se ha grabado el vídeo.
3.Puse un efecto de transición en cada uno de ellos y una canción sin copyright.
4.He exportado el vídeo en calidad de web
Espero que os guste

Contenidos Protegidos por la Propiedad Intelectual

Hola a todos.
Esta semana hemos aprendido qué son las licencias Creative Commons y para qué sirven.
Hemos realizado una práctica donde ponemos algunos ejemplos sobre obras creative commons y sus autores.
Espero que os guste.

Explicación Copyleft y licencias CC

Hola a todos.
En esta entrada voy a explicar las diferencias entre las diferentes licencias de atribución para obras Creative Commons.

¿Qué es el Copyleft?: es un método general para liberar un programa u otro tipo de trabajo (en el sentido de libertad, no de gratuidad), que requiere que todas las versiones modificadas y extendidas sean también libres.

Diferencias entre las licencias de atribución para obras Creative Commons:

• Reconocimiento(BY): Puedes usar y modificar la obra siempre y cuando menciones la autoría de esta.

• Reconocimiento-Compartir igual(BYSA): Usar y modificar la obra indicando la atribución de esta y estar bajo el mismo tipo de licencia.

 
• Reconocimiento-Sin derivados(BYND): Usar la obra sin modificar ni realizar ningún cambio en esta, mencionando el reconocimiento al autor.

• Reconocimiento-No comercial(BYNC): Puedes utilizar la obra y modificarla, sin propósito de lucrarte y/ó comerciales mencionando la autoría del autor en la obra.

• Reconocimiento no comercial-Sin derivados(BYNCND): Puedes utilizar la obra sin modificarla, sin propósitos de lucrarte o comerciales mencionando la autoría del autos sobre la obra.

• Reconocimiento no comercial-Compartir igual(BYNCSA): Puedes utilizar la obra siempre y cuando no la modifiques, no la utilices con propósitos comerciales y mencionando la autoría del autor sobre la obra. 

Streaming

Hola a todos.
Esta semana hemos aprendido qué es el Streaming y algunas herramientas de este.
En esta entrada voy a explicar qué es y para qué sirve.
Espero que os guste.

¿Qué es el Streaming? Es la distribución digital de archivos multimedia a través de una red de ordenadores o computadoras de manera que el usuario pueda visualizar o utilizar el producto a la vez que lo descarga.

Funciona mediante un Buffer de datos que es como un contenedor que almacena archivos de audio y video en formato FLV y Códec H.264. El buffer una vez haya descargado la información le mostrará inmediatamente la información al usuario cliente.

Herramientas o servicios del Streaming: Las herramientas o servicios de Streaming son aplicaciones que nos permiten retransmitir vídeos en Streaming. 
Algunos ejemplos pueden ser: 
Youtube: http://www.youtube.com

Periscope: http://periscope.com

YouNow:http://younow.com

Twitch:http://twitch.com

Hay aplicaciones que utilizan Streaming pero que la finalidad principal de estas no es transmitir videos online como Instagram, Facebook o Twitter.

¿Qué es Webinar?Es la combinación de las palabras "Web" y "Seminario", es decir, es un seminario online o partido en línea. Se transmite por internet y la característica principal de este es que pueden interactuar participantes y conferenciante. Se dan en tiempo real con fecha y horario específico. Se puede participar desde cualquier ordenador que tenga internet y previamente se haya cargado el software específico o que se le haya introducido una clave que permite la conexión con la aplicación del conferenciante.
Ejemplos: https://clickmeeting.com/es

Conversión y edición de video 3

Hola todos.
En esta entrada os mostraré cómo puede cambiar el peso de un video en comparación con el video original.
Espero que os guste.

Video original:

• Tamaño: 14,6 MB
• Dimensiones: 854x480
• Duración: 1:55 minutos.
• Calidad: Excelente

Video editado:

• Tamaño: 1,8 MB
• Dimensiones:  960x720
• Duración: 00:15 segundos
• Calidad: Excelente
  
  

Conclusión: Para subir vídeos en la web preferimos subir vídeos con menor tamaño ya que es menos pesado y así la página podrá cargar antes. En el caso de que necesitemos subir un video con larga duración podremos convertirlo a otro formato que nos ofrezca la posibilidad de cambiar el peso del video, pero así también cambiará su calidad.

Coversión de video y edición de video 2

Buenos días a todos.

En esta entrada os muestro los tipos de formato de video convirtiendo el video original a distintos formatos diferentes para poder observar sus diferencias.

Video original:

Formato: .mp4

Dimensiones: 640x640. 

Tamaño: 4,1 MB. Tiene poco peso y buena calidad. Es un buen formato para subir videos en la web.

Códecs: H.264,MPEG-4

Video convertido a formato AVI:

Formato: .avi

Dimensiones: 640x640.
Tamaño: 5,6MB como podemos observar tiene más peso que el vídeo original, al igual que más calidad. Este archivo no es recomendable para videos web.

Códecs: No hay información disponible

Video convertido a formato MPEG:
Formato: .mpg
Dimensiones: 640x640
Tamaño: 9,8MB tiene más peso que el vídeo original, al igual que más calidad. No es recomendable para videos web.
Códecs: MPEG Layer 3, MPEG-1 Video

Video convertido a formato MOV:

Formato: .mov

Dimensiones: 640x640.
Tamaño: 5,5MB como podemos observar tiene más peso que el vídeo original, al igual que más calidad. Este archivo no es recomendable para videos web.
Códecs: H.264, AAC

Video convertido a formato de iPhone y iPad:

• iPhone:

Formato: MPEG-4
Dimensiones: 480x270. Las dimensiones han disminuido respecto a los vídeos anteriores.
Tamaño: 6MB. El video tiene buena calidad pero pesa más respecto al video original.
Códecs: H.264, ACC
Aportación: Las bandas laterales han desaparecido, es decir, que sus dimensiones son de 16:4

• Ipad:

Formato: MPEG-4
Dimensiones: 1024x768. Las dimensiones del video han aumentado respecto a las demás dimensiones de los videos anteriores.

Tamaño: 10,7MB. La calidad y el tamaño del video han aumentado.

Códecs: H.264, AAC

Conclusión: Si queremos subir videos a la red o a web el formato más adecuado es .Mp4

Conversión y edición de video.

Hola a todos. Esta semana hemos trabajado con la conversión y edición de vídeo. También hemos aprendido los conceptos básicos.

Espero que os guste.

¿Qué es un Codec? Un códec es un algoritmo especial que reduce el número de bytes que ocupa un archivo de vídeo. También se le puede denominar cómo "Codificador" o "descodificador". Los principales son: Xvid, Divk,FLV,H.264 y VP8.

¿Qué es un bitrate? El bitrate degine la cantidad de espacio físico (en bits) que ocupa un segundo de duración de ese vídeo. A mayor movimiento tenga una animación o un vídeo, mayor será la cantidad de bits.

Fotograma: Un vídeo resulta de la exposición e imágenes o fotogramas uno detrás de otro. Un parámetro de la calidad del vídeo es el numero de fotogramas por segundo.
H.264: Es un formato de codificación digital o de vídeo más innovadoR. Se suele utilizar para el vídeo de alta definición
H.265:H.265 o MPEG-H Parte2 llamado de forma común como "High Efficiency Video Coding"(codificación de vídeo de alta eficiencia) es una norma que define un formato de compresión de video, sucesor de H.264/MPEG-4 AVC (Advanced Video Coding, codificación avanzada de vídeo)
AVI: Formato de vídeo estándar para almacenar video digital. Cuando se captura vídeo desde cámara digital al ordenador se suele almacenar en este formato. La calidad del video es excelente pero el peso del archivo es muy elevado. Admite distintos códecs de comprensión. Se puede visualizar en la mayoría de reproductores de video.
MPEG: Formato estándar para la comprensión de video digital. Son archivos de extensión (.MPG o .MPEG) Admite distintos códecs de comprensión. Se reproducen con Windows media y QuickTime.
VP8:(Formato de Compresión de Video o Especificación de Compresión de Video) es una especificación para codificar y decodificar video de alta definición tanto como un archivo como un flujo de bits para visualizar.
MOV: Formato de video y audio desarrollado por Apple. Utiliza un códec propio. Tienen extensión .QT. Es ideal para publicar en internet. Admite streaming.
WMV:Formato de video desarrollado por Microsoft, por lo que solo se puede visualizar con Windows Media 7 o superior. Utiliza el códec MPEG-4. Su extensión es .ASF. Ideal para publicar videos en web. Admite streaming.
RM: Propuesta de Real Networks. Tiene extensión .RM o .RAM. Sólo se visualiza con Real Player.
FLV: Formato de video que utiliza el reproductor Adobe Flash para visualizar video en internet.
Utiliza el códec Sorenson Spark y On2 VP6. Se puede reproducir desde distintos reproductores locales. Opción recomendada para la web por su accesibilidad. Los repositorios más conocidos de internet utilizan este formato para la difusión de vídeos.
Admite streaming.