1. Dongwhan Kim Annie Zhao Steven Lawrance
IE URL Lock
Dongwhan Kim
Annie Zhao
Steven Lawrance

2. Goals Restrict Internet access to filter out unwanted web sites
Sites that are not work-related
Sites that parents disapprove of for their children
Allow information technology administrators and parents to easily configure the filter’s rules

3. Strategy
Extend the Internet Explorer (IE) URL Lock browser helper object
Increase IE URL Lock’s configurability with a new configuration user interface
No knowledge of regular expressions required
Rule editing
Per-user configurations without ActiveDirectory
Expand browser coverage to include Firefox
Optionally permit all web sites while blocking only those that match a block list

4. Project Progress Overview
Finished
Easy interface for home users
Core engine for IE URL Lock
Expert user interface
Configuration native library
In Progress
Configuration reader and writer
Bookmarks and history data sources
User interface integration for IE URL Lock
Core engine for the Firefox version
User interface integration for the Firefox version

5. Process User testing on the paper prototypes
Found problems with the existing design
Tried a couple of new designs
Tested on users to decide what design elements to use
Detailed design and skeleton
Refined the architecture into classes and functions
Created stubs for the functions initially
Enabled parallel development
1. User testing on the paper prototype
Find problems on existing design
Tried a couple of new designs
Tested on users to decide which one we should use
2. Detailed design and skeleton
Refined the architecture into classes and functions
Created stubs for those functions so that UI development could proceed independently of the library’s development. The library included functions to read in user configurations, save them, read bookmarks, read histories, and similar activities
3. Implementation
Using TortoiseSVN to share files
4. Beautification
Icon design

6. Process 3. Implementation 4. Beautification
Using TortoiseSVN for revision control
Writing the code in JavaScript, XUL and C++
4. Beautification
Create icon designs
Finalize Color scheme
Test with users for final usability validation

7. Previous Configuration Interface

8. Main User Interface

9. Advanced User Interface
Protocals:
weather allow encrypted webpage
Domains:
specify for specific webpage
only want certain web domain, can be input here
Ports:
Allow non-standard ports for web traffic, can input range
Paths:
page directory for website
RE:
Allow advanced user to put Regular expression

11. Get some sleep What’s Next Finish the project Implementation
Validate usability
Get some sleep

12. Questions ?

13. Runtime Architectural View
Configuration User
Interface
Locking Engine
Configuration Model
Windows Registry
System
Registry
User
Registries IE
Firefox
Bookmarks
Histories
Component
Connector
Backup slide

14. Interface Relationships
Backup slide