Project: Create a Mobile App a sample wireframe with notes
A sample wireframe with input-process-output notes

Objectives
Create a mobile app plan using PowerPoint slides to show mock-ups of screens, identifying input, process, and output for each screen.

You are going to design a mobile app. Think of something you would like to use or something that fills a need you see among your friends and family. You will create wireframes, visual representations of each screen along with the processes that occur on each screen.

Your app needs to have at least three screens. For each screen, you will "sketch" the screen and identify the input-process-output that occurs on that screen. You will also identify how a screen transfers to another screen. For example, suppose you were designing an app to help students at your school find another student who can tutor them. The welcome screen could look like the one shown here, where the user chooses the subject, times and days available, and then selects the "Find a tutor" button. The note at the bottom explains the processing that occurs on the page. It also identifies how this screen connects to the available tutors screen. One screen may connect to more than one other screen.

Screen Requirements
Each screen should have each of the following. The list shows, in the parentheses, which part of the example meets each requirement.

a title (Welcome Screen)
a sketch of the screen (Notifications table). You can sketch your screens on paper and take a picture of it; you can draw your screens in a drawing application such as Paint
a description of the input-process-output for each screen, which includes how one screen transfers to other screens (the notes at the bottom)
You need at least three screens in your app. The tutor app would have at least three screens: Welcome Screen, Available Tutors, and Scheduled Tutoring Sessions. Your app can have more screens as needed.
Variations
The sample screen shown here is part of a PowerPoint presentation that has a slide for each screen. It uses tables as a simple way to show what the screen looks like. You could also draw your screens by hand and take pictures of your screens. Then add them to a PowerPoint, Word, or similar file. You can include images on your screens as needed.

Reminder
Be sure you remember to describe the input-process-output for each screen and how it connects to other screens. Compare your work to the rubric before you turn it in.
What to Turn In
Your PowerPoint, Word, or other file that has the visual representation of at least three screens, the notes describing the input-process-output that occurs on the screen, and a description of how each screen connects to other screens.