URLs: brightworks.me & tasket.dharmafly.com

People like to help out with a good cause, but it can be difficult to find the time. What if, through the Web, we could gather enough people and bring them together to achieve something great?

At Dharmafly, we’ve been hard at work creating an open source tool called “Tasket“, which we hope will do just that. It’s a visually immersive web app, riffing off some of our data visualisation work, that engages volunteers in performing tiny tasks for a cause.

Essentially, it’s a “micro-volunteering” task management tool that lets people create tasks that need doing. Anyone can claim those tasks and Tasket helps everyone track the progress of the community.

BrightWorks: mobilising the crowd

We’ve designed Tasket with the not-for-profit company Bright One, who enable volunteers to work on projects for charities and third sector organisations. Bright One are an ethical Public Relations agency who provide a specialist, low-cost service for social good organisations, by connecting student volunteers with expert mentors. They help their volunteers to train and gain skills, and to work together as a cohesive team.

Using Tasket, we’ve built a website for Bright One called “BrightWorks“. The first version has just launched. You can explore it, click around (and even complete a task or two) at: brightworks.me

Bright One have only been going for two years, but in that time they have grown to be impressively successful – so much so that they have too many volunteers and too many charities wanting to get involved. It’s what you call “a nice problem to have”.

They needed a way to activate their volunteers more quickly, increase their capacity to work on more campaigns, and help everyone to stay informed and engaged with each other’s projects. BrightWorks now helps them to maximise their output from a dispersed, but eager, crowd of individuals.

The leaders of each project add information to the website, posting the highest priority tasks to be done. Anyone can offer to take on a task. And when a task is complete, it can be verified by its creator. Each volunteer accumulates a record of completed tasks (which in future might be used as part of a CV or resumé, or plugged into the volunteer’s professional profile on LinkedIn).

Gaming

There is a light layer of game dynamics incorporated into the web app. Projects rise and fall, as the weight of their tasks is unburdened by people completing them. Tasks can only take a maximum of four hours each, so a heavy task will need to be broken down into smaller ones. A volunteer can only take a limited number of tasks at one time, and there is a time limit for them to complete each one. (Tasket lets all these variables be configured for the requirements of its target website).

In future, we would love to add analytics, to show the performance of the community. We’d also like to expose the networks that emerge when people become connected via the projects that they contribute to. The tasks are a kind of currency; it’s actually the connections created between people that matter within the community.

Oh, and I’d also add to the wishlist: task notifications, alerts, messaging… and an app-load of other features.

Early feedback

What people have said so far:

The BrightWorks concept is genius because it fits right into a mould that we are all already comfortable with – microblogging. BrightWorks has taken a social networking concept and adapted it to the needs of non-profit organizations and volunteers – giving them the ideal meeting ground to actually get something done.

- The Next Web

I love the idea of a more loose visual representation of a collection of tasks. It’s an area that’s been vexing us for a while… how to say “I’ll do this” for any given component of a larger project. All around, one of the most interesting/ smart/ exciting microvolunteering apps that I’ve seen to date.

- Sparked.com

Really lovely concept, like the dashboard-style interface – makes it feel like a tool rather than a site. The sign up form is very slick and quick. Also big bonus points for the photo upload being one-step: no resizing, no restrictions. Just works.

- Oxfam GB Digital Manager

Sometimes, people are more than willing to volunteer yet have very little time to look for charities. And that is really frustrating. Well, if this new application manages to take off then that should stop being a problem.

- Killer Startups

Tasket for Carers: a prototype

Early on, before we started building Tasket, we presented a prototype for the concept at the Government’s “DotGovLabs Developer Weekend“, organised with Rewired State. Our frame of reference was a bit different – instead of dealing with projects, the main focus was on carers – people who live with and care for others.

There are 6 million carers in the UK (that’s one in ten). Many suffer from being overburdened, isolated and stressed. Poor health and depression can often result. We believe that, if carers could get help with just the little things in their daily lives, the result could be a big improvement in their quality of life.

Our 24-hour prototype shows how Tasket could be used to let carers add tiny tasks, such as collecting groceries or putting out the rubbish, and allow friends, family or neighbours to complete those tasks for them.

The prototype was a success. We won the Government’s “Carers” category prize. You can take a look here: dharmafly.com/tasket-carers-prototype/

We’ve gone on to make it into the DotGovLabs top 3 innovative solutions for the extended project.

Play in the sandpit

You can have a play with the open source Tasket app (in glorious black n’ white), at tasket.dharmafly.com

Go ahead, sign up, create a project, add some tasks. You can claim tasks that others have created, click around, explore. And remember, because it’s all open source, you can re-use the code for your own task management applications (or contact Dharmafly to adapt it for you).

One data server, many apps

We’ve built the server as a kind of pure data engine. How the actual application looks and behaves can be wildly different, but still use the same underlying data.

As an example, the screenshot above shows a notepad style “to do” list manager, built on Tasket. It’s much more focussed on an individual and their own tasks, but could equally be used for sharing lists between a group of people. A very early version of the app can be seen here.

A little note on technology (for the geeks)

Tasket uses a collection of HTML5-related technologies. It is a “thick client”, built with the JavaScript library Backbone.js, and communicates with a JSON-based API (e.g. here are all the unfinished tasks on BrightWorks). The server is created with the Python-based framework, Django (this may be swapped with Node.js in future).

Projects and tasks are laid out with force-directed physics, to prevent them from overlapping each other and the walls of the website. The lines connecting tasks are in SVG (although the circles that represent each project instead use simple CSS3 border-radius).

You can download the code and run it on your own server (it has the permissive MIT license), or fork the project on GitHub. Improvements and pull requests are welcome.

Created by

Tasket and BrightWorks have been brought to you by:

• Matt Weston – social design
• Gavin O’ Carroll – visual design
• Sym Roe – server-side
• Aron Carroll – JavaScript, CSS
• Kyran Dale – force-directed physics
• Christian Thrower, Ollie Bettany and Andrea Fiore – front-end design & dev for the Notepad app
• Prem (that’s me) – concept, JavaScript, coordination
• …and the brilliant minds at Bright One. Big thanks especially to Ben, Katy and Dan.

You can follow the further developments of the BrightWorks project on its blog.

URL: rewiredstate.org/projects/sms-centre-finder

There are 61 million people in the UK and 10 million of them have never used the Web.
How would you help someone to get online for the first time?

The job of the Government’s UK Online Centres is to help bridge the digital divide, by providing places with free public Internet and hands-on assistance. We recently helped them to explore a new web strategy, as part of a prototyping session at Google London, which was organised by Rewired State.

First steps on the Web, thanks to an SMS text message

People seek out a UK online centre for a number of reasons: to get help emailing their children who are overseas, to fill in a job application that’s available only on the Web, or to join Facebook because their grandchildren are all on there.

But there’s an interesting fact: around 70% of these first-timers have a mobile phone. What if we could take advantage of that fact to make it easier for them to get the help they need?

I worked with Sym Roe, Tom Hume and Daniel Morris on a prototype to explore this question. In just a few hours, we had created an SMS text message service, which allows people to text their postcode to a short phone number, and be texted back details of their nearest UK Online centre.

How it could work

Imagine that you’re out and about. You see a poster on the wall at a community centre, a library or some other noticeboard, and it says:

Want to get online? To find your nearest UK online centre, send a text message to 82958 saying ‘ukonline’ plus your postcode – e.g. ‘ukonline SW1A 2AA’.

We’ll text you back with your nearest centre. This service costs 25p.

You can try it out with your own postcode. Did you realise that there’s a centre so close to you?

Ingredients of an SMS web service

We took advantage of the really easy-to-use SMS service, Taykt (it’s pronounced “take it”), a new startup based in Brighton. It takes the pain out of dealing with mobile networks and registering shortcode phone numbers.

First, we chose a keyword for users to start their SMS message with – in our case, we chose “ukonline“. Taykt then passes through to our web service any message that starts with that keyword. If no postcode is supplied, then we just give a generic response. If there is a postcode, then we convert it to a latitude and longitude, then query the UK Online database to find the nearest centre.

To make best use of the 160 characters available in our text message response, the information we send back is prioritised: first the centre’s name and phone number is given, and then if there’s still room in the message, we give the address, and then information about creche facilities, disabled access, etc. We try keep it concise, but human-friendly. Tom wrote about his work on maximising the text message response on his blog.

Because Takyt lets us pass on the cost of the service to the end user (25p per request), it means it would be a viable proposition for UK Online to get up and running quickly, with little risk or upfront fees.

If you’d like to check out the code, see Sym’s Django-based web service, and Chris Thorpe’s UK Online API.

There’s a write-up of our SMS Centre Finder project on the Rewired State website.

It’s geek festival season, down here in Brighton. First up is dConstruct, a one-day conference on the cutting edge of interface design and user engagement.

And then it’s good old BarCamp Brighton, now into its fourth incarnation. BarCamp, always a favourite, is a handmade 2-day conference, pulled together by its community of participants. Everyone gives a talk on something they feel (geekily) passionate about, and they bring sleeping bags to spend the night at the donated event space. This time, we’ll be moving into the old Music Library for the weekend.

Dharmafly is again a proud sponsor of BarCamp. I had in mind a fun little game to give away to the attendees, but not quite had the time to pull it off. Next time, next time. (And no more crunchy spirulina, like last time). See our BarCamp archive for more.

If you’re at either of these events, do roll up and say hi.

Update: At BarCamp, I gave a talk called “Indestructible JavaScript Widgets“, about the pitfalls and solutions when developing widgets to embed in third-party websites (like our widget for BBC World Service). No pretty slides, but my notes are at: dharmafly.com/bcb4.

At the weekend, I helped mentor a group of tech-minded teenagers at the community-led event, “Young Rewired State“. Held at Google’s London HQ, this was a two-day, action-packed programme for 15-18 year olds to build something better with government data on the web. And the results were truly impressive.

Young people are sometimes written-off as being apathetic, or handed patronising websites and services to interact with. Here was their chance to show the kinds of services they really want and to demonstrate that, given access to the right kinds of data and a little support along the way, they are more than capable of building it themselves.

In just two days, they created a plethora of new web apps: a mobile service to give real-time info on London buses (“TFHell“), interactive maps with routes to school that avoid local crime hotspots (“SchoolRoutr” and “Step Safe”), sexual health advice (“Blab to Betty”), a service matching new tech talent with employers (“Will Work For Peanuts“) and many others.

The team I assisted were a politically minded trio. Ben, Joe and Richard came down from Manchester and built a website that grabs the latest bills passing through parliament and attempts to show the emotional response to these bills from blogs around the web. The results are shown graphically, using the Google Charts API. The result of this blogs / politics experiment is: “Blog-o-tics“.

Although they weren’t awarded a prize, Blog-o-tics was given a “special mention” by the panel of judges, who had come from government, the tech industry and beyond.

The field of “sentimental analysis” is growing and, although Blog-o-tics was just a quick proof-of-concept, it does hint at the possibilities. Craig Elder noted its similarities with the concept for YourOwnDemocracy.

Other mentors came from Last.fm, the BBC, Yahoo, Moo, My Society and small businesses around the country. I think we were all pretty much blown away by, not only the standard and focus of the work produced, but how entirely natural everyone seemed with the stack of technologies being used. Here is a generation of people who have grown up with computers, the ubiquitous Web and the programming languages used to harness it. Government could really benefit from their input.

The original Rewired State event, dubbed “National Hack the Government Day“, had been held at the Guardian‘s offices earlier this year. It was such a success that many of us who attended were invited to the Cabinet Office to explain just what the government should be doing with its web properties, and we were given suggestions on ways through what can sometimes seem like a maze of bureaucracies.

Since then, no less than Tim Berners-Lee (the inventor of the Web) has been invited by the prime minister to help open up government data, to help bring transparency and to simply help those who want to solve problems get access to the data they need. The young hackers from Rewired State are off to a fine start.

Other reports on Young Rewired State

• BBC
• Yahoo
• Guardian
• Public Strategy
• The H
• Conservative party
• the Twitter conversation
• the Flickr photos

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?

The BRIC award - photo by Jane Middlehurst

At last week’s beautiful UnLtdWorld first birthday gathering, I was honoured to collect a shiny BRIC award, for “using technology for social good in the most creative and innovative way”.

Thank you to everyone who voted for Dharmafly, and to all who have supported us in the last 2 years.

There were five award categories, with an array of nominees, each of them involved in the finest of projects. Although UnLtdWorld is an online social network (it brings together those with an interest in positive social change), it was a particularly rich experience to meet in person so many passionate and focussed individuals. And there is a growing number of meetups in this area, such as Social Innovation Camp, the Shine Unconference and 2gether.

Felix Gonzales produced this video:
(please excuse my slightly gushy, tongue-tied jabbering – I must have been having a rush)…

And here it is on my desk, as promised:

Update: And another very special, double award was received over the weekend. More on that later today very soon right here…

Dharmafly are chuffed to have been nominated for a BRIC award with UnLtdWorld, the social network for social entrepreneurs. You can vote with your feet (erm, your mouse) right here.

Since its launch, one year ago, UnLtdWorld has gone from strength to strength as a platform for collaboration, helping people to work together for social change. We’re listed in the Digital Award category, for those “using technology for social good in the most creative and innovative way”:

The BRIC Awards aim to recognise the most active, inspiring and original members of UnLtdWorld, as voted for by its community.

They encapsulate what UnLtdWorld stands for: Business, Resources, Insight and Community – and members selected as nominees reflect a well-rounded approach to those elements.

Voting ends Friday 24th April, 5pm (UK time), and the winners will be announced at UnLtdWorld’s first birthday celebration, on May 5th.

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.

If you had a map and you could show it to anyone, what would you put on it?

These days, maps are playing a big part in the development of social media. Imagine you were to run an event, or make a journey around the world, how could you represent it online? How could you help people to find out where you are, to know what you’re doing, or even to see what you’re seeing?

As you can imagine, interactive web maps and location-based activities are not just useful for looking up addresses. We can now assign practically any piece of online content to a map, including videos, photos or location-based conversations. At last, the web doesn’t have to be so geographically anonymous anymore.

Everyone has different needs and interests, so their information might be organised in different ways: people such as film buffs, chess enthusiasts, or parents looking for baby groups might all want to find out about related activities in their local area, and web mapping can help.

Interactive maps in action

Dharmafly recently created interactive maps for EastHampshire.org, partnering on the project with Brighton-based Callender Creates.

As a website for residents and visitors to East Hampshire, it offers information about community groups, news and local events. On the interactive map, you can look at up-to-date information and find out where it’s going on at exactly the same time.

Harnessing the social web

Rather than reinventing the wheel and creating a brand new, separate events engine, EastHampshire.org is hooked into Upcoming, a social network website for sharing events.

When an Upcoming user creates a new East Hampshire event, it is automatically pulled into EastHampshire.org, and the same happens in reverse. This stream of events is fed directly into the interactive map, allowing the content to stay fresh, relevant and up-to-date.

Other mapping projects we’ve worked on

We like mapping projects. Here are a few others:

• Talking America, where we charted a BBC bus tour across America, as it gathered on-the-streets opinions in the run-up to this year’s momentous US Elections.
• Bangladesh River Journey for BBC World Service, where we created a map to track the journalists as they investigated how climate change has a direct effect on people’s lives throughout Bangladesh.
• Location-Based Services, an article for Opera about the use of mapping and geographical tools on the web.

So, if you had a map, what would you put on it?