Sony Arouje

a programmer's log

iTraveller–A photo uploader for Flickr and Facebook

with 5 comments

 

Download iTraveller

Today I released my new version of iTraveller. I was working on this version for last 2 weeks, it’s a complete rewrite of old iTraveller, with several added usability features. Now iTraveller can upload photos to Facebook as well.

What is iTraveller

iTraveller is a desktop application to organize your photos and upload them to Flickr and Facebook. iTraveller ease the organizing of photos. We can mark which photos should go to Flickr or Facebook and add to appropriate set/album in offline. Once you decide to upload, click the Synchronize button leave the rest to iTraveller. While iTraveller synching with Flickr/Facebook, you go for a walk or grab a cup of coffee or you can continue creating your local category or adding more photos to Flickr Set/Facebook Album. Another useful feature of iTraveller is, you can see the photo comments posted by other users in offline mode.

I used Calburn micro to separate my View and View Model. Also I extensively used Async CTP to make a very responsive UI. I will give more details of my architecture in a different post.

Technologies used

  1. WPF
  2. Caliburn Micro
  3. Async CTP
  4. MEF
  5. Facebook SDK
  6. Flickr SDK
  7. Reactive Extension (Rx)
  8. Lucene .NET
  9. db4o

 

Let’s see some screen shots of iTraveller

Home Screen

home

First step in using iTraveller is creating a Local set. You can create a local set by dragging and dropping your photos from Windows explorer to the Local Set box at the left top pane. When you drag and drop photos to Local Set pane, it will ask whether you need to create a new set or add to an existing category. You can see the photos inside a category by clicking on category and all the photos inside the category will show in the bottom pane of the application.

Humans are prone to errors, if you accidentally create any Local Set, don’t worry select the Local Category and just press delete key in your keyboard, you are done. The local set is deleted (only from iTraveller). In some scenarios you may need to delete only couple of photos from a local set. You can do that as well, select the photo from the thumbnail view and press delete key in your keyboard.

Mark for Flickr Uploading

You need to authorize iTraveller to connect to Flickr. Clicking on the synchronize button for the first time will popup a dialog box and follow the step to authorize it. After the authorization iTraveller will download the Flickr sets from Flickr.

Now let’s see how we can upload photo(s) to Flickr. Select a Flickr set in the right hand side of the application. Click on the Flickr set you want to upload your photo. It will open a tab as shown below.

FlickrUploadBasket

Drag the required photo from the thumbnail to the Queue box and drop it. You also can give the Title and Description for the photo. By default visible to public is unchecked, if you want your photo to be visible to public then check the ‘Is Visible to Public’. You can put as many photo to queue. Once you are connected to internet, click the synchronize button just below the Flickr set to upload it to Flickr.

Mark for Facebook Uploading

You can upload the photo to Facebook just like the way we did for Flickr, instead of Flickr set you should select a Facebook Album on the right hand side. First time synching with Facebook needs your authorization. After you allow iTraveller to communicate with Facebook account, it will download all your Facebook Albums. iTraveller will take some time to get the photo albums from Facebook.

FacebookUploadBasker

Once the synchronization is over and iTraveller got any new comments from Facebook or Flickr then it will open an Updates tab for you, so that you wont miss any updates.

 

You can provide different title and description for Facebook and Flickr Photos. These text is also searchable.

Create Flickr Set Through iTraveller

You can also create Flickr Set through iTraveller. Click on the ‘+’ icon, just above the Flickr Set Thumbnails. iTraveller will popup a window to enter new Flickr Set and Set description, click save once you done. While synchronizing with Flickr, the set will get created in Flickr. To create a Flickr Set successfully, at least one photo should be their in the upload queue of the newly created Set. The thumbnail of the newly created Set will be displayed only after the synchronization.

Search

iTraveller have built in searching feature. It enables the user to search for photos that satisfy the search text. The search will only look for photos added to iTraveller. User can search for the photo name, Title, Description, Flickr Title, Flickr Description, Facebook Description and Photo Comments. Enter the Search Text at the text box located at the top right corner of the application.

As a photographer you will have a lot of photos in your hardisk. Always our big problem is how to find a photo with some attributes. iTraveller can help you out, you can add a title and description and just save it. When ever you want to find it just enter the search text and click search. Another reason for search is, you may wanted to find the photos that got comments from your friends (either from Facebook or Flickr), let’s say Kevin or Sony. Go ahead and enter Kevin;Sony in the search text and hit Search button. iTraveller will give you the list of photos commented by Kevin or Sony.

SearchResult

You can see the preview of the Searched photo by double clicking on the thumbnail.

Comments

In the preview if any photo have any comments then a View comments button will shown in the preview tab as shown below.

CommentButton

Clicking on the comments button will open a new comment tab as shown below. You can leave this tab open and the comments will get changed when you navigate from one photo to another through the thumbnail.

CommentView

Preview Tab

Preview tab will display the image in preview mode. Below the preview image, you can see below buttons

image

Fullscreen-64

Clicking on the button will show the photo in Full screen. The background of Full screen mode is 18% gray. 

user-comments-icon

View Comments button, this button will be visible only if the preview photo have any comments.

thumbnail

By default the Local Set thumbnail is randomly picked. Any time you can change the thumbnail image of a Local set. Select the category and select the desired photo from the thumbnail. In the preview tab click on this button. Done… your Local set thumbnail is changed instantly.

notes-edit-icon

Note button opens a small popup and you can add a Title and Description to your photo.

 

More feature will get added in next release, but needs motivation. Use my iTraveller and Motivate me Smile.

Upgrade to New Versions

In coming days I will release iTraveller with bug fixes and new enhancements.

If you have already installed iTraveller 2.0, then you can upgrade to latest version. Please take a backup of the following files and folders before you update to new version, it will help you keep your data safe. In case of any issue after the update like not showing your Local set or any thing, you always can put the backuped up files back to the iTraveller folder.

You can find the the below files/folders here ‘Program Files\iTraveller\iTraveller’

Files/Folders to Backup

  1. ITravellerData.data  (File)
  2. FacebookThumbnails  (Folder)
  3. FlickrThumbnails  (Folder)
  4. SearchIndex  (Folder)

 

Download

I uploaded the application here. Install it and let me know your feed back.

Advertisements

Written by Sony Arouje

February 13, 2011 at 10:53 pm

5 Responses

Subscribe to comments with RSS.

  1. […] This post was mentioned on Twitter by Rob Eisenberg and Marco Amendola, Sony Arouje. Sony Arouje said: iTraveller–A photo uploader for Flickr and Facebook http://wp.me/p12zd9-2x […]

  2. […] decided to use Lucene.Net to implement Search functionality in iTraveller. But the main design constrain was how to implement the indexing process without affecting the […]

  3. great blog a good read will search for more blogs like this

    Minh Marrison

    March 16, 2011 at 7:01 pm

  4. It’s perfect time to make some plans for the future and it is time to be happy. I’ve read this post and if I could I wish to suggest you some interesting things or advice. Maybe you could write next articles referring to this article. I want to read even more things about it!

    ganar dinero

    March 17, 2011 at 8:14 am

  5. […] Most of my pet projects wont even see the light, but all of those are high learning curve for me. I learned WPF through a pet called iTraveller. Three years later I scrapped that project and developed in MVVM using Caliburn Micro with a new architecture. It helped me to learn a lot other frameworks, you can see the details of iTraveller here. […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: