Bildr – A photo sharing project

Bildr is a prototype application that never received enough funding to become a full blown (internal) Notes template. The idea is to offer a place where teams can share high resolution images.

Bild is  the Swedish word for photo and Bildr refers ofcourse to Flickr.

Another reason why I stopped prototyping the database is that I started looking at XPages and the limitations I experience with pre-XPages development. To shorten it: it takes just too many design elements to build it in the old-fashioned way to be able to offer a Web 2.5 experience. Maybe after a long break I will move the idea behind the application into an XPages based solution.

For now you can download the application and use it as a start for your development project.

What’s in it?

1. Easy import and thumbnailing of images (Notes client)

Open any of the Picture views and select the New Upload button.

bildr01

The idea is that you can upload multiple images at once in a new or an existing category. You can add tags and a description to the to be created document(s). New uploads you may want to appear in the ImageFlow gallery in the startpage and you can enable commenting and read restrictions.

bildr02

When you select the Upload Images action button you can select the pictures you want to upload. The code behind this function is taken from the NSFTools site (I guess). After uploading you can select to include more images or just leave it as it is.

Behind the scenes each picture is included in a Notes document with also a mid-size image and a thumbnail:

bildr03

For the Notes client that is just it. Nothing more exciting here except some gaps in the completeness of the functionality (hey, I was talking about a prototype).

2. Presentation (Browser)

For the way of presenting different elements I guess I was so bold to use Jake Howlet’s DomBlog Template (for search, calendar, commenting, RSS etc.) which was for a long time a learning application for many Domino developer. I guess if you compare the layout with that of LinkedIn you will see some comparison.

bildr05

3. Tagcloud (Browser)

For the Tagcloud I got some help.

bildr04

4. ImageFlow Gallery

bildr06

5. Lightbox

I guess Lightbox alike functions are almost unthinkable when looking at high resolution images so this I also included when clicking on a mid-size or thumbnail image:

bildr07

What is it not?

You can not call this app a production ready application. Some things are not in place (like cleaning up categories and corresponding image documents). However it can be a nice starting point for a mature application. Untill now I experienced little or none errors so please give it a try and send me the end result of you modification.

Steal with pride and improve! (11 MB)

Advertisements

3 thoughts on “Bildr – A photo sharing project

  1. Amit 2009-October-3 / 4:21 pm

    Hi,
    I downloaded the 12 MB file and when tried to open it gave local encryption error. Please remove the local encryption and preferably give default as manager access.

    About the project, it looks nice at first sight however I am more concern about the how slim and efficient it will become at the end.I really want put my hand on it and to make it more functional.

    Hope to get ur new uploded DB. Nice work work anyway and Keep it UP !!!

  2. Patrick Kwinten 2009-October-4 / 10:05 am

    I have removed the encryption settings, sorry for the inconvienence …

    There are ofcourse considerations with the app, especially if encryption is default on your Notes network.

    I decided to use thumbnail, midsize and original size images for each upload to reduce traffic.

    In case you place a lot of images on the slider gallery all the midsize images will beloaded, so taht is also a consideration worth.

    I have not tested the app with a large amount of users, neither on a public site. So yes, test it before you place it in production.

    • Brian 2009-November-5 / 6:09 pm

      It seems to still give the local encryption error? Seems like very nice work.

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