Creando nuestra primera aplicación en Facebook: Mascletà Fallera
Todo empezó con el tarea de pensar una aplicación/juego en Facebook para la Comunitat Valenciana. Se barajaron varios juegos (quedan en la recámara) y de las dos propuestas más fuertes, el cliente eligió la “Mascletà Fallera”:
Mascletá Fallera es un sencillo juego en el que puedes crear tu propia Mascetà Fallera, colocando distintos petardos hasta conseguir una mini mascletá a la que se asignará una puntuación que puedes publicar en tu muro de Facebook.
Este proyecto es el primero que hacemos desde Grupo Skala en Facebook. Mi compañero Gabriel Cuesta ha publicado varios juegos y aplicaciones en Facebook, por lo que toda la dinámica de obtener datos y publicar en el muro lo teníamos controlado. Podeis ver su charla sobre creación de aplicaciones en Facebook en Tucamon.
El proyecto empezó con una limitación: el tiempo. Las fiestas se nos echaban encima y había que apretar, asi que toda la fase de concepto artístico nos lo pasamos por el forro.
Al tener claro como iba a ser el juego, Gabriel Cuesta empezó la programación en flash mientras yo trabajaba la parte visual y Oscar creaba los petardos en 3d, los animaba y editaba los sonidos.
Version preliminar para programar la interacción
Como somos unos ansiosos, enseguida engarzamos las 3 partes para ver si los avances iban por el camino correcto.
Viendo que la cosa no chirriaba, aplicamos la técnica de programación PPY!: PásameloPeroYa!
A los pocos días ya teníamos un prototipo bastante funcional que había que ir limando. En ese momento nos atacó la proporción 80/20: el 20% final del trabajo ocupa el 80% del tiempo. Cualquier persona que ha visto una obra lo conoce: “pero si está terminado el edificio!, ya han levantado la estructura”. No amigo no, el alicatado se come casi todo el tiempo. Y nos quedaba el alicatado.
Elementos finales en la aplicación
Cuando la aplicación era más o menos funcional se empezó la parte de integración en Facebook: publicación en el muro, grabar datos de cada mascetà, botones para ver de nuevo la mascletà, crear pantallas especiales para ver las mascetàs publicadas, rankings, etc… Y engranar todo para que no falle.
Integrandola con el muro de Facebook
[/caption]
La verdad es que nos hemos divertido bastante en el todo el proceso, con encendidas discusiones sobre el sonido de los petardos, usabilidad, procesos, etc…
Como homenaje, los créditos de los que hemos participado en crear la nuestra pequeña Mascletà Virtual :)
- Gabriel Cuesta: Programación Flash y Facebook (su post sobre la mascletà)
- Pablo Angeletti: Interfaz y grafismo (este de aquí soy yo mismo)
- Óscar Navarro: Sonido y gráficos 3D y animaciones
- Carlos Pro: Ilustración del Señor Pirotécnic
- Gustavo Valbuena: Concepto y dirección
- Raúl Abad: Marketing Online
- Laura Hernández: Testeo
El equipo de nuevas tecnologías de Grupo skala
Como guinda, la persona que habla en las instrucciones soy yo. Voy a tener que ponerme las pilas en hablar para los tutoriales por no quedó muy fino :)
Ahora, a jugar unas partiditas a la Mascletà Fallera, a ver cuantos punticos haceis
Fin de semana en la Drupal Camp 2010 de Barcelona
No se por que, pero siempre que vengo a un evento a Barcelona es en el Citylab de Cornella.
Nos hemos escapado este fin de semana Gabriel Cuesta y yo a la drupal camp en Barcelona, pero esta vez nos ha enviado Grupo Skala (muchas gracias!)
Las conferencias estan separadas en 4 sesiones a la vez y casi todas son interesantes…es complicado elegir. Lo hemos solucionado asistiendo a las mas interesante y viendo por streaming las demás. Si, para volverse locos
Lo mejor es el ambiente, lleno de gente con los mismos intereses, lleno de profesionales y gente interesante.
Se esta hablando de comercio electrónico (con ubercart ofrecida por @pcambra de neurotic.com), de realidad aumentada (por la gente de investic.net), de seo en drupal (por el koredeola, el autor del modulo superseo.. muy buena), y unit testing e integración
En la página oficial estan todas las sesiones y las podeis ver en streaming.
Vamos, que lo estamos pasando pipa y encima aprendiendo un montón ¿que mas se puede pedir?
Si quereis seguir lo que se cuece por twitter, sólo teneis que buscar con twitts con el hasthtab #drupalcampspain o mis comentarios en twitter.com/infonomada
Little Game juego infantil para el iphone
Alexis y Ariadna trasteando con mis gadgets
Es sorprendente lo rápido que aprenden los niños, pero a la hora de adaptarse y manejar aparatos “tecnológicos”, te dejan con la boca abierta.
Mi sobrino Alexis, de 18 meses, enciende la tele, el dvd, saca el disco, lo deja en la bandeja y se sienta el sólo a ver los cantajuegos. Si, no es algo increible, pero mi madre no sabe poner el TDT :)
(Por cierto, mi enhorabuena a sus creadores por que no lo veo sólo como un negocio: los niños van a recordar toda la vida sus canciones y sus bailes, y eso es más de lo que muchos vamos a conseguir en nuestra vida)
Para que puedan trastear con el iphone sin el miedo a que borren algo, lo mejor es bajarte algun jueguecito y que se emboben y por supuesto, ni contarles para que sirve ese botón grande para volver al inicio :)
Este fin de semana he probado Little Game (enlace directo a iTunesStore) , que en realidad son cuatro juegos y está desarrollado en España:
- Parejas. El juego de toda la vida de emparejar cartas con dibujos ocultos:
- Desarrollar la capacidad de atención.
- Facilitar una estrategia de recuerdo mediante asociación de imágenes.
- Desarrollar la capacidad de clasificación, reconocimiento y asimilación de conceptos.
- Desarrollar la capacidad de memoria a corto plazo y de formar asociaciones y relaciones.
- Siluetas. Tienes que encajar un objeto con su silueta. Facil y van practicando con el touch:
- Capacidad de reconocimiento de objetos.
- Discriminación de formas, colores, tamaños y posiciones.
- Capacidad para reproducir modelos.
- Análisis, hipótesis, comparación, ensayo y error.
- Laberinto. Encontrar la salida y marcar el camino:
- Desarrolla la destreza de los niños y su poder de observación.
- Mejora la capacidad de concentración.
- Desarrolla el pensamiento creativo y constructivo.
- Aumenta la destreza manual.
- Desarrolla la sensibilidad, imaginación y creatividad.
- Mejora el desarrollo de la percepción.
- Sudoku. Pense que iba a ser un poco complicado para un niño, pero con breve explicación pillan el juego a los pocos intentos:
- Estimula y potencia sus habilidades matemáticas, de lógica y pensamiento crítico.
Un detalle curioso es que mi sobrina, al empezar a jugar con el programa, intentaba usar la uña para mover las cosas en lugar de hacerlo con la yema del dedo. Se han acostumbrado a la Nintendo DS y piensan que todo funciona igual :)
Es increible la cantidad de desarrolladores que se están lanzando a hacer las cosas para el iphone para darle un mordisco al gran mercado de software que Apple ha creado.
Enlaces:
Pasado y futuro del diseño web
Presente y futuro del diseño web en el artículo “Web design is dead”:
Algo así como.. “es hora de reinventar el diseño web. Los diseñadores se enfrentan a un cambio: convertirse en Profesionales de la Arquitectura web o buscar trabajo como decoradores”
Todo el material de la Php Conference 2009 de Barcelona
Estaba recopilando todas las presentaciones de la Php Conference 2009 a la que fuí hace unas semanas mediante el hash tag #phpbcn2009 de twitter cuando he he visto el twitt anunciando que ya las han agrupado todas juntas en su web :) Mejor, así me ahorro el trabajo y sólo os tengo que pasar un enlace:
Todas las charlas de la Php Conference 2009
Podeis ver algunos resumenes en el blog de tatai:
No localizo otro blog en ingles sobre la conferencia que estaba muy bien… hoy no funciona twitter para buscar mensajes antiguos, me da un error (ais..la nube la nube..tambié falla) Lo colocolare tambien
Unas charlas a las que volveré el año que viene y de las que me llevo un agridulce recuerdo: unas conferencias fantásticas, buen ambiente…peeeroooooo.. se me perdió la Lumix LX3!
La solapa con que la sujetaba a la bandolera no cerraba bien (velcro cutre) y se me debió caer de camino a casa :( En fin, a toro pasado ya no se puede hacer nada. Una pena. Me encantaba la cámara.
Respuesta en redit a post sobre CVS
“..Cuando un programador escribe un programa, solamente el y dios saben lo que está haciendo. Seis meses después, sólo lo sabe dios..”
Respuesta en redit.com a un post sobre la ventajas de usar un controlador de versiones: Why version control is important for solo developers
Los astros se alinean. Al final podré ir a la PHP Conference en Barcelona
Unas veces por dinero, otra por trabajo y otras por turnos de mi pareja, al final no es tan fácil poder asistir a todas las conferencias y charlas que a un servidor le gustaría, pero esta vez he tenido suerte.
Mientras mi mujer ve a la familia yo pasaré dos días de inmersión en los talleres de php, drupal o agile development :)
El año pasado asistí a la php workshop 2008 en Junio y volví con muy buen sabor de boca. Si esperas que en estas charlas o talleres te enseñen el Santo Grial, mejor quedate en tu casa por que ya lo sabes todo y no necesitas leer ni una linea más de nada.
Si por el contrario eres una persona inquieta y con ganas de respirar buen ambiente y aprender junto a compañeros con perfiles muy diversos, te recomiendo asisitir. Además, sólo son 50 euricos :)
Os dejo el programa de talleres y conferencias
No tires el dinero hombre, haz una versión móvil de tu anuncio en prensa
El otro día, almorzando, un anuncio de prensa captó mi atención. Sólo aparecía una página web y con explicación bastante escueta. Al visitar la página desde el iphone, me encontré con una pantalla que no explicaba nada y no pude pasar de ahí.
Vamos a ver. Anuncian la web de un concurso de videos online (de esto me enteré luego) en prensa. Para visitar la web deberían llamar tanto la atención del usuario para que una persona que está tomando un cafe con leche y lleve un boligrafo encima, saque su boligrafo, un papel, anote la direción y después, en el trabajo o en casa, abra su navegador para saber de que va esa página de la que tan poco contaba el anuncio en prensa.
Uff… Puedes pensar que no todo el mundo lee el periódico mientras desayuna, pero después de un extenso estudio de mercado (osea, le pregunté a 10 amigos), todos leían la prensa desayunando o almorzando en el bar y el que no lo hacía se informaba vía web. Osea, que ese anuncio era casi invisible y estaba en el sitio menos indicado para atraer clicks (aparate de que no es traceable)
Se han gastado un dinero en insertar en prensa y por casi el precio del módulo que aparecía en el periódico ese día, podrían haber hecho una página de “bienvenida” (ya no una versión móvil de su web, que sería mucho soñar) que explicara de que iba el concurso y nos avisara por email para recordarnos la dirección o que simplemente se convierta en otro toque de atención sobre la campaña. En ejemplo como este:
Una página asi se hace unas horas y necesitas cuatro cositas:
- Un framework para desarrollo para iphone como UiUIKit (Universal iPhone UI Kit) de minid o instalarte Aptana o si tienes pelo en pecho, a mano :)
- Un detector de navegador que nos dirija a la versión optimizada para iphone o blackberry como php-mobile-detect
Se puede argumentar que “para cuatro usuario que navegan desde el móvil…”, pero sinceramente, lo que tienes si no cuidas los detalles no es sólo una persona que navega desde el móvil sino un usuario al que tu publicidad ha atraído, que ha hecho el esfuerzo de visitar tu página y que cuando llega, le das una patada en culo.
O puedes ser más inteligente, no preocuparte por la gente que va a ver tu página y poner otro módulo de publicidad en el periódico. Dinero más fácil y más rapido.
Por suerte, hay mucha gente que entiende que para ganar la atención del los consumidores hay que dar algún rodeo:
- Sra. Rushmore esconde euros debajo del colchón, obviamente, debajo de un Flex.
- Una empresa onubense hace una campaña pegando billetes en una valla publicitaria
- Una pareja viviendo en el escaparate de una tienda de muebles
En el caso del dinero pegado a la valla, por el precio de dos vallas (según la ciudad y el sitio, claro), aparecieron en varios telediarios. Rentable la acción ¿no?
No estoy comparando las campañas anteriores (muy buenas, por cierto) con desarrollar una landing page optimizada para iphone o blackberry, sino que arañando un poco de aqui y otro de alli se pueden hacer muchas más cosas que una sosa inserción en prensa o anunciarte en una solitaria valla.
Redistribuir. De eso estamos hablando.
PD: El esquema de la página de iphone está hecha con Balsamiq mockups. En otro post os hablaré más de él.
50 aplicaciones de iphone para diseñadores y programadores
50 aplicaciones de iphone para diseñadors y programadores. Vía Ateneopopular he descubierto este post lleno de aplicaciones útiles. Hay de todo, desde referencias de php hasta clientes de ftp pasando por visores de mysl. Seguro que alguna aplicación terminas instalándote.
Soy Pablo Angeletti y espero que disfrutes tanto de este blog como yo lo hago al escribirlo.En infonomada.com hablo de todo lo que me interesa: internet, diseño, usabilidad, programación, gadgets, tecnología móvil, redes sociales...
