viernes, 19 de mayo de 2017

¿Fin?

Ya se han acabado las clases de este curso, eso no quiere decir que se vaya a cerrar el blog, pero... ¿seguirá activo?



Espero que no hayan sido pesadas las entradas, que hayáis aprendido cosas nuevas y que hayáis encontrado todas las "R".


HASTA PRONTO BLOGGER.

jueves, 18 de mayo de 2017

¿Y más RA?

¿Por qué no pensar en el futuro? La realidad virtual puede jugar un papel muy importante, como se puede comprobar en este vídeo:


miércoles, 17 de mayo de 2017

¿Por qué no más realidad aumentada?

No sé si se ha notado, pero si no es así, lo hago notar. La realidad aumentada es el tema que más me ha gustado. Aunque tengo que decir que el tema de los Mockup es el que más me ha sorprendido, porque no sabía de su existencia, y le he dado bastante uso.

Pero volvemos con la realidad aumentada, hay un montón de aplicaciones dentro de este campo.
Un día encontré este curioso vídeo:


Aunque todavía es solo un proyecto, puede convertirse en una aplicación muy interesante para el campo del cine.
Hasta entonces puedes hacerte una idea con el vídeo. Son lugares emblemáticos de Londres y las escenas de las películas que fueron grabadas allí, como pueden ser Notting Hill, 28 días después o Harry Potter.

Navarra de Cine sería un ejemplo de este tipo de aplicaciones. Al realizar la ruta con los escenarios de las películas, aparece un atril informativo con datos de la película rodada en ese lugar. Tan solo hay que abrir la app y enfocar el atril de forma que se reproducirá un breve fragmento allí rodado. Algunos de ellos son Ocho apellidos vascos, Blue Lips, Robin y Marian o Las brujas de Zugarramurdi.

¿HOTware?

¿Quieres las mejores zapatillas del mercado? ¿Quieres tener siempre los pies calentitos? ¿Quieres ir como un/a divo/diva por casa? ¿Quieres estar como en una nube? ¿Quieres destacar? ¿Quieres tener mucho flow? ¿Quieres tener unas zapatillas cómodas? ¿Quieres...?

AQUI TIENES LA RESPUESTA:



¿Quieres sabes que es? Pues visita este blog y tendrás todas las respuestas:

lunes, 15 de mayo de 2017

¿Motores gráficos?

Comúnmente conocido como Graphic Engine o solo Engine, es la parte vital de cualquier vídeo juego.
Es una 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.

En esta práctica usaremos el programa Unity

Siguiendo los pasos propuestos y tras aplicar material al plano y a la esfera, este fue el resultado:




sábado, 13 de mayo de 2017

¿Blippar?

Es una aplicación de realidad aumentada que reconoce imágenes y las vuelve interactivas en el teléfono móvil.

https://youtu.be/zaA51s_mQfE

En nuestro caso hemos elegido el mismo resultado que en Aurasma, es decir, que al escanear una imagen se pueda visualizar el vídeo del blog.
La imagen del favicon da error por lo que se ha elegido otra.



¿Aurasma?

Nos permite crear, a partir de una imagen previamente escogida, una experiencia de realidad virtual, asociando a esta un vídeo, un objeto en tres dimensiones, otra imagen...
Este proceso nos lleva a la creación de la denominada "Aura".

La imagen elegida ha sido el favicon de este blog. Al escanear la imagen se puede observar un vídeo del contenido de este blog en versión móvil.


El vídeo ha sido creado con la aplicación "Team Viewer" y "Youtube".

sábado, 29 de abril de 2017

¿Augment?

Es una aplicación de realidad aumentada disponible en línea, en aplicación móvil y como software para ordenador.

Las piezas se suben a la plataforma en linea en formato .dae, .obj, .stl, .zae o .kmz.
Podemos visualizar nuestras piezas con y sin marcador. El programa crea un código qr con el que se pueden visualizar con la aplicación móvil, pero se le puede asignar otro marcador como puede ser un billete de 20 euros, un logo...


Sin marcador

Con marcador

Las piezas pueden tener movimiento o no. Con el software de ordenador se pueden modificar directamente sin necesidad de tener programas 3d.

Aquí os dejo algunas imágenes en las que se pueden observar las piezas 3D.

Resultado de imagen de augment scanResultado de imagen de augment scanResultado de imagen de augment scan


Resultado de imagen de augment scanResultado de imagen de augment scanResultado de imagen de augment scan

viernes, 28 de abril de 2017

¿Layar?

Es una aplicación móvil de realidad aumentada en la que podemos encontrar contenido como mensajes de Twitter, imágenes y hasta información de restaurantes.

En mi caso, al escanear con la aplicación esta imagen:

Obtenemos este resultado:

domingo, 23 de abril de 2017

¿Mobincube?

Es una herramienta que te ayuda a crear una aplicación móvil de forma sencilla. Te permite utilizar plantillas o empezar desde cero, que en nuestro caso hemos elegido la primera opción. Y como va a ser para un bar, hemos elegido la plantilla "The bar".
Y este es el resutado:



Código QR

Te puedes descargar la aplicación a través del código QR o a través del enlace:


http://mobincube.mobi/HBAE4A

* Este enlace solo funciona desde dispositivos móviles, no desde ordenadores.


jueves, 20 de abril de 2017

¿Te lo vas a perder?

Del 24 al 28 de abril se celebrará la semana cultural del centro universitario de Mérida. Habrá muchos torneos, talleres temáticos, concursos, conciertos, exposiciones, actividades temáticas y premios para los participantes y ganadores.

Puedes ver todo lo que hay en el díptico con este diseño elaborado por compañeros de Sistemas de Comunicación Multimedia.







lunes, 3 de abril de 2017

¿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.

Pidocco es la aplicación que usaremos para esta práctica.
Su uso es muy simple, ya que solo hay que arrastrar elementos que aparecen en la zona izquierda a la "pantalla".




El diseño de la página web será para la semana cultural, y este es el resultado:


miércoles, 29 de marzo de 2017

¿YouTube? ¿Soundation?

YouTube es un sitio web dedicado a compartir vídeos. Dispone de una herramienta de edición de vídeos con la que crearemos un vídeo para después subirlo.
En mi caso he usado uno de los filtros, blanco y negro, y he unido varios vídeos con música de fondo. También se encuentra una transición que "provoca" un cambio de ritmo.


Soundation es una página web que contiene una aplicación que nos permite crear nuestras propias canciones a partir de la mezcla de distintos loops.
Jugando un poco he obtenido esta "canción" que pronto estará en el número uno de las listas de éxitos:

Número 1 en listas


¿Bootstrap?

Es un framework que permite crear interfaces web con CSS y JavaScript. Se adapta automáticamente al tamaño de un PC, tablet u otro dispositivo.

Para realizar esta página web nos descargamos un archivo con extensión .html de Bootstrap. Luego elegimos una plantilla predefinida y la guardamos.
Realizamos modificaciones en la plantilla, que en mi caso han sido en imágenes, texto y links.

Página web sin modificar:
 Página web final:
¡Tú mismo puedes comprobarlo! Tienes ya el enlace en el apartado "Páginas".

miércoles, 15 de marzo de 2017

¿Fichero JavaScript?

Nuestra página web tenía códigos script dentro del archivo html. Ahora tenemos los códigos script en otro archivo con extensión .js, de esta forma podremos utilizar el archivo para otras páginas web.

¡Cuidado con el código porque te puedes tirar dos horas para encontrar un fallo!

En el archivo .js se encontrarán diferentes funciones que luego llamaremos desde el archivo .html para que se ejecute en nuestra página web. También se hace una referencia al archivo javascript que se va a usar:

<script src="javascript2.js"></script>

Esta es una de las funciones que encontraremos en el archivo .js:

function myFunctionalert() {
 alert("Hola Clase!");
}

Esta función abre una ventana de alerta en la que pone: "¿Has visto ya mi blog?".
El el archivo html llamaremos a la función con el código:

<button type="button" onclick="myFunctionalert()">Alerta</button>

De esta forma creamos un botón que al hacer click sobre él, se ejecutará la función indicada.
Para el resto de funciones realizaremos el mismo proceso.

Me paro para explicar la función "Horario", la cual nos indica la fecha y hora en la que nos encontramos en el momento de hacer click en el botón "¿Qué día es hoy?", que realizaremos en html de la misma forma que hemos explicado anteriormente. En cuanto al código JavaScript, utilizaremos funciones que podréis encontrar explicadas en la siguiente página: https://norfipc.com/web/como-mostrar-fecha-hora-paginas-web-javascript.html

Si no has entendido muy bien lo que hace la función puedes ir a mi página web y observarlo tú mismo.


lunes, 6 de marzo de 2017

¿JavaScript?

Es un lenguaje de programación interpretado, que usaremos para programar el comportamiento de un sitio web.
Los códigos vienen dados con una etiqueta de inicio (<script>) y otra de fin (</script>).

Antes nuestra página se encontraba con un solo estilo, el original; ahora existen dos estilos más.
¿Cómo se ha realizado?
Creamos diferentes estilos a mayores del original que llamaremos final2.css y final3.css.
Abrimos nuestro archivo html y realizamos los siguientes cambios.
Añadimos un identificador, que en este caso es "estilo".

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

El estilo "final.css" será el que saldrá siempre al iniciar la página web.
En el head del index.html añadimos la función "cambio", que tendrá el estilo determinado por la hoja de estilo "final.css". Este código JavaScript tendrá etiquetas de inicio y fin como ya hemos indicado.

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

Repetimos el proceso y añadimos la función "cambio1" con el estilo determinado por la hoja de estilo "final2.css".

Podemos realizarlo de otra forma. Añadimos una función "cambio2" con un código parecido, añadiendo el término "archivo":

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


</script>

En el body del index.html añadimos unos botones que permiten el cambio de estilo de la página.
Para las funciones "cambio" y "cambio1" se añade este código:

<button type="button" onclick="cambio()">Original</button>
<button type="button" onclick="cambio1()">Sur</button>

Para la función "cambio2" variamos el código anexionando el estilo "final3.css":

<button type="button" onclick="cambio2('final3.css')">Norte</button>

Por último añadimos un botón de alerta debajo del menú, añadiendo este código.

<!DOCTYPE html>
<html>
<body>
<p>Dale aquí y mira esta alerta.</p>
<button onclick="myFunction()">Click me</button>
<script>
function myFunction() {
alert("¡Alerta!");
}
</script>
</body>
</html>

¡Entra en la página web y compruebalo!

lunes, 27 de febrero de 2017

¿Hostinger?

Es un hosting gratuito que nos permite subir nuestra página web, de esta forma la podemos enlazar al blog para que todo el mundo la pueda ver.

En este enlace se explica cómo subir una página web:
https://www.youtube.com/watch?v=t7gyZAuqUGQ

Antes de subir nuestra página web realizaremos unos cambios en el tipo de letra, el fondo, colores...
¿Cómo? 
- Para cambiar los colores se modifica el código del color, precedido por la almohadilla, o simplemente poniendo el nombre del color:     color: #CCCCCC 
                                                     color: red
                                                     background-color: yellow
En este enlace puedes encontrar los códigos de los colores: http://htmlcolorcodes.com/es/

- Para inserretar una imagen de fondo:      background-image: url("imagen.jpg")

- Añadir el enlace a un blog:
<li><a href="http://scm-arantxarr2017.blogspot.com.es/">Mi blog</a></li>

¿CSS?

Cascading Style Sheets (Hojas de estilo en cascada)
Describe cómo los elementos HTML se van a visualizar en pantalla.

Definimos varios términos:
- Hoja de estilo: conjunto de propiedades de formato, más reglas de definición y aplicación.
- Regla de estilo: componente de una hoja de estilo. Formada por:
                                - Selector: indica las etiquetas a las que se aplica
                                - Declaración: conjunto de pares (propiedad/valor)

TIPOS DE SELECTORES
    - Basado en el elemento (etiqueta):                                        p {color: white;}
                                                                                                    p, h1 {color: white;}

    - Basado en el contexto del elemento:                                  p strong {color: blue; }

    - Basado en un identificador o una clase:                     Id:   #introduccion {font-size: 14pt;}
                                                                                       Clase:   .rojo {color:red;}

    - Basado en una pseudoclase (estado) de un elemento:         a:hover {color: pink;}

FORMAS DE INSERTAR CSS
    - Hoja de estilos externa
    - Hoja de estilo interna
    - Estilo en línea

martes, 21 de febrero de 2017

¿HTML?

HyperText Markup Language (lenguaje de marcas de hipertexto).


¿Qué es? 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 (texto, imágenes, etc.).

¿Cómo realizar una modificación en el blog con HTML?
Primero accedemos al lenguaje html: Plantilla - Editar html
Truco: para buscar una palabra en concreto pulsamos Ctrl + F
En mi caso decidí cambiar el gadget buscador, ¿cómo? 
Primero modificamos el nombre: 

          <b:widget id='BlogSearch1' locked='false' title='Buscar este blog' type='BlogSearch' visible='true'>
          <b:widget id='BlogSearch1' locked='false' title='¿Qué quieres buscar?' type='BlogSearch' visible='true'>

Vamos un poco más allá y modificamos el estilo de la cabecera.
OJO: Ponemos lo que estaba antes en comentario por si nos equivocamos. Para ello usamos <!-- al principio y --> al final del comentario.
Introducimos el estilo que queremos: <h2 style='color:orange;font-size: 120%;'>
Añadimos <data:title/> y cerramos la cabecera </h2>
Por último cerramos el condicional if: </b:if>
Este sería el resultado:

                     <b:includable id='main'>
                        <!-- only display title if it's non-empty -->
                        <b:if cond='data:title != &quot;&quot;'>
<h2 style='color:orange;font-size: 120%;'>
                          <!--<h2 class='title'><data:title/></h2> -->
                              <data:title/>
                          </h2>
                        </b:if>

Puedes comprobar tú mismo como ha quedado el buscador.
           

martes, 14 de febrero de 2017

¿Por qué un blog?

Un blog permite su actualización periódica, hablar de temas de interés y contener información de uno o varios autores. Todo ello en un sitio web, es decir, donde nos encontramos.

Por ello para la asignatura de Sistemas de Comunicación Multimedia llevaremos el blog al día, añadiendo conceptos aprendidos en clase o datos de interés.


¿Buscando a erre?

Es normal que surja esta pregunta al ver el título, por eso esta entrada te va a dar la respuesta.

"Buscando a Nemo", "Buscando a Dory" o "¿Dónde está Wally?", las dos primeras son películas famosas, el último, una serie de libros, que se puede decir, que ha convertido a Wally en una de las personalidades más buscadas. El título del blog, por lo tanto es un mezcla entre ellos, pero en este caso la protagonista será la letra R. 

¿Por qué es la protagonista? Porque esta letra aparecerá escrita de diferentes formas en los temas que vayamos a abarcar próximamente y la tienes que encontrar.
Con ello se busca el entretenimiento, además de la sabiduría. 
¡Si sigues el blog las irás descubriendo!