Our 24-hour hack: OpenFreecycle

URL: dharmafly.com/openfreecycle

Streuth. Hot on the heels of last week’s UnLtdWorld award, I was amazed to experience the web application that I created with Tom Leitch being awarded the top two prizes Yahoo’s OpenHackLondon. And this, after winning a prize with ‘HackHUD‘ at the previous Hack Day London, two years earlier (the famous one, when it rained inside Alexandra Palace).

OpenHackLondon is an opportunity for web developers and programmers to get together, to collaborate and experiment with new ideas in technology. The focus is a 24-hour (overnight) hacking challenge, with a two-minute demo by each team, and prizes in several categories.

OpenFreecycle

Our entry was OpenFreecycle – an itch that I’d been wanting to scratch for a couple of years. This was an attempt to make community sharing of free, unwanted items much more easy and accessible. Sort of like eBay, but for free.

Our two-minute presentation to the crowd

There are around 10,000 local “Freecycle” mailing lists (all of them are hosted on Yahoo Groups). They offer an extremely useful service: a way for people to offer or find unwanted items amongst their local community. Got a spare mattress? Put it on Freecycle. Need a chest of drawers? Find one on Freecycle.

The Problem: Closed

The system, however, is far from ideal. Each group is initially private and closed. You need to request membership and await approval for each group before you can see what’s available. Prospective browsing in neighbouring groups becomes a painful task.

Over 10,000 Freecycle mailing lists on Yahoo Groups

And then there are the emails – hundreds in your inbox every day. And, because each group is just a plain and simple, private email list, there is no way to expose all that interesting content to other places on the web. That is, until now…

The Solution: Open

A simple, searchable, open system, with the option to subscribe to feeds for specific search terms in specific area (e.g. ‘baby’ in Leeds), the possibility to subscribe to alert notifications for specific items and the ability to integrate all this content around the web, for example with Greasemonkey in shopping sites, to inform you when an item is available for free in your local area:

A mockup for OpenFreecycle integration into eBay, via Greasemonkey

What we built was a rough proof-of-concept. It only handles the Leeds group – and very simplistically, at that – but it gives an idea of what is possible when you start to open up data.

(Of course, there are merits in selected aspects of the system being closed, or guarded – e.g. in protecting user’s contact details, and the ability to identify potential exploiters, such as tradesmen scooping up everyone’s free offerings. These need to be preserved, for the health of the community.)

How we did it

Here are the slides from our demo:

We used the Yahoo Mail API (via PHP) to log into a subscribing mailbox, then converted the emails to Atom feeds (with Perl), imported these into Yahoo Pipes and performed geo-location, term-extraction and some other bits and bobs, drilled down into the resultant feeds with YQL and then presented the lot using the Google Static Maps API and a smattering of jQuery. Voilà!

We Won the Double!

Moment of glee

OpenFreecycle won both the “Hackers’ Choice” prize, as voted by the 300 participants, as well as the “Best In Show” prize, unanimously awarded by the competition judges:

• David Filo, co-founder of Yahoo
• Tim O’Donoghue, vice-president of engineering at Yahoo
• Sophie Major, head of international at the Yahoo Developer Network
• Pascal Finette, Mozilla Europe
• Matt Biddulph, co-founder of Dopplr
• Daniel Ek, co-founder of Spotify

Check out the other winners and all the Hack Day entries – there are some ingenius little gems to be seen.

Whatever Next?

Take OpenFreecycle for a spin. Have you got any ideas? How would you improve the experience of local sharing?

This weekend is BarcampBrighton2, a grassroots technology conference organised and run by the participants. Over the last couple of days, we’ve been piecing together a special Greasemonkey userscript for the conference, which enables Yahoo Live users to broadcast live video as a group. We call it YLiveGroups.

» Install the script

We first used Yahoo Live at last month’s SemanticCampLondon and there was a great buzz of conversation from people who were watching from other countries, discussing the topics of the talks, asking questions and learning about the subjects.

For BarcampBrighton2, we’ll help people get broadcasting and we’ll use YLiveGroups to bring them all together. Viewers from around the world will be able to tune in and keep track of the many talks taking place.

Yahoo Live

Yahoo Live is an interesting new experiment. It makes it possible for anyone to create their own live video channel, available to anyone who cares to watch. As has been pointed out before, there is plenty of scope to increase its potential for social networking. YLiveGroups is our attempt to do just that with some rudimentary group functionality.

YLiveGroups

To use YLiveGroups, you will need to use the Firefox web browser, along with the Greasemonkey add-on. Then, install YLiveGroups and head on over to Yahoo Live.

At the moment, the only group available is BarcampBrighton2. However, we intend to develop the code so that anyone can create their own group. These groups could be used to tie broadcasts together at events, connect people around a single topic or simply bring together a group of friends.

Techie Details

In case you were wondering…

The userscript interacts with both the Yahoo Live API and our own simple YLiveGroups API. Our API uses XOXO microformat HTML documents to exchange data (as opposed to standard XML or JSON). The script then uses JQuery to interract with the XOXO documents and the web page that the user is currently viewing. Premasagar will be talking more about this in his presentation at Barcamp.

We’d love to work with other developers to take this project forward. If you’d like to get involved, or have any feedback at all, then please leave a comment here.

Well, this one didn’t get blogged yet… Back in June, we stayed up all night at the BBC / Yahoo Hack Day in London. The task was to combine data sources and build something experimental – and a little bit edgy.

We forged a script to enhance mainstream news sites (such as BBC News) with a layer of grassroots community content – from bloggers, photographers, and the like. The idea was to propagate the news and views from the streets, alongside mainstream media. The result: ‘HackHUD‘.

It’s a Greasemonkey userscript and it uses a number of Yahooey things (Pipes, YUI and Term Extraction), to display content from Flickr, Technorati and Newsvine.

We were clackety-clack on the keyboard, non-stop for over 24 hours. There were tears and laughter… and in the end, a prize.

» The HackHUD Project
» Install the script (quickly, before the BBC redesign their site ;)

Changelog

• 0.16 – Public release.
• 0.17 – Problem with Flickr photos fixed.
• 0.181 – Wikipedia and Twitter options added.
• 0.2 – Updated to accommodate changes to BBC site & to Greasemonkey.
• 0.21 – Better handling of multi-word tags.