While I don’t claim to be particularly adept at web design, especially compared to the other two featured individuals (Tim Van Damme and Rogie King), my use of Ajax to display a status indicator was highlighted.

Since that time, I’ve had numerous people inquire as to how I added this functionality to my website. In response, I’m supplying the source code that I use. Download: web-presence.zip

Each of the instant messaging networks I have an account on (AIM, Google Talk, Windows Live, Skype, and Yahoo!) have some form of API or web-based badge which can be queried using HTTP. On my server, I am running PHP code which issues requests to the particular service and translates the response into a JSON object. When my page loads, Ajax requests are made to retrieve these JSON objects. Based on presence, the image is updated to reflect whether I am available or away.

For those interested in implementing similar functionality, this code should get you off the ground. Remember to use the required credentials or keys for your account. I’ve made notes where insertions are necessary. Good luck!

His mashup demonstrates the power of simple APIs and data formats. It combines RSS 2.0, a specification he developed, with the Twitter API. I’ve recently done something similar, so I thought I’d provide some details on the process.

Configure Upload by Email

Flickr allows you to upload by email. They provide you with a unique address, and any photos sent to that address will be published into your Flickr account.

This address should be added to your phone’s address book, as I’ve done with my BlackBerry Pearl. When you snap a picture using the phone’s camera, an option is available to send as email. Select Flickr from the address book, hit send, and the photo is on its way to the web.

Tag the Uploaded Photos

Flickr also gives you the option of automatically applying tags to the photos you send as email. You can tag them however you desire, “mobilephone” or “iphone” for example. I’ve decided to use the machine tag “flickr:agent=email” to indicate the photos I upload via email.

Machine tags are simple way to facilitate machine processing of tag-based data. They are useful in a wide variety of contexts, and I really wish more services would implement support for them. Since I am using this tag as a filter for a photo feed, using a machine tag is a natural fit.

Also, Flickr’s designers refined a nice user interface with regard to machine tags. They are hidden underneath an expandable view, so they don’t clutter up the space of normal tags. The effect can be seen on a recent photograph.

Generate the RSS Feed

A public photos feed can be generated based on certain criteria. In my case, I’ve chosen to generate a feed of just my photos tagged “flickr:agent=email” in RSS 2.0 format. In accordance with the documentation, the feed uses the following options:

id = 39636626@N00
tags = flickr:agent=email
format = rss_200


Process the Data

Once you’ve retrieved the RSS feed of photos, it can be parsed and processed by your application. Dave chose to send a Twitter message, complete with a link to the photo.

I’ve done something different, however. I translate the RSS feed into a JSON-formatted structure. This resource is fetched using an Ajax request and rendered as a widget on the main page of this site.

What you choose to do is entirely up to you. As a starting point, the PHP code I use is available in this file: flickr-rss-to-json.zip. It will certainly need modification to suit your purposes, but feel free to play around. Let me know in the comments what you create!