Competition Task Overview

Create a Wordpress plugin which allows an admin to place a responsively designed carousel in a post or page, which displays all the images in a specified Google Drive Folder.

Authentication

The carousel should authenticate to Google as the currently signed in user using a service account (user's Wordpress email address is their Google Apps account). Only user's who have been granted permission to view the images in Google Drive should be able to see them in Wordpress.

This can be implemented by Google OAuth2: https://developers.google.com/accounts/docs/OAuth2 (Request the access to user's google drive account to list and retrieve the images inside it).

Requirements

• Admin should be able to add a carousel to any page or post using a shortcode.
• When adding the carousel, admin should be able to pick a folder from Google Drive in which the images are stored.
• There should be a button added to the Wordpress editor to add the carousel, which will embed the carousel in the post/page and show the picker to select the folder from Google Drive.
• The carousel should find and display all images in the folder.
  • Support .bmp, .jpg, .jpeg, .gif, .png
• The carousel should display the currently selected image, and have a 2 row gallery below of upcoming/previous images.
• Preferred layout example: http://amazingslider.com/examples/jquery-slider-with-multiple-rows-thumbnails/
• You may use any open-source, freely licensed technology for this.
• The gallery should have arrows to paginate (if there are more than 16 images in the folder).
• The image should also have previous and next arrows to select the previous or next image in the set.
• The image should have a counter in the corner in the format “Image <number> of <total count>” e.g. Image 6 of 15.
• The carousel should follow responsive design best practice, and display correctly on mobile devices.

Assumptions

• This plugin will be used in a wordpress mulitisite instance running on App Engine

Testing

Please submit Deployment Guide to set up the environments and Verification Steps to verify the functions.

Wordpress Plugin Development Guideline

http://codex.wordpress.org/Writing_a_Plugin

Final Submission Guidelines

• Plugin Source Code
• Deployment Guide
• Verification Steps