User:Drecodeam/Notes on my GSoC project
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
editProviding 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.
Features
edit- 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
editThe process is explained in the following steps :
- User provides the Image URL, Photostream URL or the user profile URL
- 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.
- User is provided with appropriate error messages for the respective files.
- The "Deeds" section of the images are pre-filled with the license information obtained from Flickr.
- The images are uploaded to the temporary stash.
- 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.
- 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
editImproving the Geolocation support
editSome 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.
Features
editUnder the Hood
editOther 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)
- Work on this is being done here : https://gerrit.wikimedia.org/r/#/c/3808/.
- Using HTML5 File API (Bug 16752)
- 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.
- Bug 29594
- Bug 26504
- Bug 24760 - Browser Back support can now be implemented using HTML5 History API
- Bug 27423
- https://bugzilla.wikimedia.org/show_bug.cgi?id=27274 Bug 27274]
- Resolved in this patch : https://gerrit.wikimedia.org/r/#/c/7251/
- 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
-
The "Upload" screen, initial visit
-
The "Upload" screen, file upload results
-
Tutorial screen