Visitas

lunes, 27 de marzo de 2017

Herramientas de Audio y Vídeo

Esta semana hemos trabajado con dos herramientas de audio y vídeo, concretamente Soundation Studio y YouTube. Ambas son sencillas e intuitivas de utilizar, pero aun así os dejo el pdf explícativo de la sesión de prácticas semanal, más detallado, por si tuvieseis alguna duda.

· Empecemos con Soundation, dispone de un amplio catálogo de samples gratuitos, ordenados por estilos y BPM. De esta manera resulta muy sencillo crear una canción y acoplar las velocidades de los distintos sonidos. Si queremos utilizar sonidos a distintas velocidades, automáticamente los ajustará a la velocidad de nuestra composición.

Para crear una canción, bastará con registrarse, acceder al Studio y seleccionar el sonido que queremos añadir a nuestra canción y arrastrarlo a una pista en la parte principal del editor. Para seleccionar el sonido podemos preescucharlo simplemente haciendo click en ▶.

El editor permite guardar nuestras producciones tanto en MP3 como en WAV o compartirla en redes sociales, directamente con un código que genera la aplicación.



· YouTube es comúnmente conocido como sitio web para compartir vídeos, pero también nos deja crearlos y es muy fácil. Para empezar, tienes que tener un canal para poder acceder al Creator Studio posteriormente.

Una vez dentro, puedes usar Creator Studio para organizar tu canal y gestionar tus vídeos, pero nos vamos a centrar en el editor de videos, herramienta con la que puedes combinar clips para crear vídeos nuevos y publicarlos en YouTube o en cualquier otra plataforma, ya que permite compartirlos.


Como en cada sesión podréis añadir vuestras creaciones al blog, solo tenéis que copiar el código HTML y colocarlo en un Gadget de HTML/JavaScript. Espero que os haya gustado la sesión de esta semana.

Continuamos con JavaScript...

Esta vez, vamos a crear un nuevo archivo con extensión .js en el que tendremos los códigos Script y asi poder utilizar dicho archivo para otras páginas web. Para ello, seguiremos los siguientes pasos:
  • Primero, en el bloc de notas, debemos crear el archivo "javascript.js" en el que copiaremos las siguientes funciones:
  • Después, lo llamaremos desde el archivo .html para que se ejecute en nuestra página web:
<script src="javascript.js"></script>
  • Y por último, copiamos las siguientes funciones en nuestro archivo .js y lo guardamos en la misma carpeta que el .css y el .html:


domingo, 12 de marzo de 2017

CMPLab

CMPLab es un laboratorio que surgió de un proyecto presentado a la convocatoria de diciembre de 2013 de Ayudas a Infraestructuras y Equipamiento Científico-Técnico de la Secretaría de Estado de Investigación. Actualmente, el CMPLab se encuentra ya desarrollando proyectos para el control y desarrollo de técnicas aplicadas usando tanto el material del proyecto como otro equipamiento cedido por grupos de investigación mediante acuerdos. El objetivo general es potenciar líneas de investigación y ofrecer servicios a universidades, administraciones, empresas, ONG, etc.

Ellos mismos se definen como especialistas en escaneado 2D/3D, fotografía fiel de muy alta resolución, modelado, prospección y otras técnicas aplicables a la arqueología y arte.

Ésta semana hemos tenido el privilegio de que Ángel M. Felicísimo, coordinador de este proyecto, nos enseñase el funcionamiento de uno de sus equipos de digitalización 3D: dos escáneres Creaform Go!Scan 20 y Go!Scan 50.

 Mediante un proceso muy eficaz, rápido y preciso cualquier usuario puede utilizar estos sistemas de posicionamiento automático, que proporcionan una guía visual durante el proceso de digitalización. Su innovadora tecnología no requiere ningún proceso de preparación ni configuraciones específicas.


Gracias a su gran versatilidad, pueden emplearse en multitud de aplicaciones, lo que los convierte en herramientas de gran utilidad para profesionales, a lo largo de todo el proceso de desarrollo de productos.


También, nos hizo el favor digitalizarnos las zapatillas térmicas con las que vamos a tener que trabajar posteriormente, para que nos sea más sencillo.

Introducción a JavaScript. Mi página web.

En primer lugar, debemos saber que un script es una secuencia de ordenes, en un determinado lenguaje, que puede ser ejecutado por un cliente Web desde su navegador y visualizar el documento en que está contenido.

Actualmente los dos lenguajes de script más usados en páginas Web son JavaScript y VBScript, nosotros vamos utilizar el primero. JavaScript se usa para programar el comportamiento de un sitio web. Se trata de un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos. 

Y como este tipo de cosas se entienden mejor con un ejemplo, voy a mostraros los cambios que he hecho en mi página web:

1. Añadir un identificador al link del estilo que vamos a usar por defecto. Le podéis poner el nombre que queráis, en mi caso le he puesto "estilo":

<link href="final.css" rel="Stylesheet" type="text/css" id="estilo">

2. En el head del index.html insertaremos un script con una función con el nombre que queráis, en mi caso se llama "cambio":
       
<script type="text/javascript" language="JavaScript">
function cambio(archivo){
document.getElementBlyd("estilo").href=archivo
}
</script>

3.- Por último, en el body del index.html añadiremos un botón, cuya etiqueta le he puesto "Atardecer" y que al hacer click, llamará a la función cambio, pasándole como argumento el nombre del nuevo archivo .css que hemos creado:

<button type="button" onclick="cambio('final2.css')">Atardecer</button>

 4.- Así sería el resultado final en mi página web:

 



Hojas de estilo - CSS

Las hojas de estilo son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, alineación y posicionamiento del texto, colores y fondos, etc.

Son más potentes y cómodas que el formato en HTML. Permite definir diferentes estilos para la misma página web o para distintas páginas.

Una regla de estilo son los componentes de una hoja de estilo, y está formada por: 

1. SELECTOR: que indica las etiquetas a las que se aplica.
    • Basado en el elemento
    • Basado en el contexto del elemento
    • Basado en un identificador o una clase
    • Basado en una pseudoclase

2.DECLARACIÓN: que define el conjunto de pares.
    • Hojas de estilos externa
    • Hojas de estilo interna
    • Estilo en línea