Visitas

miércoles, 17 de mayo de 2017

Motores gráficos. Unity 3D

Comúnmente conocido como Graphic Engine o solo Engine, es la herramienta creada por programadores, para programadores; que permite el diseño, la creación y la representación de un videojuego. Su funcionalidad básica es proveer al videojuego de un motor de renderizado para los gráficos 2D y 3D.

Hay multitud de motores gráficos en el mercado, pero esta vez, vamos a utilizar Unity 3D ya que tiene una serie de ventajas por encima de otros: Es gratuito, fácil de usar, nos permite utilizar dos lenguajes para los scripts y es multiplataforma. Esta sería la interfaz con la que vamos a trabajar:


Y siguiendo este PDF explicativo, que nuestras compañeras han realizado, podrás empezar a utilizar Unity 3D con un juego muy sencillo 'Gira la pelota'.



Zapatillas térmicas HOTware!

Conoce nuestro proyecto de las nuevas zapatillas térmicas HOTware, podrás encontrar toda la información necesario en nuestro blog.



lunes, 8 de mayo de 2017

Realidad Aumentada I. AURASMA

¿Que es Realidad Aumentada? Es el término que se usa para definir la visión de un entorno físico del mundo real, a través de un dispositivo tecnológico, es decir, los elementos físicos tangibles se combinan con elementos virtuales, logrando de esta manera crear una realidad aumentada en tiempo real.

Yo he elegido el programa Aurasma, como herramienta para enseñaros el funcionamiento de este tipo de aplicaciones, ya que podemos tanto ver como producir realidad aumentada de una manera sencilla y rápida.

Tiene una serie de ventajas sobre los demás programas:


• No necesitamos imprimir marcadores
• Permite crear escenas de RA añadiendo capas virtuales de imagen, vídeo, animaciones o modelos 3D y compartirlas públicamente.
• Permite geolocalizar nuestras auras
• Permite hacer ‘SuperAuras’

Necesitaremos las dos interfaces para poder funcionar al completo con este programa, por una parte la aplicación móvil y por otra parte 'Aurasma Studio':

Mi canal se llama: Paulars2017, ahí podeis encontrar mi primer aura con mi favicon como marcador-




jueves, 27 de abril de 2017

Herramientas para la creación de una app. Mobincube.

Una App es una aplicación de software que se instala en dispositivos móviles o tablets para ayudar al usuario en una labor concreta, ya sea de carácter profesional o de ocio y entretenimiento, a diferencia de una webapp que no es instalable.

Esta semana, hemos visto distintas herramientas para la creación de aplicaciones y se ha elegido para realizar la práctica semanal Mobincube, es una aplicación gratuita y muy fácil de usar, te permite utilizar plantillas o empezar desde cero. En nuestro caso, hemos elegido la primera opción, y nos hemos basado en un bar adaptando el modelo a nuestro gusto.


Os muestro como sería la previsualización en un dispositivo móvil, y añado también el URL de descarga. Si os es más comodo, también tenéis la opción de acceder a la App mediante el código QR situado en la parte izquierda de mi blog.




lunes, 24 de abril de 2017

MOCKUP. Pidoco

Los Mockup son fotomontajes que permiten a los diseñadores gráficos, web e industriales mostrar al cliente cómo quedarán sus diseños. A través de ellos podremos generar magníficas atmósferas y escenarios digitales idílicos y propios de los entornos publicitarios más exigentes.

Nuestros compañeros, han elegido Pidoco como la mejor aplicación para que realicemos esta práctica, ya que su uso es muy simple e intuitivo. Y a continuación, muestro mi ejemplo para la semana cultural de este año:


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

miércoles, 22 de febrero de 2017

Conozcamos un poquito de HTML

Podemos definir HTML como un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de las siglas que corresponden a HiperText  Markup Language, es decir, Lenguaje de Marcas de Hipertexto.
El HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementándolo con diversos objetos (como fotografías, animaciones, etc). El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.
A continuación, voy a mostrar brevemente dos pequeños ejemplos que he puesto en práctica con mi blog. En primer lugar, accedí a la opción de editar una entrada específica, una vez dentro de esta, utilicé el código HTML para cambiar las dimensiones de la fotografía que complementaba la entrada tal y como se muestra en la imagen.
En segundo lugar, preferí personalizar el título de un gadget añadido recientemente, para ello en la "Plantilla" de tu blog debes buscar la opción de "Editar HTML" y buscar el trozo de código que te interese cambiar.

miércoles, 15 de febrero de 2017

¿Qué es multimedia?

Hoy, comenzamos introduciendo el concepto de multimedia, definido como aquello que utiliza varios medios de manera simultanea en la transmisión de la información, como texto, fotografías, imágenes de vídeo o sonido, generalmente con el propósito de educar o de entretener.

Personalmente me llama la atención el uso de distintos sistemas de comunicación multimedia en el ámbito de la enseñanza y como puede mejorar y beneficiar, tanto a los alumnos como a los profesores, con los avances tecnológicos de los que disponemos hoy en día.