Grado de Multimedia – UOC Universitat Oberta de Catalunya
Laboratorio de programacion creativa Grado de Multimedia – UOC

Bienvenidos

Una de las cosas que podemos hacer con Processing es conectar con otros programas, protocolos, paquetes de datos …

Uno de los ejemplos es la conexión con Yahoo Weather, que nos puede servir para hacer que nuestros sketches cambien según el tiempo que hace en un punto del mundo en concreto.

A partir de un ejemplo de Daniel Shiffman hemos adaptado un poco el código para simplificar alguna parte y hacer que muestre un poco más de información. La idea es simple: cada vez que hacemos clic en la ventana de Processing , obtendremos la temperatura y estado del tiempo de Nueva York , Barcelona y Tokio sucesivamente.

weather

Podéis descargar el ejemplo completo aquí. Seguidamente, comenteamos los puntos clave.

De entrada, lo que hace el sketch no es más que conectarse a un enlace xml como este: https://query.yahooapis.com/v1/public… La clave es la parte final. Un número que identifica una ciudad: 2459115 por Nueva York, 753,692 por Barcelona , etc. Si queréis provar, en este enlace veréis cómo encontrar el identificador de la ciudad deseada.

La clase clave es WeatherGrabber , y desde el draw conectamos con wg.getWeather(); y wg.getTemp(); para obtener información del tiempo que hace y la temperatura en la ciudad indicada.

Básicamente, lo que hace WeatherGrabber es leer todo el xml, hace una sola línea de texto, y luego utiliza la técnica del ‘ parsing ‘, que consiste en analizar texto para quedarse con la información de una parte determinada, para leer la parte que interesa. Por ejemplo, el texto que hay detrás ‘text=’ ( y antes del siguiente carácter ‘\’) es el tiempo que hace: sunny, partly cloudy, etc. Y el texto que hay a continuación de ‘ temp=’ es la temperatura (en grados Farenheit que convertimos en Celsius). La función ‘ giveMeTextBetween ‘ es la que hace el análisis del texto y devuelve la información buscada.

A partir de aquí, simplemente lo que hace el sketch es dibujar una barra según la temperatura y mostrarla en texto, así como también el estado del tiempo y la ciudad de la que se lee la información siguiendo su indicador.

Últimos artículos

  • Dossier — Kinect y Processing

    KINECT y PROCESSING La Microsoft Kinect es una cámara de profundidad que apareció en 2010 para la Xbox de Microsoft. La versión 2 apareció en 2013, e incorpora una serie de mejoras que comentaremos más abajo. Nota histórica y previsión de futuro Cuando apareció, Kinect aspiraba a causar una revolución en el mundo de los videojuegos tan grande […]

  • Dosier — IDEs

    IDEs Introduccion: Qué son? El acrónimo IDE significa ‘Integrated Development Environment’, es decir: Entorno Integrado de Desarrollo. Se trata de programas que nos facilitan el uso de lenguajes de programación, yendo más allá de que los editores de código fuente revisados ​​en un post anterior [enlace]. En general, incluyen el editor de texto pero añaden […]

  • Dosier — Editores de código

    EDITORES DE CÓDIGO Introducción: Qué son? Los editores de código son programas que nos ayudan a gestionar el código fuente de nuestros proyectos. Son ideales cuando se trabaja con diferentes lenguajes de programación, alternándolos o en un solo proyecto (por ejemplo, en un proyecto web es muy habitual combinar html, javascript, css, php, etc.). El […]