Fuisti: Flickr browser/photo aggregater

[jnicora]

Fuisti is a personal project of mine (http://www.seemecreate.com/) created to allow for batch organizing and downloading of public domain Flickr photos.



Fuisti is also another tool that can search the amazingly talented photographers of Flickr. As Fuisti grows, new features and tools will be added.



I wrote this about a year ago and let it sit because I didn't have time to do anything with it. It's currently using 2.1 and I hope to upgrade it soon, I'm loving 3.0 and using it at work to replace my companies legacy application.


You will need to register, but of course it's free and your email addresses are safe with me, I would love to get some feedback as this is obviously just a personal project and needs a lot of work.


http://fuisti.com/


Thanks!

[jnicora]

Also, this is my first post under this nick because I'm with a new company, I also used the user name nicora, just fyi =)

[Animal]

Very good work.

Did you see my Flickr browser UX in the UX folder?

There's one nice feature you might use where it calculates how many thumbnails fit in the DataView's area, and cuts down the page size so that you don't get a scrollbar, but a seamless paging experience. Just makes it a bit more convenient.

Also, I added a context menu for photos which allowed you to go to the source photoset if you liked the look of a particular pictures.

Does dragging the thumbnails do anything? I couldn't drop them anywhere.

[jnicora]

I haven't seen it, but based on the great suggestions you have, I'd love to. I looked here: http://extjs-ux.org/ext-docs/ but couldn't find it, you have a link per chance?

I especially like the seamless paging idea and will def use it.

Here is the basic work flow:

- search for photos
- drag the photos you like into the left panel (Queue Manager)
- the tricky thing here is that you cannot drag photos with a red line under them because of Flickr license restrictions, this is not obviously intuitive and I need to use an alert dialog or similar to notify the user of this.
- once you have some photos in the queue manager, you can save them there for later use by clicking the save icon.
- now that the item are saved, you can start the queue clicking the start queue icon. The queue goes out to flickr and grabs the original size of the photos selected.
- once the queue has finished running, you can now archive them. Click the archive finished items icon and give it a name, this will place all the queued items into an archive (zip file).
- switch to the console tab and you can now download the archive

Work flow needs a little fine tuning and suggestions are welcome.

[Animal]

Here's the thread: http://extjs.com/forum/showthread.php?t=18653

There's some overrides in there which are no longer needed in Ext 3.0

But the key to page sizing is creating a hidden thumbnail item with the same structure and classes you use in your tpl. My version is:



// Create a hidden thumbnail item to calculate the page size
var s = Ext.getBody().createChild({
cls: 'flickr-dataview x-hide-offsets', cn: {
cls: 'flickr-item'
}
});
this.pageSizer = s.child('');


Then use it to calculate how many thumbnails will fit in your viewable area. I have:



getPageSize: function() {
var itemSize = this.pageSizer.getSize();
itemSize.height += this.pageSizer.getMargins("tb");
itemSize.width += this.pageSizer.getMargins("lr");
var viewSize = this.body.getSize(true);
var across = Math.floor(viewSize.width / itemSize.width);
var down = Math.floor(viewSize.height / itemSize.height);
return across * down;
},


I just divide the DataView's dimensions by the hidden thumbnail 's dimensions, pretty basic.

[Animal]

Ah, I see the little underline.

If they are not draggable, you should not be able to drag them at all.

[jnicora]

Ah, I see the little underline.

If they are not draggable, you should not be able to drag them at all.

Yeah, that's the best way to approach it. You can also filter out licensed photos in the search toolbar.

[aconran]

Nice work. Neat idea.

Once the workflow gets a little more streamlined I can see this as a very useful tool. At this point you kind of have to know or learn where to go for each next step. For example, after archiving I expected to get a prompt to download but I had to go to the console instead.