Google Static Map API
No creo que quede mucha gente que use Internet que no conozca GoogleMaps, pero hoy he descubierto un elemento relacionado que no conocía y que me parece bastante práctico en según que ocasiones. Resulta que para “capturas” o “pantallazos” de una zona de un mapa, no es necesario hacer una captura para obtener la imagen, sino que en Google Maps ya han pensando en ello y han creado la Google Static Map API.
Además por si fuera poco, han preparado un asistente para poder configurar de una manera mucho más sencilla nuestra captura de una zona del mapa, pudiendo incluir incluso un trazo sobre el mismo.
Una bonita manera de emplear una “captura” de Google Maps sin sacar nuestra propia copia, con la seguridad legal que eso nos da.
Asistente Google Static Map API
Documentación API
Gamelab 2008: Juegos Casuales en Flash Lite
Os enlazo aquí el resumen del taller que tuve la oportunidad de impartir (con la colaboración de la gente de Nikodemo) ayer dentro de las actividades programadas para el evento Gamelab 2008, donde pude compartir con los asistentes un tiempo que sirvió para acercarles un poco el desarrollo de aplicaciones móviles con Flash Lite, así como la perspectiva que actualmente puede tener un desarrollador de esta plataforma en España.
Juegos Casuales con Flash Lite - Gamelab 2008
Del dicho al hecho, hay un trecho.
Quizá por envidia hacia el increíble trabajo de Jaworowski y similares diseñadores trendenciosos o por planteármelo como reto personal, iba siendo hora de preparar algún diseño más cool de lo normal. Y como [Q]Mobile necesita ir gestándose pues la ocasión la pintaban calva.
Voy a explicar algunas cosillas que he ido realizando para conseguir que una captura de pantalla se convirtiese en un vistoso ejemplo publicitario de un teléfono móvil.
Como nota aclaratoria me gustaría comentar que lo que voy a escribir no se puede considerar un tutorial al uso; no voy a explicar pormenorizadamente algunas cosas y doy por hecho que se conocen las herramientas a un nivel básico como mínimo. Vamos, que te tienen que sonar conceptos como pincel, máscaras, efectos de capa, etc… Creo que es mejor centrarme en las partes que pueden resultar más interesantes. Además siempre podréis echarle un ojo al archivo original 
Por qué Flash?
No sé por qué razón tengo fama de “flashero”, es cierto que mi desarrollo profesional me ha llevado a trabajar con flash principalmente, en vez de con CSS, XHTML o librerías Javascript. Como director de proyectos entiendo perfectamente que cada perfil de proyecto, tiene unas tecnologías más adecuadas. No siempre hay que elegir entre unas y otras, de manera excluyente, pero en ocasiones sí.
Para mi los dos mundos son bonitos, pero me tengo que rendir ante cosas como estas:
Publics & Hal Riney
Y por cosas como éstas, y por muchísimas otras utilidades y prestaciones, Flash mola y lo que es capaz de hacer la gente con talento con esta herramienta aun más. Me lo he pasado pipa navegando con mis manos por este sitio…
A día de hoy criticar la herramienta y la plataforma, en vez del uso que se le da, para mi es ser un auténtico emponzoñador de la web.
Abiertas inscripciones GameLab 2008
Tal y como os habíamos anunciado previamente, GameLab está ya muy cercano y se ha abierto el plazo de inscripciones oficialmente, los precios son los siguientes:
- Profesional acreditado del sector: 120€
- Estudiante: 120€
- Talleres: 60€
- Otros: 200€
Para nosotros la suerte es que los talleres son lo más asequibles, y por tanto esperamos que en el que vamos a impartir con la colaboración de la gente de Nikodemo, haya toda la gente posible, y así se aproveche al máximo. Ya hemos comenzado con los preparativos del taller y creemos que puede ser un buen taller
Sobre el evento:
Gamelab es un evento pionero en España que reúne a los principales actores involucrados en la Industria del Entretenimiento Electrónico a nivel nacional. Su principal objetivo es contribuir de forma activa al desarrollo y profesionalización del sector en nuestro país y potenciar la proyección y visibilidad a nivel internacional de nuestros creadores.
Gamelab es un evento indispensable para todos aquellos que quieran estar informados y conectados en uno de los sectores tecnológicos con mayor proyección. Dos días de conferencias, mesas redondas, presentaciones, talleres y actividades sociales, pensadas para maximizar las oportunidades de encuentro y comunicación entre todos los actores necesarios para el desarrollo del sector en nuestro país.
Al evento asistirán representantes de las empresas de desarrollo más relevantes del panorama nacional e internacional: Arvirago Entertainment, Digital Legends, Electronic Arts, GRIN, MercurySteam, Pyro Studios, Revistronic, Virtual toys, Zed, Zinkia, etc.
Además también estarán fabricantes de herramientas (Adobe, Autodesk, Microsoft XNA, NVidia, Pixologic, …), inversores (Grupo Bullnet), proveedores de servicios (Akamai, Bitoon Entertainment, Microsoft Advertising, Infojobs, …), distribuidores (ADESE, Planeta de Agostini, Canal Ocio, …), Universidades de toda España y representantes de otras artes como Nacho Vigalondo (director y guionista de cine) o el equipo de Nikodemo (creadores del popular Cálico Electrónico).
Gamelab2008 cuenta con el patrocinio principal de Telefónica, ING, Microsoft y Sony Computer Entertainment. También patrocinan el evento Electronic Arts, Autodesk, Gobierno del Principado de Asturias, CEEI y Ayuntamiento de Gijón. Otros colaboradores destacados son Infojobs.net, Pixologic, Adobe y Planeta de Agostini.
Gamelab tendrá lugar los días 10 y 11 de Julio de 2008 en Gijón, Asturias.
Para consultar el programa y gestionar inscripciones:
www.gamelab.es
(Precios de acceso especiales para confirmaciones hechas antes del 15 de junio)
[Q] interactiva en el GameLab 2008
Gamelab 2008 es la IV Edición de los Encuentros Internacionales de la Industria del Entretenimiento Electrónico, que cada año se celebran en España, y en la cual tendremos el gusto de participar, impartiendo un taller sobre desarrollo de juegos casuales con Flash Lite para dispositivos móviles.
GameLab se celebrará los días 10 y 11 de Julio de 2008, y en él Marcos González impartirá un taller (el día 11) de unas 4 horas de duración, con la colaboración estelar de Niko y Raul de Nikodemo Animation… efectivamente, los creadores de Cálico Electrónico. El taller práctico versará en torno a un juego basado en tan peculiar personaje. Además para que este taller pudiera tener lugar, se ha contado con la colaboración adicional de Adobe España.
En el transcurso del taller se tratará de reflejar los puntos fuertes y el proceso de desarrollo de un juego casual para móviles bajo Flash Lite, con las herramientas que se pueden emplear tanto para el diseño, como para el testeo y la creación de paquetes para su distribución. El objetivo es mostrar de una forma práctica y amena las principales virtudes de flash lite como herramienta de desarrollo rápido y flexible, así como dar una visión global de la actual situación de flash en el mercado móvil.
Desde aquí damos la más sincera enhorabuena a la organización del evento (en especial a Iván Lobo por el esfuerzo que ha realizado para que el taller pueda llevarse a cabo), agradecemos la colaboración que nos brinda la gente de Nikodemo y el apoyo que ha llegado desde Adobe para que entre todos podamos acercar un poco más flash lite a un evento de esta envergadura.
Ya está disponible la web de los Talleres Subflash 2008
Pues ya ha arrancado oficialmente la web de los Talleres de Verano Subflash 2008, la web la hemos desarrollado desde el estudio, y estaba pendiente a falta de crear la cuenta para recibir los ingresos de las preinsicripciones, aun quedan algunas ponencias por definir en título, pero ya está todo en marcha!!
Nos vamos a Alicante!!
Aquí os dejamos algunas de las charlas que tendremos la oportunidad de disfrutar:
- Fundamentos SEO - Definición y Factores OnPage
Se hará una exposición en la que se tratarán conceptos fundamentales de Posicionamiento en Buscadores, técnicas de optimización de portales web, Flash vs Xhtml+CSS en cuanto a relevancia de contenidos en Internet, herramientas SEO… y se dejará tiempo para ronda de preguntas y debatir un poco sobre el tema de la Indexabilidad y Visibilidad en Buscadores vs Tendencias de Desarrollo Web.. Por Jorge Quintas - Del 2 al 3 en 45
Joan Garnet no ha retrocedido a Barrio Sésamo, simplemente hará un repaso a los cambios más importantes y destacables que han tenido lugar con la llegada del player 9 y Action Script 3. Después de este taller, tendremos más facil dar el salto a Action Script 3 y poder así aprovechar las importantes mejoras del flash player 9.Por Joan Garnet - Yo aquí he venido a hablar de mi blog.
Nuestro querido Armando está pensando qué nos va acontar, pero seguro que va a estar interesante! :). Por Armando Sotoca -
/*
-
Correctly handle PNG transparency in Win IE 5.5 & 6.
-
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
-
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
-
<!--[if lt IE 7]>
-
<script defer type="text/javascript" src="pngfix.js"></script>
-
<![endif]-->
-
*/
-
-
var arVersion = navigator.appVersion.split("MSIE")
-
var version = parseFloat(arVersion[1])
-
-
if ((version>= 5.5) && (document.body.filters))
-
{
-
for(var i=0; i<document.images.length; i++)
-
{
-
var img = document.images[i]
-
var imgName = img.src.toUpperCase()
-
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
-
{
-
var imgID = (img.id) ? "id='" + img.id + "' " : ""
-
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
-
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
-
var imgStyle = "display:inline-block;" + img.style.cssText
-
if (img.align == "left") imgStyle = "float:left;" + imgStyle
-
if (img.align == "right") imgStyle = "float:right;" + imgStyle
-
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
-
var strNewHTML = "<span " + imgID + imgClass + imgTitle
-
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
-
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
-
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
-
img.outerHTML = strNewHTML
-
i = i-1
-
}
-
}
-
}
-
<!–[if lt IE 7]>
-
<script defer type=”text/javascript” src=”pngfix.js”></script>
-
<![endif]–>
Hay dos ponencias más pendientes de confirmar, pero básicamente se están optando por decidir entre AIR, JSFL, las Bases de Internet y experimentación visual y gráfica con Action Script.
Talleres de Verano Subflash 2008
Llega el veranito, y por estas fechas si hay algo que no puede faltar… no son las chicas morenas, el sol y la ropa de verano… o las terrazas para tomarse un refresquito…. sino los talleres de verano subflash!!
Visitando el foro de subflash me entero (por decir algo… XD) de que ya están en marcha, y que este año se van a realizar en Alicante!
Desde aquí agradezco personalmente la ayuda que nos ha prestado en esta ocasión Elad de Nitsnets, con todo lo que es la reserva del lugar e instalaciones necesarias para llevar a cabo un evento como este. Mil gracias Elad (y también a Andrés Karp, Andrés Cayón, Ramón Masip y mis queridos Jorge y Alberto, que siempre logran que tenga tiempo para dedicarme a esto a base de apurar un poco más su trabajo diario).
El evento tendrá lugar los días 29, 30 y 31 de Agosto de 2008, en la Villa Universitaria de San Vicente del Raspeig, Alicante, y por un precio que ronda los 100€, podremos disfrutar de 3 días inolvidables. Las instalaciones, este año prometen ser de lujo, y tambien las ponencias, que abarcarán más temas de los habituales y variados, como diseño, programación flash, posicionamiento en buscadores…
Aquí podéis ver todos los detalles del evento, plazas, precio, modalidades, direcciones, etc.
Aun no se ha terminado de desarrollar el microsite para este año, pero estad atentos, porque seguro que se pone en marcha en muy poco tiempo
Para los que no sepáis que son los talleres, aquí os dejo unos links a años anteriores, y también podéis ver videos en youtube, o fotos en flickr.
Yo me apunto desde ya!!!
Comunicación unidireccional (unidireccional comunication)
Creo que no me equivoco cuando afirmo que a todos nos ha pasado de estar manteniendo una conversación con alguien y enterarnos de muy poco por no decir nada, y no me refiero a un sábado de noche 
Me refiero a la afición de muchas personas de utilizar palabras extranjeras o híbridas, es decir, los denominados “palabros” de nuestra sección, pero de forma tan constante que parecen estar hablando de forma encriptada como los antiguos espías, ya sabéis eso de “El águila ha volado tres veces tres cuartos sobre el nido del cuco”.
Por ejemplo y cito textualmente refiriéndose a unos banners y juro que es 100% verídico tan solo he hecho copiar y pegar copy-paste:
“Yo los voy a servir desde un adserver que emplea templates propios para randomizar las impresiones, reportarlas en su base de datos y a su vez trackear clickthrougs desde los reposts de nuestro adserver”.
Puedes volver a leerlo si quieres, pero yo también entiendo mejor lo del nido del cuco
No se a vosotros pero a mi me quedo esa cara de lelo al leerlo por primera vez. Bueno, por primera vez, por segunda, por tercera, por cuarta, por…
La cuestión es: ¿Esa es la única forma de explicar el funcionamiento de los banners o es la forma más rimbombante que encontró el autor para así pretender quedar como el “puto amo”? No se vosotros pero yo me decanto por la segunda opción.
Resumiendo, y según mi humilde opinión, no hace falta utilizar todos estos palabros para intentar demostrar nada. Es normal que de vez en cuando soltemos o se nos escape alguno pero que aunque nuestro interlocutor no entienda lo pueda sacar por el contexto de la frase o en su defecto enterarse de al menos un 90% del mensaje, con lo que conseguiremos una comunicación bidireccional y no una unidireccional comunication.
De PNGs transparentes, navegadores y onLoads va la cosa
En el estudio he tenido que emplear PNGs transparentes, que como sabeís (y sino, deberíais) no son soportados por versiones de Internet Explorer 6 o anteriores, sino que vienen soportadas desde la versión 7 de nuestro amigo IE.
Hasta aqui no hay gran problema, porque empleando un pngfix de javascript se arregla el entuerto (bonito palabro).
El tema se complicó (no iba a ser todo tan sencillo...) cuando además metía un evento onLoad para el body con la intención de lanzar una función javascript, y paso a describir el caso porque puede ser de ayuda para quien se encuentre en la situación:
LO QUE QUEREMOS LOGRAR
Tenemos una imagen de fondo de un cierto peso en KB (ya que no es una trama, sino una imagen plena de faculades), y sobre esa imagen han de colocarse unos botones que a su vez son imágenes, y que para que quede medianamente bonito han de ser transparentes.
PRIMER PROBLEMA
El primer problema es que la imagen de fondo que se crea por CSS, pesa lo suficiente como para que se dé durante unos segundos la situación de aparecer los botones sin el fondo que les da "sentido", un efecto poco deseable.
SOLUCIÓN PRIMER PROBLEMA
Para solucionarlo buscamos si existía algun método mediante CSS o XHTML para forzar la carga de los elementos de la hoja de estilos antes que se renderizara el HTML, pero..... no lo hemos encontrado. Si algún alma caritativa sabe cómo lograrlo mediante CSS (o de una manera más limpia que la que hemos empleado nosotros) que no dude en contárnosla.
Jorge tuvo la feliz idea de poner la misma imagen con propiedad display:none en el comienzo del body, con lo que la imagen se carga como HTML impidiendo así que se muestre lo que va a continuacion hasta que se completa dicha carga, y luego el CSS no tarda nada de tiempo en cargarla porque está en caché. Mientras esto ocurre, el div con los botones transparentes, permanece oculto también con la propiedad display, para por javascript hacerlo visible en el onLoad de la página.
SEGUNDO PROBLEMA
Cuando ya estábamos pegando saltos de alegría con el trabajo terminado, vemos que nuestro querido IE 6 no muestra los botones, no así en IE 7 o en firefox.... 
SOLUCIÓN SEGUNDO PROBLEMA
El problema es debido a la mala compatibilidad del pngfix con métodos invocados en el onLoad. La solución pasa por usar una variante del pngfix (que ha salido a la luz porque también da problemas con el swfobject) y que permite mezclar estas dos necesiades: pngfix y onLoad. Lo que hicimos es "googlear" y emplear el citado pngfix adaptado además de colocar la llamada al mismo DESPUÉS (y ojo que esto es necesario para que se dispare el evento onLoad) de la etiqueta de apertura de BODY. Cuando decimos la llamada nos referimos a esto:
El resultado lo podéis ver aquí, por cierto, la web está recien salida del horno... diseño por takeone dsgn y programación flash y adaptación del blog por [Q].