<table cellspacing="14">\
<tr>\
<td style="vertical-align:top;"><h3>This Picture App</h3>
This app is a game for several people or groups of people to share photos and guess what those photos are.
You start off by creating a class with anywhere between one and ten groups. People join a group and then start sharing pictures.
This pictures can be based on a topic that you decide, or maybe what a teacher is teaching that week. Once you have joined, click on "Take a Picture" to add a picture to your group roll.
See the other pictures your group has taken by clicking on "View Pictures". Add your guess by commenting on the picture.
<table cellpadding="0" cellspacing="2" border="0" width="500px">\
<tr>\
<td class="supportButton" width="50%">[[Start Screen]]</td>\
</tr>\
</table><td><img src="index.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">This is the first screen that all users will see. From this screen, users can choose to start a class or to join a class that already exists.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Start a Class]]</td>\
<td class="supportButton">[[Join a Class]]</td>\
</tr>\
</table><td><img src="index.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">On this screen, teachers would name their class and designate the number of groups within that class.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Continue...|Front]]</td>\
</tr>\
</table><td><img src="start.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">On this screen, students would choose which class and group to join.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Continue...|Front]]</td>\
</tr>\
</table><td><img src="join.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">This is the main screen for users once they have started or joined a class and a group. Students can choose to take a picture to share with their group, or look at the pictures that have been shared to see if they can guess how each image relates to today's lesson.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Take a Picture]]</td>\
<td class="supportButton">[[View Pictures]]</td>\
</tr>\
</table><td><img src="front.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">This optional will access the cameras picture to take a picture of something related to the day's lesson.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Back to the Main Screen|Front]]</td>\
</tr>\
</table><td><img src="camera.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">This is the area where students can scroll through an updated feed of the pictures other students have taken (newest ones on top). They can comment on each one to guess how it relates to today's lesson. Their comments are hidden until the next day, when they reveal who was able to guess each picture correctly.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Comment]]</td>\
</tr>\
</table><td><img src="stream.jpg" height="1200px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">Commenting on any picture pulls up a simple comment section.
<table cellpadding="0" cellspacing="2" border="0">\
<tr>\
<td class="supportButton">[[Stream Completed]]</td>\
</tr>\
</table><td><img src="comment.jpg" height="700px" border="0" /></td>\
</tr>\
</table><table cellspacing="14">\
<tr>\
<td style="vertical-align:top;">Once a student has commented on all pictures, they will have to wait until more students take pictures, or the comments are closed and the correct answers are revealed. Students will have to go to their comments and choose which ones are correct.
<td><img src="stream2.jpg" height="1200px" border="0" /></td>\
</tr>\
</table>