kiwoo blog » programacion

Mapr, visualiza mapas generados por las posición de las fotos en flickr

site admin — Thu, 06 Jan 2011 18:14:05 +0000

Mapr es una de nuestras últimas aplicaciones del lab. Se trata de una visualización (en flash), de la posición de las fotos que existen en flickr con un determinado tag. En una sola pantalla tenemos acceso a la información de miles de fotos (simplemente haciendo rollover en los puntos y clicando para ampliar). Lo realmente interesante del tema es visualizar las formas que se generan al buscar fotos con una determinada palabra. Escogiendo bien estas palabras podemos ver como se dibujan en la pantalla “mapas” a partir de las posiciones de las fotografias. En ningún momento hay ninguna referencia a un mapa real, todo lo que se ve está basado en las posiciones de las fotos geoposicionadas en flickr.

Hemos estado jugando con mapr ultimamente y hemos descubierto que funciona mejor con el siguiente tipo de palabras:

Nombres de rios y montañas. Si escogemos bien las palabras veremos como se dibuja perfectamente el rio, o las cordilleras.
Nombres de ciudades. En este caso podemos distinguir perfectamente los sitios más visitados por los turistas.
Nombres de regiones, islas, penínsulas etc.
En general cualquier palabra que tenga relación con la geografia.
Incluso marcas, productos, etc, para ver en que partes del mundo predominan más que en otras.

Os animo a probarlo, podeis escribir cualquier palabra, aunque hay que tener en cuenta que solo una minoria de las fotos en flickr tienen información geográfica, y además existen muchas más fotos etiquetadas en inglés que en otros idiomas.
Nota: Podeis hacer zoom con la rueda del ratón y acercaros a los puntos tanto como haga falta.

Ejemplos:

London

Los grandes lagos de América

Los rios de la península

NYC

Playas península y gr-11,gr-10

Posgrado de desarrollo de aplicaciones web en la UPF

site admin — Thu, 08 Nov 2007 11:14:57 +0000

Para los que vivais en Barcelona o alrededores os informo que todavia quedan algunas plazas para los que quieran apuntarse al Diploma de Programación Orientada al Multimedia (diseño y desarrollo de proyectos web)
Este año el programa se ha reformado bastante dando cabida a muchos conceptos de la “web 2.0.”, como sistemas de gestión de contenidos, agregación de servicios, RSS, mashups sobre aplicaciones como youtube, facebook, opensocial, etc.

El horario es compatible con el trabajo ya que las clases se hacen el lunes y el jueves de 19.00 a 22.00. El curso empieza a mediados de Enero.

Para mas información : 93- 542 25 66 - gloria.bayot[a]idec.upf.edu

Diploma en Programación Orientada al Multimedia

(Diseño y desarrollo de proyectos web)

El Diploma de Programación Orientada al Multimedia tiene como objetivo cubrir el vacío existente en la oferta docente actual en nuestro país, ofreciendo a profesionales y a personas vinculadas a la creación digital audiovisual (diseñadores web, etc,) , como a los aspirantes a entrar en este sector tan dinámico, unos conocimientos de programación rigurosos juntamente con un dominio de la técnicas de desarrollo web multimedia más actuales. Estas técnicas y conocimientos, permiten afrontar y resolver con éxito los problemas más habituales en el sector (creación de páginas web dinámicas, comunidades, aplicaciones de la web 2. 0, vídeo y audio en la red, etc) y al mismo tiempo ofrecen las bases necesarias para consolidar y profundizar en la programación multimedia, sobretodo para aplicaciones web pero potencialmente también para aplicaciones off-line.

Los objetivos

El diploma pretende formar profesionales del ámbito en las prácticas, técnicas y herramientas con la creación de aplicaciones web. Se introducen conceptos de programación, siempre orientados a los lenguajes que se usan en la programación web actual. Se exploran toda una amplia gama tanto de lenguajes, aplicaciones y tecnologías orientadas a la creación de páginas dinámicas, plataformas comunitarias y participativas,(web 2.0), presentación y gestión de contenido “rich media” (incluyendo imágenes, audio y video en directo), y también los procesos de desarrollo y administración de proyectos. El diploma tiene una visión práctica, claramente orientada al mercado de desarrollo web/ multimedia, con énfasis en los procesos actuales que se usan en las empresas del sector.

El diploma, no solamente quiere dar a conocer y dominar unas herramientas y técnicas imprescindibles, sino también consolidar las bases que permitirán que el participante siga su auto formación y su ampliación de conocimientos de forma continuada, y siempre con una visión claramente práctica y orientada al desarrollo de aplicaciones concretas des del primer momento.

A quién se dirige

Este curso de dirige principalmente a profesionales y a personas vinculadas a la creación digital (diseñadores web, etc,) que se encuentran diariamente con la “barrera psicológica de la programación” y que se encaran con la necesidad de resolver de manera intuitiva y poco sistemática problemas de diseño y de construcción de lugares web. El curso se dirige tambén a aquellas personas que , con algunos conocimientos informáticos, necesitan dominar las tecnologías avanzadas, más utilizables, actualmente en la creación de lugares web profesionales y los nuevos paradigmas de desarrollo (CMS, web 2.0, video en la red, etc. )

El programa

El curso tiene un valor académico de 15 créditos, correspondientes a 150 horas (110 horas lectivas y 40 horas de proyecto final.)

Conjuntamente con las bases generales de la programación, se estudian técnicas avanzadas aplicadas en el lenguaje de programación ActionScript (Flash), XML, la programación de bases de datos con SQL y PHP, la gestión dinámica de contenidos con la creación de blogs, wikis y otros servicios, así como la integración y la conectividad entre todas estas herramientas y tecnologías (como el acceso a las bases de datos desde Actino Script, o la modificación de herramientas blog , wiki, etc mediante PHP). Finalmente, cada participante tendrá que realizar un proyecto final, consistente en una aplicación que utilice e interconecte estos diferentes elementos.

Se estudiarán las siguientes asignaturas:

Presentaciones de empresas (18 horas)

Una presentación mensual de proyectos de empresas punteras invitadas al curso.

Introducción a la programación y las herramientas (12 horas)

Conceptos básicos de programación aplicables a la web e introducción de herramientas.

Creación de páginas web con html y css (Dreamweaver) (15 horas)

Conceptos de diseño de páginas con el estándar HTML y CSS

Programación multimedia para la web (Flash y ActionScript) (30 horas)

Programación en ActionScript enfocado a información dinámica y multimedia (video, audio)

Gestión de contenidos dinámicos (36 horas)

Programación de páginas web y gestión de bases de datos (PHP y MySQL) (15 horas)

Herramientas de gestión de contenidos (CMS, Blogs, wikis, etc. ) (15 horas)

Web 2.0 agregación y sindicación de contenidos (6 horas)

Dirección académica

Daniel Julià

Ingeniero Superior en Telecomunicaciones para la UPC, DEA en Comunicación Audiovisual pero la UPF. Programador e investigador en el ámbito de la creación digital multimedia con una amplia experiencia en el campo de la Universidad como en la empresa privada.

Asignaturas del programa

Presentaciones de empresas (18 horas)

Cada mes se invitará a una empresa puntera del sector a presentar sus proyectos y su metodología de trabajo con un enfoque eminentemente práctico.

Serán presentaciones totalmente prácticas sobre ejemplos reales de aplicaciones web comerciales, las herramientas que se usan, los problemas que se han encontrado, la relación con los clientes, etc.

Estas presentaciones se harán cada mes (durante 6 meses) y tendrán una duración de 3 horas.

Introducción a la Programación y Herramientas: Conceptos generales (12 horas)

Profesor: Stelios Kourakis

En este módulo se estudian los principios básicos de la programación, todos aplicables a la mayoría de lenguajes de programación actuales. El objetivo es que el estudiante entre en la lógica de la programación, aprenda las posibilidades de la gestión de datos y que empiece a poder plantearse problemas y a solucionarlos, independientemente del lenguaje.

Para un programador experto empezar a programar en un nuevo lenguaje puede ser cuestión de horas (todo y que “ dominar” un lenguaje es algo que solo se consigue mediante muchas horas de trabajo práctico real). Aún así, para una persona que sin una base teórica y conceptual, se defiende con suficientes herramientas en un entorno concreto de programación, el proceso de aprender un segundo lenguaje suele ser traumático y con tantos déficits de base como al primera vez. Esto es lo trataremos de evitar, ofreciendo una base sólida que más allá del simple recetario de soluciones, permita afrontar los problemas de una forma más abstracta y fomente el posterior autoaprendizaje y la ampliación de conocimientos por parte del participante.

1.1 Nociones básicas sobre los lenguajes de programación

2.2 Conceptos y estructuras de programación

a. Variables y tipos de datos

b. Condicionales

c. Bucles

d. Lógica booleana

e. Programación estructurada: funciones y procedimientos

f. Arrays y estructuras de datos

g. Programación Orientada a Objetos (enfocado a AS3)

Creación de páginas web con html (15 horas)

Profesores: Anna Fuster, Daniel Julià

Mediante esta asignatura, los participantes entraran en el campo de la creación de contenidos por la web desde el punto de vista de la presentación (front-side). Se dará énfasis, en la separación entre el contenido y la presentación, cosa que incluye profundizar en formas como el HTML, XML y el CSS.

Repaso al FTP y el alojamiento de aplicaciones web

Estructura del documento HTML

XML y aplicaciones (XHTML, RSS, etc)

Hojas de estilo CSS

Introducción al Javascript y Ajas

Standars y validación

Accesibilidad

Programación multimedia para la web (30 horas)

Profesor: Stelios Kourakis

En los últimos tiempos, la plataforma Flash se ha convertido en líder en producción de aplicaciones web con un alto grado de interactividad, permitiendo la manipulación de todo tipo de medios, mediante un completo lenguaje de programación, y ofreciendo una mentalidad de trabajo orientada tanto al diseñador como al programador, Flash se considera una tecnología fundamental en el mundo profesional creativo.

En el curso se trabajará con la versión Flash CS3, la última versión de la suite de Adobe. Se introduce la programación en Actionscript, el lenguaje de programación de Flash, y se procede a profundizar en conceptos de programación interactiva mediante proyectos prácticos. Al mismo tiempo, la asignatura introduce conceptos más avanzados como al creación de proyectos creativos completamente dinámicos, y la comunicación de Flash con otras aplicaciones web o bases de datos, mediante el formato XML.

La asignatura se estructura como una serie de prácticas independientes, inspiradas en problemas comunes al desarrollo interactivo. Desde galerías de imágenes, juegos publicitarios, pantallas de carga, o trabajo con video interactivo, el estudiante puede adquirir experiencia adaptada a las necesidades del mundo profesional. Cada sesión de la asignatura es auto contenida, y ofrece código fuente para estudiar o adaptar a proyectos propios.

Temario:

La mentalidad de Flash: Programando con Eventos

Botones, clips de película (práctica: televisión interactiva)

Eventos del ratón ( prácticas: puzzle, galería de imágenes sencilla, paisajes indefinidos)

El paso del tiempo en Flash (práctica: carrera de caballos)

Sonido en Flash

Trabajando con el objeto Sound (prácticas : jukebox, el debate surreal)

Interacción con el micrófono

Texto en Flash

Trabajando con texto dinámico (práctica: formularios)

Formato del texto dinámico (práctica: pizarra dinámica)

Clips dinámicos

Creación de clips en tiempos reales (prácticas: sellos, nieve, fuegos artificiales)

Trabajando con material externo

Precargas (prácticas: varias)

Carga de imágenes (práctica: galería de imágenes dinámica)

Vídeo

Importación, codificación y estructura del FlashVideo (ejercicios prácticos de conversión)

Control de reproducción de Flash Video- Progressive Download (práctica: pared de emociones)

Carga de vídeo externo (práctica: el MicroTube)

Interacción con Webcams

Páginas web dinámicas

Conexión con bases de datos (práctica: creador de ciudades)

El formato XML (prácticas de integración)

Proyectos multimedia:

Gestión de un proyecto multimedia, dinámica de equipo, comunicación.

Optimización técnica de proyectos web e interactivos

Gestión de contenidos dinámicos

Este bloque se subdivide en 3 partes.

La primera parte pretende dar las nociones básicas de programación sobre PHP y MYSQL, la , una introducción a todo un conjunto de herramientas que se pueden instalar y configurar muy fácilmente y rápidamente para crear aplicaciones web de todo tipo, y por último, entraremos en la conocida web 2.0, analizando servicios como youtube, facebook, etc y haciendo prácticas utilizando sus APIS para crear nuevas aplicaciones (mashups)

Programación de páginas web dinámicas y gestión de bases de datos ( 15 horas)

Profesor: Daniel Julià

En este bloque se estudia el lenguaje de programación PHP y también alguno de los mecanismos básicos necesarios en la programación de servidores en Internet, como es, por ejemplo, el acceso a las bases de datos.

Mediante ejemplos prácticos y reales, se ira introduciendo gradualmente el participante en el mundo de la programación en el entorno web. Además, se explicarán las nociones básicas para poder diseñar un lugar web basado en información dinámica , que provenga de una base de datos. Concretamente, se usará el sistema gestor de bases de datos MySQL y la aplicación cliente phpMyAdmin. También se explicará básicamente el lenguaje estándar, llamado SQL, pera trabajar con una base de datos.

Finalmente, para cerrar el ciclo, se explicará el entorno de programación que ofrece Macromedia Dreamweaver en el momento de programar páginas web dinámicas usando todas las tecnologías explicadas previamente, es decir, PHP y MySQL.

Temario:

Introducción al lenguaje de scripting. PHP

Entornos de programación. Dreamweaver MX

Introducción a las bases de datos y al lenguaje SQL

Interfícies de acceso a bases de datos: phpMyAdmin

Conexión a una base de datos MySQL mediante PHP

Gestión de contenidos (CMS, Web 2.0, Blogs, Wikis, etc) (15 horas)

Profesor:

A nivel práctico se concreta en la profundización de herramientas de gestión de contenidos como blogs, wikis, forums o páginas web genéricas, su instalación y configuración.

Temario:

Visión general sobre el funcionamiento de un servidor: paneles de control

Gestores de contenidos, Drupal

Forums

Wikis

Blogs

Web 2.0, agregación y sindicación de contenidos ( 6 horas)

Profesor: Daniel Julià

Esta asignatura pretende dar una visión general de la llamada web 2.0, aplicaciones donde los contenidos son aportados por la comunidad. Casos ejemplares de estas aplicaciones son youtube, flickr, google, maps o amazon.

La agregación y sindicación de contenidos se ha consolidado actualmente como la nueva manera de publicar contenidos en la red.

En esta asignatura se podrán en práctica técnicas de agregación de contenidos para construir nuevas aplicaciones (lo que también se conoce como “mashups”)

La popularidad creciente de estas herramientas y APIS se debe a que muchas son libres y de código abierto, listas para ser utilizadas e, incluso, modificadas mediante lenguajes como PHP.

Aplicaciones de la web 2.0 youtubre, facebook, flickr, myspace, etc.

API’s en general

Flickr

Youtube

Facebook

Google maps

Yahoo ppies, Netvibes, etc

Proyecto Final ( 40 horas)

Cada participante, deberá realizar un proyecto final, consistente en una aplicación web, que ponga en práctica los conocimientos adquiridos durante el curso con un propósito práctico. Este trabajo comporta un mínimo de dedicación del participante de unas 40 horas, entre la cuales contará con unas horas de tutoria particular.

Información académica

Requisitos de admisión

Titulados universitarios. Excepcionalmente, podrán acceder profesionales sin la graduación solicitada, dependiendo de su experiencia en el sector y de su lugar de trabajo. Para cursar este programa de posgrado es recomendable que el participante tenga un nivel suficiente de inglés leído, así como conocimiento básico de algunas herramientas de creación web, como el Dreamweaver y Flash.

La dirección del programa evaluará la idoneidad de cada candidato mediante su currículum y según las circunstancias, con una entrevista personal.

Al DrupalCon Barcelona

site admin — Thu, 20 Sep 2007 05:55:09 +0000

Me voy al Drupal Con. La conferencia anual sobre Drupal que se celebra este año en Barcelona. Bueno, en el citilab de Cornellà para ser mas exactos…

Que es un mashup (y una API)

site admin — Wed, 20 Jun 2007 10:01:24 +0000

Un video interesante que explica que es un mashup y la definición de APIS (en inglés) de los servicios de internet, tomando como referencia las APIS de los sistemas operativos.

Google developer Day 2007

site admin — Fri, 01 Jun 2007 20:31:44 +0000

Al final no pude asistir al evento de ayer, el Google Developer Day.

Espero que a la próxima no falte. Creo que vale realmente la pena. Y si es en Barcelona mejor.
Aunque viendo las presentaciones a primera vista parecen un poco de broma, unos hombres de blanco explicando cosas a la audiencia, que no parece que vayan mucho en serio, o es mi impresión?. Pero los temas si que valen la pena.

Estoy especialmente interesado, entre otras cosas, en GData.

Afortunadamente en youtube podeis encontrar la mayoria de presentaciones, no solo de Madrid, sino de todo el mundo.

Aqui tenes la presentación sobre nivel básico de GData en Madrid.

Y aqui el resto de videos en youtube sobre el developer day:

http://www.youtube.com/results?search_query=google%2Bdeveloper%2Bday&search=Search

o el canal de youtube del evento

http://youtube.com/googledeveloperday

o el canal de fotos

http://picasaweb.google.com/developerday/GoogleDeveloperDayMadridEspaA/

Technorati Tags: google, gdata, madrid

Leer RSS (feeds) desde actionscript (Flash)

site admin — Fri, 18 May 2007 13:11:37 +0000

Para el último día de clase en el máster, estuve investigando maneras para leer “fácilmente” fuentes RSS (feeds) desde Flash. Pues bien, me encontré con una sorpresa, prácticamente no hay nada hecho que merezca la pena. Solo encontré un link mínimamente interesante. Así que en el clase hicimos como ejercicio la lectura de un feed , parseando el XML directamente,aprovechando que la estructura mínima (item/title.link.description) se mantiene en todos los formatos. A continuación teneis los links con el resumen de la clase por si a alguien le puede interesar

Leer RSS desde flash

Como obtener feeds de Technorati

Technorati Tags: technorati, feeds, rss, actionscript, flash

Tags mas usados en memry

site admin — Tue, 15 May 2007 07:41:06 +0000

Si ya lo sabiamos!

Y como prueba, mirad la lista de tags mas usados en memry,

Un porcentaje grande de gente solo busca guarradas, y las imágenes que suelen clicar también.

[vía Herraiz y Soto]

Technorati Tags: memry, pimpampum, toy, tags, semanthic, porn, sex

GData y otras maravillas de google

site admin — Sun, 15 Apr 2007 16:21:29 +0000

Google no deja de maravillarnos con sus nuevos desarrollos.

A diferencia de Yahoo u otras compañias las innovaciones de Google están mucho mas a nivel de desarrollo para programadores y tienen un potencial que todavia está por explorar.

Por ejemplo es el caso de la API GData. Con esta API podemos grabar y leer feeds automaticamente, entre otras cosas, de manera transparente. Se podria decir que es un RSS “mejorado” en diferentes aspectos.
Google está llevando la agregación de contenidos al extremo, mucho mas allá de los servicios típicos como youtube, flickr, del.icio.us o technorati.

Como muestra un pequeño ejemplo, si creamos una hoja de cálculo en docs.google.com y la publicamos, automáticamente esta hoja tiene un RSS. No solo eso sino que además podemos leer el contenido de la hoja de calculo usando JSON y javascript.Aqui otro ejemplo que representa gráficamente los datos de la hoja de cálculo.
Las aplicaciones de esta tecnologia son increibles, para empezar ni siquiera necesitamos una base de datos o un lenguaje de servidor para crear aplicaciones, nos basta la API de google y un poco de javascript. Las posibilidades de agregación son ilimitadas. Se podria decir que podemos crear una base de datos en una hoja de cálculo y usarla para crear una aplicación sobre estos datos.

Espero poder asistir el próximo 31 de Mayo al Google developer day en Madrid, y poder aprender un poco mas sobre estos temas

Technorati Tags: google, api, gdata, json, javascript, google api