A mock-up of Web Interface I did for Project SpaceLock - http://spacelock.blogspot.com Do try powerpoint to make your web app mocks, as the project finishes you would realize that there is no difference between the web interface I designed in Powerpoint and the real app... the transition was smooth and it really helped me visualize the app and present a mock to my group within an hour.

1. For more info - Ideamonk.blogspot.com
ideamonk@gmail.com
The front page of the web interface, just shows a
LOGIN, nothing more at all.

2. logout
Activity Report
Links to last 3 intrusions
Some status ->
Uptime : 00:45:30
Live Cam View
Cam : on surveillance / off
Other relevant info
Last login : 2:30 pm 25 Dec 2009
HOME -
•Live Cam View
•Activity Report
•Status of Space Lock

3. logout
Cam Control
Live Cam View
Save as Preset
Load a Preset
• a drop down list of presets
• window
• desktop
Current Status • lab
• cat
start stop
CONTROL –
• Control Cam position
•Start/Stop Intrusion Detection
•Save/Load Preset positions

4. logout
Intrusion Archive (3 events)
Preview Date/Time Control
@ 5:30 PM on 5th December 2009
view
“A man walks into my room” [edit] download
delete
@ 2:30 AM on 12th December 2009
view
“Mr. Shyam’s unexpected return to desk” [edit] download
delete
@ 2:30 AM on 12th December 2009
view
“Mr. Intruder’s another attempt to fool us” download
[edit]
delete
Intrusions –
• View/Sort list of Intrusions
• Add/edit comments
• Download/delete intrusion videos

5. logout
SpaceLock Settings
Features
Intruder Tracking on off
SMS Alerts on off
Configuration
Intruder Lookup Time 20 min
10 min
5 min
200
100
40
Maximum Videos to Archive
Change Password
Current Password
New Password
Verify
Change
Setting –
• Lets user configure SpaceLock for Optimal use

6. logout
SpaceLock Help
Manual & Help topics on SpaceLock.
Helps the user understand the basic working & settings to
make best use of SpaceLock
Help
• On the Spot, Live Help
• Lets user manage and use SpaceLock efficiently

7. logout