IBM Lotus Notes Domino XPages and XPages for Mobile

XPages and XPages for Mobile Chris Toohey www.dominoGuru.com

XPages & XPages for Mobile ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What exactly are XPages? ,[object Object],[object Object],[object Object],[object Object],[object Object]

What exactly are XPages? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What are Controls? ,[object Object],[object Object],[object Object],[object Object],[object Object]

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

What are Themes? ,[object Object],[object Object],[object Object],[object Object],[object Object], < control > < name > Text </ name > < property > < name > styleClass </ name > < value > xspText </ value > </ property > </ control >  < resource rendered = "#{javascript:context.getUserAgent().isFirefox()}" > < content-type > text/ css </ content-type > < href > /. ibmxspres /global/theme/ webstandard /xspFF. css </ href > </ resource >

Hello World ,[object Object],[object Object],[object Object],<? xml version = "1.0" encoding = "UTF-8" ?> < xp:view xmlns:xp = "http://www.ibm.com/xsp/core" xmlns:xc = "http://www.ibm.com/xsp/custom" > < p > Hello World! </ p > </ xp:view >

The end result... <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > < html lang = "en" > < head > < title ></ title > < script type = "text/javascript" src = "/domjs/dojo-1.3.2/dojo/dojo.js" djConfig = "locale: 'en-us'" ></ script > < script type = "text/javascript" src = "/domjs/dojo-1.3.2/ibm/xsp/widget/layout/xspClientDojo.js" ></ script > < link rel = "stylesheet" type = "text/css" href = "/domjava/xsp/theme/webstandard/xsp.css" > < link rel = "stylesheet" type = "text/css" href = "/domjava/xsp/theme/webstandard/xspLTR.css" > < link rel = "stylesheet" type = "text/css" href = "/domjava/xsp/theme/webstandard/xspSF.css" > </ head > < body class = "xspView tundra" > < form id = "view:_id1" method = "post" action = "/XPages%20Presentation.nsf/example.xsp?SessionID=CNB3RK18A0" class = "xspForm" enctype = "multipart/form-data" > < p > Hello World! </ p > < input type = "hidden" name = "$$viewid" id = "view:_id1__VUID" value = "!cnb3rm1kg0!" > < input type = "hidden" name = "$$xspsubmitid" > < input type = "hidden" name = "$$xspexecid" > < input type = "hidden" name = "$$xspsubmitvalue" > < input type = "hidden" name = "$$xspsubmitscroll" > < input type = "hidden" name = "view:_id1" value = "view:_id1" > < script type = "text/javascript" > function clearFormHiddenParams_view__id1(curFormName) { var curForm = document.forms[curFormName]; } </ script > </ form > </ body > </ html >

Beyond the Design Element ,[object Object],[object Object],[object Object],[object Object]

The power of XPages ,[object Object],[object Object],[object Object],[object Object]

But why should you care? ,[object Object],[object Object],[object Object]

What is a “Lotus Notes” UI? ,[object Object],[object Object],[object Object],[object Object]

But when they come into work... ,[object Object],[object Object],[object Object]

But when they come into work... ,[object Object],[object Object],[object Object],(That was the same app!)

Meet or exceed the expectation ,[object Object],[object Object],[object Object]

XPage Applications ,[object Object],[object Object],[object Object],[object Object]

Example: Personal Address Book ,[object Object],[object Object],[object Object],[object Object]

Architecture Considerations ,[object Object],[object Object],vs. Direct Access HTTP Request Proxy IBM Lotus Notes Domino NRPC lends to HTTP Request Proxy architectures

Remote Data Sources ,[object Object],< xp:this.data > < xp:dominoView var = "contacts" databaseName = "mpab.nsf" viewName = "People" > </ xp:dominoView > </ xp:this.data >

Using Remote Data Sources ,[object Object],< xp:repeat id = "contacts" rows = "30" value = "#{contacts}" var = "thisDoc" > < li class = "menu" > < xp:link escape = "true" id = "link_person" styleClass = "name" > < xp:this.text > <![CDATA[ #{javascript:var ln = thisDoc.getDocument().getItemValueString("LastName"); var fn = thisDoc.getDocument().getItemValueString("FirstName"); return ln + ", " + fn;} ]]> </ xp:this.text > < xp:eventHandler event = "onclick" submit = "true" refreshMode = "complete" > < xp:this.action > < xp:openPage name = "/person.xsp" target = "editDocument" documentId = "#{javascript:thisDoc.getDocument().getUniversalID();}" > </ xp:openPage > </ xp:this.action > </ xp:eventHandler > </ xp:link > </ li > </ xp:repeat >

Exporting via XPages ,[object Object],< xp:openPage name = "/export.xsp" > </ xp:openPage >

Mobile Browser Apps ,[object Object],[object Object],[object Object],[object Object],[object Object]

Support for HTML5 ,[object Object],[object Object],[object Object],[object Object],[object Object]

WebKit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

iWebKit ,[object Object],[object Object]

Framework Naming Schemes ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Client Limitations ,[object Object],vs. Know your platforms limits & plan accordingly!

The User Agent ,[object Object],[object Object],[object Object], < resource rendered = "#{javascript:context.getUserAgent().isIE(0,6)}" > < content-type > text/ css </ content-type > < href > /. ibmxspres /global/theme/ webstandard /xspIE06. css </ href > </ resource >

Using the User Agent ,[object Object],[object Object],[object Object],[object Object]

Progressive Enhancement ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Recommendations ,[object Object],[object Object],[object Object],[object Object],[object Object]

Examples & Resources! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

XPages and XPages for Mobile ,[object Object],[object Object],[object Object],[object Object]

IBM Lotus Notes Domino XPages and XPages for Mobile

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à IBM Lotus Notes Domino XPages and XPages for Mobile

Similaire à IBM Lotus Notes Domino XPages and XPages for Mobile (20)

Dernier

Dernier (20)

IBM Lotus Notes Domino XPages and XPages for Mobile