Caso de éxito: Juego Conti Futbol Star en Facebook

Escrito por Josué Palma en August 25th, 2010

http://apps.facebook.com/contifutbolstar/

Ha pasado algo de tiempo desde que terminó esta campaña y ahora que se ha entregado el premio me gustaria platicarles de este proyecto.

Con motivo del Mundial de Sudáfrica 2010 Continental Tire de México pensó en Facebook como el medio para crear un concurso relacionado con el futbol donde entre los premios figuraban juegos de llantas, playeras adidas autografiadas, membresias a sportcity y nada mas y nada menos que un Mercedes Benz clase C.

Descripción:

Contifutbol Star es un juego social donde los usuarios compiten contra sus amigos en distintos escenarios para lograr avanzar en el juego.

Estadio: Tiras penales contra tus amigos,  cada partido ganado y gol anotado te da puntos, ademas de que se acumulan tus goles.

Fabrica Continental: Creas llantas de Continental, tienes diferentes tipos, cada una con diferente tiempo de produccion, costo, puntos y precio.

Adidas: Una tienda de articulos virtuales (playeras, tennis, balones, etc) que debes ir coleccionando, cada uno de ellos esta bloqueado por el nivel y te dan diferentes puntos.

Mercedes Benz: La tienda de autos Mercedez, donde ademas puedes ver tus estadisticas de juego.

Quiniela: La segunda etapa del juego durante el mundial,  aunque hubo muchas en facebook esta fué la única verdaderamente social, ya que podias apostar tu quiniela a diferentes amigos y comparar los resultados día a dia, tanto las apuestas, estadísticas y los resultados se publicaban en los walls.

Continental es quizá la primer empresa en dar un premio tan importante en una aplicación en Facebook creada completamente aquí, en México.

Detalles Técnicos:

Para la parte de ilustración invite a mi amiga Iyali a participar, ella fué la encargada de logotipos, escenarios, personajes, items, assets, …bueno todo, la verdad desde que la conozco he admirado su trabajo y para este proyecto fué la persona indicada. Felicidades Iya.

Por mi parte me dedique solo al desarrollo y programación, me hubiera gustado involucrarme en aspectos como el diseño (UI/UX), la parte de social media o hasta en la selección de música jeje, pero por las etapas del proceso no era posible:

  • MYSQL - De inicio con toda la arquitectura de bases de datos.
  • PHP -  Creación de servicios básicos (obtener items, puntos, amigos, agregar goles, colecciones, status, etc)
  • PHP Facebook API – Trabajé con la ahora antigua Api de Facebook para obtener la informacion del usuario (permisos, fotos, nombre, amigos, etc).
  • AMF / AS3 – Los servicios para trabajar entre AS3 y PHP.
  • AS3 / FBJS – Una parte pequeña pero fundamental para todo el funcionamiento social (post en walls, invitaciones, etc)
  • XML – Todas las configuraciones  (items, niveles, colecciones, mensajes, etc)
  • ActionScript3 – La parte mas fuerte, todo el comportamiento de stages, ventanas, mensajes, juegos, usuarios, amigos, items, llantas, afortunadamente de todos los lenguajes involucrados es el que mas domino.
  • FBML – Creación de las páginas y funciones escenciales de facebook (autorización, desinstalación, invitar amigos, enviar regalos, fql)

El proceso fué muy desgastante, me tomó semanas de estar trabajando y estudiando sin descanso, cabe aclarar que aunque algunas ideas el cliente las tomó de los juegos mas populares de facebook respecto a la programación en ninguna parte se utilizó código prehecho o de algun tutorial, todo lo creé partir de cero y eso me ayudó bastante para proponer cosas, porque aunque la agencia contrato anuncios en TV abierta y revistas, creo que faltó mucha difusión en internet, asi que traté de aportar mi granito de arena explotando al máximo la parte social del api de facebook para aumentar la viralidad, por ejemplo: cuando te retaban a un partido se postea en el wall con el nombre, los goles anotados y la apuesta; cuando se cambiaba de playera, cuando se subia de nivel, se conseguia una colección, se acertaba una quiniela o se perdía una apuesta, etc, etc, etc

Josué Palma

A tan solo 3 meses de subir el juego llegó a 10 mil usuarios, creo que pudó haber sido mas pero yo me siento satisfecho con el resultado.

Muchas personas no creyeron que este proyecto se haya creado en México y menos desarrollado por solo 2 personas (lo cúal me halaga) por que detrás de la grandes campañas y grandes clientes siempre vemos a las grandas agencias,  pero también hay agencias  pequeñas y  a desarrolladores pequeños  haciendo Grandes cosas y por alguna razón no tienen el mismo reconocimiento, es por eso que me atrevo a escribir este post.

Aún queda muchisisisimo de que hablar sobre este proyecto: estadisticas, usuarios, social media, ser un facebook developer, las cosas que aprendí,  las cosas que ideé, código, etc, etc, etc. pero ese conocimiento lo dejaré para algun evento al que me quieran invitar ó mis próximos proyectos :)

Por lo pronto me quedo muy contento con ContiFutbol Star y agradezco a los clientes por darme la oportunidad de hacer este tipo de cosas, que si bien fue muy estresante y desgastante al final me quedo muy féliz.

Felicidades al ganador, gracias a los que jugaron , gracias a Continental, a Gerardo y por supuesto a Iyali por todo el apoyo y confianza.

Esperen pronto mas Facebook Apps!!!

josuepalma.com en Web Designer Magazine!

Escrito por Josué Palma en March 18th, 2010

img_0447

Me da mucha alegria informarles que ya está fuera el numero 168 de Web Designer Magazine donde la sección de Portafolio sale su servidor, osease yo :D

Me siento contento no solo por ser la primera vez que en una revista se habla de mi trabajo sino por haber sido en Web Designer Mag, una revista que se ha enfocado en abordar los temas actuales del diseño y desarrollo web, es por eso que me llena de satisfacción que les haya gustado mi trabajo para publicarlo!

No sé si pueda encontrar la revista en el DF, pero gracias al iPhone he podido tomar algunos screenshots del articulo desde su app, pueden bajarla en el AppStore por solo $20 pesitos y si la bajan ahora obtendrán gratis este numero, corran a comprarla!

http://www.webdesignermag.co.uk/magazine-issues/web-designer-168-out-now/

http://www.webdesignermag.co.uk/news/get-web-designer-on-the-iphone/

Thanks Steve!

UPDATE: Ya la tengo!!

Reaktor 5.5 Player free!

Escrito por Josué Palma en September 1st, 2010

Ha terminado el periodo beta del nuevo Reaktor 5.5, la razón es que hoy tendremos por fin el update!!

Pero si no tienes la versión completa de Reaktor no te preocupes, puedes bajar el player totalmente gratis, que al igual que los otros players de NI (Kontakt, KORE) solo te permite usar los ensambles/instrumentos que tengas, sin lavposibilidad de crear o editar.

http://www.native-instruments.com/#/en/products/producer/reaktor-5-player/

Una vez que lo hayas descargado date una vuelta por la libreria de Reaktor ;)

http://co.native-instruments.com/index.php?id=userlibrary&type=0&ulbr=1

TouchAble ya disponible en el App Store

Escrito por Josué Palma en September 1st, 2010

http://itunes.apple.com/fr/app/touchable/id385949475?mt=8

Después de la larga espera ya pueden descargar TouchAble, Desafortunadamente no tengo un iPad, pero por esta aplicación me lo estaba comprando :)

Bjork Tributo México 2010

Escrito por Josué Palma en August 29th, 2010

Este próximo sábado estaré tocando con The polyphonic Symphony en el Tributo a Bjork.

Música en vivo, DJ’s, Fotografía, Graffiti, Pasarela, Videos, Danza, Poesía, Performance

http://www.facebook.com/BJORK.BTMX#!/event.php?eid=132890193413686&index=1

Parser de PSD’s para Actionscript 3

Escrito por Josué Palma en August 26th, 2010

Tal vez en algún momento necesiten importar un psd a su app Flash/Flex/AIR ó quizá en este momento se les ocurra algo que hacer con esto :)

What is currently supported :

PSD FILE :
  • Parsing  canvas width x height
  • parsing file color information (number of color channels, color depth, color mode)
  • parsing file’s composite bitmap snapshot
  • parsing all layers and layer folders
Layers :
  • parsing layer bitmap data
  • parsing layers bounds and position
  • parsing layer name
  • parsing layer ID
  • parsing layer blend mode
  • parsing layer colour channels
  • parsing layer alpha
  • parsing layer filters
  • parsing layer extra  properties such as : isLocked, isVisible, clipping applied
  • parsing layer type (normal, folder)
What is  not supported but planned for the future :
  • layer  masks
  • layer paths
  • layer vector shapes
  • parsing text layers as formatted string
  • parsing layers with zip (with or without prediction) compression

PSD FILE :

  • Parsing  canvas width x height
  • parsing file color information (number of color channels, color depth, color mode)
  • parsing file’s composite bitmap snapshot
  • parsing all layers and layer folders

Layers :

  • parsing layer bitmap data
  • parsing layers bounds and position
  • parsing layer name
  • parsing layer ID
  • parsing layer blend mode
  • parsing layer colour channels
  • parsing layer alpha
  • parsing layer filters
  • parsing layer extra  properties such as : isLocked, isVisible, clipping applied
  • parsing layer type (normal, folder)

What is  not supported but planned for the future :

  • layer  masks
  • layer paths
  • layer vector shapes
  • parsing text layers as formatted string
  • parsing layers with zip (with or without prediction) compression
  • http://durej.com/?p=128

    Fake guitars are over!

    Escrito por Josué Palma en August 12th, 2010

    http://www.youtube.com/watch?v=qSOjn6byxpc

    Donde quiera que esté Hendrix debe estar muy contento.
    …pues que es eso de tocar con botoncitos?

    LiveControl, Griid y TouchAble

    Escrito por Josué Palma en August 5th, 2010

    Estas 3 apps tienen algo en común, te permiten controlar Live desde tu iphone/ipad

    Griid

    Comienzo con esta por que es la mas pequeña de las 3 ya que solo es un clip launcher, entre las ventajas que tiene es que puedes navegar facilmente por la sesion, ademas colorea cada clip y te muestra cuales se estan reproduciendo.
    Ya pueden bajarla del app store (tambien hay un demo).

    http://liine.net/griid/

    TouchAble

    Al igual que Griid tambien te permite navegar facilmente por los clips ademas de colorearlos, pero no solo eso, mapea automaticamente tu mixer, instrumentos y efectos (el eq esta buenisimo!), incluye un teclado y pads a los que puedes ajustarles la velocidad, ademas de una interface dinamica muy bien pensada.

    http://www.touch-able.com/Site/touchable.html

    LiveControl

    A diferencia de las anteriores esta no es un app como tal sino un script para Live que funciona con un layout de touchOSC, este layout incluye varias secciones

    • Launcher : Lanza clips y escenas, permite controlar el tiempo, lavista de dispositivo, entre otras cosas.
    • Mixer : Controla volumenes, paneos y sends, ademas de la reproduccion, grabacion, metronomo y cuantización.
    • Device control : Mi favorita, navegas entre TODOS los dispositivos y mapea todos los controles ahi mismo.
    • Sequencer : Eliges un clip y puedes pintar la secuencia, entre las nuevas cosas esta que puedes elegir la escala :)
    • Pads XY : Muestra los parametros de cada dispositivo para que puedas asignarlos tanto a X como Y, priceless!
    • Track : Activacion de volumenes, paneo, sends, monitor, mute, solo y grabación por track.
    • Pads : un drum pad de 12 botones, puedes ir aumentando o disminuyendo la escala ademas de ajustar la velocidad.
    • Keys : igual que el anterior pero como teclas.

    TouchOSC y livecontrol tiene ventajas y desventajas

    Ventajas

    • Tambien mapea todo: mixer, instrumentos, parametros, dispositivos, efectos, etc.
    • Puedes asignar controles y hacer lock a ciertas funciones.
    • Puedes edtar el layout.
    • Pueds usar TouchOsc con otros layous, otros controles, otras apps, etc.

    Desventajas:

    • Los drums y keys de livecontrol no funcionan con Live directamente, requieren un puerto midi para enviar las notas, a donde desees, ademas de que debes de tener abierto el router que incluye el script para que funcione.
    • Los controles son estáticos, es decir, no puedes hacer drag para ver los demas clips, sino que usas botones para navegar (arriba, abajo, izq, der)
    • Los colores tambien son estaticos, esto es muy importante por que dificulta el performance, es mas facil ubicar los clips por colores que estar leyendo su nombre, ademas de que en el iphone por el tamaño del boton eso tambien es dificil.

    Creo que si TouchOSC agregara estas 2 ultimas funcionalidades ya no le faltaria nada mas.

    Si te gusta Live querras tenerlas todas, ademas son 3 razónes por la que aun sigo prefiriendo al iPhone sobre cualquier otro telefono, no soy un usuario de Apple, solo del iphone y para que llegue un verdadero Iphone Killer debe de tener al menos estas 3 apps en su store.

    Meego OS

    Escrito por Josué Palma en August 3rd, 2010

    http://www.youtube.com/watch?v=XDp1MGlfGQ8

    Asi es como podria verse el nuevo bebé de Nokia e Intel, espero que sea cierto por que le tengo mucha fé a este OS

    Three and a Half Seconds About Life

    Escrito por Josué Palma en August 3rd, 2010

    Three and a Half Seconds About Life from Eran Hilleli on Vimeo.

    Cube Builder

    Escrito por Josué Palma en August 2nd, 2010

    http://apps.facebook.com/cubebuilder/

    La mejor manera de aprender Flash Builder, desde un juego de Facebook!

    Si eres flashero deberias ya esta jugando!

    Via Uklanor