Microsoft™ StaffTrak™ 2.0

This application was deployed last year to Microsoft's New York Marketing office. It's a 100% DHTML front end powered by *JavaScript only*. At that time there was no com.ms.wfc.html. =] If I redid this app I would replace all the script with binary componentry, though there wouldn't be much to do since most of the architecture, even though it's in script, is OO. The only reason I need to go with componentry here is for threading reasons which I won't get into. ;)

The data comes down the wire via ASP's generating XML based off of data retrieved via ADO from a SQL 6.5 (soon to be 7.0) server. It's generated using the com.ms.xml.* pacakges and client side processed by a wrapper to com.ms.xml.dso.XMLDSO, to solve the nasty security problem that used to exist when loading data from a server.

• This is the main interface. It's tree view based. The yellow bars are Events, the blue bars are Shifts and the green bars are Roles. A user Clicks the arrow (left most column on each bar) and it a) closes any current open sibling and it's children and b) expands to reveal all of its immediate children.
• This shows the main interface with the shift editor open. An admin, which I am playing here, clicks anywhere on a bar (except the afformentioned arrow) and up pops the corresponding edit for the type of entity they clicked. In this case I clicked the visibly open shift. I'm in IE5 here at home and apparently they changed the way some filters work, but normally, there is a 90% transparent black DIV that overlays the main interface and denies the user interaction until they close out of the editor.
• This shows the main interface with the staffer viewer open. A user signs up for a role by clicking in the little circle next to the green bars. It makes a quick ASP request to the server with the roles ID and the users exchange GUID and the ASP responds with some XML that reports if the scheduling was successful. The staffer viewer is used to see what users are signed up for a given role, you open it by clicking on the little green head on the Shift bars (blue). A request is made to an ASP with the shift ID, and that ASP returns some XML with a list of names and roles for the shift.
• This is the concept art layout. I whipped this up and then went from there to DHTML and then the designer (who totally kicks ass) made it look the way it looks now. =)