5 guys and a Wi-Fi mesh.

Esta semana comenzó reunidos con nuestros auspiciadores compartimos unas ideas para el uso del mapa; llevábamos un ‘killer idea‘ que les encantó. Con esta lograríamos que los usuarios usen el mapa, creen un ’social graph’ involucrando sus amigos, incluimos sites como Q2, facebook y myspace para compartir contenido y empujamos la interacción de la marca en una manera divertida. Esperamos que la idea pueda launch para diciembre, un mes después del launch oficial de Wifiwyg. También trabajamos en la integración del search asíncrono a flash y una técnica que hace que el flash player expanda a todo el browser window, el internet le llama ‘full browser flash‘ y aunque hay varias formas de efectuarla, esta es la primera vez que la hemos hecho tan bien. Viendo el mapa en una pantalla de 61″ (1920 x 1180), en un dual monitor setup de (2560 x 1024) y en mi laptop de (1280 x 800) notamos que al fin hemos talao la técnica. Pueden ver el mapa full-browser y con el search integrado aquí. Todavía no hemos subido toda la base de datos, pero de nuevo, pueden hacer búsquedas como ‘azul’ para ver todos los edificios azules. Aqui una lista de referencias para

• Pixel Breaker (no nos sirvió de mucho pero los sites de nike lo usan siempre, una tecnica con javascript)
• Bill Harvey Music (un ejemplo)

Notamos que la mejor manera de hacerlo es con elementos dentro de flash que cambien de posición con el resizing del canvas (player) en este caso el browser. Aquí esta el código que usamos para Flash:/*LAYOUT*/
// ***Stage aligned top left
Stage.align = "TL";
// *** Stop the stage from scaling with the browser window.
Stage.scaleMode = "noScale";
stop ();
// initiate postitions and scaling values for objects
searchBox._x = (Stage.width)/2
searchBox._y = 60;
map.setSize(Stage.width, Stage.height);
//create a listner that checks to see if the browser window is resized
sizeListener = new Object();
sizeListener.onResize = function() {
// change movieclip properties when the window is resized.
searchBox._y = 60;
searchBox._x = (Stage.width)/2;
map.setSize(Stage.width, Stage.height);
};
Stage.addListener(sizeListener); Y esto para el CSS: body {
height: 100%;
width: 100%;
margin: 0;
}

Antes de la reunión con los auspiciadores nos hemos estado enviando par de emails y Wifi-Willy retoco el tema de las cámaras.

“propondria empujar el tema de las camaras, donde seria bueno preguntarle a ellos donde proponen que exista una camara…”

Creo que las cámaras es lo mas importante pq es tangible y tiene un ‘feel’ divertido, además que definitivamente va a dejar la gente pegá. Dos puntos en cuanto a eso, necesitaríamos las cámaras y un flash media server para integrarlas al mapa. Con el flash media server podemos hacer mil cosas cool como interacción entre usuarios online, chats de video y trackiar al muñequito de la persona conectada.

En otros temas, ayer Pablo y yo le metimos a las coordenadas como pudieron haber leido en el blog. Son tantos los edificios que llego el momento que para poder ver la data en el mapa tuve que empezar el search, encontre un ’stemming algorithm’ de lo mas bueno en español. Despues les explico los detalles técnicos de que es una búsqueda asincrónea, que es un ’stemming algorithm’ y pq es importante para el proyecto.

Denle a este link para ver una versión alpha del search.

El problema que estoy teniendo ahora son los nombres propios como Campeche, y mas cosas que sin duda notaremos luego. Por favor jueguen con el search, hagan como 10 busquedas; la mas cool que he hecho hasta ahora es ‘antiguo‘.