Introduction Dojo Toolkit & IBM Lotus Domino

Introduction dojo Toolkit & IBM Lotus Domino February 2008 Dr. Rolf Kremer ( PAVONE AG )

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is the Dojo Toolkit? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Dojo History ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: http:// www.dojotoolkit.org / files /ddd4day1summary.pdf

Dojo Roadmap ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: http:// www.dojotoolkit.org / files /ddd4day1summary.pdf

Dojo Modules ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JavaScript Frameworks Prototype Dojo Toolkit Script.aculo.us Mootools jQuery Open Rico TIBCO General Interface qooxdoo Macao Yahoo! User Interface Library Zimbra AjaxTK Ext BACKBASE crossvision … and more…

Dojo Samples ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Dojo & Domino ,[object Object],Source: Lotusphere 2008 – Presentation: AD303.pdf

Domino Extensions (1) ,[object Object],Source: Lotusphere 2008 – Presentation: AD303.pdf

Domino Extensions (2) Source: Lotusphere 2008 – Presentation: AD303.pdf

Installation Options ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Installation Steps (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Or another path

Installation Steps (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step-by-Step (Developing a simple Phone Directory) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step 0: Install Firebug (or another JavaScript debugger) ,[object Object]

Step 1: ‚Add Person‘ dialog (1) ,[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Step 1: ‚Add Person‘ dialog (2) tmpBaseUrl + "/fa_DialogPerson?OpenForm" „ Person“

Step 1: ‚Add Person‘ dialog (3) ,[object Object],[object Object],[object Object],[object Object],„ Save“ „ Close“

Step 1: ‚Add Person‘ dialog (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],„ Add Person“

Step 1: Test it ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Step 2: ‚Open Person‘ dialog (1) ,[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Step 2: ‚Open Person‘ dialog (2)

Step 2: ‚Open Person‘ dialog (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Contains the host name and database path. Function sets the focus to the field ‚Firstname‘.

Step 2: ‚Open Person‘ dialog (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],If the loading process required more than 500 ms an error occured.

Step 2: Test it Result: If the user clicks on an entry in the view the dojo dialog with the form ‚fa_DialogPerson‘ will be opened. The fields are filled from the selected document.

Step 3: Add Tab container ,[object Object],[object Object],[object Object],[object Object],The view „Default“ should be placed here. Subform „sa_List“

Step 3: Test it ,[object Object],[object Object],[object Object],[object Object]

Step 4: Widget ‚AddressReferrer‘ (1) ,[object Object],[object Object],[object Object],[object Object],Call number with Skype Create e-mail Open http page Text field + icon + link

Step 5: Install ‚AddressReferrer‘ ,[object Object],[object Object],[object Object],[object Object]

Step 6: Add widget ‚AddressReferrer‘ (1) ,[object Object],[object Object],[object Object]

Step 6: Test it ,[object Object],[object Object],[object Object]

Resources ,[object Object],[object Object],[object Object],[object Object]

Introduction Dojo Toolkit & IBM Lotus Domino

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (9)

Similar to Introduction Dojo Toolkit & IBM Lotus Domino

Similar to Introduction Dojo Toolkit & IBM Lotus Domino (20)

Recently uploaded

Recently uploaded (20)

Introduction Dojo Toolkit & IBM Lotus Domino