Assignment

Assignment 10
Due: Nov 20^th
20 points

The object of this assignment is for you to layout an app for the iPad using CSS absolute positioning.

Use the iPad to take a minimum of 4 pictures and store them in the default libray
Your app is to allow the user to select 4 images from the PHOTOLIBRARY
Display each picture as a square in a 2 by 2 larger square (total size of 900px by 900px)
In the remaining space of the viewport, nicely style the names of your group members

You may NOT use a table and must position the images using CSS. This is due at the end of class Nov 20th.

iPad notes:

Setup the iPad without a password, do not link it to iTunes
Phonegap desktop cannot be installed on the iPad
Apple requires the purchase of a developer license to install
Using Safari, type in the the IP address as the URL
Note that Phonegap comments its helloWorld default with an alernate meta tag for iPad. Replace the default Content-Security-Policy meta tag with the commented one.
iOS requires some slightly different settings - carefully read pages 106 and 107

Make sure your opts include

		allowEdit : true, 
		destinationType : Camera.DestinationType.FILE_URI,
		sourceType : Camera.PictureSourceType.PHOTOLIBRARY,
		mediaType : Camera.MediaType.PICTURE,

Consider having your success code should use base64 encoding

    function onCaptureSuccess(ImageURI)
    {
	  Image.src = "data:image/;base64," + ImageURI;
    }

Camera Events:

you can put the getPicture call in a loop, but it sets up the getSuccess code once
If you are using ids then dynamically create the ids inside the success function by incrementing a global variable.