Using Flickr for Photo Proofing
Posted on in Webdev .

Using Flickr for Photo Proofing

I’ve searched the mighty interwebs but could not find anyone who has made something like this (using Flickr’s API) before. Yes there are a ton of proofing softwares out there, but I wanted to make something that can be used for free and makes use of Flickr’s great API. So here goes.

The Monsoon

I was relaxing in the cab on my way home from work, watching the rain drops hit the window while we crawled through traffic and then it suddenly hit me! Why not use Flickr to do photo proofing? Okay, maybe somewhere in Flickr’s terms and conditions there may be a clause stating that you cannot use Flickr’s API for commercial purposes. But lets face the truth, I’ve not read the whole T&C document and I signed up for using their API nevertheless. Why? Because it is awesome! Flickr folks, if you ever land up here please don’t sue me.

I’ve made a post before on how you can easily display public photos from a Flickr set onto your website without having to keep copying the embedding code for each and every photo. So please hit that link up and give it a try.

Okay, back to this post. After having shot a lot of weddings over the past few years, the most tedious task was getting the proofing of photos done. I would upload them on Picasa Web/Google+ and ask them to ‘Like’ the ones they want and leave comments if required. Now all this was great, but then I never really explored the Picasa Web Albums API and I prefer Flickr’s API. Also, once the clients were done selecting, I would need to keep track of which photographs were liked and which were not. Which was crazy in itself and not the best workflow I guess.

Also Google+’s spam filters suddenly decided that the same user hitting +1 in an album of some 500 or so photographs is suspicious and hence would drop +1’s of certain photographs. I’ve not noticed a pattern but I’ve had a lot of clients complain that their +1’s (and comments) have disappeared. Which made me rethink the whole proofing workflow.

Flickr to the rescue! The who new display of photos in a set on Flickr now is just brilliant!

Proofing Click here to view a larger version of this screenshot.

This new interface allows you to star/favorite and comment on photographs without even having to open the photo in a new page. Which I think is really great as the client can compare photos without have to cycle between tabs/windows. All these actions are available on the bottom right corner of each photograph.

Now you may be wondering, what happens once the clients are done selecting the photos. Wouldn’t one have to go through the whole set again checking which photos have been starred and which ones have not? Well yes, that would be the case if you open up the set in Flickr. But here is where I plan to make a nice custom interface where you and you client can view the selected photos along with comments that might have been left. Flickr’s API will make this possible as getting images photos from a set are easy. All I’ll need to do is check which ones have been starred and display them accordingly. Which would save everyone a lot of trouble.

Two solutions are possible here, use the API and build a custom interface where the client can keep track of what’s going on, or use the existing interface that Flickr has for its sets. For now, I’ll stick to the sets as building a custom interface would take a lot of effort. But making the interface for the clients and me/you to view the selected one would be less trouble. I shall work on that now and update this blog post in a few weeks from now. Please leave your ideas/suggestion in the comments. I’m open to feedback.


Screen shot above is from Abigail and Tushar’s wedding in Goa.

Update

Quick update (Mar 22, 2014). I’ve got a page setup here: Fetch starred/favorited photos by a given Flickr user. The script allows you to fetch the photos starred/favorited by a Flickr user.

Since I haven’t set up any authentication right now, you will have to log into your Flickr account and use the flickr.favorites.getList function (screenshot below) to get the JSONP response. Below is a screenshot and instructions on what to do.

Flickr Favorites getList

Here is what you need to take care of.

  1. user_id: use idGettr to find out a user’s id.
  2. per_page: Number of photos that you want to display at a time.
  3. Output: Make sure to select JSONP.
  4. Sign call as YOURSELF with full permissions
  5. Call Method…: Hit this button to see get the response.

Once done, you should see the response in the textarea below. Make sure you get a status saying okay (“stat”: “ok”), which you will notice right at the end of the response. Now just copy the entire thing and paste it here. The photos selected by the user will be displayed for you viewing pleasure.

Things to do.

  • Add authentication
  • Filter/sort photos based on Set
  • Display photo comments

All kind of feedback, requests, etc will be appreciated. Thanks for reading!

If you liked what you just read, share it with your friends, family, dentist, parish priest, bookie and CA.

Comments

Tags

Flickr, Flickr API, Photos, Proofing,