XPages mobile controls presentation delivered at DanNotes

1. Ready, Set, Go!
How IBM Lotus® Domino®
XPages Became Mobile
Paul Withers
Intec Systems Limited

2. Agenda
Introduction
What's possible
How does XPages Mobile work?
How do I get it?
Future directions
Where to find out more
Q&A

3. About Me
Senior Domino Developer, Intec Systems Ltd
XPages Developer since 8.5.0
IBM Champion
Co-Host of The XCast
Co Author of XPages Extension Library

4. XPages Mobile App Dev Objectives
Build new and extend the reach of existing
applications to smart phones and tablets
Provide pervasive access to IBM® Lotus Notes® and
Domino data from your mobile device
IOS® 4 & 5 (iPhone®, iPad® and iPod Touch®)
Android® 2.3 (phones) and 3.x (tablets)
Blackberry® (coming in the near future)
Improve business process efficiency by allowing
decision makers to approve workflows on the go

5. XPages Mobile App Dev Objectives
Enable templates with mobile access
Enable existing applications by refreshing the design
Teamroom & Discussion templates
Provide examples of best practices
Extend the XPages framework to support mobile web
browsers
Make it easy to develop mobile applications with the
technology you know
One programming model for mobile, desktop browser and
rich client

6. XPages Mobile Features
Provide a set dedicated set of controls and libraries
Form controls, data lists, navigation, transition animations
…
Extends Dojo 1.6.1
Provide mobile renderings of key application controls
Outline, DataView, FormTable

7. XPages Mobile Features
Native look and feel
Automatic device detection and rendering
iPhone and Android native styling (Blackberry coming soon)
Flexibility on how you want to mobilize
Incrementally enhance existing application with mobile controls
Create a new application with mobile controls that access data
and business logic in an existing application
Domino Designer®
Mobile control visualisations

8. Brief History
Mobile Controls Project on OpenNTF
Released in early 2010
Set of stand alone custom controls
Based on 8.5.2
Incorporated into XPages Extension Library
project on OpenNTF
Improved throughout 2011 with feedback from the
community

9. Brief History
Custom mobile solutions
Partners building custom mobile solutions using jQuery
Mobile and dojox.mobile
Based on 8.5.2
Examples on OpenNTF
XPages Mobile support released as part of Upgrade
Pack 1
Officially supported release based on 8.5.3
Extends the XPages runtime

10. Notes & Domino 8.5.3 Upgrade Pack 1
Delivers a set of application development
capabilities on top of 8.5.3
Upgrade Pack 1 delivers new features using plugins
Applicable to Domino, XWork Server, Notes, Domino
Designer
Does not modify the 8.5.3 base content in any way

11. What does it contain?
XPages Extension Library (Most but not all of the
capabilities currently on OpenNTF)
Includes new set of mobile specific XPages controls
Updated templates built with controls in Extension
Library
Teamroom: XPages UI including mobile access
Discussion: new mobile access
Domino Access Services: New REST APIs

12. New Teamroom Template
From This To This
In two easy steps!
File-Application-Replace Design
Run Upgrade Content agent
(note: you only need to run agent once)

13. XPages Mobile Controls - The
Building Blocks
Outline/Menu Data View
Navigation Bar Form with
Validation
Search Bar

14. XPages Mobile Features - Teamroom

15. How It Works
Mobile Themes
Single Page Application
Data
Navigation / Partial Refresh / MoveTo / #
Update

16. XPages Mobile Application
Mobile UI behaviors, like transition
effects, cannot happen when
switching from one page to the other
We need one single HTML page with
the entire content
The content is made of “mobile
pages”, with one displayed at a time
Transition effects happen when views
are switched
Each view can be
downloaded/refreshed as needed
XPages provides a new Mobile
Application Layout control for this
purpose

17. Single Application Page

18. Cross Over Pattern

19. Teamroom, allDocuments.xsp - cross over
pattern

20. Common Controls
Enables cross over pattern
Mobile renderers provided for some of the popular
controls
DataView
FormTable
Outline

21. Device Detection

22. Device detection and page redirect
Teamroom XL
Default launch page → main.xsp
Page redirect based on User Agent

23. Device detection and page redirect
Receive a doclink (web based URL) in a Notes Mail in
Traveller
Detect mobile device and redirect to mobile rendering of
document
/main.xsp?action=openDocument&documentId=5D1F1D43F7
BDACE380257988006131D4
/mobile.xsp?documentId=5D1F1D43F7BDACE380257988006
131D4&action=openDocument#document

24. Device detection and page redirect

25. New redirect control
Traveller or iNotes rewrites the Notes doclink
Set form display property to a target XPage that includes “redirect” control
The redirect control can rewrite the URL for mobile rendering
http://eamonxp/blug/renovationsHelpdesk.nsf/0e5e7b7972ee57f1802577c2003df433/04
http://eamonxp/blug/renovationsHelpdesk.nsf/mobile.xsp?documentId=04AAEDAB0FE

26. Application Debugging
Weinre
Remote debugger for web pages
Can be injected into production apps
http://phonegap.github.com/weinre/
Fiddler2
An HTTP proxy
Debug native apps
Simulate poor connections
http://www.fiddler2.com/fiddler2/

27. How do I get 8.5.3 Upgrade Pack 1?
Customers on active maintenance can download from Passport
Advantage
IBM Business Partners can download from Partnerworld Software
Access Catalog
Download 1 image which contains install kits for the following
Notes Client
XPages Extension Library Runtime
Domino Designer
XPages Extension Library runtime (for local preview)
Designer plugins for working with XPages Extension Library
Domino & XWork Server
XPages Extension Library runtime
Domino Access Services (REST APIs)

28. Product, Upgrade Packs And
Open Source
Deliver new functionality through off cycle Upgrade Packs
The code is first released on openNTF
Available early and gives full transparency on what is being
done
Pieces from openNTF are extracted and delivered as Upgrade
Packs, supported by IBM
Upgrade packs are delivered on a shorter release cycle
than products
Upgrade Packs are integrated into the next revision of the
product

29. Product, Upgrade Packs and
Open Source

30. Future Directions
Additional controls and themes
Enhanced control support
Tablet support
Blackberry support
Based on Dojo 1.7
IBM Lotus NotesTraveller® Integration
Receive a document link in an email, view the mobile
rendering of the document, review and approve
Common UI on all mobile devices
OneUI for Mobile

31. Future Directions
Worklight Acquisition (Phonegap ++)
Hybrid development model providing a native application
Access to native device capabilities – camera, contacts
etc...
Why XPages developers should know Worklight
http://heidloff.net/home.nsf/dx/19.04.2012143734NHEGTK.htm

32. Mobilize Today!
Get the code
XPages mobile controls are delivered in Notes &
Domino 8.5.3 Upgrade Pack 1
Requires Domino and Domino Designer 8.5.3
Available thru Passport Advantage to customers on
active maintenance
Installation instructions here
Quick Win – Apply new TeamRoom and
Discussion templates

33. Mobilize Today!
Get enabled
Teamroom Demo:
http://ibmtvdemo.edgesuite.net/software/lotus/demo/notes/tea
mroom853/
Tutorial: http://www-
10.lotus.com/ldd/ddwiki.nsf/dx/XPages_Mobile_Controls_Tutorial_
Chapter 10 of XPages Extension Library book
NotesIn9.com – mobile value picker demo
For more info Notes and Domino 8.5.3 Upgrade Pack 1
http://dojotoolkit.org/features/mobile
XPages Extension Library sample on XPages.info
IBM and Intec Resell TLCC Courses (they have a new XPages Mobile
course - Mobile XPages Development for Domino 8.5 !!)

34. Mastering XPages
Factoids...
Comprehensive 7 Part, 785 page volume
IBM Press publication
Authored by lead members of XPages
development team
Features contributions from other key community
members
Covers all aspects of XPages application
development
Example-driven approach focusing on practical
problems
Includes sample NSF downloads
www.ibmpressbooks.com/bookstore/product.asp?isbn=0132486482
www.amazon.com/Mastering-XPages-Step-Step-Application/dp/013248631

35. XPages Portable Command Guide
Factoids...
Compact 320 page volume
IBM Press publication
Authored by members of XPages & Domino
Designer dev teams
Perfect complement to the popular Mastering
XPages book, helping experienced XPages
developers go even further
Thoroughly covers XSP properties, Command
Manager instructions, INI variables, OSGi console
commands, debugging, logging and more.
Dozens of practical examples providing immediate solutions
www.ibmpressbooks.com/bookstore/product.asp?isbn=0132943050
www.amazon.com/XPages-Portable-Command-Guide/dp/0132943050

36. XPages Extension Library
Factoids...
Comprehensive 600 page volume
IBM Press publication
Authored by a team of all-star XPages experts,
Featuring contributions from key community
members
Take full advantage of the XPages Extensibility
Framework, Library & API
Step-by-step guide for developers of all
experience levels
Combines reference material and practical use cases
Available May 2012
www.ibmpressbooks.com/bookstore/product.asp?isbn=0132901811
www.amazon.com/XPages-Extension-Library/dp/0132901811

37. Evals, Questions & Contact Details
Paul Withers
email: pwithers@intec.co.uk
twitter: @PaulSWithers
skype: PaulSWithers
blog: http://www.intec.co.uk/blog
YouTube channel: http://www.youtube.com/intecsystems
website: http://www.intec.co.uk