Realidad Aumentada: BLIPPAR

Para realizar la práctica de blippar tenemos que accerder a su web y registrarnos pinchando en productos, blippbuilder beta: Blippar

Una vez registrados, damos a crear proyecto, y vamos añadiendo las herramientas de la izquierda a nuestro gusto, damos a publicar y esto nos genera un código que debemos introducir en la app del móvil para poder visualizarlo. si queremos saber cual es este código es encima del proyecto pinchar sobre los tres cuadritos y test: 

Mi código es: 512089

Realidad aumentada: AURASMA

Para hacer un trabajo con aurasma, bien podemos realizarlo desde un dispositivo móvil o bien desde la web, yo he escogido la web, en la cual tenemos que registrarnos: aurasma

Una vez registrado arriba a la derecha nos aparece (+Create New Aura ) pinchando aqui comenzamos a crear nuestro aura, lo primero de todo es elegir la imagen que esté de base, en nuestro caso será nuestro favicon, damos a siguiente y añadimos que cosas queremos que aparezcan en nuestro aura, una vez finalizado le damos a publicar y cuando con la aplicación pasemos la cámara por encima de la imagen aparecerá nuestro aurea.

Este es mi canal de aura en el que podréis encontrar mi aura para seguirlo y así poder verlo, espero que os guste: mi canal de aurasma

Realidad Aumentada: LAYAR

Vamos a comenzar conociendo que es la realidad aumentada:

La realidad aumentada consiste en combinar el mundo real con el virtual mediante un proceso informático, enriqueciendo la experiencia visual y mejorando la calidad de comunicación.

Gracias a esta tecnología se puede añadir información visual a la realidad, y crear todo tipo de experiencias interactivas: Catálogos de productos en 3D, probadores de ropa virtual, video juegos y mucho más.

Layar es la aplicación gratuita de realidad aumentada más popular del mundo, basada en el uso de capas de información que los usuarios suelen añadir para contextualizar un entorno físico o geográfico. Esta superposición de datos e información, gráficos o imágenes virtuales “de valor” en las llamadas “capas” enriquecen el entorno real.

Fundada en Ámsterdam, el 2009, Layar es una aplicación de realidad aumentada móvil que combina en capas virtuales, elementos virtuales con el entorno físico, gracias a la utilización del GPS, la brújula digital, la cámara y la conexión permanente al Internet.

Nos hemos registrado en esta web y hemos echo una practica con una imagen y añadiéndole 3 herramientas, y este es nuestro resultado:

Creación de una app.

Vamos a ver como crear una app, totalmente gratuita, nosotros vamos a usar mobincube:

Esta es una herramienta con la que crear aplicaciones, hay una sección gratuita con publicidad y una premium, nosotros hemos probado la gratuita, entrando en su web Mobincube y registrándonos.

Una vez dentro nos encontramos con una pantalla que te ofrece elegir un nuevo proyecto, y te salta un cuadro para elegir si deseas utilizar una plantilla o crearla tu, nosotros escogimos una plantilla, para la creación de una aplicación sobre nuestro bar favorito.

En mi caso he elegido Alonso Bar, un bar situado en el pueblo de retamal Facebook, una vez dentro puedes ir añadiendo tus propias fotos y tiene un gran tutorial sobre como ir avanzando y cambiando las cosas.

Aquí os dejo mi resultado versión 1: 

Solo para móviles:  http://mobincube.mobi/HVG66C

MOCKUP

En esta semana vamos a ver que es un mockup, esto es un  foto montaje que permite a los diseñadores gráficos y web mostrar al cliente cómo quedaran sus diseños.

El objetivo de esta práctica es crear la interfaz de una página web para la semana cultural, debemos incluir la lista de actividades que se van a realizar, un calendario, etc.

Para ello vamos a usar una web llamada pidoco, una vez registrado, e iniciado un nuevo proyecto nos muestra lo siguiente:

Aquí podemos observar a la izquierda de la imagen la cantidad de herramientas que nos ofrece, y arrastrando esto a la pantalla central, podemos ir colocando las diferentes cosas que queremos que lleve nuestra web en un futuro.

Como la practica consiste en una web para la semana cultural este a sido mi propuesta:

Hasta Pronto!!

Edición de audio y video

Para esta práctica hemos editado un vídeo con youtube el video que podeís ver en la parte inferior del blog, además hemos tenido que crear un audio a través de Soundation, una herramienta online en la wue te premite la edición de audio.
Una vez nos hemos registrado le damos a sound, y empezamos a crear nuestra pista de audio ya sea con pistas que ofrece la herramienta o con pistas propias del ordenador.

Este a sido el resultado final:
audio


Fin.

Bootstrap

¿Qué es  Bootstrap?

Es una herramienta para la creación de paginas web, mas concretamente es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice. Es decir, el sitio web se adapta automáticamente al tamaño de una PC, una Tablet u otro dispositivo. Esta técnica de diseño y desarrollo se conoce como “responsive design” o diseño adaptativo

Bootstrap es modular y consiste esencialmente en una serie de hojas de estilo LESS que implementan la variedad de componentes de la herramienta. Una hoja de estilo llamada bootstrap.less incluye los componentes de las hojas de estilo. Los desarrolladores pueden adaptar el mismo archivo de Bootstrap, seleccionando los componentes que deseen usar en su proyecto.

Los ajustes son posibles en una medida limitada a través de una hoja de estilo de configuración central. Los cambios más profundos son posibles mediante las declaraciones LESS.

El uso del lenguaje de hojas de estilo LESS permite el uso de variables, funciones y operadores, selectores anidados, así como clases mixin.

En la práctica de hoy vamos a crear una web con bootstrap, y realizarle un cambio, como introducir una imagen, es simplemente entrando en la web de bootstrap, descargando los archivos, y copiando una plantilla de las que nos da, y realizando el cambio en esta.

Este es mi resultado final:

Muchas gracias, y hasta la próxima.

1º Práctica de Java Script

Qué es el Java Script¿?

Es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo, débilmente tipado y dinámico.Permite mejoras en la interfaz de usuario y páginas web dinámicas.

El ejercicio de hoy, consiste en hacer un cambio de estilo de nuestra web a traves de este lenguaje, para ello creamos un nuevo documento de .css con distinto nombre, y añadimos una serie de marcadores en nuestro archivo .html.

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

Un script con una función: 

<script type="text/javascript" language="JavaScript">

function cambio(archivo){

document.getElementById("estilo").href= archivo;

}

</script>

Y un boton e el body:

 <button type="button" onclick="cambio('final3.css')">Cambio de estilo!</button>

Con esto conseguimos hacer un cambio dinámico en nuestra web.

Este es el aspecto inicial:

y dando al botón cambio de estilo, cambiamos lo siguiente:

Práctica de CSS

En esta practica vamos a generar un cambio en nuestra pagina web y enlazar nuestra web al blog y viceversa.

En blogger esto es muy sencillo, nos entramos en diseño - añadimos un gadget donde prefiramos de lista de enlaces y nos aparecerá esta pantalla:

Una vez aquí añadimos un titulo de la lista, en mi caso tengo varias, como enlaces o mi lista de blogs, introducir un nombre para el enlace, tipo  mi web, o el nombre de otro blog que enlacemos, y por ultimo copiar el url del sitio que queremos enlazar, así ya tendríamos nuestra web enlazada.

Que es el CSS?

Las hojas de Estilo en Cascada (Cascading Style Sheets) es el lenguaje utilizado para describir la presentación de documentos HTML o XML, esto incluye varios lenguajes basados en XML como son XHTML o SVG.

CSS describe como debe ser renderizado el elemento estructurado en pantalla, en papel, hablado o en otros medios.

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado.


CSS se inventó para proporcionar a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil.

HTML

Hoy vamos a explicar qué es HTML

Éste es el lenguaje con el que se estructuran internamente las páginas web. Básicamente se trata de un conjunto de instrucciones (etiquetas) que sirven para dar formato al texto y definir donde y como se van a presentar los elementos de página.

Aunque no es necesario saber HTML, siempre es conveniente tener unas nociones básicas.

Consiste en una serie de etiquetas encerradas entre los símbolos <> y casi todas las etiquetas constan de dos marcas, una de apertura y otra de cierre. 

Vamos a realizar un cambio en nuestro blog para ver como sería realizar pequeños cambios:

Para acceder al código HTML debemos meternos a blogger – Plantilla – Editar HTML, una vez dentro vamos a colocar el titulo de nuestro blog entrado en el medio.

Para ello vamos a buscar donde esta este el apartado de head, y añadir lo siguiente:

<style>

h1{ text-aling, center;

}

</style>

Con esto conseguimos que el texto de nuestro blog se alinee en el centro.

⇕

El Baloncesto Femenino en Blog

La mayoría de equipos del baloncesto femenino Extremeño en categorías superiores, tienen un blog en los que comparten información de sus partidos, fotos, y es una gran manera de seguir sus movimientos.

Equipos como el Al-Qaceres y el club deportivo Miralvalle, usan este método para conseguir más aficionados, publicar noticias sobre sus partidos, o mantener a todos los aficionados informados sobre entrenamientos, viajes y actividades que organizan.

Ambos usan la plataforma blogger para crear su blog, una plataforma que es gratuita, al igual que jimdo, wordpress, etc