1. Neighborhood Watch
by
Team LookOut (Team #2)
Assignment #4
HCI 430 Thomas Brophy
Prof. Steele Joseph Howerton
1.31.2011 Kevin Meyer
James Schmitz
Joseph Steinkamp
2. 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.
3.
4. 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 screen
to the user.
5. 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.
6. 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 their
profile.
• 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
7. 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 to add a
location 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.
8. 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.
9. 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 activity
details into the system.
10. 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.
11. 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.
12. 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.