LABS

Welcome to Labs. We are always fooling around with new technology. We enjoy eating our own dog food, but also love fiddling we other things smart people create.

We hate messy technology stacks, and prefer a clean, uniform solution. That's why we re-implement a lot of existing technology. We dissect the best software out there, and create our own version, working hard to make it a better one.

We have learned a lot this way, and we believe it has made our products that much better because of that. Take a look at the kind of things we've played with.

Experiments

resources/screenshots_work/yodna/yodna-thumbnail.png
resources/screenshots_work/yodna/yodna_1.png
resources/screenshots_work/yodna/yodna_2.png
resources/screenshots_work/yodna/yodna_3.png
resources/screenshots_work/yodna/yodna_4.png
resources/screenshots_work/yodna/yodna_5.png

Yodna (Your Online DNA)

Personal Website Platform @ 2010

Development

Yodna is our idea for online presence.
More than a personal web hosting service, Yodna was designed to be the point of convergence for all your online personas (Twitter, Facebook, LinkedIn, Flickr, YouTube, Tumblr).

We wanted Yodna to be simple but flexible, allowing to create a personal web page with the least number of clicks possible, while allowing customization for advanced users.

We used HTML5 and CSS3 to create Yodna. We made it modular using Colony, and we were able to plug it with an OpenID plugin we had, making the service also work as an OpenID provider.

resources/screenshots_work/take_the_bill/take_the_bill-thumbnail.png
resources/screenshots_work/take_the_bill/take_the_bill_1.png
resources/screenshots_work/take_the_bill/take_the_bill_2.png
resources/screenshots_work/take_the_bill/take_the_bill_3.png
resources/screenshots_work/take_the_bill/take_the_bill_4.png
resources/screenshots_work/take_the_bill/take_the_bill_5.png
resources/screenshots_work/take_the_bill/take_the_bill_6.png
resources/screenshots_work/take_the_bill/take_the_bill_7.png

Take The Bill

SaaS Invoicing Solution @ 2011

Development

Take The Bill started as a challenge for building a minimal invoicing service with a team of 1 designer and 1 developer in 3 weeks, using Colony. We nailed it, and won the bet. Alas, we didn't get that client.

Take The Bill was then reworked for our own needs to invoice customers.
The service features a social component, to allow users to connect with and evaluate business partners. We called it Social Invoicing.

We used HTML5, CSS3 and JavaScript, together with jQuery and our own set of UI plugins for jQuery. In the server side we use the Colony MVC stack.
The iOS app leverages our Commons Library, to speed up development of mobile CRUD applications (as well as provide some pretty UI components).

resources/screenshots_work/pecway/pecway-thumbnail.png
resources/screenshots_work/pecway/pecway_1.png
resources/screenshots_work/pecway/pecway_2.png
resources/screenshots_work/pecway/pecway_3.png
resources/screenshots_work/pecway/pecway_4.png
resources/screenshots_work/pecway/pecway_5.png
resources/screenshots_work/pecway/pecway_6.png

Pecway

Payments Gateway @ 2010

Complete

Initially created for a deal-a-day website, Pecway is a modular payments gateway. It provides secure payments while integrating with untrusted parties.

Pecway supports multiple payment methods, through interchangeable modules. One example is the Portuguese Multibanco system which is supported through a Colony plugin that abstracts an official partner's API.

Pecway has a web front-end using HTML5, CSS3, and some JavaScript using jQuery. We leveraged Colony plugins like the SMTP client (together with the MIME plugins) to send rich HTML e-mails and the HTTP client plugin to interact with the Pecway consumers.

resources/screenshots_work/colony_manager/colony_manager-thumbnail.png
resources/screenshots_work/colony_manager/colony_manager_1.png
resources/screenshots_work/colony_manager/colony_manager_2.png
resources/screenshots_work/colony_manager/colony_manager_3.png
resources/screenshots_work/colony_manager/colony_manager_4.png

Colony Framework Manager

Web Based Management Solution @ 2010

Complete

Colony needed a web-based manager that helped with the management tasks of a Colony instance or a Colony grid.

The manager supports drag-and-drop upload of plugin package files, loading and unloading plugins; it has a command-line interface, and is open for extension regarding things like usage statistics and additional operations that may appear in the future.

Most of it is HTML5, CSS3 and JavaScript. We use jQuery and some jQuery plugins we developed to provide an AJAXed user experience.

resources/screenshots_work/panzerini/panzerini-thumbnail.png
resources/screenshots_work/panzerini/panzerini_1.png
resources/screenshots_work/panzerini/panzerini_2.png
resources/screenshots_work/panzerini/panzerini_3.png
resources/screenshots_work/panzerini/panzerini_4.png

Panzerini

Robot AI Game Competition @ 2010

Development

Panzerini was developed for a 48-hour programming competition, but was designed from the start to be a useful learning tool for people new to Colony.

The idea is to develop a robot plugin, which can then be deployed into a real-time arena and fight with other plugins. The robot plugin API was made as simple as possible, to enable a novice to quickly develop and deploy his first Colony plugin using Panzerini.

We built the game arena around our standard web toolbox (HTML5, CSS3 and JavaScript). We used some recent browser functionality like WebSockets for the game server to actively push updates to the game state to listening clients.

resources/screenshots_work/hive_blog/hive_blog-thumbnail.png
resources/screenshots_work/hive_blog/hive_blog_1.png

Hive Solutions - The diary

Hive Solution's Blog Infrastructure @ 2010

Complete

Hive Solution's Blog was built in 2010 to share some of the technology development work and daily life at Hive.

The blog narrowed down the set features that would serve our purposes, so we decided not to make it available as an open source project.

The Diary is powered by Colony, and is built as a Web MVC Plugin. It uses Colony components such as the Colony CAPTCHA plugin for some Turing test protected actions; and the OpenID, Twitter and Facebook plugins for single sign-on.

resources/screenshots_work/media_dashboard/media_dashboard-thumbnail.png
resources/screenshots_work/media_dashboard/media_dashboard_1.png
resources/screenshots_work/media_dashboard/media_dashboard_2.png
resources/screenshots_work/media_dashboard/media_dashboard_3.png

Hive Media Dashboard

Interactive Media Dashboard @ 2010

Complete

The Media Dashboard was the solution we found for keeping everyone up-to-date in our working environment.

The Media Dashboard is a Colony application which integrates with our build automation system and reports new commits, build failures, bugs or can display warning messages and videos.

It's build using HTML5, CSS3 and mostly JavaScript. We used some HTML5 features extensively such as the media playback support for video and playing warning sounds. We used Canvas 2D and our own charting jQuery plugins for displaying analytics. We even set-up a 42" LCD at Hive headquarters to host our own operations center.

resources/screenshots_work/a_la_carte/a_la_carte-thumbnail.png
resources/screenshots_work/a_la_carte/a_la_carte_1.png
resources/screenshots_work/a_la_carte/a_la_carte_2.png
resources/screenshots_work/a_la_carte/a_la_carte_3.png
resources/screenshots_work/a_la_carte/a_la_carte_4.png

À La Carte

Semantic Food Search Service @ 2010

Development

À La Carte was a proof of concept we did for a semantic food search service, which means it tries to help you find the food you want, considering location and price.

À La Carte has a domain-specific vocabulary which it uses to structure unstructured information about restaurants and dishes, and infer relations between concepts, in a semantic fashion. The service also features a recommendation engine, based on personal and collective preferences.

À La Carte was built using HTML5, CSS3 and JavaScript. In the server side we used the Colony MVC stack, as well as Colony's full-text search infrastructure.