More Related Content Similar to AD106 - IBM Lotus Domino XPages anywhere - Write them once, See them Everywhere (20) More from Stephan H. Wissel (6) AD106 - IBM Lotus Domino XPages anywhere - Write them once, See them Everywhere1. AD106
IBM Lotus Domino XPages anywhere
- Write them Once, See them Everywhere
Stephan Wissel
Collaboration & Productivity Advisor | IBM Singapore
Viktor Krantz
Sr. Technology Advisor | IBM
© 2012 IBM Corporation
2. AD106
IBM Lotus Domino XPages anywhere
- Write them Once, See them Everywhere
Stephan Wissel
Collaboration & Productivity Advisor | IBM Singapore
Viktor Krantz
Sr. Technology Advisor | IBM
© 2012 IBM Corporation
3. IBM’s statements regarding its plans, directions, and intent are subject to change or withdrawal
without notice at IBM’s sole discretion.
Information regarding potential future products is intended to outline our general product direction
and it should not be relied on in making a purchasing decision.
The information mentioned regarding potential future products is not a commitment, promise, or
legal obligation to deliver any material, code or functionality. Information about potential future
products may not be incorporated into any contract. The development, release, and timing of any
future features or functionality described for our products remains at our sole discretion.
3 | © 2012 IBM Corporation
4. Who are we?
■ Stephan Wissel
● The NotesSensei
● Email: st.wissel@sg.ibm.com
● Twitter: @notessensei
■ Viktor Krantz
● Architect: Dynamic solutions for Domino, Portal, QuickPlace, Quickr & Sametime
● Presenter: Lotus, IBM & “LUG” conferences
● Email: vekrantz@us.ibm.com
● Twitter: @viktr
| © 2012 IBM Corporation
5. Agenda
■ Everywhere - prepare!
■ Platform caveats
■ Demo, Demo, Demo
5 | © 2012 IBM Corporation
6. Target Platforms
■ Browser
■ XPiNC (stand alone)
■ Sidebar application
■ Composite application
■ IBM Portal
■ IBM Connections
■ Mobile
■ Others
6 | © 2012 IBM Corporation
7. Target Platforms
■ Browser
● Install IE,FF,Chrome,Safari
Install those*
● Develop/Debug: FF
■ XPiNC (stand alone)
■ Sidebar application You have what you need
■ Composite application
■ IBM Portal
● Admin access
Run off a VM (needs patience)
■ IBM Connections
● Admin access
■ Mobile
● Devices Mac emulator runs on OS/X only
● Emulators (so you finally can justify an iPad)
■ Others
* Microsoft tells you: IE6 must die!
7 | © 2012 IBM Corporation
8. Run everywhere XPages need planning
■ Decompose UI functionality into blocks that fit the smallest UI you are targeting
■ Make use of Custom Control Parameters
■ What wires would you want to use?
8 | © 2012 IBM Corporation
9. “Wires”
■ Build higher level custom controls
■ Don't make assumptions on the containing page
■ Take advantage of custom parameters to define interaction between custom
controls and pages
■ Extend the same principles when connecting XPages in Portal or XPiNC
■ Wires = SOA of UI
9 | © 2012 IBM Corporation
12. Last resort XPages integration*
<iframe frameborder=”0”
name=”myxpage”
src=”http://myserver/mydb.nsf/tinypage.xsp”>
You would see the tiny page here if your browser would run iFrames. Lynx user?
</iframe>
* make sure SSO is configured
12 | © 2012 IBM Corporation
13. Agenda
■ Everywhere - prepare!
■ Platform caveats
■ Demo, Demo, Demo
13 | © 2012 IBM Corporation
14. Browser
■ No all browsers are created equal
● Test in as many browsers you can
● Test on as many platforms as you can
■ Rule of thumb: Dojo version needs to be released AFTER the browser
■ Some vendors interpret HTML5 in their own way
● Mobile applications
● Canvas
■ Language settings might differ
■ Default fonts
14 | © 2012 IBM Corporation
15. XPiNC
■ Consider using a composite application instead of a plain XPiNC
■ No Drag & Drop support between XPiNC Windows
■ Wires in PIM are sensitive to timing
■ Has a set of distinct properties
15 | © 2012 IBM Corporation
17. IBM Portal & IBM Connections
■ Creating Components and their Events
1. Create New Component... 2. Select your XPage to use
3. Create events (if any)
17 | © 2012 IBM Corporation
18. IBM Portal & IBM Connections (cont.)
■ Components (Receive) on the XPage
1. Add New Event... 2. Add Simple Action 3. Select Action: Execute Script
4. Add the script
var x = getComponent("assignedTo1");
var incoming = context.getSubmittedValue();
x.setValue(incoming);
18 | © 2012 IBM Corporation
19. IBM Portal & IBM Connections (cont.)
■ Dojo toolkit is now a plugin in Domino 8.5.3
● xspScopeClass.js will be updated in 8.5.3 FP1 (March)
19 | © 2012 IBM Corporation
20. IBM Portal
■ Register your iWidget with Websphere Portal (command line!)
● Run the command from wp_profileConfigEngine to register iWidgets
● ConfigEngine register-iwidget-definition -DPortalAdminPwd=<password>
-DWasPassword=<password> -DIWidgetDefinition=<url_to_widget>
● Verify that the command ran correctly, look for Return Value:0
20 | © 2012 IBM Corporation
21. IBM Portal (cont.)
■ Add the portlet to your page
1. Select Actions>Edit Page
2. Click Customize
3. Find and drag your portlet to desired location.
4. Click Save & Exit
21 | © 2012 IBM Corporation
22. IBM Connections
■ AJAX proxy disabled by default in 3.0.1
● If you see this when adding the iWidget, continue to next slide
22 | © 2012 IBM Corporation
23. IBM Connections (cont.)
■ AJAX Proxy on the IBM Connections server
● …profilesDmgr01configcells<yourCellName>LotusConnections-configproxy-config.tpl
<proxy:policy url=”http://<your_server_path/*” acf=”none”>
<proxy:actions>
<proxy:method>GET</proxy:method>
</proxy:actions>
<proxy:headers/>
<proxy:cookies/>
</proxy:policy>
● Note: you can set the policy url=”*” if you would like to allow widgets from any external domain
23 | © 2012 IBM Corporation
24. IBM Connections (cont.)
1. Click on Administration tab 3. Enter your values into the fields
2. Click Add another widget
4. Enable the widget
24 | © 2012 IBM Corporation
25. IBM Connections (cont.)
■ Adding your iWidget to Communities
● Run these commands
– CD C:IBMWebSphereAppServerprofiles<cell>bin
– wsadmin -lang jython -user <user> -password <password> -port 8879
– execfile("communitiesAdmin.py")
– CommunitiesConfigService.checkOutWidgetsConfig("c:/temp","<your_cell_name>")
● Open and add your widget definition to “c:/temp/widgets-config.xml”
– <widgetDef defId="<widget_id>" modes="view search" url="<url_to_widget>"
primaryWidget="false" />
● You can also add it by default by adding the following
– <widgetInstance uiLocation="col2" defIdRef="<widget_id>"/>
● Save “widgets-config.xml” and run the following command
– CommunitiesConfigService.checkInWidgetsConfig("c:/temp","<your_cell_name>")
● Restart your Connections server
25 | © 2012 IBM Corporation
26. Mobile
■ IOS
● Emulator runs on OS/X only (justify that MacBook Pro you want)
– $99/year for being a developer
● Get that iPad you know you want
● Just use Safari
■ Android
● Emulator for all platforms
● Get your favorite “pad”
● Browser (Safari)
■ AD109: Ready, Set, Go! XPages Mobile
● Introducing the XPages mobile controls
■ LAB: Mobilize Notes applications with XPages
● Learn everything about the new
Mobile controls in Designer 8.5.3
26 | © 2012 IBM Corporation
27. Others
■ Open Social
● Manual for now (just some more XML)
● Most promising framework
■ Any UI that can surface an IFRAME
■ Consider using REST/JSON
27 | © 2012 IBM Corporation
28. Agenda
■ Everywhere - prepare!
■ Platform caveats
■ Demo, Demo, Demo
28 | © 2012 IBM Corporation
29. Review
■ Today we have shown you...
● Discussed screen real estate
● Platform caveats of creating an “Everywhere” application
● Browser
● XpiNC
● Sidebar & Composite
● IBM Portal
● IBM Connections
● Mobile
● Other...
| © 2012 IBM Corporation
30. Other Sessions of Interest
■ IBM Portal
● AD306: Integrate your applications into IBM Websphere Portal
Wednesday 4:15 PM, SW 5-6
■ IBM Connections
● SHOW115: Socialize your Applications using OpenSocial
Tuesday 8:00 AM, SW Osprey 1-2
● ID221: What's New in IBM Connections
Tuesday 11:15 AM, DL S. Hemisphere I
■ Mobile
● AD109: Ready, Set, Go! How IBM Lotus Domino XPages Became Mobile
Tuesday 3:30 PM, SW Pelican 1-2
● LAB: Mobilize Notes applications with XPages
■ Other...
● ID102: What's New in IBM Lotus Notes 8.5.3 – and Beyond
Tuesday 4:45 PM, DL N. Hemisphere A-E
● BOF118: Open Social and Embedded Experiences
Wednesday 7:00 AM, SW Macaw 1
● AD105: Use IBM Lotus Domino and XPages for your Social Business
Wednesday 10:00 AM, DL N. Hemisphere D
| © 2012 IBM Corporation
31. Questions
■ If you don't want to ask them now,
please feel free to stop us in the hall to talk.
We are SOCIAL!
■ Stephan Wissel
● Email: st.wissel@sg.ibm.com
● Twitter: @notessensei
● Blog: http://www.wissel.net/blog
■ Viktor Krantz
● Email: vekrantz@us.ibm.com
● Twitter: @viktr
● Blog: http://ekrantz.com
■ Find us on Google+, Facebook, LinkedIn
■ Sametime with us (details on www.wissel.net, left column)
| © 2012 IBM Corporation
32. Thank you and fill in your session evaluation
| © 2012 IBM Corporation
33. Legal disclaimer
© IBM Corporation 2012. All Rights Reserved.
The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication,
it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM’s current product plans and strategy, which are subject to change by IBM without notice.
IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have
the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software.
References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced
in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any
way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other
results.
Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment. The actual throughput or performance that any user will experience will vary
depending upon many factors, including considerations such as the amount of multiprogramming in the user's job stream, the I/O configuration, the storage configuration, and the workload processed.
Therefore, no assurance can be given that an individual user will achieve results similar to those stated here.
All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and performance
characteristics may vary by customer.
IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, Quickr, Sametime, WebSphere, UC2, PartnerWorld and Lotusphere are trademarks of International Business Machines Corporation in the United
States, other countries, or both. Unyte is a trademark of WebDialogs, Inc., in the United States, other countries, or both.
Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries.
Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.
Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both.
Intel, Intel Centrino, Celeron, Intel Xeon, Intel SpeedStep, Itanium, and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries.
UNIX is a registered trademark of The Open Group in the United States and other countries.
Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others.
All references to [insert fictitious company name] refer to a fictitious company and are used for illustration purposes only.
33 | © 2012 IBM Corporation