SlideShare a Scribd company logo
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
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
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
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
Agenda
■   Everywhere - prepare!
■   Platform caveats
■   Demo, Demo, Demo




                            5 |   © 2012 IBM Corporation
Target Platforms
■   Browser
■   XPiNC (stand alone)
■   Sidebar application
■   Composite application
■   IBM Portal
■   IBM Connections
■   Mobile
■   Others




                            6 |   © 2012 IBM Corporation
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
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
“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
Screen real estate




                     10 |   © 2012 IBM Corporation
Screen real estate




                     11 |   © 2012 IBM Corporation
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
Agenda
■   Everywhere - prepare!
■   Platform caveats
■   Demo, Demo, Demo




                            13 |   © 2012 IBM Corporation
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
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
Sidebar & Composite




                      16 |   © 2012 IBM Corporation
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
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
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
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
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
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
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
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
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
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
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
Agenda
■   Everywhere - prepare!
■   Platform caveats
■   Demo, Demo, Demo




                            28 |   © 2012 IBM Corporation
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
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
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
Thank you and fill in your session evaluation




                                                |   © 2012 IBM Corporation
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

More Related Content

PDF
AD107 Microsoft SharePoint meets IBM Lotus Domino
PDF
AD114 - Don't be afraid of curly brackets reloaded - even more JavaScript for...
PDF
AD111 - The X Path: Practical guide to taking your IBM Lotus Notes applicatio...
PPTX
Domino X Pages 8.5
PDF
Social Enabler for XPages
PDF
We4IT lcty 2013 - infra-man - whats new in ibm domino application development
PDF
AD201 - IBM Domino Application Development Today And Tomorrow
PDF
Connect 2014 AD209 - Making Your Development Team More Productive With IBM Do...
AD107 Microsoft SharePoint meets IBM Lotus Domino
AD114 - Don't be afraid of curly brackets reloaded - even more JavaScript for...
AD111 - The X Path: Practical guide to taking your IBM Lotus Notes applicatio...
Domino X Pages 8.5
Social Enabler for XPages
We4IT lcty 2013 - infra-man - whats new in ibm domino application development
AD201 - IBM Domino Application Development Today And Tomorrow
Connect 2014 AD209 - Making Your Development Team More Productive With IBM Do...

What's hot (20)

PDF
Ad106 - XPages Just Keep Getting Better
PDF
Mobile Controls for IBM Lotus Domino XPages on OpenNTF 09/10
PDF
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
ODP
IBM Domino 9.0 Social Edition OpenSocial Component Deployment
PPTX
Whats new in IBM Domino Version 9 Social Edition
PDF
Ad110 - Unleash the Power of Xpages
ODP
Source Control For The Domino Developer
PDF
AD112 -- Development and Deployment of Lotus Product Documentation Wikis
PDF
What's new in designer
ODP
DanNotes XPages Mobile Controls
PDF
AD111 -- Harnessing the Power of Server-Side JavaScript and Other Advanced XP...
PDF
X pages jumpstart jmp101
PDF
The Notes/Domino Application Development Competitive Advantage - IamLUG
PDF
Ad108 - XPages in the IBM Lotus Notes Client - A Deep Dive!
PDF
What’s new for Developers in IBM Domino & Domino Designer 9.0.1
PDF
Show110 | Using the XPages Extension Library for the Real World
PDF
AD113 -- IBM Lotus Notes Discussion Template: Next Generation and Other OpenN...
ODP
IBM Lotusphere 2013 AD109: Using the IBM® Sametime® Proxy SDK: WebSphere Port...
PPT
IBM WebSphere Liberty and Docker Deep Dive
Ad106 - XPages Just Keep Getting Better
Mobile Controls for IBM Lotus Domino XPages on OpenNTF 09/10
IBM Lotus Notes/Domino App. Dev. Competitive Advantage: The Social Business E...
IBM Domino 9.0 Social Edition OpenSocial Component Deployment
Whats new in IBM Domino Version 9 Social Edition
Ad110 - Unleash the Power of Xpages
Source Control For The Domino Developer
AD112 -- Development and Deployment of Lotus Product Documentation Wikis
What's new in designer
DanNotes XPages Mobile Controls
AD111 -- Harnessing the Power of Server-Side JavaScript and Other Advanced XP...
X pages jumpstart jmp101
The Notes/Domino Application Development Competitive Advantage - IamLUG
Ad108 - XPages in the IBM Lotus Notes Client - A Deep Dive!
What’s new for Developers in IBM Domino & Domino Designer 9.0.1
Show110 | Using the XPages Extension Library for the Real World
AD113 -- IBM Lotus Notes Discussion Template: Next Generation and Other OpenN...
IBM Lotusphere 2013 AD109: Using the IBM® Sametime® Proxy SDK: WebSphere Port...
IBM WebSphere Liberty and Docker Deep Dive
Ad

Similar to AD106 - IBM Lotus Domino XPages anywhere - Write them once, See them Everywhere (20)

ODP
IBM Lotusphere 2011 AD306 - IBM Lotus Sametime Proxy: A Collaborative Recipe...
PDF
Developing XPages Applications
PDF
AD109 - Using the IBM Sametime Proxy SDK: WebSphere Portal, IBM Connections -...
PDF
BP209 doctors have scalpels, carpenters have hammers, ibm sametime develope...
ODP
Installing Websphere Portal in the IBM Smartcloud
ODP
IBM Lotusphere 2012 Show301: Leveraging the Sametime Proxy to support Mobile ...
PDF
Build a DB2 for z/OS Mobile Application
PDF
ID114 - Wrestling the Snake: Performance Tuning 101
PDF
JVM Multitenancy (JavaOne 2012)
PDF
BP206 It's Not Herculean: 12 Tasks Made Easier with IBM Domino XPages
PDF
Lotusphere 2012 - What's new in Lotus Notes & Domino
PDF
Lotusphere 2012 - What's next in Lotus Notes & Domino
PDF
Lotusphere 2012 - Show115 - Socialize Your Apps Using OpenSocial
PDF
Twelve Tasks Made Easier with IBM Domino XPages
PDF
We4IT LCTY 2013 - x-pages-men - ibm domino xpages - performance in a nutshell
PDF
Id101 what's new in ibm lotus® domino® 8.5.3 and beyond final
PDF
XPages Blast - Lotusphere 2012
PDF
Android Development Tutorial V3
PDF
What's new in iNotes 9.0 Social Edition
PDF
How to extend IBM Connections Communities and Profiles
IBM Lotusphere 2011 AD306 - IBM Lotus Sametime Proxy: A Collaborative Recipe...
Developing XPages Applications
AD109 - Using the IBM Sametime Proxy SDK: WebSphere Portal, IBM Connections -...
BP209 doctors have scalpels, carpenters have hammers, ibm sametime develope...
Installing Websphere Portal in the IBM Smartcloud
IBM Lotusphere 2012 Show301: Leveraging the Sametime Proxy to support Mobile ...
Build a DB2 for z/OS Mobile Application
ID114 - Wrestling the Snake: Performance Tuning 101
JVM Multitenancy (JavaOne 2012)
BP206 It's Not Herculean: 12 Tasks Made Easier with IBM Domino XPages
Lotusphere 2012 - What's new in Lotus Notes & Domino
Lotusphere 2012 - What's next in Lotus Notes & Domino
Lotusphere 2012 - Show115 - Socialize Your Apps Using OpenSocial
Twelve Tasks Made Easier with IBM Domino XPages
We4IT LCTY 2013 - x-pages-men - ibm domino xpages - performance in a nutshell
Id101 what's new in ibm lotus® domino® 8.5.3 and beyond final
XPages Blast - Lotusphere 2012
Android Development Tutorial V3
What's new in iNotes 9.0 Social Edition
How to extend IBM Connections Communities and Profiles
Ad

More from Stephan H. Wissel (6)

PPTX
IBM Connect 2017 - Beyond Domino Designer
ODP
XPages is Workflow's new best friend
PDF
SHOW107: The DataSource Session: Take XPages data boldly where no XPages data...
ODP
The xsp starter kit
ODP
Paperprototyping
ODP
AD215 - Practical Magic with DXL
IBM Connect 2017 - Beyond Domino Designer
XPages is Workflow's new best friend
SHOW107: The DataSource Session: Take XPages data boldly where no XPages data...
The xsp starter kit
Paperprototyping
AD215 - Practical Magic with DXL

Recently uploaded (20)

PPT
Teaching material agriculture food technology
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Approach and Philosophy of On baking technology
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
NewMind AI Monthly Chronicles - July 2025
PPTX
Cloud computing and distributed systems.
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Teaching material agriculture food technology
20250228 LYD VKU AI Blended-Learning.pptx
MYSQL Presentation for SQL database connectivity
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Approach and Philosophy of On baking technology
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Network Security Unit 5.pdf for BCA BBA.
Spectral efficient network and resource selection model in 5G networks
NewMind AI Monthly Chronicles - July 2025
Cloud computing and distributed systems.
Review of recent advances in non-invasive hemoglobin estimation
Encapsulation_ Review paper, used for researhc scholars
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf

AD106 - IBM Lotus Domino XPages anywhere - Write them once, See them Everywhere

  • 1. 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
  • 10. Screen real estate 10 | © 2012 IBM Corporation
  • 11. Screen real estate 11 | © 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
  • 16. Sidebar & Composite 16 | © 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