Cross post: project outline and UI design for an AJAX powered image gallery

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
Anonymous's picture

I just posted my outline and UI design for a new image gallery module to Drupal on the Raincity Studios blog. It uses CCK, imagefield, and imagecache, and has both galleries and images as nodes.

I'm looking for feedback on the idea, and to see if people are interested in having this built, either through a reverse bounty or some other method.

UPDATE:

some projects following this slides are now existing, see here :
http://groups.drupal.org/node/11750#comment-63228

And I posted a simple method to get ajax galleries using views2, cck and imagefield here:
http://raincitystudios.com/blogs-and-pods/hubert/a-simple-ajax-image-gal...

Comments

Have you got any idea how

Gerard McGarry's picture

Have you got any idea how much work might be involved, considering that a number of contibuted modules are going to provide the core functionality? And will the setup/configuration of this be based on some kind of wizard?

I love the idea of some kind of "out of the box" image functionality for Drupal by the way.

Not a precise idea yet, as

couzinhub's picture

Not a precise idea yet, as we still have to figure out how we will build some functionality. So far, our first estimation would be around 80 hours.
The setup would actually be manually, but beside the design, my job will be to provide a big documentation for this module, using slides and set up a story on drupal.org with all the steps to set up a gallery.

Roughly these steps are :

  • create a cck for the gallery
  • create a cck for the images with an imagefield
  • activate and associate the two cck in the admin section of the module.

The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<

Feed API creates a CCK type

Boris Mann's picture

Feed API creates a CCK type out of the box, so this is something that could also be rolled into the module. By default, it would work out of the box. But, people could administer it to select different CCK types, or extend the existing CCK types.

Next steps are to break down the entire plan into chunks.

e.g. XX hours for building a cross platform mass upload Javascript (or other technology (e.g. Flash) as appropriate)
YY hours for building gallery <--> photo relationship code / database schema

I would leave gallery

Frando's picture

I would leave gallery display to views. In the configuration, you can set up a view to use for gallery display. The gallery module would provide a default view for this, and would embed the selected view on the node/[nid-of-gallery] page. The view would just contain all nodes of the photo nodetype that reference the selected gallery. The gallery module would also provide a nice view style that looks as in your gallery viewing mockups, if there isn't something like this already there. This makes gallery display completely configurable and advanced users can even just create their own view.

So actually, the main thing for the gallery module to do is to provide a good administration/gallery creation UI, including stuff like mass upload.
Oh, in your document you mention that users should be able to simply select a folder on their hard drive and then having automatically uploaded all images - I could be wrong, but I don't think that this is possible without using flash or some other proprietary browser plugin. Alternatives would be allowing to upload a zip file containing all the images, allowing to specify a directory on the web server where the images have been transfered to before, e.g. with ftp, or using something like flash or Java. If there's any other solution: yes please!

I like the idea of using

couzinhub's picture

I like the idea of using views to display the gallery, especially since views 2 allow ajax paging, but my two concerns are the thumbnails and the comments. I wonder if using views is not going to make the thumbnail function more complicated to build, and also, would it be possible to choose between the gallery comments and the image comments ?

I'll talk to Katherine Bailey about this, to see if we are not closing doors by not using views.

About the uploader, the last idea was to use swfupload, so Flash, and if the user does'nt have flash, it would be done using ajax or the standard file uploader of drupal.

The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<

Image Gallery development meeting

aufumy's picture

Let's start discussion on irc
* freenode, #drupal-image,
* Monday 16th June (Vancouver time PT = 10am)

Agenda
* meet other potential contributors
* discuss workflow and features

http://www.timeanddate.com/worldclock/fixedtime.html?month=6&day=16&year...

Your text says 10am, but

Steven Jones's picture

Your text says 10am, but your link goes to 11am. Which is it? :-P

I'll be in the channel from

couzinhub's picture

I'll be in the channel from 10am, just in case :)

The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<

image gallery or image in general?

yhager's picture

I am looking to enhance the upload image functionality, by giving the user tools to manipulate the image in various ways.
Does this fit into the agenda of this meeting?

Also, sorry for being rude, but is there an option to delay the meeting by 1 day? I'll have a hard time making it on June 16th.

Sorry, but I can't make it

couzinhub's picture

Sorry, but I can't make it for tuesday, but I'm sure that we will have more mmeting on this subject, maybe even on wednsday.

The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<

np, thanks. I'll be quietly

yhager's picture

np, thanks.

I'll be quietly logging the channel during the meeting, although not present in person..

I might come in late if you are still around..

Thanks Aufumy !!

couzinhub's picture

Thanks Aufumy !!

Thanks to all the peeps who

couzinhub's picture

Thanks to all the peeps who join the discussion, now it is set to every monday morning at 11am, on * freenode, #drupal-image.

See here for the notes of the meeting :
http://docs.google.com/View?docid=ah8z4pjmvn39_82dx5hb9cw

I will also post here the links to the futur thread about UI or else.

The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<

some questions/thoughts

OpenChimp's picture

I was just reading over the gDoc that you guys posted with the transcript from you meeting. I'm excited to see some great minds working to solve all the issues with images and galleries.

Image order in galleries with nodequeue ...

I don't quite see how nodequeue can be used for specifying the order of photos within a gallery. This would mean that each gallery would have it's own nodequeue. I probably just don't have enough experience with nq yet to know how to set that up. My understanding of nq is that you create a queue and specify which node types can be put into the queue. Can it be configured so that a nq is created when an administrator creates a new gallery?

Hmmm ... I just did some more research and it seems that a taxonomy smartqueue could be used to this exact thing as long as galleries were set up to be terms in a taxonomy and not nodes (though there may be an equiv. type of smartqueue for specific node types).

I'm curious how this process will look to the admin. What steps would be involved? What permissions would need to be given to enable the admin to create/manage the galleries. Could it be set up so that the photo is automatically added to the end of the smartqueue when an admin assigns a photo to a gallery(tax.term)? It would be confusing if two steps were required to get the image to show up in the queue. How difficult would it be to customize the queue editing page so that it could include thumbnails of the images that are being sorted. It would suck if users only saw the titles of the photos.

Bulk Upload Questions

Can the swfupload module handle creating the image nodes? Since we want to store each image in it's own node, the bulk uploader will need to be able to create a new node for each image that is uploaded, and assign that image to the imagefield for that node. It should also be able to assign a gallery term to all the images in the upload, so that they are associated with the correct gallery.

Views for Gallery Display

I too vote for leveraging the power of views to display the galleries/slideshows. It ties into many modules including the Views Slideshow which I've heard a lot of good things about and would like play around with more.

Are the irc meetings continuing?

gusaus's picture

Great to see this collaboration on some much needed functionality. Are the irc meetings continuing on a weekly basis? What would be some other ways for people to help with this project?

Although this isn't Drupal, this set of demos provides some good examples for features/functionality (and a possible Drupal install profile).
http://livebooks.com/packages/demos/

Gus Austin
PepperAlley Productions

Gus Austin

Very nice demonstration

couzinhub's picture

Very nice demonstration indeed, we should really think about all these features when creating the UI. I really like how you can not only create galleries quickly, but also create several galleries at once, and how it's a real image manager.

The discussions are still going on, every monday morning at 11am (vancouver time). tomorow (monday 30th june) we are going to have some new peeps participating to the discussion :

Ronan Berder alias hunvreus, who has already worked on some image module, including the very promising Image Annotate, who has started top work on an image gallery module using swfupload :)
http://drupal.org/project/image_annotate

Kris Vanderwater alias EclipseGc : The author of Imagefield Gallery, who is in the process of finishing Imagefield Gallery version 2.0 for drupal 5, and have some great projects for the version 3.0 on drupal 6.
http://drupal.org/project/imagefield_gallery

Everyone is welcome to join us :) !

Oops, missed this Monday

hunvreus's picture

Oops, missed this Monday session. Given the 15 hours of time difference and a persistent jet-lagged due to a recent trip to France. I will get in touch with Hubert and Audrey to know what I missed and will make sure to be present at the next sessions.

I already have a couple of things ready and will enjoy sharing my ideas with you.

--
Wiredcraft (http://wiredcraft.com) - Building Web and mobile solutions using Open Source technologies.

Status?

DamienMcKenna's picture

Out of interest, what's the status on this? I'm quite interested.

I cranked out a custom AJAX-drive (with standard link failover incase the JS fails or the browser disables JS) gallery based on a node with a set of node references to the actual images, which then uses a bunch of functions in a module to display the gallery & AJAX functionality. A major problem was the loading the comments, or more specifically, returning to the gallery when the visitor submits a comment, which also caused problems with the Mollom module, but I finally got it working kinda OK. It definitely would need a lot of improvement before I'd consider asking management if I could released it, maybe when we migrate from d5 to d6 I'll get a chance to clean it up.

There is two different projects

couzinhub's picture

Two projects appeared few weeks after this slide was posted. They both are inspired from this slide, but both developped in different directions. First of all, there is the Node Gallery module :
http://drupal.org/project/node_gallery
The Node Gallery module uses the system of node and admin settings I described in the slide. It is the most flexible gallery system I'm aware off on drupal, and it does the comment trick you're aiming for I think. However, this module doesn't have a lot of user interface development, and no multi-upload implementation yet. It is also not supporting VIEWS. I'm trying to get the maintainer of this module some help, but I haven't been very lucky so far. This module is only for d6

The other project is PROG gallery :
http://drupal.org/project/prog_gallery
The prog gallery is more keen on getting the UI working exactly like on the slides. It works really well, and has the multi-upload working (swfupload). The downsides of this module are that it's only on d5 for now, and it uses the image module, against imagefield for the Node Gallery module. I tried to get these two modules merged but am not sure that we can get both developpers working toogether.

I would be very interested to test your module if you're ok with that. wilson98 needs some help for Node Gallery, so maybe you could join this project with your news ideas :)

Drupal Dojo to compare, contrast, and collaborate

gusaus's picture

Good to see some fresh discussion here. Looks like there's been some promising development over the past few months.

For those not aware, there is an ongoing media sprint in which some of the desired features/functionality is already being worked out. There is also an effort to leverage the Drupal Dojo to promote these efforts and 'virtually' collaborate.

It would be great to put a session or two together in which we can compare and contrast the various options and collaborate on common solutions. I'd definitely be into helping facilitate.

Gus Austin
PepperAlley Productions

Gus Austin

removing myself from the implementation details

Noyz's picture

I love this idea. I hope we can figure it out. It feels nice and simple. While I understand the notion to leverage existing features like views, relying on views to do this creates added complexity.

Great idea!

Salvina's picture

It really sounds great! I'm not a coder also, but I hope you will be able to apply your idea into practice. In the meanwhile, I use picassa for my images gallery, but I find it too poor.

Sally,
Professional Web Design Company

Image

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week