Barcelona BITS - Virtual Venue

October 20, 2013 ยท 1 min read

about the project

For Barcelona Developers Conference 2013 we moved to a bigger venue. We had plans to expand the conference not only with development sessions but also with a retro technology fair.

Video of the Virtual Venue 3D showing a tour through the features of the engine

With this new format we were not only looking for brands sponsoring sessions but also we had a lot of space for small businesses to take part in it.

That's why I decided to create the Virtual Venue, to preview the event location giving the sponsors the possibility to have more visibility

important features

Virtual Venue seen from above, showing the whole map

  1. We could indicate attendees better highlighting zones interactively

  2. It gave sponsors the possibility to have more visibility on the website

  3. It expanded the event promotion since every little business could share a URL with the location of its stand highlighted inside the Virtual Venue. They could even pick the color.

  4. The possibility to build your own customized stand by square meters. The interested party only had open the Virtual Venue, choose an area (A, B, C, D... price varied on the location) and indicate were it should start and end.

  5. Aaand it was kind of cool, why not :)

The Virtual Venue was created with WebGL, using Three.js library, but also had a fallback for 2D using HTML. The application loaded a JSON with all the information regarding available tiles, stands, areas and highlighted items.

Virtual Venue showing sponsors and small business capability to promote themselves in the preview

For Barcelona Developers Conference 2013, this JSON file was created manually with the help of a little editor I created in a small time, but for Barcelona BITS 2014 the information was directly generated from Drupal

In order to do that, I created a set of components, including stands, areas, sponsors and so on and the admin user only had to fill those values. Once saved a hook generated the new JSON file showing the new information on the Virtual Venue

image gallery

skills

  • Javascript (+8 years)
    Includes technologies such as JQuery, ECMAScript 6, WebGL, Node.js and Backbone. Also good experience with React and React Native
  • PHP (+3 years)
    Includes frameworks such as Drupal and Wordpress, also developing modules and extending them