Hello Piwigo Community,
Currently (Piwigo 2.0) we have an "old style" form to add/set tags on a photo. I mean we have a long list of checkboxes with existing tags. Tags have to be created on the Administration>Pictures>Tags screen.
I think we can do much better. Now that we've started to integrate jQuery widgets in Piwigo administration, I've searched for what could save us this time :-) I think I've found 2 interesting projects:
1. FCBKcomplete for presentation, the demo is here. Focus your attention on the "Second Control" input field. I find it just impressive. You can all manage with mouse and/or keyboard. You don't have to wonder about delimiter character.
2. jQuery Tag Suggestion (inspired from Delicious), with a demo. I also find it nice, but I step behind FCBKcomplete.
What's your opinion about this? Do you have other suggestions to improve ergonomy on "add tags to photo" feature?
Offline
Good idea, and visually I prefer the FCBKcomplete method :
- gives an easy method to delete a tag from the list
- the input is auto-resized, allowing to see the entire tag selection
But if it's possible to display the entire tag list without any filter (shift key, right-click, or other method) it will be a good thing too, because if I can see all the tags I can tell "Hey, I didn't think about this one".
Offline
grum wrote:
Good idea, and visually I prefer the FCBKcomplete method :
- gives an easy method to delete a tag from the list
- the input is auto-resized, allowing to see the entire tag selection
But if it's possible to display the entire tag list without any filter (shift key, right-click, or other method) it will be a good thing too, because if I can see all the tags I can tell "Hey, I didn't think about this one".
the entire tag list without any filter (shift key, right-click...
+1
FCBKcomplete
:-?
"Focus your attention on the "Second Control" input field."
How many click you have to do to keep one tag?
:-/
jQuery
Enter your tags (Ajax based)
Combined with a "Checkboxes list hide/display" in jQuery we can do. Maybe?
+1
Offline
- UI : FCBK is nicer
- FCBK allows to work with tag ids in adition to captions (jQuery Tag Suggestion does not)
- FCBK allows new tag creation, the other not
--> I'm for FCBK.
Offline
grum wrote:
Good idea, and visually I prefer the FCBKcomplete method :
+1
Offline
VDigital wrote:
FCBKcomplete
:-?
"Focus your attention on the "Second Control" input field."
How many click you have to do to keep one tag?
:-/
What do you mean?
If you mean "how to remove tag #2 and tag #3", the answer is : either you type backspace in the field, or you click on the cross in each tag you don't want.
Offline
I think we can use a combinaison of the two systems
- FCBK to display the tags of a picture (or a group of pictures) and give the possibility to delete some
- jQuery Tag Suggestion to display existent tags when we want to assign one to a picture
Here is my vision of the tag system :
- during the upload we can assign some tags to all the pictures uploaded (using jQuery Tag Suggestion)
- for a picture we use FCBK and jQuery Tag Suggestion as described above
- for a group of pictures (in the Caddie or in a Category or the Recent Pictures section) we can add tags to all the pictures and the system also display all the tags assigned to this group (in grey for those who are not assigned to all the pictures, are you following me ? :p ) and delete some
- in the tag section we can clic onto a tag, adding all correspondents pictures in the caddie ; and delete a tag for all the pictures
(sorry for my bad syntax)
Offline
rvelices wrote:
- UI : FCBK is nicer
- FCBK allows to work with tag ids in adition to captions (jQuery Tag Suggestion does not)
- FCBK allows new tag creation, the other not
--> I'm for FCBK.
+1
+ a list to show all tags
Offline
By looking more closely, it seems that none is ready to be used by us in an "optimized manner".
Unfortunately
- we cannot give FCBK directly a javascript object with all the available tags. I'm thinking to the caddie admin page in unit mode where we have N pictures and we have to pick from the same list
- we cannot tell FCBK not to create a new tag (by typing any text and pressing enter). I'm thinking at the search page on the public side
- I tried to play with it locally on an html page and some display bugs appeared when I changed the available tag list...
Offline
rvelices wrote:
- we cannot give FCBK directly a javascript object with all the available tags. I'm thinking to the caddie admin page in unit mode where we have N pictures and we have to pick from the same list
Do you mean that we can't use a single js object many times in the same page? or do you mean we just can't have several fckb js object on the same page?
rvelices wrote:
- we cannot tell FCBK not to create a new tag (by typing any text and pressing enter). I'm thinking at the search page on the public side
That's a minor issue in my opinion (compared to the potential improvement)
rvelices wrote:
- I tried to play with it locally on an html page and some display bugs appeared when I changed the available tag list...
That's a problem. Can you give more details about the changes you made in the list? Did you add tags with accented characters?
Offline
Hi all !
I'm for FCBK too. Much intuitive to use. But that's for search page. Could we use the same in administrator's tag management ?
Offline
For me, the screenshot seems to be in the admin part (to affect properties to one picture)
If the tag system is modified, it have to be modified everywhere.
Offline
While searching for jQuery plugins, I've found this one : AutoSuggest by Drew Wilson
It works nice, even with 2 fields on the same page using the same tag list.
No problem with UTF-8.
I haven't checked yet for creating a new tag on the fly.
Offline
I've tested the FCBK plugin (version 2.6.1) and I must say it's better than autoSuggest I tested yesterday.
1) I can add several new tags
2) I can click on the Tab keystroke and it goes to the next form field
Offline
I've tested how WordPress 2.9.2 was managing the "add tags to your post", and I must say: that's impressive. Let's describe.
Here we start. Nothing yet. Let's enter "first tag":
Then I press Enter.
The "first tag" is added (but not saved) and the textfield is emptied. Then I enter "er" in the textfield.
WordPress suggests me a list of tags. With the down arrow on my keyboard, I choose "Erwann" and press Enter.
"Erwann" was added next to "first tag" (nothing saved for the moment). Then I decide to remove "first tag". I click on the (x) on the left of the tag name.
"first tag" was removed.
Then I click on the "Choose from the most used tags..."
and I click on "Loïc".
"Loïc" was added (nothing saved in the database yet).
Now, I decide to add several tags at once. I enter "other tag, another one"...
... and click on the "Add" button.
The 2 new tags were added.
To save, I have to click on the "Update post" button. If you forget to "Update", you lost your tags (additions are removals).
We have discussed with nicolas to compare with Dotclear behavior. In Dotclear there are several noticeable differences:
1) each time you click on the "Ok" button, the tags are added and saved
2) when you click on a tag in the list of existing tags, it is added in the textfield, not in the "added tags" box (that means you have to perform another click to add the tag)
3) when you click on the (x) button, the tag is removed at database level (no need to "update" the post)
4) no suggest
I prefer WordPress but I think that it may be very confusing to lost your changes if you forget to click on the "Update" button. nicolas says that we can implement WordPress behavior + an obvious message below tags to say "Warning, your changes are not saved yet".
Offline