Práctica 7: Mobincube

Con estra práctica editaremos nuestra propia app, gracias a Mobincube. En esta web podemos experimentar con diseños de plantillas prefabricadas, en esta ocasión la temática de la App será sobre bares, en mi caso un local llamado Marbles.

mobincube.mobi/KD5TO6

Práctica 6: Pidoco

En esta práctica hemos trabajado con Pidoco, en el cual podemos hacer simulaciones de un próximo proyecto, fotomontajes que nos permiten hacernos una idea de lo que será nuestro trabajo acabado.

Una vez iniciada la sesión procedemos a editar nuestro proyecto, el proceso es simple, solo hay que arrastrar los elementos deseados hasta el lugar adecuado.

De esta forma podemos elaborar el calendario de la semana cultural del CUM

Practica 5.2: Audio y Vídeo

En la práctica propuesta tenemos que crear un video en Youtube y un audio en Soundation, la complicación es mínima y no requiere mucho tiempo.

 Video en Youtube

-Para poder usar los servicios que nos ofrece Youtube tendremos que crearnos un perfil e iniciar sesión gratuitamente. Lo siguiente que debemos hacer es dirigirnos al apartado
"crear" para empezar a editar nuestro video.

-Las opciones de personalización son casi infinitas, youtube te cede imágenes y vídeos que podemos usar libremente, además de contar con la opción de subir nuestras propias obras.

-Insertamos los planos que queremos que se sucedan e introducimos una pieza musical, nuestro vídeo esta completo.

Audio en Soundation

Los pasos a seguir con esta herramienta son muy similares a los que hemos visto con Youtube.

Una vez registrados gratuitamente, nos dirigimos a Studio, donde podemos encontrar las pistas y sonidos que conformarán nuestro trabajo. Una vez elegida la combinación de sonidos ganadora publicaremos nuestra canción.

Práctica 5.1: Bootstrap

Bootstrap es una herramienta que nos pone a nuestro alcence una gran cantidad de códigos para elaborar propios sitios web:

 Para empezar a usar Bootstrap y llevar a cabo nuestra práctica debemos seguir estos pasos:

- Descargar Bootstrap, esta descarga consta de tres carpetas (css,fonts, js)

-Elegiremos uno de los múltiples ejemplos que encontramos en la página y descargaremos su código html.
-Una vez tengamos los códigos podemos modificarlos a nuestro antojo, añadir fotos, cambiar colores etc.

Práctica 4: Ampliación de JavaSript

En esta práctica hemos dado un paso más allá en el uso de JavaScript. En la práctica anterior introducimos JavaScript en nuestro archivo.html, en esta sesión hemos aprendido a crear un archivo .js donde configuraremos las funciones que queremos usar en nuestra página.

- Lo primero que debemos hacer es mencionar a este archivo .js en nuestro documento .html, yo lo he llamado javascript.js:

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

- El segundo paso es elegir la función que queremos que lleve a cabo nuestra página.

  En mi caso voy a colocar un cartel llamativo que sirva de enlace a nuestro blog:

<script type="text/javascript"> 

window.setInterval (BlinkIt, 500); 

var color = "red"; 

function BlinkIt () {

 var blink = document.getElementById ("blink"); 

color = (color == "#ffffff")? "red" : "#ffffff";

 blink.style.color = color; 

blink.style.fontSize='36px';} 

</script>

<div id="blink" onclick="parent.location='http://scm-cum.blogspot.com.es/'"> 

BLOG!</div>

-También he añadido un mensaje agradeciendo la visita a mi página web:

</div>

Selecciona algo del texto: <input type="text" value="Gracias por visitar!"

onselect="myFunction2()">

Nota: La web  mipropia.com tiene límite en el tamaño de los datos que podemos subir, esto nos impide personalizar nuestro blog en mayor medida.

Práctica 3: JavaScript

JavaScript nos permite modificar el comportamiento de una ubicación web, en nuestra prática vamos a proceder a cambiar el estilo de nuestra página web con tan solo pulsar un botón.

Modificaciones que hay que realizar en el archivo index.html:

1.- Hay que 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"

 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"

 3.- Por último, en el body del index.html añadiremos un botón, cuya etiqueta le he puesto "Cambio de estilo" y que al hacer click, llamará a la función cambio, pasándole como argumento el nombre del nuevo archivo css que hemos creado.

4.- Haremos lo mismo pero a la inversa para volver al estilo original creando un botón que yo he llamado "Vuelta al estilo"

Este ha de ser nuestro resultado final:

http://emiweb25.mipropia.com

Microsoft presenta la Realidad Virtual combinada con Realidad Aumentada

http://www.somosxbox.com/microsoft-presenta-la-realidad-virtual-combinada-realidad-aumentada/735038