Sabíamos que la introducción era la parte que iba a leer todo el mundo, así que nos esmeramos con ella. Debimos hacerlo más o menos bien porque mucha gente nos comentó que le había gustado mucho… A ver qué os parece:

El proyecto, de un vistazo

El Contexto

La web es el futuro.

Durante la última década, el mundo de la informática ha cambiado completamente debido a la rapidísima evolución de la mayor y más eficaz red de comunicaciones jamás creada: Internet. Esta evolución está haciendo que cada vez sea más difícil delimitar la barrera entre las clásicas aplicaciones de escritorio y las modernas aplicaciones web sociales. Hoy en día, parece tener poco sentido desarrollar software fuera de este sistema operativo global, que cuenta con casi 1500 millones de usuarios en todo el mundo y que crece a un ritmo imparable.

Es en este contexto en el que se sitúa este proyecto, con la ambiciosa pretensión de innovar y destacar entre el infinito mar de aplicaciones que pretenden lo mismo.

La Idea

Desde que el ancho de banda de las conexiones a internet lo ha permitido, los portales de juegos flash han gozado de gran éxito. Datos actuales (año 2008) indican que más del 25% de usuarios de internet en todo el mundo juegan en estos portales, lo que asciende a más de 300 millones de personas. Sin duda, se trata de un mercado amplio.

Por otro lado, durante estos dos últimos años, se han consolidado un nuevo tipo de aplicaciones web: Las redes sociales. La característica común de estas redes es que permiten a sus usuarios relacionarse entre sí, consiguiendo mantener en contacto a amplísimos grupos de personas que de otra forma apenas mantendrían una relación.

Después de que aparecieran las primeras redes sociales generalistas, recientemente han ido apareciendo algunas que prefieren centrarse en un grupo de usuarios con algo en común. Son las redes sociales verticales, y muchos afirman ya sin tapujos que acabarán imponiéndose a las ahora enormes redes sociales horizontales.

Una fusión de éxito

A la vista de esta situación, surgió la idea del proyecto, que consiste básicamente en combinar estas dos fórmulas de éxito: El proyecto consiste en un portal de juegos flash al que se dotará de todas las funcionalidades de una red social vertical para los propios jugadores.

A pesar de ser una idea novedosa, no ha sido difícil llegar a concretar la idea de forma más precisa… Todo parecía encajar perfectamente.

Características tomadas de los portales de juegos flash:

• Gran variedad de juegos que se actualizan periódicamente
• Clasificación de juegos por temáticas
• Búsqueda de juegos

Características tomadas de las redes sociales verticales:

• Relaciones de amistad entre los usuarios
• Comunicación entre los usuarios
• Creación de grupos
• Personalización de un personaje que les representa en el sistema
• Aporte de contenidos (comentarios, puntuaciones, etc…)

Además, enseguida se vio que al combinar las dos ideas se podían añadir nuevas funcionalidades que resultan muy innovadoras y atractivas para los usuarios:

• Sistema de máximas puntuaciones en los juegos asociadas a cada usuario
• Competiciones entre los jugadores
• Registro de estadísticas de juego
• Recomendaciones personalizadas de juegos según sus gustos

Todas estas características hacen por sí solas que este sea un proyecto innovador y objetivamente destacable ya que, en conjunto, consiguen crear una experiencia de juego más gratificante para los usuarios. Aún así, durante el primer mes de desarrollo, surgió una idea que ha dotado al proyecto de una característica que encaja perfectamente con la filosofía “2.0″ del proyecto y que lo sitúa entre uno de los pioneros en este campo a nivel mundial:

Los juegos pueden ser añadidos por los propios desarrolladores

Igual que en YouTube, pero con juegos.

El funcionamiento en este aspecto de todos los portales de juegos flash hasta ahora venía siendo el mismo: Los juegos eran añadidos por los administradores del sistema de forma manual. Como mucho disponían de un formulario o una dirección de email a la que enviar la información de los juegos que querías que añadieran.

Este proyecto se ha desarrollado de tal forma que permite que los propios desarrolladores del juego flash suban sus creaciones al sistema de forma sencilla, evitando así el tedioso proceso que es necesario en otros portales antiguos.

Además, se ha desarrollado una API abierta para que los desarrolladores puedan comunicarse con el sistema, accediendo a cierta información de los jugadores y enviando datos y estadísticas sobre sus partidas.

Esta funcionalidad, a pesar de no ser excesivamente compleja de implementar, solo está funcionando en unos pocos portales de juegos flash de muy reciente creación.

El Desarrollo

El desarrollo de este Proyecto Fin de Carrera ha sido muy parecido a un viaje: Comenzamos hace aproximadamente un año, con poquísima experiencia en el campo del desarrollo web, pero con muchas ganas y sabiendo que estábamos en el camino correcto, desarrollando una aplicación actual, novedosa y que podría funcionar (y de hecho está funcionando) de forma real.

La primera versión del sistema la hicimos utilizando Ruby On Rails. En aquel momento estábamos valorando las alternativas (esto se describe con más detalle en el EVS), y teníamos mucha curiosidad por este framework. Sin embargo, enseguida descubrimos que también tenía algunas pegas, y principalmente nos dimos cuenta de que el uso de esta tecnología nos iba a dificultar bastante el poner en funcionamiento real el sistema, ya que los servidores que soportan Ruby On Rails son más escasos y caros.

Con una pequeña decepción, pasamos a probar PHP sin ningún tipo de soporte tecnológico adicional. Probamos durante algunas semanas, pero nos había gustado la filosofía de Rails y, después de investigar bastante, encontramos el framework symfony, que era definido por muchos como el Rails para PHP.

Al poco tiempo nos dimos cuenta de que esta había sido una excelente decisión: La documentación era muy buena y completa, la comunidad enorme y el funcionamiento del mismo resultó ser fiable y robusto. Aún así, tardamos algún tiempo en llegar a dominar todas las características de esta tecnología.

Pasada esta fase de adaptación a symfony, el desarrollo empezó a coger mucha velocidad. Cada vez nos encontrábamos más cómodos, llegando a utilizar las funciones más avanzadas de symfony y PHP, llegando incluso a extender y modificar su funcionamiento predeterminado o a crear un plugin para el framework que ahora está en el repositorio oficial.

Trabajo en equipo

Uno de los elementos que más han influido en los métodos de trabajo utilizados durante el desarrollo es que el proyecto ha sido desarrollado entre dos personas. Como es lógico, ha añadido un grado más de dificultad en términos de organización del trabajo, planificación, coordinación, etc…

Siendo conscientes desde el principio de este riesgo, hemos realizado un gran esfuerzo para seguir siempre las mejores prácticas, aprovechándonos de las múltiples herramientas que existen en el área de gestión de equipos.

En el Estudio de Viabilidad del Sistema se describen con más detalle todas las herramientas utilizadas y sus funciones, pero en la siguiente lista se puede encontrar un resumen que ofrece una visión global de la metodología utilizada:

Control de versiones: Subversion

Dado que los dos hemos trabajado sobre el mismo código, ha sido totalmente imprescindible usar un sistema de control de versiones para el código. Subversion ha sido el sistema elegido ya que es un estándar en la actualidad, lo conocíamos de antes y, además, se integraba perfectamente con el sistema de gestión de proyectos que queríamos usar (Trac).

Gestión del proyecto: Trac

Trac es un sistema de gestión de proyectos muy sencillo, pero que ofrece una enorme flexibilidad y comodidad para gestionar proyectos de tamaño pequeño o medio. Gracias a este sistema pudimos organizar el trabajo en milestones y en tareas de más o menos prioridad.

Otro punto fuerte de este sistema es que pudimos sincronizarlo fácilmente con el servidor de Subversion, lo que supuso una gran comodidad para seguir el progreso del proyecto en tiempo real.

Sincronización de documentos: MS Office Live

Dado que hemos utilizado siempre software de la familia Microsoft Office para la creación de los documentos, la opción natural para mantenerlos sincronizados ha sido la aplicación online Office Live, de Microsoft. Gracias a ella hemos podido mantener todos los documentos sincronizados de forma cómoda y eficaz.

Un proyecto real

Desde el primer momento, una de las principales motivaciones para realizar este esfuerzo en el proyecto fue el convencimiento de que podría convertirse en un proyecto real, de relativo éxito en internet e, incluso, viable económicamente.

La confirmación de que esto no era una ilusión llegó en junio, cuando el proyecto fue seleccionado entre más de 70 proyectos a nivel europeo para participar en la iniciativa SeedRocket, un campus de emprendedores organizado por 14 empresarios de éxito dentro de la industria web española.

El evento se desarrolló en Barcelona durante unos diez días, y en ese tiempo convivimos con otros trece equipos que presentaban sus respectivos proyectos. Como experiencia ha sido algo irrepetible, y pudimos adquirir allí una experiencia y unos conocimientos que nos habría costado años obtener de otra forma.

Este hecho supuso sin duda un cambio importante en la forma en que vemos el proyecto, ya que allí nos ayudaron a ver que estábamos trabajando en una buena idea y que, con algo de suerte, podría llegar a funcionar.

No, ahora en serio, no hay motivos para alarmarse o preocuparse. Seguimos trabajando en el proyecto con la misma intensidad. Seguimos avanzando a la misma velocidad de crucero. Y sí, seguimos con la misma intención de apoyar a los desarrolladores de juegos flash.

¿Qué pasa entonces?

Pues nada especialmente raro. Simplemente hemos pasado de una etapa en la que había muchos cambios visibles cada semana a otra en la que estamos haciendo mejoras más profundas al sistema, siendo mucho menos visibles los cambios que vamos haciendo.

Además, el proyecto sigue siendo nuestro Proyecto de Fin de Carrera y finalmente lo vamos a defender en diciembre. Esto quiere decir que tenemos que escribir la (extensísima) documentación que nos exigen. Esto también nos quita mucho tiempo, y todo eso son horas que no se ven reflejadas en la parte visible del proyecto.

Aún así…

Aún a pesar de todo esto, es obvio que ha pasado un mes, y sí que hemos hecho un montón de avances que darían para una nueva versión. Sobre todo hemos avanzado en el área de jugadores, que ya es completamente usable y que ya tiene todas las funcionalidades que habíamos previsto inicialmente.

Sin embargo hemos decidido no subirla a internet porque cada vez que hacemos una subida perdemos algo de tiempo, y preferimos que la siguiente versión que subamos esté perfectamente pulida y que ya sea la primera versión BETA (no, hasta ahora no habíamos salido de la fase ALFA).

Ir al área de desarrolladores de juegos flash de ululand.com »

Resumen de novedades

• Recetas de código
• Correcciones de bugs y mejoras sutiles
  • Permalinks
  • Función de recordar contraseña mejorada
  • Corregido bug en las vistas previas debido a caracteres “extraños”
  • Contadores de visitas
  • Internacionalización de fechas “humanas”
• Mejoras estéticas y de navegación
  • Nueva cabecera y menús
  • Portada
• Comentarios
  • Comentarios en los perfiles y en las recetas
  • Correcciones de aspecto y comportamiento

Detalles de los cambios

Recetas de código

La principal novedad de esta versión: Las recetas de código son pequeños trozos de código que realizan una función muy concreta. Estas recetas, una vez enviadas por los usuarios, pueden ser comentadas, puntuadas e, incluso, insertadas en otras páginas externas (sí, igual que los vídeos en YouTube).

En principio podría parecer una tontería, pero creemos que puede acabar siendo útil para los desarrolladores. Estas son algunas de las posibilidades que creemos puede tener:

• Repositorio de ejemplos: Es muy habitual pasarse un buen rato buscando en Google la forma de implementar algo muy concreto; muchas veces una o dos líneas de código. Con esta herramienta será sencillísimo buscar ese tipo de ejemplos breves, teniendo además la opción de tener en cuenta las posibles opiniones o mejoras que sugieran otros usuarios desde los comentarios.
• Resaltado de código: A los desarrolladores nos surge muchas veces la necesidad de mostrar código en nuestro blog personal o en otras páginas web propias. Gracias al resaltado de código, que soporta 13 lenguajes (se pueden añadirfacilmente más) y al sistema de inserción de las recetas en otras páginas, puede resultar muy útil para insertar trozos de código en las entradas de un blog o en las páginas de documentación de las aplicaciones que sean.
• Creación de tutoriales: En principio está pensado para trozos de código pequeños, pero su flexibilidad permite insertar cualquier cosa, incluso varios trozos de código en diferentes lenguajes de programación. Por ejemplo, podría utilizarse para escribir tutoriales que podrían ser insertados después en cualquier blog o página.
• Obtención de feedback: Gracias a los comentarios y la posibilidad de puntuar las recetas, será muy interesante recibir el feedback y las opiniones de otros usuarios.

Lenguages soportados

Correcciones de bugs y mejoras sutiles

Permalinks

En lugar de utilizar su título sin más, las urls de las ofertas de colaboración y de las recetas de código se generan de forma muy similar a los permalinks de las entradas de un blog de Wordpress, por ejemplo. Esto evita que cambie la URL si el usuario decide editar el título o los problemas que se podían producir en caso de que dicho título contuviera caracteres extraños.

Función de recordar contraseña mejorada

Hasta esta versión, la aplicación solo comprobaba las cookies cuando el usuario intentaba acceder a una acción marcada como segura dentro de la aplicación. Ahora ya inicia sesión automáticamente aún cuando solo se están accediendo a acciones disponibles para usuarios no registrados.

Corregido bug en las vistas previas al introducir caracteres “extraños”

En la versión anterior, el sistema de previsualización de textos que aparecía al enviar una oferta de colaboración o al editar la descripción de los perfiles, fallaba al introducir ciertos caracteres. Hemos corregido este error de principantes también.

Contadores de visitas

Se cuentan y se muestran las visitas que han recibido los perfiles de desarrollador, las ofertas de colaboración y las recetas de código flash.

Internacionalización de fechas “humanas”

Quizás no lo hayáis notado (eso es señal de que el sistema funciona bien), pero la aplicación está completamente internacionalizada. Esta semana hemos empezado a internacionalizar (traducir) las fechas en formato humano (esas tipo “hace 2 horas” o “hace unos 3 meses”). Todavía no hemos traducido todos los mensajes porque es un poco coñazo y vamos poco a poco…

Mejoras estéticas y de navegación

Nueva cabecera y menús

El sistema de navegación de la cabecera era una de las cosas que menos me convencían de las versiones anteriores. En esta hemos hecho un gran esfuerzo para mejorarlo y creo que hemos conseguido algo bastante más cómodo y bonito.

La principal novedad de la cabecera es la aparición de una barra de navegación doble que va cambiando en función de la sección de la página por la que se esté navegando. En la barra superior se muestra la opción principal elegida y las subsecciones a las que se puede acceder desde ella. En la inferior se muestra la subsección elegida y las acciones disponibles dentro de ella. De esta forma cumple una doble función: Ayuda al usuario a saber en qué parte de la web está y, además, reduce el número de clics necesarios para moverse de una parte a otra.

Finalmente, hemos eliminado la “barra de título dinámica” que habiamos introducido en la versión inmediatamente anterior. Esto se debe a que no llegó a funcionar cómo esperábamos y, sencillamente, hemos decidido que sobraba.

Portada

Hemos vuelto a introducir mejoras en la portada. Lo más evidente es que hemos restado importancia al cartel de bienvenida (el anterior os resultó incluso molesto a mucho por su exagerado tamaño), y que hemos puesto en un punto más accesible los accesos directos a las diferentes herramientas de la aplicación.

Además, hemos añadido una pequeña insignia para los usuarios que hayan iniciado sesión, con unas pocas estadísticas de la actividad del usuario. Esto es algo que iremos mejorando con el tiempo hasta conseguir algo muy parecido a lo que ya ofrecen otros sitios similares.

Comentarios

Comentarios en los perfiles y en las recetas

En la versión anterior lo único que admitía comentarios eran las ofertas de colaboración, y la verdad que fué algo que añadimos al última hora y que no estaba todo lo pulido que nos hubiera gustado. En esta versión hemos añadido la posibilidad de comentar en los perfiles de los desarrolladores y en las recetas de código flash.

Correcciones en el aspecto y en el comportamiento

Hemos trabajado el comportamiento y el aspecto de los comentarios: Ahora los comentarios se muestran en orden inverso (los más recientes en la parte más alta), y el formulario para enviarlos es bastante más atractivo y funcional. También hemos mejorado bastante la lista de comentarios.

• URLs
  • Nueva URL
  • Friendly URLs
• Mejoras estéticas y de navegación
  • Colores
  • Menú Principal
  • Título dinámico
• Perfiles de desarrollador
  • Gravatar
  • Etiquetas
  • Descripción
  • Búsqueda, desarrolladores parecidos y búsqueda por tags
• Ofertas de colaboración
  • Markdown en las descripciones
  • Etiquetas
  • Comentarios

A continuación podéis ver una lista mucho más detallada y con algunas capturas.

URLs

Nueva URL

Hemos cambiado la dirección del área de desarrolladores de juegos flash a developers.ululand.com (antes era ululand.com/developers). Así, creemos que queda más separado de la parte de jugadores, tiene más sentido y es mejor para SEO.

Urls amigables

Hemos trabajado todas las urls para que sean amigables de cara al usuario y los buscadores.

Mejoras estéticas y de navegación

Hemos cambiado bastante el aspecto visual del área de desarrolladores, pensando siempre en hacerlo más atractivo a la vista y más cómodo para navegar.

Colores

Hemos aclarado bastante los colores, buscando que la navegación sea menos pesada para la vista.

Reestructuración menú

Hemos modificado el menú principal, metiendo las opciones de la pestaña “Gente” en la de “Comunidad”. Hemos hecho esto porque no queremos tener más de cuatro opciones principales en ese menú, y vamos a necesitar una más dentro de poco. Además, tiene bastante más sentido ahora (gente y comunidad era más o menos lo mismo).

Creo que puede ser interesante comentar que este menú es igual al del área de jugadores. Incluso tiene las mismas opciones principales (Inicio, Juegos, Comunidad).

Título dinámico

Para hacer más clara la navegación por la página, hemos hecho que el título vaya cambiando según la situación dentro de la misma. Esto se genera automáticamente a partir de la URL (aquí cobra importancia lo de las urls amigables) y, además de aclarar en qué sección estás, permite navegar hacia atrás con mucha comodidad.

Perfiles de desarrollador

Hemos ampliado las opciones disponibles en los perfiles de cada desarrollador.

Gravatar

La aplicación muestra automáticamente el Gravatar de los usuarios a partir del email que dieron al registrarse.

Etiquetas

Los desarrolladores pueden “autoetiquetarse” ahora. Esto es útil para mejorar las búsquedas de desarrolladores y para el sistema de búsqueda de colaboradores automático.

Descripción

Es posible ahora añadir una descripción en los perfiles de cada desarrollador. Como será habitual en ululand, es posible usar Markdown para dar formato al texto facilmente. En el futuro añadiremos una mini-barra para poder utilizar Markdown sin conocer su sintaxis previamente.

De momento se agradece bastante que en todos los formularios que aceptan Markdown, se muestra al lado una vista previa que se actualiza según escribes.

Búsqueda, desarrolladores parecidos y búsqueda por tags

Para mejorar la navegación entre desarrolladores ahora se puede buscar por nombre, por desarrolladores similares y por tags populares.

Ofertas de colaboración

Esta herramienta tiene como objetivo permitir a los desarrolladores enviar ofertas de colaboración para buscar a gente que les pueda ayudar a sus proyectos. Esto es muy habitual en el mundo de desarrollo de juegos ya que casi siempre es necesario trabajar en grupo.

Esto es algo que nos habían pedido varios desarrolladores, y que es la principal novedad de esta versión. Aún está bastante verde y tenemos previsto ir añadiendo mejoras al sistema con el tiempo.

Descripción con Markdown

La descripción de las ofertas admite Markdown. Esto es útil porque se le puede dar un formato bastante interesante a las ofertas. Fijaros en esta oferta de ejemplo:

Etiquetas

Siguiendo nuestra filosofía, hemos querido mantener sencillas las cosas. Por eso, hemos confiado en las etiquetas como único sistema para organizar las ofertas. Esperamos que la gente sea capaz de usarlas adecuadamente y que se aproveche de su flexibilidad. Aún así, si vemos que la cosa no funciona trataremos de buscar métodos más sofisticados.

Es importante destacar que estas etiquetas se utilizan para compararlas con las de los colaboradores registrados y, así, poder sugerir ofertas a los colaboradores y viceversa.

Comentarios

Es posible comentar en cada oferta de trabajo. Esto puede ser útil para preguntar dudas sobre la oferta o para mostrar interés por la misma.

Estos comentarios también admiten Markdown.

Estamos preparando ya el proyecto que intentaremos presentar a la compo de desarrollo de videojuegos en 72 horas, que también somos desarrolladores de juegos, aparte de desarrolladores web.

Primero pensamos en ludixgames.com, pero lo descartamos al darnos cuenta de que existía ludics.com. Después pensamos unos cuantos, pero estaban todos cogidos. Al final, el dia antes de la presentación que tuvimos que hacer delante de los potenciales inversores, encontramos ululand.com, que estaba libre y que, al menos en ese momento, nos gustó. La idea es que sería algo así como “la tierra de los ulus“, siendo los ulus los avatares personalizables (¡ya veréis como molan!) de los que ya he hablado en algún post anterior…

Por eso, el proyecto se llamará a partir de ahora ululand, pero no os fiéis… Quizás más adelante nos dé otra venada y cambiemos otra vez, ya sabéis que eso no nos cuesta nada.

Estamos tan cansados que no nos apetece ni escribir una entrada aquí resumiendo toda la experiencia que hemos vivido en Barcelona, en el SeedRocket. ¡Pero lo haremos! Tenemos tanto que contar… Pero bueno, de momento os tendréis que conformar con lo que he ido escribiendo en mi blog personal: http://miguelsantirso.es/etiqueta/seedrocket/.

En los próximos días iremos contando todo lo que ha cambiando nuestro proyecto nibiru gracias al SeedRocket. ¡Ahora vamos en serio!

Parece que esta primera fase consiste en una serie de clases intensivas, impartidas por varios expertos, y reuniones con el mentor que se asigne a cada proyecto, con el objetivo de realizar un plan de acción para el proyecto. Al final de esos ocho días, seleccionarán tres proyectos para que se queden cuatro meses más trabajando en él, con una ayuda de 20000 euros.

Evidentemente, es todo un orgullo para nosotros el haber sido elegidos (entre casi 70 proyectos), todos de un nivel muy alto, según hemos podido ver. También sabemos que será difícil pasar a la siguiente ronda, ya que nuestro proyecto está bastante menos maduro que otros que hemos visto.

En cualquier caso, esto nos lo tomamos como una confirmación más de que la idea que tenemos es muy buena, y que puede tener éxito. Pasemos o no a la fase final, nibiru ha ganado mucho al ser elegido.

En youtube se pueden ver vídeos de otros proyectos presentados.

SeedRocket es una iniciativa fundada por un grupo de emprendedores, experimentados business angels e inversores de Capital Riesgo de toda Europa, expertos, tutores, …, que se han unido para ayudar en la creación de equipos y proyectos durante las fases iniciales, las más duras del proyecto, que estén relacionados con las Nuevas Tecnologías.

Así es como sus desarrolladores definen a SeedRocket, un campus de emprendedores que tiene como objetivo fomentar la creación y desarrollo de varios proyectos relacionados con las nuevas tecnologías. En principio elegirán quince proyectos para que asistan a un curso intensivo de una semana en Barcelona. Después, de esos quince proyectos, elegirán un máximo de tres para que se queden allí cuatro meses, trabajando en el proyecto, con una ayuda de 20.000 €. Todo esto con la ayuda de varios expertos.

Lo cierto es que esto nos ha parecido una oportunidad fantástica para nuestro proyecto nibiru, que creemos cumple perfectamente los requisitos exigidos para participar. Lo malo es que apenas hemos tenido tiempo de prepararnos y lo hemos tenido que enviar de una forma un poco precipitada.

La mayoría de vosotros no tendréis ni idea de lo que es nibiru, así que a continuación podéis ver, o descargar, la presentación que enviamos para mostrar y defender nuestro proyecto:

Descargar presentación de nibiru para SeedRocket (pdf, 400KB)

Estamos encantados con la posibilidad de ser elegidos (aunque sabemos que es muy difícil). Aún así, la intriga durará poco, lo sabremos en cuatro o cinco dias.

¡Desearnos suerte!