BcnDevCon 2011 - Battle of Communities

September 1, 2011 ยท 1 min read

In August 2011 the first edition of Barcelona Developers Conference was in process but we needed the most important ingredient for our final soup, developers

Inspired by the venue's theme, Barcelona Maritime Museum, I decided to create Battle of Communities, a 'Pirate-Themed' ranking were each ship represents a community of developers, the more participation from a community to the event, the bigger the ship. But how would I associate the size and the position of the ship with a ranking position?

Every time a developer submitted a session to the call 4 papers they were also asked a few questions regarding programming language and their community. Using Drupal autocomplete field I avoided possible redundant values in the database.

Once a paper was submitted or modified a Drupal hook updated the resultant JSON which represented the final ranking. When a visitor opened a ship profile, this info was shown

  1. Size: Related to how many members were registered from the same community. This value was percentual so growing communities would not also upgrade their ship but also downgrade other communities

  2. Initiative: Related to how many sessions from the same community were submitted to the call for papers

  3. Reputation: How many upvotes from other communities did those papers received

  4. Piracy: In order to avoid massive downvoting from members of the same community to sessions from members of other communities, I decided to show this info too

The project was sketched and designed in Adobe Illustrator, but mainly developed animated and programmed with Adobe Flash. As mentioned before the Flash file loaded a JSON from the server, which was updated with the information provided by each user when registered, when submitting a paper to the conference or when voting up or down

image gallery


  • Adobe Flash (+7 years)
    Not restricted to programming Adobe Flash was also a great tool for animation
  • Actionscript (+7 years)
    Includes Flex and RTMP protocol communication
  • Adobe Illustrator (+5 years)
  • PHP (+3 years)
    Includes frameworks such as Drupal and Wordpress, also developing modules and extending them