Mark Jourdain Using Ajax With Domino Web Applications

Slide 2: IBM Software Group | Lotus software Web Applications AJAX - Asynchronous JavaScript and XML Provides options to update parts of the web page asynchronously or synchronously Better browser experience as user need not wait for server response AJAX is a methodology to create cross browser web applications that can include: JavaScript code run in the browser Data exchange via XML and the XMLHttpRequest object XHTML and CSS for standards based presentation Interaction with the current page through the DOM 2 2

Slide 3: IBM Software Group | Lotus software XMLHttpRequest Object that can be instantiated and manipulated through JavaScript code run in browser Can interact with HTTP server synchronously or asynchronously Use methods, including GET and POST to access URLs Use properties, such as onreadystate, responseXML and responseText 3 3

Slide 4: IBM Software Group | Lotus software Customer and Application Requirements Customer JDK Residential Services provides residential maintenance and emergency services for subscribed apartment buildings and condominiums Application Requirements browser accessible intuitive interface input new service requests received via telephone view logged requests for customer unit or building 4 4

Slide 5: IBM Software Group | Lotus software 5 5

Slide 11: IBM Software Group | Lotus software Application Elements Forms Views Customer Issue Report Customer Info by Phone Customer Information XmlView WebInterface $$ViewTemplateDefault Script Libraries Agents String Utilities getCustInfo 11 11

Slide 12: IBM Software Group | Lotus software Customer Information Form Form Alias = CI Fields Telephone FirstName LastName Unit StAddress 12 12

Slide 13: IBM Software Group | Lotus software Customer Issue Report Form Form Alias = Issue Fields Issue Unit StAddress 13 13

Slide 14: IBM Software Group | Lotus software WebInterface Form Fields TeleNum FirstName LastName Unit StAddress IssueReported JavaScript functions Links to trigger functions Div block to display logged issues 14 14

Slide 15: IBM Software Group | Lotus software getUserInfo() function Uses XMLHTTPRequest object Calls Domino ?OpenAgent that build XML document 15 15

Slide 16: IBM Software Group | Lotus software Agent slide Agent called by getUserInfo() Returns XML document with elements: FirstName LastName Unit StAddress 16 16

Slide 17: IBM Software Group | Lotus software Called by getUserInfo() Determines request state If request successful calls writeDetails() 17 17

Slide 18: IBM Software Group | Lotus software writeDetails() function Called by processCallRequest() Writes XML element values to web document 18 18

Slide 19: IBM Software Group | Lotus software submitIssue() function Creates new document through XMLHTTPRequest Includes value of IssueReported, Unit and StAddress fields 19 19

Slide 20: IBM Software Group | Lotus software doReset() function Provides user option to clear all content 20 20

Slide 21: IBM Software Group | Lotus software listdata element to display logged customer issues 21 21

Slide 22: IBM Software Group | Lotus software refreshIssueListbyUnit() and refreshIssueListbyAddress() functions 22 22

Slide 23: IBM Software Group | Lotus software refreshIssueList() function Reads XML document from Notes view Dynamically writes element values to table in listdata element 23 23

Slide 24: IBM Software Group | Lotus software XmlView and $$ViewTemplateDefault Displays logged issues as XML document Ready by refreshIssueList() 24 24

Slide 25: IBM Software Group | Lotus software Resources Using AJAX in Domino Web Applications! Presentation and sample NSF by Shyam Purshottam http://www.stldominotes.org/usergroup/stldominotes.nsf Navigate to ‘Past Meetings’ view Using Ajax to manipulate Lotus Notes documents Article and sample NSF by Joachim Dagerot http://www-128.ibm.com/developerworks/lotus/library/domino-ajax/index.html Ajax: A New Approach to Web Applications Article and Q&A by Jesse James Garrett http://www.adaptivepath.com/publications/essays/archives/000385.php 25 25

Slide 26: IBM Software Group | Lotus software Thank you Mark Jourdain, Product Manager, Lotus Note and Domino Application Development mark_jourdain@us.ibm.com 26 26

Slide 27: IBM Software Group | Lotus software Additional Resources Web Architecture zone on developerWorks Tutorial: Build apps using AJAX http://www-128.ibm.com/developerworks/edu/wa-dw-wa-ajax- i.html?S_TACT=105AGX08&S_CMP=HP developerWorks articles Using Ajax to manipulate Lotus Notes documents http://www.ibm.com/developerworks/lotus/library/domino-ajax/ Master Ajax article series (six-part series) http://www.ibm.com/developerworks/views/web/libraryview.jsp?search_by=Ma stering+Ajax Build apps using Asynchronous JavaScript with XML (AJAX) http://www.ibm.com/developerworks/edu/wa-dw-wa-ajax-i.html 27 27

Slide 28: IBM Software Group | Lotus software Additional developerWorks Resources IBM developerWorks Tutorials and Training Tutorials and training over 36 titles for IBM software and more titles being added all the time: ibm.com/developerworks/training Downloads Easy access to IBM trial software ibm.com/developerworks/downloads/ 2006 developerWorks Software Evaluation Kit Over 14GB of the latest trial software DVD and available to you at no charge! ibm.com/developerWorks/offers/sek 28 28

Slide 29: IBM Software Group | Lotus software Events IBM Rational Software Development Platform 2006 webcast series More than 50 new webcasts in 2006 – all available to you at no cost. Enriching the User Experience Through XML Intelligent Documents IBM WebSphere Portal, IBM WebSphere Portlet Factory, and SOA Composite Applications Using the Sametime Client Integration Guide for customization and plugin development All webcasts are available on demand (24x7) following their original broadcasts. Bookmark our webcast web page: ibm.com/developerworks/offers/lp/wc IBM developerWorks Live! Technical Briefings Live, worldwide events available at no cost 11 titles including Effective Team Collaboration In An On Demand Workplace For a list of cities and dates, visit: ibm.com/developerWorks/offers/techbriefings 29 29

Slideshare.net (beta)