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

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

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

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

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

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

Previous Configuration Interface

Main User Interface

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

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

Questions ?

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

Interface Relationships Backup slide