Features/Visual-dictionary
Features
Add photo
- Upload a photo with source description
- Tag the photo by dragging rectangles: an input zone appears.
- Input words for the tags in a language OR search for an existing word and select. In the input zone : select language, write the word, write a description of the word.
Display photos list
Use the navigation system consistent with other site sections. Like we have https://polyglotclub.com/language/french/question, we will now have https://polyglotclub.com/language/french/visual-dictionary
Display one photo page
- When we display a photo, we must select a language first. on the image we only display tags in that language.
1 photo = 1 page
display like showed here: https://www.youtube.com/watch?v=e_jEquJo7y8
To be noticed
- Encourage using images under public licenses
- Each image should have at least 5 initial tags. Examples:
- Multiple writing systems for one language
- Synonyms for a tag
- Hyponym & hypernym e.g. tree and birch
- Frames of the tags may have a bump to be easily clicked on
- Part of speeches (noun, verb, adjective)
- Noun gender
- Text on the picture
Resources
- Display image and tooltips in CSS : https://www.youtube.com/watch?v=e_jEquJo7y8.
- Tag photo (PHP+JQUERY): https://techlister.com/php/simple-photo-tagging-with-php-and-jquery/1176/
Initial chat
I’m thinking of developing a visual dictionary tool, mentioned at https://polyglotclub.com/wiki/Language/Multiple-languages/Culture/Ideas-about-language-learning#Program_of_visual_dictionary_creation. I have got the idea how to do it: https://www.youtube.com/watch?v=e_jEquJo7y8. I guess the Polyglot Club Collaborative Visual Dictionary can be born then.
hi, excellent idea. only CSS is needed to display the tooltip on the image, so that’s easy; in a database can be stored : the image, the coordinates of the tooltip on the image (top, left), the content of the tooltip.
A user interface will have to be developed so that users can easily : upload the image, click and type the tooltip content. On submit, the data is stored in the database.
the harder to do is the user interface : JS language will be needed. the rest is rather simple.
the tooltip content can be translated in any language. this can easily be done using the collaborative tool on the site.
I would say, it is an excellent idea, indeed ;)
for the interface, a image tagging script (as in facebook) can be used, like this example: https://techlister.com/php/simple-photo-tagging-with-php-and-jquery/1176/
Oh, yeah! The selection tool! They are already there!
I guess the images all need metadata about the license. It’s easy to take down an image in wiki and replace with another if the copyright holder send the letter, but the visual dictionary is not the case.
I would not bother about the copyright, but would just add a link to the image author.
Hmm, I guess we can just encourage the users to upload licensed images from sources like https://commons.wikimedia.org/wiki/Special:MyLanguage/Commons:Free_media_resources
yes sure, but the choice will be very limited... I don't know how facebook or pinterest for example allow photos on their website...
OK, I’ll be on that wiki page. It reminds me of the fresh college life.
It has to start very SIMPLE, put something online, then improve gradually. do a Minimum Viable Product (MVO). if we try to develop something very complicated at first, it will be too hard
on the wiki page we can write the final product we want, but we also need to write a step by step thing. start with MVO then complicate gradually