Jump to content

User:Drecodeam/Notes on my GSoC project

From mediawiki.org

Hi, this is Ankur Anand's (Drecodeam) notes from his Google Summer of Code project [1] on Integrating Flickr and Geolocation in Uplaod Wizard. Here I would be posting my notes regarding the project, updates on my work and my thoughts related to the project. I would love to hear feedback and respond to any question regarding this project.

Flickr Integration[edit]

Providing an interface which allows the user to transfer images from Flickr where the UploadWizard extracts license and metadata from the images, converts the license into a Commons License Template and passes on metadata to the next step to generate corresponding WikiText.


  • User can import images from Flickr.
  • The imported image would be checked for appropriate license information and user notified of the same.
  • Other details, like description, tags and Geolocation would also be fetched using the flickr API.
  • The image would be uploaded on the wiki and the owner of the image would get a comment or a mail regarding the use of his/her image on the respective wiki.

Under The Hood[edit]

The process is explained in the following steps :

  1. User provides the Image URL, Photostream URL or the user profile URL
  2. The Interfaces is updated accordingly to allow user to select the the images to upload. The licenses of the selected images are validated against the allowed licenses.
    1. User is provided with appropriate error messages for the respective files.
  3. The "Deeds" section of the images are pre-filled with the license information obtained from Flickr.
  4. The images are uploaded to the temporary stash.
  5. The owner of the file is informed either through a comment on the image page (if possible) or through Flickrmail.
  • User provides input
The user provides the URL for the image(s) sources.
  • Image URL
  • Photo Stream URL
  • User profile URL
  • Fetch image thumbnails
  • Case 1 : User provided a Single Image URL.
  • No change and progress to the next step
  • Case 2 : User provided a Photostream or User profile URL.
  • User is presented with thumbnails selected from the source, from which the user can select the images to upload.
  • Once the user has selected the images to upload, proceed to the next step.
  • Fetch license information for the selected images
License information for all the images is fetched in the background, while the UI is updated to show the selected images. The license information is pre-filled in the Deeds section of the Upload Wizard.
  • For images which do not have proper licenses, user is provided with the appropriate error message and a link to the License information
  • A progress circle in front of every image is shown to show the process of checking the required information
  • The upload button is activated once the Process is completed.
  • Uploading images
The upload of the images start as per the previous working of the Upload Wizard, and images are added to the temporary stash

Other useful resources[edit]

Improving the Geolocation support[edit]

Some work has already been done in this field by <<enter name here >> <<provide link >>. I would be extending it to provide a map interface to the user for selecting the location of the image and passing it on to the next step.


Under the Hood[edit]

Other Resources[edit]

My thoughts on the Improving the interface[edit]

  • Stronger call to action buttons
  • Using icons as given in the Wikimedia Style Guide
  • Implementing drag and drop support (Bug 9133)
  • Issue Closed, No longer Exists.
  • Support batch editing (Bug 26065 and Bug 35280)
  • Implement backward navigation, and support to re-iterate on the steps and make changes to existing content.
  • RESOLVED now .
  • Improving the user experience of the details form

Use of Puzzly in Upload Wizard[edit]

  • Puzzly has the potential to be a very powerful, user-centric ally.
  • Using Puzzly in error messages and dialogs.
  • Adding Puzzly according to the suggestion in the Design Recommendation in various steps.
  • Some examples already given in the Design Recommendations

Upload Wizard related[edit]