Creando el futuro por capas.

Herramientas para la creación de aplicaciones móviles En esta práctica hemos visto la creación de una sencilla calculadora para nuestro móvil, a partir de la herramienta MIT App Inventor 2. En ella podemos generar bloques de programación de manera muy intuitiva, además de etiquetas, botones, campos de texto, etc. Es una herramienta sencilla y divertida, con la que podremos crear aplicaciones para nuestro móvil a un nivel "básico" pero muy útil. He aquí mi calculadora: Recordar que para poder instalarla debemos tener instalada la App MIT AI2 Companion en nuestro dispositivo.

Herramientas para diseñar interfaces gráficas En esta práctica vamos a ver como crear diferentes interfaces gráficas que nos puedan ayudar a conectar información. En esta parte del temario hemos visto que son las RRSS, infografías y diferentes interfaces gráficas y como funcionan. Vamos a poder utilizarlas para transmitir información de distintas formas. Una de las interfaces gráficas que hemos visto es el código QR, estos códigos son una evolución del código de barras y permiten transmitir información a través de un gráfico bidimensional y un escaner o cámara. Para poder crearlos y usarlos, tenemos diferentes herramientas, dos de ellas son  Kaywa  e Invex. A través de un código QR podemos dirigir al usuario a una página, compartir un contacto u otro tipo de información. En mi caso, lo voy a usar para compartir mi página web. Para ello, me he dirigido a la página de Kaywa y he generado el siguiente QR que redirige al usuario a mi pagina web. En la segunda parte d

Herramientas de Audio, video y Web3D En esta practica seguimos añadiendo conocimientos sobre el universo web, en este caso herramientas para manipulación de audio, vídeo y modelos 3D. Hasta ahora hemos estado viendo diferentes maneras de crear, modificar y manipular paginas web y archivos en ella, llega el momento de introducir en ellas algo mas de vida, en este caso aprenderemos a insertar archivos en 3D para poder visualizarlos y manipularlos desde la web. Para conseguir este objetivo, nos ayudaremos babylon, una herramienta que nos permite trabajar sobre WebGL, añadiendo archivos 3D y de audio a la visualización, es una herramienta útil ya que tiene infinidad de plugins con los que podremos cargar diversos tipos de archivos 3D, además de tener gran cantidad de información sobre su manejo y uso. Empecemos. Para realizar esta practica hemos añadido un código base que después iremos modificando para conseguir nuestra propia forma. Este código base esta formado de:

Creando una página web con Wix En esta práctica hemos visto como utilizar herramientas como Wix para crear una página web fácilmente. Siguiendo con nuestras metas para conseguir dominar el universo de la comunicación multimedia, llega el momento de las herramientas de creación web. Como hemos visto anteriormente podemos crear una página web a partir de código HTML, hojas de Css y Java, un proceso un tanto frustrante con el que nos podemos tirar días... Aunque nos da completa libertad para modificar cada parte de nuestra pagina, no es un proceso para todo el mundo. Es entonces donde entran este tipo de herramientas. Estas herramientas están pensadas para ayudarnos a crear y modificar nuestra página de una forma sencilla, simple y bastante completa. Empezando por una plantilla, podemos ir seleccionando y añadiendo contenido de una manera sencilla, básicamente es una página web para crear páginas web. Sin más dilación, os dejo los resultados de mis aventuras por Wix:

JUGANDO CON JAVA En esta pequeña práctica, jugaremos con java para hacer nuestra página algo más dinámico y activo. Ya hemos visto como HTML nos ayuda a insertar el contenido de nuestra página y como CSS modifica el estilo y formato de dicho contenido, ahora llega el momento de hacer que nuestra página pueda interactuar con el usuario, para ello usaremos Java. Java es un lenguaje de programación, el cual nos ayuda a programar el comportamiento que va a tener nuestra página a través de un script. ¿Cómo aplicamos java a nuestro contenido? Debemos crear un archivo .js el cual va a contener las ordenes de comportamiento para nuestra página. Debemos hacer referencia a nuestro archivo .js desde nuestro HTML para que este pueda acceder a sus ordenes. En caso de que cambiemos nuestro formato con diferentes archivos .css debemos crearlos y hacer referencia a ellos desde nuestro archivo .js En resumen, tendremos tres archivos principales: .html con nuestro contenido. .js

EXPERIMENTANDO CON CSS En esta pequeña práctica vamos a ver como usar hojas de estilo css para nuestro código html, además del uso de un servidor para alojarlo. Siguiendo con nuestra dinámica de aprendizaje sobre sistemas de comunicación multimedia, en este pequeño experimento hemos comprobado la utilidad y el uso de las hojas de estilo css. Estas hojas nos permiten separar el contenido y la estructura de nuestra página con respecto de su formato, es decir, definen el formato y las propiedades de estilo que va a tener nuestro contenido. Esto nos permite trabajar con diferentes estilos en la misma pagina (entre otras cosas). Veamos un ejemplo practico, tenemos la siguiente pagina creada pincha aquí , en ella podemos ver que ya he añadido contenido sobre mi blog, pero el formato, colores, tipografía y estilo vienen definidos por el código original. Lo que vamos a hacer a continuación es modificar el estilo a nuestro gusto, pero sin modificar el contenido, es decir, reesc