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
[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.
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
[edit]The 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
[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.
Features
[edit]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)
- 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