Attached is the sketch of the Application. Let me explain how it works:
- We starting on page where the user will have just to click a button to move forward. There is a slideshow in the sketch but this is not part of the project, as we will handle it in the CSS work.
- On the following step, we want the user to like the brand page. This will be done by pressing the "like" button. Once the "like" button is pressed, Facebook will request sign-up of user (following sketch page) to do so. In order to reassure use that it is safe, we will have a Facebook logout button on the same page (as this is a public iPad), so that users can logout immediately after liking the page. At this stage, users may decide not to like the page, in which case they can press a skip button to move to the last page of the sketch.
- Once they like and logout, then can move next to a page where there is a sign-up form (which is not part of this project scope as we will use form in wufoo.com)... so this will be just an empty <div>, and the "done" button (returning to first page), and "later" button, (which takes of the last page of the sketch).
- The last page of the sketch is a simple form where use enter name and email address, and then an automatic email is sent to him to remind him to go to the Facebook page to like and participate in the event (in case he refuse to do it in the ground activity for privacy reasons). Here we can also do it with wufoo.com, but I would like to do it internally only if there is a way to verify automatically if the email we are sending is bouncing and show immediately a flag so that user correct the email (we have lots of problems of people making mistakes on their email addresses). "Done" makes App move again to first page (even if form is not filled).