a briefing on the Itemscript project and a demonstration of the Item Lens proof of concept.

1. Itemscript A declarative language based on JSON

2. Vision Simple schema data store application markup Applications from components De-couple technical details Lean development Business agility

11. Itemscript schema Dog Type "com.example.petstore.SCHEMA" : { "Dog" : { "ID name" : "", "weight" : 0, "REQUIRED owner" : "", "breed" : "", "isFixed" : true, } } item of type Dog: "com.example.petstore.dogs.Bella" : { "TYPE" : "com.example.petstore.SCHEMA.Dog", "name" : "Bella", "weight" : 9.2, "owner" : "Vera", "breed" : "Cavalier King Charles", "isFixed" : true } http://itemscript.org/ItemscriptSchema.html

12. Itemscript JAM { "widget" : "GWT.Image", "title" : "Itemscript Logo", "width" : "100px", "height" : "100px", "url" : "./itemscript-logo.jpg" }

17. Itemscript execution Itemscript Item Lens Item Store Schema JAM Item Store Protocol SQL MQ Cache XML

28. Item Hash Page Nesting

29. New Case Page Nesting

30. Editing the Form { &quot;widget&quot; : &quot;GWT.VerticalPanel&quot;, &quot;contents&quot; : [ { &quot;widget&quot; : &quot;GWT.Html&quot;, &quot;html&quot; : &quot;<small>Priority</small>&quot; &quot;id&quot; : &quot;Priority&quot; }, { &quot;widget&quot; : &quot;GWT.ListBox&quot;, &quot;width&quot; : &quot;200px&quot;, &quot;height&quot; : &quot;20px&quot; &quot;data&quot; : &quot;ItemHash.db/priorities&quot; } ] }

31. Item Lens &quot;Can I set the date picker to tomorrow?&quot;

32. Changing the Date Picker What would the JSON look like? { &quot;widget&quot; : &quot;ItemLens.DatePickerTextBox&quot; &quot;width&quot; : &quot;200px&quot;, &quot;height&quot; : &quot;25px&quot;, &quot;date&quot; : &quot;tomorrow&quot; }

33. Changing the Date Picker When the &quot;date&quot; declaration says &quot;tomorrow&quot;, what logic do we need to add? if (params.hasOptionalString( &quot;date&quot; )) { String dateStr = params.getString( &quot;date&quot; ); if (dateStr.equalsIgnoreCase( &quot;tomorrow&quot; )) { Date tomorrow = new Date( new Date().getTime()+ DAY_AS_MILLISECONDS ); box.setValue(tomorrow); } }

34. Event Handling &quot;Let's make the login box pop up.&quot;

35. Event Handling What would the JSON look like? { &quot;widget&quot; : &quot;GWT.Html&quot; &quot;cellHorizontalAlignment&quot; : &quot;right&quot; &quot;html&quot; : &quot;<small><b>login</b></small>&quot; &quot;clickHandlers&quot; : { &quot;clickHandler&quot; : &quot;ItemLens.PopupPanelShowClickHandler&quot;, &quot;popup&quot; : &quot;loginPrompt&quot; } }

37. Event Handling &quot;popups&quot;: { &quot;loginPrompt&quot; : { &quot;widget&quot; : &quot;GWT.DialogBox&quot;, &quot;id&quot; : &quot;Login&quot;, &quot;title&quot; : &quot;user login&quot;, &quot;showRelativeTo&quot; : &quot;searchbox&quot;, &quot;width&quot; : &quot;100px&quot;, &quot;cellHorizontalAlignment&quot; : &quot;center&quot;, &quot;cellVerticalAlignment&quot; : &quot;bottom&quot;, &quot;html&quot; : &quot;<strong>User Login</strong>&quot;, &quot;autohide&quot; : false, &quot;contents&quot; : { &quot;widget&quot; : &quot;GWT.VerticalPanel&quot;, &quot;cellSpacing&quot; : 5 &quot;contents&quot; : [ ...

41. Working with Itemscript Project pages http://itemscript.org http://code.google.com/p/itemscript/ Twitter updates http://twitter.com/itemscript FAQ http://code.google.com/p/itemscript/wiki/itemscriptfaq