Difference between revisions of "Features/Visual-dictionary"
| Line 5: | Line 5: | ||
* Upload a photo with source description | * Upload a photo with source description | ||
* Tag the photo by dragging rectangles: an input zone appears. | * 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. | * Input words for the tags in a language '''OR''' search for an existing word and select. | ||
**select language | |||
**select the topic | |||
**Type the word | |||
**Type word definition (use API, to automatically import the definition of a word from an online dictionary) | |||
===Display photos list=== | ===Display photos list=== | ||
Revision as of 20:30, 21 June 2021
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.
- select language
- select the topic
- Type the word
- Type word definition (use API, to automatically import the definition of a word from an online dictionary)
Display photos list
Photo list url: https://polyglotclub.com/visual-dictionary
List of image thumbnails.
Filter :
- topic
- language
Display one photo page
Url Example : https://polyglotclub.com/visual-dictionary/123/translate-french image 123 : tags are translated in French
1 photo = 1 page
display like showed here: https://www.youtube.com/watch?v=e_jEquJo7y8
when click tag: tooltip appears
To be noticed
- Encourage using images under public licenses https://commons.wikimedia.org/wiki/Commons:Free_media_resources
- 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 one or more bumps to be easily hovered over (more than one in case two frames have very close bumps)
- Part of speeches (noun, verb, adjective (must be objective))
- Noun gender, irregular plural form
- Text on the picture can also be tagged
- Link to Forvo audio or add audio file?
- If there are multiple same objects in a image, only tag the largest clear one; if multiple objects are of the same size, only tag the one closest to the center of the image
- Support AVIF? Not a priority for now
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