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 month, we’re taking great pleasure in helping out both the London and Brighton Twestivals on the 12th of February. We’re donating a mind-expanding, floaty prize to the London Twestival raffle, and we’re a main sponsor for the Brighton Twestival.

Why the sponsorship?

As ever, we’re interested in helping out with events that are run for the community and by the community. This time, we’re extra-enthused because the Twestivals also embody several other passions of ours:

1. We love gatherings where positive, chance meetings happen between like-minded people.
2. We want to support events in aid of charities (all proceeds help Charity:water‘s efforts to bring safe drinking water to the world).
3. We’re excited about events that have been enabled by social media (in this case, the ever-growing community on Twitter), where online communities create events in their very own neighbourhood.

What’s this about Twitterers floating?

At the London Twestival, one lucky raffle winner will win our prize of a year’s supply of float tank sessions.

Sometimes you need a rest from all the hubbub, wittering, twittering and chasing about. At London’s float centre, Floatopia, you’ll find a haven from the mad rush of life in a warm, relaxing, womb-like pool:

Whilst suspended in a dense Epsom salt solution, warmed to skin temperature, one soon gets the illusion of floating in air. The resulting sense of serenity and deep well-being will stay with you for days after your float.

(Warning: You may have to leave your iPhone outside).

Six months of the prize is courtesy of Dharmafly and this has been generously matched with another six months by Floatopia. You can read more about the benefits of floating on the Floatopia site or Wikipedia.

Happy Twestivals! We’d love to hear your experiences if you’re the winner of our floaty prize, and even if you aren’t, drop us a comment below and let us know how the Twestival went for you.

Update: Another prize – Green Hosting

We’re also now offering a prize of one year of our 100% renewable energy web hosting for the Brighton Twestival raffle. Best of luck, raffle peeps!

Twestival unites online friends for charity

Twestival bridges the gap between the off- and online worlds. It provides a chance for communities on Twitter (a web service that allows users to share their thoughts with their peers) to meet in person and to raise money for Charity:water, who provide clean water for people in developing countries.

Dharmafly spoke to Amanda Rose, the enterprising organiser who got the Twestival ball rolling, to find out more about Twestival and why Twitter is suited to this kind of crowd-sourced social action.

Rippling messages through the web

As Amanda noted, Twitter allows for a “ripple effect”, letting messages spread and surge through the web. This gives Twestival instant access to willing participants – people who pass on the message and offer to get involved.

Those who are making Twestival happen are ordinary people, choosing to help a good cause after hearing about it through their Twitter network.

Charity:water has been chosen as Twestival’s beneficiary, partly because they are active Twitter users themselves (such as the charity’s founder, Scott Harrison), using it to spread news of their work and to connect with interested parties.

Twitter steps out of the web

Twitter is sometimes characterised as another way for socially-awkward people to avoid human contact (mainly by people who’ve never used it). Twestival is further evidence that Twitterers want their interactions to make a difference beyond the web.

Twestival: a flash-function

So what exactly is a Twestival? It’s a loose idea, varying in nature from city to city. Each Twestival is a rapid-response flash-event, created almost spontaneously by volunteers.

Some Twestivals are taking the form of an “unconference” (a grassroots conference organised by the participants), some are relaxed social gatherings in cafes and pubs, and some will have entertainment and activities. All Twestivals aim to bring together local Twitter communities to benefit a good cause.

Twestival: raising money for Charity:water

At the heart of every Twestival is Charity:water, a non-profit organisation that brings clean, safe drinking water to people in developing nations. 100% of donations go directly to creating sustainable clean water solutions.

The directness of Charity:water’s donation system means that every penny raised by generous Twitterers will help provide clean water to the people who need it most. You can also donate directly on the Twestival page of the Charity:water website.

Twestival in Brighton: @brightwest

Brighton’s Twestival tickets go on sale at 12pm today. If you want to track its progress, follow @twestival and @brightwest on Twitter, and check brighton.twestival.com for more information.

Update: Now sponsoring

Dharmafly is now happily a Twestival sponsor, and we’re giving away some gorgeous raffle prizes.

After a thorough search, we are now working with a new web hosting provider for the websites that we manage. Web hosting is where a website lives on the Web. It needs to be fast, reliable and supported by a dedicated technical team. And… it needs to be powered by 100% renewable energy.

Web hosting computers are active 24 hours a day, 7 days a week. Keeping the World Wide Web online takes a lot of energy, and we at Dharmafly want to be as responsible and ethical as possible with our piece of it.

100% Renewable Energy Web Hosting

Renewable energy web hosting is fairly common in the US, where companies such as AISO use solar energy for power. However, there are fewer options available for UK-based hosting. Many of the UK-based companies that offer renewable energy web hosting are actually re-selling US-based hosting. This can be a problem for UK-based businesses who want their websites to rank well in Google and other search engines.

Search Engine Optimisation for UK Websites

When people in the UK search Google, they receive a set of results that favours UK-based websites. Google determines whether a website is UK-based in two ways. It will first see if the web address ends with .co.uk, .org.uk or another UK-based name. If, however, the web address ends with .com, .org, .net or another non-UK name, then Google will work out the country where the website’s hosting is based. Clearly, it is important that we can offer our clients UK-based hosting.

In a Bunker

We found a solution. Housed in what used to be a NATO military bunker, Smartbunker is the UK’s first web hosting centre to use 100% renewable energy. It runs purely from wind power, supplied by a wind turbine from Ecotricity.

The energy is actually renewable, rather than it being a “carbon-offsetting” project, where trees are planted to offset the carbon burned by non-renewable energy, such as coal.

(Techie details: We use high-specification, low-energy IBM Blade servers, with Intel Dual-Core Xeon 5148 LV 2.33 Ghz, 2GB Server Memory, 2 x IBM 73GB 10k SAS Hard Drive RAID 1250.00 43.75 and a Plesk control panel for domain management).

Co-operative

We work with Ecohost to manage our web hosting computers at Smartbunker. They are a worker’s co-operative, based at Manchester’s new co-operative offices, OpenSpace. They’re friendly, über-ethical and they really know their stuff.

Together, we’re happy to offer ethically hosted websites for the UK and beyond. If you’d like to get your website hosted with us, please get in touch.

I’ve submitted “Social Compost” as a project proposal to Social Innovation Camp.

SI Camp is a grassroots conference, where social entrepreneurs and web developers get together to help each other out. A number of great ideas have been submitted, a few of which will be selected for the event. My idea is to connect local people who produce kitchen scraps with those who produce compost.

I’ve moved home twice in the last 6 months, and both times to a top floor flat with no garden. We get a weekly delivery of fruit and veg (from Pulse) and quickly turn it into a whole heap of peelings. How could we just throw that juicy waste away… to slowly fester in a plastic bag on some landfill site?

And so, we have scoured both of these new neighbourhoods, looking for someone with a compost bin to take our scraps (thank you Toni, Jon and Anna). There must be a better way….

From the Social Compost proposal:

‘Social Compost’ would be a drop-dead simple website, based around an interactive map. There would be an option to add yourself to the map and to offer either kitchen peelings or mature compost. You could use the map to find others who are offering either peelings or compost.

Have you ever been in a situation like mine? What did you do? And how might such a website help you?

I am afraid it is no exaggeration to say that what we saw was a hellish scene. [source]

It has been a sobering experience to see reports of the Bangladesh cyclone – and to watch them flow through the Bangladesh River Journey site we built for BBC World Service. The project’s original aim was to expose the very real presence of climate change in Bangladesh – a low-lying land of myriad rivers – and the cyclone’s arrival seemed shockingly symbolic.

While news of the cyclone competed for airtime in the general media, the World Service maintained a stream of often very personal and touching accounts from the Bangladeshi people. Their Flickr photos and Twitter texts acted as informal media channels, adding an extra dimension to the more formal reporting on the World Service website and radio.

Social Media News

This year, the World Service are celebrating 75 years of global media broadcasting. They, and the BBC in general, are about to launch a major website redesign and there is a conscious effort to embrace new media techniques, such as microformats, APIs, social networking and open content.

What is the future for news reporting through social media? Is there greater or less authenticity in such reporting? Share your thoughts below…

Further Reading

• Technologies in the Bangladesh River Journey site
• Cyclone Sidr group on Facebook
• Oxfam cyclone group on Facebook
• United Bangladesh Appeal for cyclone donations
• ‘Uncultured Project’ visit to the disaster area
• Rezwan advises on helping victims
• East-west perspectives on climate change
• Helping cyclone victims from overseas

URL: www.bbc.co.uk/worldservice/bangladeshboat

Phew! We’ve been busy these last three weeks! From commission to launch in just 12 working days (and nights), Dharmafly has built a site for the BBC that explores social media and cutting edge Web technologies…

The Bangladesh River Journey is a mashup of posts from a BBC World Service trip to track the effects of climate change in Bangladesh. The trip lasts a month, with photos being posted to Flickr, messages sent to Twitter and journal entries made on the World Service site. The mashup puts all these posts on to a map, letting you navigate around and follow the trip.

The journalists are equipped with a GPS navigation device. Each time they visit a new location, they post their co-ordinates to the Twitter stream (e.g. this post). Our system then logs the coordinates and applies them to every photo, tweet and diary entry until the next location.

In addition to what you see in the browser, there are a number of gems hidden under the hood: microformats, geoRSS and an API. (Non-techie folk may happily skip this and proceed straight to comments :)

Microformats

Microformats are new, developing standards for adding extra meaning to the HTML of a web page. They create all sorts of possibilities for software (from search engines to browsers) to interact with the content in innovative and useful ways.

The HTML for each Twitter, Flickr and diary post in the Bangladesh River Journey is written using the hAtom microformat. This means, for example, that an RSS feed can be generated directly from the HTML on the page.

If you use the Firefox browser, you can explore other microformats on the Bangladesh Boat site, with the excellent Operator extension. You’ll find xFolk bookmarks, geo locations, hCalendar events, hCard contacts, xoxo lists and tagged links:

GeoRSS

The site’s RSS feed allows users to stay up-to-date with new posts, without needing to re-visit the site (we talked about using RSS in a previous post).

The feed is encoded with the geo coordinates of each post (this is called GeoRSS). Some interesting things can then be done with the feed, such as plotting it straight on to Google Maps:

API

Part of the task was to build an API – a way for web developers to access the data in the system, to create their own mashup applications. This will be promoted through BBC Backstage – the BBC’s hub for exploring new media technology. More about this soon…

Update: The Bangladesh River Journey API is now live on BBC Backstage. Inspired by Google’s addition of a Greasemonkey API to Gmail (via), we added an experimental Greasemonkey API to the Bangladesh River Journey site.

Update: We added KML as a data format to the API. This allows you, for example, to view the entire journey of posts in mapping applications like Google Earth.

Dharmafly & the BBC

It has been fantastic working with the BBC crew. Everyone has shown their good-nature and team-spirit… and nothing but excitement for exploring new forms of media in reporting events that matter to the world.

Our own team was:

• Me, as technical director and coder of HTML, JavaScript and additional CSS
• Annesley, who authored the rock-solid PHP / XSL back-end
• Pete, who scripted the water-tight CSS theme
• Mikel, who contributed mapping strategy and the out-of-the-box balloons

With thanks to Toby Travis, for JavaScript inspiration.

Update: This Project Won Awards

14th May, 2008

The Bangladesh River Journey was declared a Webby Awards Honoree and won the Sony Radio Multiplatform Award. See our later blog post for more information.