I want to create a small / simple medium that works for a content creator and consumer as follows:
Role: Creator 1. The user would log into the site and create a canvas 2. the user would upload images and associate them to the canvas 3. the user would place the images on the canvas 4. the user would write text snippets and associate them to the canvas 5. the user would draw regions on the canvas and associate text snippets to them
Example of use:
Joe uploads photos of the kids and pets on a family trip, tagging everyone with names as they age.
Role: Viewer 1. The user would follow a link to see the canvas within a main frame and smaller side or bottom region for text 2. The viewer would draw the canvas and all used images on top of it 3. The viewer would draw some indication of the regions 4. If the region is clicked the associated text is loaded into the other panel/frame 5. If the mouse wheel is scrolled over the canvas the entire view will zoom in/out (or pinch on mobile/tablet)
Ideally, I would also like to be able to create links between elements.
I have programming experience but not web design so I don't know how to do it the easiest. For example, if I could do it with a small amount of Java script. I want to create something self-contained, preferably from scratch, probably XML to store the content model.
Note that this is not a photo collage website, just a practical metaphor.
Thank you very much.
P.S. This is my first UX stack post. I looked at https://ux.stackexchange.com/help but found no problems with my question …