Anuncio Centro Universitario y Aurasma Edificio Antonio Castillo

Anuncio Centro Universitario de Mérida

Aurasma Edificio Antonio Castillo

Semana Cultural

Buenas tardes!

Hoy voy a comentar que tal se ha dado la semana cultural del Centro Universitario de Mérida. En primer lugar, decir que ha sido una gran semana, he visto a muchos alumnos contentos y con ganas de realizar las actividades.

El lunes 25 de abril fue la jornada de puertas abiertas, distintos alumnos de bachillerato de institutos de Mérida y alrededores vinieron a ver la Universidad. Cuando los alumnos que estaban con los responsables de Diseño Industrial entraron en el FABLAB, decidí entrar con ellos para hacer algunas fotos, ya que estaban con las impresoras 3D imprimiendo llaveros para la asociación de lucha contra el cáncer y otros objetos, como figuras del museo romano.

También vimos un robot BB8 de la Guerra de las Galaxias, que funcionaba de verdad.

El miércoles 27 de abril, participé junto a un compañero de clase en el concurso de tapas, con una tapa a la que llamamos Tosta de solomillo y sus cosillas (Tosta de solomillo con cebolla caramelizada, queso de cabra y mermelada casera de pimientos). En un principio habíamos quedado terceros, luego no nos habían puesto el papel de tercer ganador, así que finalmente no sabemos ni en que posición quedamos.

Además del concurso de pinchos, también hubo una cata de vinos de pitarra, donde enseñaban como reconocer un buen vino.

Y finalmente el jueves, empezamos con un taller de sketching en el aula de diseño a las 10.00h, un taller bastante entretenido donde nos dieron claves basicas para hacer buenos monos y bocetos.

Y acabamos con una muy rica paella para que comer... Estaba igual de rica que la pinta que tenia!

Y esta ha sido mi semana cultural, no he podido participar en muchas actividades por falta de tiempo, pero sinceramente tanto el resto de estudiantes como yo hemos disfrutado de una buena semana.

Nos vemos en otra entrada!

Coche Autónomo

Buenas tardes!

Hoy escribo para hablaros de lo que hoy en día ya es una realidad, los coches autónomos. Mas especialmente en el Mercedes f015 luxury motor, un ejemplo de coche de lujo autónomo creado para emocionar.

Mercedes-Benz ha pensado en un interior amplio, con cuatro asientos giratorios de gran calidad, pantallas táctiles en las cuatro puertas que permiten controlar el sistema de sonido, introducir una ruta nueva, comprobar la duración del viaje... un cuadro de instrumentos que se controlan mediante miradas y gestos... vamos, el coche del futuro.

Pero no solo esto, dispone de unhead up display que ocupa dos tercios del parabrisas y utiliza realidad aumentada para ofrecernos información adicional sobre los lugares por los que pasa. Tiene dos estilos de conducción Relaxed o Dynamic, siendo esta ultima el modo en el que el coche siempre circula al límite máximo establecido en la zona.

La parrilla frontal del coche está formada por diodos LED, y sirven para lanzar mensajes al exterior (peatones, otros vehículos...) Permiten informar a otros vehículos de un peligro, de la presencia de un peatón o de la necesidad de detenerse. A esto se le suman comandos sonoros que el coche puede reproducir, invitando a un peatón a cruzar la calle dándole paso por ejemplo.

Oculus Rift

Buenas de nuevo!

Ahora voy a hablaros de las Oculus Rift, unas gafas de realidad virtual que probamos ayer en el edificio de investigación del Centro Universitario de Merida.

Nos explicaron como utilizan unity para crear la realidad virtual, el tipo de lentes progresivas que utilizan para tener una vista completa y la necesidad de una pantalla de gran calidad para que nuestro ojo pueda enfocar bien y sumergirnos en el mundo virtual.

Fue una gran experiencia ya que tenía bastantes ganas de probar unas gafas como esta. A continuación añado dos fotos como prueba, una mía y la otra de mi compañero Carlos para que veáis la experiencia vivida.

Espero que podáis usarlas si realmente os pica la curiosidad.

Nos vemos en otra entrada!

Semana Cultural CUM

Buenos días a todos!

Estamos a menos de una semana de celebrar la Semana Cultural del Centro Universitario de Mérida y hemos tenido que realizar una presentación, un cartel y un díptico/tríptico con el programa de la semana para presentarlo ante nuestros compañeros.

El objetivo de esto es elegir al mejor de cada tipo para utilizarlo durante la Semana Cultural. Como es complicado acordarse de todos, y sobre todo a la hora de poner nota y elegir, voy a poner aqui el trabajo que he realizado junto a mis compañeros Carlos y Patricia.

Espero que os gusten y que lo valoréis positivamente.

Cartel Semana Cultural CUM:

Tríptico Programación:

Presentación Prezi Semana Cultural

Tabla Comparativa Realidad Aumentada

Nombre	Libre	Marcadores Propios	Pc/Móvil	Incluir Objetos Propios	Extensiones	Registro	Página de descarga
Aumentaty	Si	Si	Si	Si	.3ds .fbx .obj	Si	AQUI
Aurasma	Si	Libres	Si	Si	.mp3 .jpg .png	Si	AQUI
CraftAR	Si	Libres	Si	Si	.mp4 .jpg .png .obj	Si	AQUI

Realidad Aumentada: Aumentaty

Buenas tardes a todos!

Siento haber tenido esto tanto tiempo abandonado... pero ya saben, demasiado trabajo. Hoy os voy a empezar a hablar acerca de la realidad aumentada, este termino se usa para definir una visión a través de un dispositivo tecnológico de un entorno físico del mundo real, cuyos elementos se combinan con elementos virtuales para la creación de una realidad mixta en tiempo real.

En primer lugar os voy a hablar sobre Aumentaty, un programa con licencia gratuita que te permite introducir objetos 3D en marcadores asignados para poder realizar la realidad aumentada.

Este programa es muy fácil de usar, te permite descargar e imprimir las marcas para usarlas frente a la cam, solo hay que examinar los archivos para coger nuestro diseño 3D preferido y arrastrarlo hacia una marca, para que, al usarla nos aparezca nuestro diseño.

La extensión de los objetos debe ser .3ds .fbx .obj .dae, en mi caso usaré .3ds ya que desde el 3DS Max puedes guardar directamente los diseños 3D en este formato.

Y a continuación os adjunto un vídeo sobre como uso el Aumentaty con uno de los objetos que por defecto nos deja coger el programa y un diseño 3D propio. He usado el programa Action! para grabar la pantalla del ordenador y poder enseñaros como uso el programa.

Cambios JavaScript y cambios realizados en la Página Prueba.

Buenas tardes!

Como os dije la semana pasada, la práctica anterior consistía en hacer una página web mediante dos bloc de notas, cambiándoles las extensiones a .html para la página y .css para el tema, las tipografías, colores...

En la práctica de esta semana crearemos otro bloc de notas con la extensión .css para hacer un estilo nuevo, y poder cambiarlo en la página. En este caso, en lugar de estiloso.css lo llamaremos estiloso2.css ya que será el segundo estilo de nuestra página.

Para poder cambiar de estilos, tenemos que crear dos botones en la parte superior de la página para poder elegir el estilo deseado. Añadimos lo siguiente:

 <button type="button" onclick="cambio('estiloso2.css')">Cambio de Estilo</button>

 <button type="button" onclick="cambio('estiloso.css')">Estilo Principal</button>

Una vez introducido esto, tendremos dos botones a seleccionar, el Cambio de Estilo, para el estilo alternativo, y Estilo Principal, para el estilo anterior.

Finalmente y de manera opcional, introduzco una alerta de windows en la página cuando la abres. En principio había que introducirla mediante window.alert(...) pero buscando en diferentes páginas sobre programación JavaScript, decidí finalmente añadir lo siguiente:

<script type="text/javascript">

window.onload=function(){alert('Bienvenido a mi página');}

</script>

Espero que os sirva de ayuda si necesitáis añadir botones o alertas, gracias por vuestro tiempo.

Página web y hoja de estilos CSS

Buenas!

De nuevo, con esta entrada, me gustaría hablaros a cerca de la hoja de estilos CSS. En primer lugar, y antes de hablar de los códigos CSS voy a contaros como hacer una página web que vamos a vincular a nuestro blog.

En un bloc, al que llamamos index, de notas introducimos la programación necesaria para formar la página, como por ejemplo:

<head>

<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>

<title>Página de prueba de la asignatura doble columna, encabezado y pie</title>

<link rel="stylesheet" type ="text/css" href="estiloso.css">

</head>

<body>

 <div id="container">

 <div id ="header">

 <h1>Sitio web de Sergio de Acosta (SCM)</h1>

Como observamos, ponemos de título Sitio web de Sergio de Acosta (SCM), además de vincular nuestro bloc con otro al que llamamos (en mi caso) estiloso, este bloc de notas contiene los datos acerca de tipografías, colore s y demás partes del diseño propio de la web.

Una vez acabado la programación en el bloc index, le cambiamos la extensión de .txt a .html y al bloc llamado estiloso de .txt a .css. Esto permitirá que abramos el documento index.html y nos abra la página que hemos creado. Pero esto solo permite ver la página a quien tenga los documentos index.html y estiloso.css.

Para ello tenemos que subir los documentos a un lugar público como puede ser en una carpeta de drive.

Finalmente vinculamos la página al blog con un url (en el cual utilizaremos el url que obtenemos drive para hacerlo publico).

Aunque tenéis a la derecha del blog la página como "Página de prueba", os adjunto AQUÍ el enlace.

Comentario sobre HTML

Finalmente, y tras "enredar" bastante con el HTML, mi conclusión es que es un lenguaje que a la hora de editar entradas no es muy complejo, ya que se puede hacer de manera bastante intuitiva pero editar el propio diseño del blog desde la programación HTML es algo bastante complejo, que no he sido capaz de lograr.

HTML es una grandisima herramienta para introducir vídeos, imágenes y widgets para así crear un blog mas interactivo.

Para acabar con este tema, os dejo un juego muy divertido (el Mahjong) que he introducido también mediante código HTML (solo para web).

Muchas gracias y nos vemos en otro tema!

Cambios en HTML

Buenas!

Esta vez creo una nueva entrada para hablaros de los cambios en los códigos HTML. En primer lugar, y debido a los problemas que supone cambiar el código HTML de la plantilla, he decidido añadir un código CSS (que sirve para organizar la presentación y aspectos de una página web). Añadimos el siguiente código:

.header .widget {
 text-align:center;}
.eader img {margin: auto;}
text-indent: 30px;
}

De esta forma, el título del blog se centra en la página.

Pero vamos a los códigos HTML, en primer lugar y para ayudarnos, he buscado información a cerca de diferentes códigos y la página htmlpoint nos ayudará a encontrar los que necesitamos.

Para centrar el texto, como hemos hecho con el código CSS, utiliza <div align=center> delante de:

<span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;"><br /></span>

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">.header .widget {</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">&nbsp;text-align:center;}</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">.eader img {margin: auto;}</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">text-indent: 30px;</span><br />

<span style="font-family: &quot;courier new&quot; , &quot;courier&quot; , monospace;">}</span><br />

<br />

 y cerramos con </div>

En la página que he añadido como información, al pulsar encima de ella funciona como hipervinculo que te lleva a esa direccion directamente, para hacer esto debemos añadir antes del texto

<a href="http://www.htmlpoint.com/guida/index.html">

Quedando finalmente de la siguiente manera:

<span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">Pero vamos a los códigos HTML, en primer lugar y para ayudarnos, he buscado información a cerca de diferentes códigos y la página 
<a href="http://www.htmlpoint.com/guida/index.html">htmlpoint</a>&nbsp;nos ayudará a encontrar los que necesitamos.</span><br />

Y por último, voy a hablar sobre el tipo de animaciones que se pueden incluir en un blogg utilizando el código HTML. En primer lugar, se pueden añadir elementos interactivos como el reloj que podemos ver a continuación:


Y como apreciamos al final de la entrada, hay un rotulo con neones que da la bienvenida al blog, esto no es mas que otro código HTML que permite este que se vaya moviendo el rótulo.

Herramientas para hacer un e-portafolio

De nuevo, quiero añadir una entrada para hablaros sobre otro tema, los e-portafolios y las herramientas para hacerlo

Un portafolio es un documento compuesto por otros (escritos, imágenes, vídeos, etc. que pueden tener formato digital o no) con los que se demuestra nuestra experiencia profesional y personal.
Puesto que los e-portafolios son personales y un formato muy flexible y particular de cada persona, todas las estructuras son válidas y bienvenidas. Para hacerlo debemos de:

          - Hablar de uno mismo a modo de presentación.

          - Incluir las diferentes experiencias que vamos a introducir en el e-portafolio agrupándolas por secciones.

          - Es importante incluir algunos datos de contacto: teléfono móvil o correo electrónico.

HERRAMIENTAS:

Creación de documentos, insertar imágenes y presentaciones: Mediante Open Office, Microsoft Office Word y Power Point.

Creación de un espacio en línea: Mediante plataforma blog de Blogger o Wordpress y creación de páginas web con Google Sites.

Creación de los sitios alojados: (Requiere conocimientos mas avanzados de informática, se realizan mediante Dreamweaver, Fontpage etc.

Herramientas complementarias: 

          Vídeo: Mediante plataformas como YouTube, Dailymotion o Vimeo
          Fotografías: Realizadas en sitios web gratuitos como Flickr o Picasa

PARA FINALIZAR...

Con la facilidad y variedad que ofrecen las diferentes herramientas, lo ideal seria realizar un e-portafolio en un blog como Blogger o Wordpress ya que permite vídeos, fotos, links con una mayor interacción. Además se pueden combinar las diferentes herramientas añadiendo vídeos de YouTube e imágenes de Flickr o Picasa

VIDEO HTML5

Hola mundo.

Bueno pues empezamos el blog,

Este es un blog sobre la asignatura de Sistemas de Comunicación Multimedia, donde se irán subiendo las diferentes tareas mandadas.

En primer lugar voy a hablar de los blogs y paginas de interés, en el ámbito del Diseño Industrial y de los avances en multimedia.

http://www.dezeen.com/design/ es una página que sigo de hace tiempo que sube diseños interesantes diariamente.

Os dejo una lista sobre los 20 mejores blogs de diseño en español, son muy completos y tienen todo tipo de diseños innovadores que pueden servir de inspiración. http://nfgraphics.com/los-mejores-20-blogs-de-diseno-en-espanol/

http://blogdeldiseno.com/ Este blog es de interiorismo, tiene numerosos muebles diferentes, y combinaciones tanto en restaurantes como en viviendas.