neighborhood watch prototype (storyboard narrative)
DESCRIPTION
TRANSCRIPT
![Page 1: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/1.jpg)
Neighborhood Watchby
Team LookOut (Team #2)Assignment #4
HCI 430 Thomas BrophyProf. Steele Joseph Howerton1.31.2011 Kevin Meyer
James SchmitzJoseph Steinkamp
![Page 2: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/2.jpg)
The Neighborhood Watch Mobile Application
Neighborhood Watch is a community awareness app that encourages citizens to "Check In" at trouble spots in their neighborhood. Using the gaming model of apps like Foursquare or Gowalla, users can become “Mayor” of a location and earn participation-based “badges.” The goal is to reduce crimes or minor problems in an area, and generally, make neighbors aware of what's happening in their community.
![Page 3: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/3.jpg)
![Page 4: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/4.jpg)
Homepage Logged Out• The user accesses the Neighbor Watch application platform, and sees the home page in its logged out state.
• User is presented with the options to Log-in to their profile or to Become a Member.
• Other information included on the home page include: Recent check-ins and Top Members
• User clicks on Log in.
• User has the option to Add a Watch Location or View Neighborhood Map. Both will deliver the Log in Pop up screento the user.
![Page 5: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/5.jpg)
Homepage Show Log-in
• User has clicked on Log in, the page grays out as the user is presented with a Pop out to enter their member e-mail and password.
• User provides their member e-mail and password into the Log-in box and clicks Log in.
![Page 6: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/6.jpg)
Homepage Logged-in • User has logged in with their user ID and password, and is directed to the application home page in its Logged in state.
• User has the option to Add a Watch Location or View Neighborhood Map. Both will deliver to the user the Log in Pop up screen.
• The screen will provide the user with their user profile details and the ability to view their Profile, as well as Edit theirprofile.
• Other details include, this users recent check-in activity, the community’s top members, and the most recent check-ins documented by other members of the application’s community.
• User clicks on View Neighborhood Map
![Page 7: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/7.jpg)
Maps First Screen• User “lands” on the map Screen, and is presented with their location thatis “detected” through GPS, and then plotted on a map that includes all neighborhood activity.
• User has the option to add alocation to the neighborhood activity map that is in need of checking, view their profile, and edit their profile.
• User is presented with a detailed list of Places in Need of Checking.
• User clicks on Add Location.
![Page 8: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/8.jpg)
Maps Add Location• User is presented with the Add Location screen, with a textbox to add the location – address or intersection – of a neighborhood trouble spot.• User can also specify the type of crime activity that is occurring, and the type of neighborhood activity that is going on around that location.
• User enters an intersection called Lake and Wabash into the textbox, and further tailors it by clicking on Loitering and Graffiti.
• User clicks on Submit.
• User can also upload a photo or video of the activity, and include the approximate time – start and end – that the crime activity occurred.
![Page 9: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/9.jpg)
Maps Add Location• User is presented with a pop up, with a textbox that is populated with the location of the new neighborhood trouble spot. Other details will include the Crime and Neighborhood activity.
• User reviews the Add Location details, and clicks on Confirm to submit the new crime activitydetails into the system.
![Page 10: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/10.jpg)
Maps First Screen• User “lands” on the map Screen, and is presented with their location that is “detected” through GPS, and then plotted on a map that includes all neighborhood activity.
• User has the option(s) to add a location to the neighborhood activity map that is in need of checking, view their profile, edit their profile, and log out.
• User is presented with a detailed list of Places in Need of Checking.
• User clicks on My Profile.
![Page 11: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/11.jpg)
View My Profile
• User lands on the My Profile details page, and is presented with their user information, their recent neighborhood check ins, and places in need of checking in.
• User is presented with options to Add a Watch Location, View Neighborhood Map, edit their profile, and log out.
• User clicks on Edit Your Profile.
![Page 12: Neighborhood Watch prototype (storyboard narrative)](https://reader033.vdocuments.site/reader033/viewer/2022061122/54698997af795946718b5eb0/html5/thumbnails/12.jpg)
Edit Your Profile
• User “lands” on the Edit Profile screen, and is presented with the details of their account profile information.
• User makes changes to their account data using the text boxes, and clicks on Save.