lunes, 9 de mayo de 2016

Noticia

Hola a todos!

Por fin! me ha llegado el día de exponer mi noticia. Es algunas de las desventajas de tener un apellido con una letra tan cercana a la ultima.... que suelo ser el último de la lista.

Creo que esto, también ha hecho que pueda ver a todos mis compañeros y tener el prestigio de poder dar la ultima noticia. Por lo que me tomé tan a pecho que había tenido la "ventaja" de poder analizar a todos mis compañeros, que me lié, me lié... y que me salió un remix de varias noticias.


Por esto, a modo de conclusión final, decidí hablar sobre el nuevo sistema de Internet móvil que dispondremos en unos años, la red 5G

Muy útil y necesaria para poder dar cabida al avance del Internet móvil que llevamos viendo todo el curso.


Pero... me parecía poco. Muy pobre, como remate final... por lo que puse como ejemplo, de los avances que nos esperan, al proyecto de las lentillas de Google.


Y aún, así, todavía se me hacia poco... Por lo que, aunque pareciese un poco violento, decidí tratar un tema un poco alarmante. Se trata de la posibilidad que tenemos de recibir una tormenta solar.

La noticia surge, tras una importante reunión de los astrónomos de la NASA para tratar sobre este asunto y como poder evitar los daños a los que estamos expuestos.

Lo impactante de esta tormenta, es que puede suponer un borrado global de todos los aparatos electrónicos e informáticos del planeta. Dejándonos sin tecnología ni red eléctrica.

Cuesta pensar en eso, en la actualidad, cuando tenemos casi todo lo que necesitamos con un clic.

Por esto, me pareció que esta noticia debía ser comentada, ya que al menos, nos hace pararnos a pensar por un segundo, que seria de nosotros sin las tecnologías.


Para elaborar la presentación, utilicé Prezi. Una herramienta con multitud de opciones para realizar presentaciones, incluso pudiendo compartirla directamente en mi blog con todos vosotros ;)





Trabajo Final

Parece que fue ayer cuando comenzamos esta asignatura, y ya estamos de despedida.... 

Para terminar, hemos realizado un par de vídeos promocionales de nuestro centro universitario.

Un vídeo de un aula de nuestro centro y un spot publicitario, basado en algún anuncio.

En nuestro grupo decimos elegir el laboratorio de diseño, un aula muy importante para nuestra especialidad, por lo que no lo tuvimos difícil para conseguir este vídeo:

Vídeo Laboratorio de Diseño


Para realizar el spot publicitario, no pudimos elegir otro que no fuera el famoso anuncio de Oreo que siempre canturreamos en clase. Espero que os guste ;)

Vídeo Difusión CUM





lunes, 18 de abril de 2016

Sesion 7 - Semana Cultural



Sesión 7 - Semana Cultural

Hola a todos! Un lunes más! y aquí seguimos con esta magnifica asignatura. Que tanto nos está enseñando.

Esta semana hemos trabajado, en grupos, en la edición de un cartel, presentación y driptico para la semana cultural de nuestro centro Universitario de Mérida.

Será del 26 al 29 de Abril y hay muchas actividades. Tantas, que seguro que te interesarán varias.

Tenemos que tener en cuenta que en nuestro centro conviven cuatro carreras, en las que cada una aportará su parte para una semana cultural cargada de actividades divertidas y al mismo tiempo muy didácticas.

Nos vemos en el CUM ;)

Nuestra propuesta


Cartel




Díptico




Presentación 




VIDEO PROMOCIONAL SEMANA CULTURAL CUM 2016


lunes, 11 de abril de 2016

Sesion 6 - Realidad Aumentada (2ª Parte)

Sesión 6 - Realidad Aumentada (Aurasma y CraftAR)


La realidad aumentada, cada vez está más presente en la actualidad y nos "amenaza" con instalarse en nuestra vida cotidiana.

Ya es cada vez más conocida, y poco a poco, se están ampliando sus aplicaciones.

Es normal, que se invierta trabajo e investigación a desarrollar esta magnifica herramienta que tanto promete. Incluso, en los noticiarios, se han hecho eco de esta evolución de las aplicaciones móviles de la actualidad. 

Se puede ver, que en un futuro no muy lejano, podremos utilizar gafas inteligentes con realidad aumentada, pudiendo obtener todo tipo de información visualmente. 



Esta semana, analizaremos dos herramientas de realidad aumentada, Empezaremos con Aurasma



Podemos definirla como una de las aplicaciones que necesitaba la realidad aumentada, para su expansión definitiva a todos los públicos.

No sólo podemos ver realidad aumentada, sino que la podemos producir de forma sencilla y en pocos minutos.  Está disponible para cualquier plataforma (Ios, Android, Windows y Mac).

Ofrece multitud de ventajas frente a otras herramientas:

  • Cualquier fotografía o imagen de la realidad puede ser el marcador
  • Permite crear escenas de R.A utilizando capas, de forma sencilla. Pudiendo compartir casi al instante.
  • Da opción de geolocalizar nuestra áurea, obligando al usuario estar en una posición concreta para poder visualizar la animación.
En conclusión, podemos decir que es una herramienta muy accesible, de fácil uso y comprensión, con multitud de opciones, convirtiéndola, para mi opinión, en una de las mejores herramientas de la actualidad. 

Creo que aún, no somos capaces de explotar al máximo esta herramienta, necesitamos utilizar más la realidad aumentada y pensar en nuevos usos con el fin de mejorar nuestra vida. Con lo poco que tenemos al alcance, podemos realizar grandes trabajos, y recordad... que esto es solo el principio.






Otra herramienta de R.A que analizaremos, será CraftAR. Aunque, de entrada, no aporta la sencillez y facilidad de Aurasma.  Solo está disponible en inglés y para poder empezar a utilizarla, al menos hay que investigar un poco su uso.





Tras realizar algunas pruebas, descubro que craftar es la version de aurasma ampliada. Podemos crear una escena desde una imagen, que será nuestro marcador, en la que podemos añadir cualquier elemento.

Desde un modelo en 3d, un vídeo, audio... Es lo que realmente le falta a Aurasma. 

Es algo más complejo, y la verdad que la APP deja mucho que desear. Personalmente, prefiero la web, ya que es más intuitiva y fácil de manejar.

En definitiva, podemos decir que es una herramienta con mucho potencial, pero que hasta que no lo simplifiquen un poco, mejoren su APP y traduzcan esta herramienta a varios idiomas, dará el impulso.





jueves, 17 de marzo de 2016

Sesion 5 - Realidad Aumentada (1ª Parte)

Esta semana trataremos un tema de lo más interesante...

Realidad Aumentada


¿Qué es? una visión a través de un dispositivo tecnológico, directa o indirecta, 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. Consiste en un conjunto de dispositivos que añaden información virtual a la información física ya existente, es decir, añadir una parte sintética virtual a lo real. Esta es la principal diferencia con la realidad virtual, puesto que no sustituye la realidad física, sino que sobreimprime los datos informáticos al mundo real.



Actualmente hay dos definiciones mayoritariamente aceptadas, la de P.Milgram & F.Kishino y la de R.Azuma.
La definición creada por Paul Milgram y Fumio Kishino en 1994 llamada Milgram-Virtuality Continuum dice que entre un entorno real y un entorno virtual puro esta la llamada realidad mixta y esta se subdivide en 2, la realidad aumentada (mas cercana a la realidad) y la virtualidad aumentada (mas proxima a la virtualidad pura).
Este grafico define mejor el concepto explicado:
Realidad Aumentada

Y la definición aportada por Ronald Azuma en 1997, que acota a la realidad aumentada a la que cumple estos tres requisitos:
- Combinación de elementos virtuales y reales.
- Interactividad en tiempo real.
- Información almacenada en 3D.


¿Como funciona?Esto se consigue a través de un dispositivo que cuente como mínimo con la combinación de una cámara y una pantalla. Al visualizar la realidad a través de la pantalla (de un móvil, o unas gafas) observamos la misma realidad en tiempo real, pero el dispositivo se encarga de añadir información adicional como por ejemplo:

Turismo: Al observar un paisaje el dispositivo nos puede informar de lugares que podemos visitar y a que distancia estamos de los mismos.
Objetos Virtuales: Mediante un trozo de papel en el que hay dibujado una figura geométrica simple, el software puede recrear un objeto virtual y este ser añadido a la realidad para ser observado. Existen en la actualidad aplicaciones útiles en marcha que van desde los juegos, a probadores de relojes.
Educación: Por ejemplo al visitar un museo podemos visualizar un cuadro o una escultura a través del dispositivo que estemos utilizando y este nos ofrecerá información en pantalla acerca del autor, fecha, estilo, etc...
Medicina: A un cirujano le puede aportar información útil en tiempo real, como por ejemplo el numero de latidos, temperatura, bordes de un tumor, etc...



¿Puedo probar? Por supuesto! Gracias a su gran auge, actualmente existen varias herramientas gratuitas. 
En este post, hablaremos sobre la primera herramienta de Realidad Aumentada, que probaremos “Aumentaty”

Para ello necesitaremos descargar el software desde su web. Encontraremos varias herramientas desde la zona de descargas
Nosotros, utilizaremos el Author para crear nuestro espacio con los objetos virtuales y el visor.
DESCARGAR

DESCARGAR


Desde Author, podremos asociar cada marcador con un objeto virtual.
Por defecto nos vienen varios objetos, que son partes del cuerpo humano. En nuestro caso, descargaremos algunos objetos desde internet. Podemos encontrar multitud de webs que ofrecen descargas gratuitas de una gran variedad de objetos en 3D. 
Para probar, he utilizado esta web:

Podemos descargar los modelos en el formato 3DS conservando colores y algunas texturas. Aunque los modelos más elaborados son de pago.



  Desde Author, podremos importar todos estos modelos que nos descarguemos a la biblioteca de modelos. Y desde ahi, podremos arrastrar el modelo que queramos en uno de los 20 marcadores disponibles.





Y como una imagen, vale más que ... pues aqui os dejo dos tutoriales muy sencillos donde se explica paso a paso.



Podemos ver, que es una herramienta con un potencial enorme. Está claro, que esta tecnología solo está en sus inicios, y que nos depara grandes avances para el ser humano. Consiguiendo mezclar realidad y todo tipo de contenidos multimedia.

Y para despedirme, aqui les dejo un pequeño video con algunas de las pruebas que he realizado con Aumentaty.

Hasta después de Semana Santa ;)




lunes, 7 de marzo de 2016

Sesion 4 - JavaScript

Sesión 4 - JavaScript


Este lunes, seguimos investigando sobre el código Java, que junto a HTML y CSS podremos elaborar y editar nuestro Blog de la forma más interna.

Java es un lenguaje sencillo de aprender, con una sintaxis parecida a la de C++, pero en la que se han eliminado elementos complicados y que pueden originar errores. Java es orientado a objetos, con lo que elimina muchas preocupaciones al programador y permite la utilización de gran cantidad de bibliotecas ya definidas, evitando reescribir código que ya existe. Es un lenguaje de programación creado para satisfacer nuevas necesidades que los lenguajes existentes hasta el momento no eran capaces de solventar.

Una de las principales virtudes de Java es su independencia del hardware, ya que el código que se genera es válido para cualquier plataforma. Este código será ejecutado sobre una máquina virtual denominada Maquina Virtual Java (MVJ o JVM  Java Virtual Machine), que interpretará el código convirtiéndolo a código específico de la plataforma que lo soporta. De este modo el programa se escribe una única vez y puede hacerse funcionar en cualquier lugar. Lema del lenguaje: Write once, run everywhere”.
En esta práctica, vamos a incorporar a nuestra pagina web, una función con un botón para poder cambiar el estilo de la pagina. Básicamente, consiste en que al pulsar el boton del estilo "A", se aplica una hoja de estilo CSS, mediante la función javascript.

Para ello, lo primero que debemos hacer es añadir un id que llamaremos estilo

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

a continuación, añadimos nuestra función encargada del cambio, la llamaré "cambio" :)

<script type="text/javascript" language="JavaScript">
function cambio(archivo){
document.getElementById("estilo").href= archivo;
}
</script>

Y por último, los botones, que activarán el estilo de cada uno:

<button type="button" onclick="cambio('final3.css')">Estilo 2</button>
<button type="button" onclick="cambio('final.css')">Estilo 1</button>

Como vemos, el Boton "Estilo 2" aplica la hoja de estilo "final 3" y el botón "Estilo 1" aplica la hoja "final"

WEB




lunes, 29 de febrero de 2016

Sesión 3 - Hojas de estilo CSS

Sesión 3 - Hojas de estilo CSS



Hola a todos, como todos los lunes, seguimos trabajando un poco en nuestro blog. El punto de hoy trata sobre las hojas de estilo CSS.

Tras indagar sobre el codigo HTML, para poder obtener el máximo aprovechamiento de esta herramienta, están las hojas de estilo. Que si lo simplificamos mucho, consiste en separar el estilo de nuestra pagina en un archivo y el contenido de nuestra web en uno o varios archivos.

De esta forma, podemos retocar todas las paginas de nuestra web modificando un solo parámetro, afectando a todos.

Para poder practicar, en la sesion de hoy, crearemos una hoja html sencilla y una hoja de estilo css aplicada a dicha hoja. La subiremos a un servidor externo para que pueda ser visitable.


Yo he aprovechado un hosting que tengo contratado hace tiempo para subirlo. En caso de necesitar uno, hay muchos sitios web que ofrecen este servicio. Si tuviera que recomendarte alguno, te diría:

Más adelante explicaré paso a paso como lo he hecho.


Enlace a mi web:

lunes, 22 de febrero de 2016

Sesion 2 - Introducción a HTML


 Sesion 2

Un lunes más estamos aquí para seguir practicando con nuestro blog.

Hoy veremos codigo HTML, siglas de HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Para comprenderlo mejor, podemos decir que consiste en el conjunto de codigos que forman cualquier documento html. Todo lo que podemos ver en una pagina web, necesita una codificación interna para que pueda ser interpretado por el ordenador.

Un documento HTML podemos editarlo de forma gráfica y automaticamente se generará el codigo, con lo cual no tendria que ser necesario entender el código. Pero siempre es conveniente entenderlo para poder realizar cambios internos en cualquier documento web.

En esta práctica probaremos a formatear un texto. En mi caso, probaré a formatear directamente en esta entrada:



1. Cambiar la alineación de alguna cabecera o párrafos. 

<h1 align="CENTER">

PRUEBA DE ALINEACION

2. Cambiar el tipo de letra 


3. Poner una línea horizontal en algún lugar del blog.



<hr align="CENTER" color="#FF0000" size="2" width="400" />

4. Añadir un hiperenlace a una imagen 

<a href="http://www.unex.es/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://fs02.androidpit.info/a/7e/0b/downhill-longboard-wallpaper-7e0bfc-h900.jpg" height="166" width="200" /></a>




5. Cambiar el color del fondo de algún elemento 

La propiedad background-color describe el color de fondo de los elementos. Podemos aplicar un color a cualquier elemento, Vamos a aplicar a los titulos H1 un color:


h1 {
  color: #990000;
  background-color: #FC9804;
 }
 

PRUEBA DE COLOR


6. Cambiar el tamaño de algun elemento


Hasta la semana que viene ;)

lunes, 15 de febrero de 2016

Sesion 1 - Primeros pasos con Blogger






Primeros pasos con Blogger:


En la primera sesión de clase, comenzaremos con la creación de la cuenta y la primera toma de contacto con la plataforma blogger.


Pero antes, ya nos hemos informado sobre los blogs. Es importante, entender qué es exactamente y como podemos sacarle el máximo partido.


En la actualidad, Internet se utiliza para todo, y uno de los principales usos es dar a conocer información a nivel mundial. Podemos distinguir las clásicas paginas webs, con su contenido formal y estático.


Este tipo de medio, hace tiempo que quedó atrás ante la aparición de los blogs, que son muy similar a la pagina web, con la principal diferencia que estructuralmente es mas sencillo. Podemos,  sustituir el perfil del webmaster por el de bloguero y el de visitante por lectores. El bloguero necesita mucha menos formación en informática y más constancia y entrega con sus visitantes. 

Los visitantes no serán como con las webs, éstos podrán subscribirse para estar pendiente de las nuevas entradas y podrán comentar éstas.

Bueno, tras saber algo más sobre los blogs, el siguiente paso es saber que plataforma elegir. Los más conocidos son Wordpress y Blogger. Pero por su comodidad, compatibilidad y otros, nos decantaremos por Blogger.




Así que en este primer día de clase de laboratorio, comenzaremos los pasos a seguir.


1º Entramos en la web www.blogger.com  y tras registrarnos, pulsamos en "Crear blog". Introducimos la direccion, el título y seleccionamos la plantilla para nuestro blog. En este instante, ¡ Ya tenemos nuestro blog creado ! 




Tras esto accederemos al panel de control de nuestro blog. Desde aquí podremos administrar nuestro blog de forma integra.





Encontraremos las secciones 



  1. Visión general
  2. Entradas
  3. Paginas
  4. Comentarios
  5. Google+
  6. Estadísticas
  7. Ingresos
  8. Campañas
  9. Diseño
  10. Plantilla
  11. Configuración
Aunque para nuestra primera sesión no nos será necesario revisarlas todas, las observaremos por encima para ir familiarizándonos.

En el enunciado de nuestra práctica se nos pide


1. Personalizar el fondo del blog 


Para ir probando, colocaremos un fondo cualquiera, simplemente busco empezar a personalizar al máximo mi blog.



Puedes encontrar fondos predefinidos que puedes poner y quitar fácilmente, pero también tienes la opción de subir tus propios fondos o backgrounds.  

Para ello hay que entrar en >> diseño / fondo. Donde podremos subir nuestra imagen, seleccionar un color de fondo...


En Internet hay muchas páginas donde puedes encontrar un montón de fondos o patrones.

Incluso diseñar online tu propio patrón.

Aquí os dejo enlaces a algunas webs que ofrecen este servicio. 



  


2. Añadir su favicon

Un favicono, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular. 

Es muy recomendable utilizar una imagen clara, que sirva para asociarla con nuestro blog. Ya que aparecerá en miniatura en la pestaña del navegador cuando visitemos el blog. En mi caso, prefiero utilizar la primera letra de mi logotipo de blog, que por ahora está así:



Por lo que para crear el favicon me quedo solo con la e en color rojo.

Para poder convertir una imagen en un favicon con el tamaño y peso adecuado, existen multitud de sitios web, incluso podremos editarlos online




3. Hacer entradas en su blog 


Al menos, todos los lunes, realizaremos una entrada en nuestro blog explicando nuestras sesiones de práctica de la asignatura.


También me he propuesto intentar buscar algunos temas interesantes para escribir entre la semana.
4. Blogs que va a seguir 


Los primeros blogs que seguiré son los de los compañeros de clase. Aún tengo solo los que se sientan próximos a mi, pero en pocos dias intentaré publicar una lista con todos los blogs de los compañeros para que todos podamos visitarnos a todos.



Por ahora, aqui os dejo los enlaces a los blogs de mis compañeras de grupo de la asignatura:




5. Probar html5maker con sus trabajos más destacados y añadirlo al blog

Esta web, ofrece una aplicación para poder crear animaciones con imágenes en animación. Existen cientos de aplicaciones offline, pero resulta muy cómodo esta web.





6. Investigar sobre herramientas para hacer un e-portfolio, comentar las que más te hayan gustado


Un portfolio, no es más que un portafolios digital. Donde podremos tener todos nuestros diseños para que sean facilmente visitable para cualquier cliente, empresa... etc.

Podriamos definirlo como un curriculum profesional con nuestra experiencia, estilo, forma de trabajar... etc.

En la web, hay muchos sitios donde podemos crear estos e-portfolios, pero no todos son gratuitos. Aqui les dejo 3 sitios, que me han parecido interesantes. Indagaré sobre ellos para poder dar una opinión más argumentada.





Y para despedirme, os dejo un vídeo explicativo que explica de forma más concreta lo que os he explicado:


Cómo crear un blog en Blogger 2015 (paso a paso)


Hasta el Lunes que viene ;)