• Add image

  last modified December 7, 2007 by missmoun

Add an image

link from main interfaces open plans.

Reference map: http://www.openplans.org/projects/opencore/add-picture/picture-27.png 

Add an image

Starting point: 3 possible path:

  • Path 1: Insert multiple pictures at once.
  • Path 2: Insert one picture.
  • Path 3: Insert a picture from my picture library

 ////////////////////////////////////////////////////////////////////////////////////////////////////////////

PATH #1:

Window 1 opens when user hits the "add image" from the Xinha! tool bar.  


insert_image_step1.jpg

User clicks the Browse button which opens the standard browser window to the user's files (should we, can we customize this window). The user selects an image.  

 

insert_image_step2a.0.jpg

User clicks [=] add another image. 

insert_image_step3a.jpg

again

 

insert_image_step4a.jpg

at any point, the user can chose to remove a previously entered image, to manually edit the path to the previously selected image OR ht the upload button.

User clicks the Upload button:

insert_image_step5a.jpg

Animate the "..." of the upload information. Once an image has been uploaded, replace the uploading message with a checkmark to indicate successful upload.  

Once the images have been uploaded, their thumbnail appears. At this point, the user could choose to select yet another image to upload (if problem could be removed). 

 insert_image_step6a.1.jpg

If an image is selected, the options to modify its properties appears. If not, these fields are greyed out.

 

insert_image_step7a.0.jpg

 "Insert all" drops all the images on the wiki page.
 

////////////////////////////////////////////////////////////////////////////////////////////////////////////

 

PATH #2:

User only uploads a single image. Hits upload right after hiting browse. Do we need the browse button again here? If i got the right one?  Or use the modify button (see 3B)


insert_image_step2a.0.jpg

User hits the upload button. Uploading animation could appear in same location as it does whit the adding multiple images scenario above.

 

insert_image_step3b.0.jpg

insert_image_step4b.jpg

 

 

insert_image_step5b.jpg

 

////////////////////////////////////////////////////////////////////////////////////////////////////////////

 

 PATH #3: 

User accesses their "image manager" also called "saved pictures", "picture library" --we need to decide. 

insert_image_step1.jpg

 

A list similar to the current images in this project only (for now) appears and the users can select one image at a the time to insert.

It is very important that this window be optimized and runs faster than it currently does in Xinha!. 

insert_image_step2b.jpg

 

thanks