Sophie: mapas en wordpress
Sunday, June 1st, 2008
A falta de unas horas para que concluya el plazo del reto Windows Live organizado por Microsoft y CP Labs, publico este post comentando el plug in de mi candidatura, Sophie.
La plataforma
La plataforma sobre la que desarrollar el plug in se dejaba libre, no teniendo restricción alguna. Así que, opté por WordPress, el sistema de blogging que mueve este blog y que personalmente, me gusta bastante. La programación se basa en PHP y debido a mi experiencia con este lenguaje, estaría cómodo trabajando. No obstante, tuve que documentarme un poco acerca del desarrollo de plug ins para este script, pues hasta ahora nunca me habría planteado programar para él. Pero WP no defraudó y la integración de plug ins no es difícil. Además, hay mucha información en la web oficial.
La idea
En un principio, tenía en mente desarrollar algo más complejo sobre la api de de live maps y spaces, pero por falta de tiempo no fue posible. De hecho deseché la idea. Este semana se me ocurrió algo, recordando un email que envió Microsoft acerca de sus nuevos servicios. Oficialmente, hay un plug in para wordpress que permite insertar en los post mapas, de forma análoga a los videos del youtube. El mapa queda siempre visible y ocupando un espacio. Y ahí es donde entra Sophie.
Como usuario, veo molesto los blogs en los que apenas se puede leer dos líneas sin tener mil imágenes por medio, mil vídeos o mil gadgets afines. Muchas veces, un post puede constar por ejemplo de dos vídeos y ocupar toda una página, siendo necesario ir al scroll para leer el texto del mismo. En el caso de mapas puede ser especialmente caótico… si estamos contando los lugares visitados… y ponemos mapa tras mapa…
Así se me ocurrió la idea de, a través de un sistema de tags, permitir mostrar mapas en una capa emergente, que se pudiera mover y cerrar… cargándo en esa capa cada mapa que se quisiera, no molestando al usuario (sólo se abriría cuando el usuario pinchase en el enlace).
Cómo funciona
En el fichero leeme.txt, se explica con detalle el funcionamiento. De forma resumida, se basa en un sistema de tags [ sophie ] y [ /sophie ] (al estilo del famoso bbcode), en el que se pueden indicar parámetros (como el tipo de mapa, el estilo, la localización si es diferente al texto a mostrar….)
Ejemplos
