miércoles, 17 de mayo de 2017

Pantucum! Lo último en zapatillas térmicas

Desde la asignatura de sistemas de comunicación  hemos tenido que realizar un trabajo sobre las zapatillas térmicas,en él hemos realizado varios rediseños, una apk, una página web con la aplicacion bootstrap, una imagen con realidad aumentada, redes sociales para nuestra  pantufla, numerosas  entradas en el blog que hemos hecho en común y mil cosas más . Nos hemos divertido  mucho realizando esta actividad. 
A continuación os dejo el enlace de nuestro fantástico  blog en común  http://pantucum3d.blogspot.com.es



lunes, 15 de mayo de 2017

¿Has cambiado tu contraseña ya? ¿has cambiado tu contraseña ya? ¿has cambiado tu contraseña ya?

WannaCry es un software malicioso de tipo ransomware. Gracias a él, alguien ha conseguido recopilar una base de datos con más de 560 millones de mails y contraseñas de usuarios de todo el mundo. Así que si tienes cuenta en servicios como Spotify, LinkedIn, Dropbox, Tumblr o Adobe, es posible que tus datos formen parte de esa enorme base de datos.
Es recomendable cambiar tu contraseña de inmediato y comprobar si formaba parte de esa base de datos.

Quieres saber si tu contraseña está a salvo?

Entra en la web have i been pwned? y escribe tu dirección de mail o nombre de usuario. Si estás a salvo aparecerá un mensaje en verde avisándote de ello.

¡¡Yo ya sé que mi email no corre ningun peligro!!

Un juego en Unity

No es necesario tener unos conocimientos avanzados de programacion para crear tu propio juego. ¿cómo? pues con la herramienta Unity. Es una herramienta muy facil de utilizar con la que tenemos infinidad de posibilidades para crear un juego; puedes realizar todo lo que tu creatividad te permita.
 
Para proceder a crear nuestro espectacular juego, lo primero qe tenemos que hacer es registrarnos y descargarnos es programa en la página oficial con la opcion gratuita. Después podemos empezar con algo básico, añadiendo los objetos 3D que nos ofrece el programa; y por último, le asociamos un script para que podamos controlar nuestro objeto virtual.

En el sidebar de la derecha podeis ver un video del juego que yo he hecho.

Pincha aquí para descargar mi juego y pasar las largas tardes de verano jugando con él.

jueves, 11 de mayo de 2017

Blippar

Blippar es una aplicación que reconoce imágenes y las vuelve interactivas en tu teléfono móvil. Blippar reconoce objetos tales como vallas publicitarias, anuncios en prensa e incluso botes de kétchup y los vuelve interactivos en la pantalla de tu teléfono móvil.

Podeis escanear de nuevo mi favicon, que he subido antes, con la aplicación de Blippar que os teneis que descargar en vuestro smartphone.

Para ver el contenido, debeis poner en los ajustes mi código: 509824

*Nota: Tarda muchísimo en cargar!!

Aurasma Studio

Esta herramienta es del estilo de layar, con Aurasma no sólo podemos ver realidad aumentada, sino que la podemos producir de forma sencilla y en pocos minutos. Además es multiplataforma ya que disponemos de apps para IOS y Android.

Escanenando la imagen de mi favicon (que os dejo a continuación) con la aplicacion de Aurasma, tendreis acceso a un video resumen de mi blog.


martes, 9 de mayo de 2017

Qué sabemos de Internet

Ahora accedemos a un montón de páginas web al día y vemos esto como algo totalmente normal que parece que siempre ha existido pero realmente es mucho más reciente de lo que creemos. 

En los años ochenta el ejército norteamericano comienza un proyecto llamado arpanet en los que se conectaba un puñado de ordenadores, de aquí  paso a convertirse en una red  civil, los protocolos que se crearon para esta red dieron inicio a lo que hoy llamamos Internet. 

Internet llega a España a principio de los noventa con muy pocos usuarios y estos en ámbitos académicos, además todo muy rudimentario (por ejemplo, encontrar un gif en una página era lo más)  y a velocidades muy bajas, pero las cosas buenas se extienden rápido. 

Ya en el año 2000 empieza el boom de Internet en España llegando al 8,2%, es decir, unos tres millones y medio de usuarios, llegando actualmente  a una cifra de 37,87 millomes de un usuario. 

Antes había un problema de acceso a la información, ahora lo que tenemos es un exceso de información que nos mantiene igual de desinformados. 

lunes, 8 de mayo de 2017

Layar

Layar es una herramienta de realidad aumentada y gracias a ella podemos conseguir que una imagen cobre vida mostrándonos videos, nuestra página web,  música, etcétera. Con Layar podemos dejar correr nuestra imaginación y hacer cosas chulísimas.

Aquí tenéis mi publicación en layar, podéis comprobarlo escaneando mi imagen.


Este es el resultado final, una vez escaneado


domingo, 30 de abril de 2017

Realidad aumentada I

La RA estudia las técnicas para integrar, en tiempo real, contenido digital con el mundo real. Podemos distinguir entre realidad virtual y realidad aumentada 


Realidad Virtual : el usuario interactúa en un mundo totalmente virtual. 


Realidad Aumentada : genera capas de información virtual alineadas con la imagen del mundo real para lograr una sensación de integración.

Ahora, un poco de historia muy interesante y para nada aburrida:

1968 primer sistema de RA, Ivan Sutherland usa un casco de visión, ver objetos 3D 
1992 aparece el término de RA Tom Caudell y David Mizell, ingenieros de Boeing. 
1997 investigadores de la Universidad de Columbia presentan The Touring Machine el primer sistema de RA móvil.
1999 Kato y Billinghurst presentan ARToolKit librería de tracking visual que reconoce marcas cuadradas mediante patrones de reconocimiento. licencia GPL. 
2000 investigadores de la University of South Australia presentan una extensión de Quake (ARQuake) para jugar en primera persona en escenarios reales. 
2001 Archeoguide financiado por la UE, guías turísticas electrónicas basadas en RA. 
2003 Siemens lanza Mozzies, el primer juego de RA para teléfonos móviles.
2004 RA usando GPS y PDAs (juegos) 
2005 adaptación de la biblioteca ARToolKit para funcionar en Symbian. (juego de Tenis). 
2008 Mobilizy crea Wikitude aplicación que aumenta la información del mundo real con datos de Wikipedia. 
2009 SPRXmobile lanza una variante de Wikitude llamada Layar define un sistema de capas que permite representar datos Wikipedia o Twitter, además de servicios locales (como tiendas, estaciones de transporte público o guías turísticas).
2010 Adidas lanza un juego de 5 zapatillas originales de RA. Los propietarios de estos modelos podrán enseñar la lengüeta de la zapatilla a una cámara y aparecerá un mundo 3D de la marca, con posibilidad de jugar a contenido exclusivo y obtener premios. 


Dos tipos de Realidad Aumentada 
1. Realidad Aumentada que emplea marcadores o imágenes
  • PC ó móvil 
  • Cámara web 
  • Software 
  • Marcadores 
  • Realidad Aumentada basada en la posición. Muestra información “enriquecida” del entorno, basándose en la posición y orientación . Un buen ejemplo es la aplicación Layar de iPhone. 
2. Realidad Aumentada con marcadores o imágenes Realidad Aumentada 
  • Emplea marcadores (símbolos impresos en papel) o imágenes 
  • Superpone información (imágenes, objetos 3D, vídeo,…) reconocidos por un software determinado.
La verdad que es súper interesante ver como ha evolucionado la tecnología en este ámbito y lo lejos que nos queda aun por llegar. La demostración que nos han hecho los compañeros en clase  hoy ha sido bastante  impresionante. He descubierto que sabía muy poco sobre este tema :) 

lunes, 24 de abril de 2017

Herramienta App

Una app es una aplicación de software que se instala en dispositivos móviles o tablets para ayudar al usuario en una labor concreta, ya sea de carácter profesional o de ocio y entretenimiento.
Podemos encontrar app de pago, gratuitas, de suscripción...

¿A que tipo de datos pueden acceder las aplicaciones

  1. Su lista de contactos de teléfono y de email
  2. Al registro de llamadas 
  3. A los datos transmitidos por internet
  4. La información de su calendario
  5. Los datos de localización
  6. Al código de identificación exclusivo de su aparato 
(Siempre y cuando les demos permisos a partir de android 6.0)

Herramientas para desarrollar app (de pago y gratuitas)

  • Mobincube
  • Infinite Monkeys
  • BiznessApp
  • Octopus App
  • Good Barber
  • Como 
  • Instant AppBuilder
  • Let It Guide
  • Appery.io 
  • Mobileroadie 
  • TheAppBuilder 
  • Appy Pie
  • AppMachine 
Por ultimo decir, que a la derecha podéis encontrar el código QR de mi app. Está hecha con mobincube, que ha dado muchos problemas a la hora de realizarla.

martes, 11 de abril de 2017

Interfaces gráficas (mockup)

La interfaz gráfica es la parte del programa que facilita la comunicación entre dicho programa y el usuario de este. En Windows, el escritorio y las carpetas componen la interfaz gráfica, que te permite ejecutar diversas operaciones (cambiar nombre, mover, copiar, pegar...) sin necesidad de conocer el funcionamiento interno del programa.

Durante las etapas de desarrollo de un proyecto, es importante diferenciar entre los conceptos de sketch, wireframe, mockup y prototipo.

Sketch: Boceto estático en baja calidad de un diseño. 
Wireframe: Representación estática en baja calidad de un diseño.
Mockup: Representación estática de un diseño en calidad media o alta.
Prototipo: Representación navegable del producto final de calidad media o alta.

 Podemos encontrar varios tipos de Mockup

  • Mockup de escritorio o mesa de trabajo 
  • Mockup de libro 
  • Mockup de libros en perspectiva 
  • Mockup de publicidad exterior 
  • Mockup de revistas y catálogos 
  • Mockup de sketches 
  • Mockup de smartphones y dispositivos 
  • Mockup de tarjetas de visita 
  • Mockup de vinilos y objetos 
  • Mockup de interfaces

miércoles, 29 de marzo de 2017

Herramientas de audio y video

Hoy hemos visto una serie de herramientas de vídeo y audio muy interesantes. 

Algunas de estas herramientas eran gratuitas y otras de pago. Se nos ha pedido hacer un vídeo de youtube y un track de música en soundation que podéis encontrar en mi blog, en el sidebar de la derecha. 

Estas aplicaciones son muy fáciles de utilizar  y muy entretenidas, además como son de uso libre no tenemos que pagar nada para hacer uso de ellas. Es muy divertido poder hacer tu propia música y tus videos sin tener mucha experiencia en estos ámbitos. 
Os animo a probar estas dos herramientas, ¡son geniales !

martes, 28 de marzo de 2017

Bootstrap

Bueno, pues aquí os dejo el resultado de la página que creé con Bootstrap. No he podido subirla al servidor porque Hostinger sigue sin dejarme hacerlo; Lo seguiré intentando pero él parece que no quiere dejarme.




miércoles, 15 de marzo de 2017

Ventana de texto con javaScript

Para esta función debemos crear un archivo de javascript, al que llamaremos, por ejemplo, javascript.js



Para poder llamar a nuestra función del archivo javascript.js vamos a tener que escribir el siguiente codigo en el body del html antes de “llamar” a la función:
<script src=" javascript.js "></script>

Y por ultimo en el body del html:


martes, 14 de marzo de 2017

Crear botones en nuestra pagina web

En primer lugar, enlazamos un archivo css de estilo escribiendo el siguiente código:


Luego, en el head escribimos:




Por ultimo, añadir un botón que llame a la función en el body del html:


El botón de esta función es el que esta marcado en verde. Como podéis observar, yo he añadido más botones que realizan diferentes funciones.

domingo, 12 de marzo de 2017

Escáner 3D

El miércoles ocho de marzo tuvimos una clase un tanto diferente.

El profesor Ángel M. Felicísimo nos enseñó el funcionamiento de un escáner 3D. Este aparato consiste en analizar un objeto reuniendo datos de su forma y, si lo deseamos, también su color. La información obtenida se puede usar para construir modelos digitales tridimensionales que se utilizan en una amplia variedad de aplicaciones. A continuación os dejo un enlace donde podéis observar diferentes modelos 3D sacados a partir de un escáner 3D y otros realizados con fotomontaje 3D:


En el siguiente vídeo podéis ver en qué consiste un escáner 3D y como funciona.


Un saludo, ¡espero que os guste!

miércoles, 1 de marzo de 2017

JavaScript


JavaScript es el  lenguaje que usaremos para programar el comportamiento de un sitio web. Es un lenguaje interpretado por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML.
Su aparición produjo una importante revolución, ya que permite al usuario la posibilidad de modificar páginas web en tiempo real.
Además es muy simple, maneja objetos dentro de una página Web y es dinámico

Hoy en día, JavaScript, es un lenguaje muy usado, entre sus principales aplicaciones:
  1. Responder a eventos locales dentro de la página, como pulsar un botón.
  2. La realización de cálculos en tiempo real.
  3. La validación de formularios dentro de una página.
  4. La personalización de la página por el usuario, que le permitirá tener una página web a su medida.
  5. La inclusión de datos del propio sistema, como son la hora y la fecha.
  6. Mostrar mensajes, crear animaciones, etc.

El código JavaScript se inserta directamente en nuestra página HTML. Hay varias formas de insertarlo:
  • En el código fuente de la página html.
  • En un archivo aparte.


domingo, 26 de febrero de 2017

HTML + CSS

El primer paso que debemos realizar consiste en abrir tu editor de texto, es recomendable descargar uno como notepad (en caso de que utilices windows) o simplemente el bloc de notas pero es importante evitar utilizar procesadores de texto como Microsoft Word ya que normalmente se generan archivos que los navegadores no pueden interpretar.

Una vez abierto nuestro editor de texto, comenzaremos con una página vacía. En ella vamos a escribir o, directamente copiar el código HTML.


Segundo paso, necesitamos crear otro archivo de texto, y escribimos o pegamos el código CSS con el estilo que vamos a seguir. Una vez hecho, guardamos el archivo con la terminación “.css” y con la codificación del archivo “UTF-8”.


Por último, debemos “llamarlo” en el archivo HTML que hicimos inicialmente.


De esta forma, podemos hacer todos los estilos que queramos para una misma página web. Yo he utilizado Hostinger  para crear la mía. Aquí es necesario guardar todos los HTML con sus respectivos archivos CSS y comprimirlos en .ZIP para poder subirlos a la página.


Espero que te sirva de ayuda. Si tienes alguna duda, puedes dejarme un comentario. Un saludo :)

Hojas de estilo CSS

Qué es

Las hojas de estilo son conjuntos de instrucciones que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos. Las hojas de estilo permiten liberar la composición del texto de los aspectos visuales y favorecen que se estructure. Nosotros vamos a utilizar el CSS (Cascading Style Sheets).

Nos encontramos con varios tipos de selectores:
  • Basado en el elemento (etiqueta).
  • Basado en el contexto del elemento.
  • Basado en un identificador o una clase.
  • Basado en una pseudoclase (estado) de un elemento.

Tenemos tres formas de insertar CSS:
  • Hoja de estilos externa
  • Hoja de estilo interna
  • Estilo en línea


HTML

Qué es.

Podemos definir el HTML (HyperText Markup Language) como el lenguaje que utilizamos para la elaboración de sitios web. Además, para añadir un elemento externo a la página no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto.

Código básico de HTML

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. 
<script>: incrusta un script en una web. 
<head>: define la cabecera del documento HTML.
    • <title>: define el título de la página. 
    • <link>: para vincular el sitio a hojas de estilo o iconos. 
    • <style>: para colocar el estilo interno de la página, por ejemplo usando CSS.
    • <meta>: para metadatos como la autoría o la licencia.

<body>: define el contenido principal o cuerpo del documento. 

lunes, 20 de febrero de 2017

¿Qué es un blog?


Un blog es un sitio web, además es una herramienta de comunicación digital de las más utilizadas. En ellos el autor recopila y publica información periódicamente sobre un tema concreto. Existen infinidad de temas interesantes sobre los que podemos hablar.

La unidad fundamental de información de un blog es el artículo, también conocido como “post” o “entrada” y se muestran en orden cronológico inverso.