XPages Boot Camp. Learn Web 2.0 Development Techniques using Lotus Domino Designer. Vikas Tiwari Client Technical Professional IBM

Transcription

1 XPages Boot Camp Learn Web 2.0 Development Techniques using Lotus Domino Designer Vikas Tiwari Client Technical Professional IBM Date: Wednesday May 30th - Thursday, May 31st 2012 Time: 09:00 AM - 05:00 PM

2 Legal disclaimer IBM Corporation 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. 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. All references to Renovations refer to a fictitious company and are used for illustration purposes only. 2

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

4 About The Speakers Vikas Tiwari Client Technical Professional IBM, Delhi, India Is a Client Technical Specialist for IBM Collaboration Solutions and Xpages in the IBM India SWG team in Delhi. He has worked on XPages from the beginning and before that on Notes Domino 8 back to Notes 5.x Linkedin: Blog: tiwari.vikas@in.ibm.com Mobile:

5 Agenda Day - 1 Introduction - Lotus Development and XPages Demo - Domino Discussion template and other XPages applications Working with XPages in IBM Lotus Domino Designer Introduction with Designer 8.5 interface and XPage element Development Model Exercise - The profile application Offline Capability of XPages Application Day - 2 Introduction to XPages Extension Library Demo - Extension Library Controls Exercise - Enhancing The profile application Deployment/Co-existence Environment Reuse of existing business logic Mobile Application Development 5

6 Quick Survey How many of you know about Lotus Notes? How many of you use Lotus Notes for Mailing? How many of you use Lotus Notes for Applications? How many of you know about XPages? How about the XPages Extension Library (ExtLib)? How many of you have used the ExtLib to build apps? Built apps that are now on production servers? How many are using the TeamRoom XL How built mobile apps?

7 Before We Start... Who is this presentation aimed for? Individuals who: Have not used IBM Lotus Domino Designer before Have not used IBM Lotus Domino Designer 8.5 or later Want to learn how IBM Lotus Domino Applications 'work' Who want to learn the basics of XPages Who is this workshop not aimed for? Experienced Xpages and IBM Lotus Domino Designer Users 7

8 The World has changed Desktop Smartphone/Tablet Pull Push Click Touch Tabs Feeds Location unknown location aware ebusiness Cloud go online always connected Program-CD Apps 8

9 Introduction to XPages

10 What are XPages? A new Domino design element A runtime designed to generate modern Web applications Controls, data sources, business logic, custom controls Solves age-old limitations expressed by the Domino community Fully integrated into Domino Web server Pure XML markup, defining: Fully integrated into Domino Designer UI/Data separation, HTML generation control, server state, localization, extensibility Capable of targeting multiple clients (Browser, Notes Client, Mobile etc) Highly extensible runtime and design time 10

11 What are XPages? XPages is standard JSF extended for Lotus Domino Run natively in the Lotus Domino server (as of 8.5) & Lotus Notes Client (as of 8.5.1) Business logic performed through JavaScript and Simple Actions Nearly everything is computable No Java knowledge required (but you can call it from JS functions) Separation of Presentation and Data layers Mashup as many data sources on a page as you want Built in AJAX functionality Full style sheet (CSS) and theme support 11

12 XPages Architecture XPages is built on top of JSF, but simplifies JSF in several important ways: Removes JSP/servlet container dependency Removes tie to Java Allows use of scripting languages (JavaScript, XPath, etc.) Built-in XML support Adds custom control model Adds other extensions (data sources, AJAX, etc.) No deployment step needed works just like other Domino design elements Existing JSF components can be used in an XPage XPages remains 100% compatible with JSF 12

13 XPages Architecture 13

14 Digging a Little Deeper Pure XML file format The X in XPage No JSP tags involved Easy to process using XML tools Source code available from the visual editor Every property is computable 14

15 Built in Ajax & Dojo Support AJAX partial page refresh Available on any event Pre-built on View Pager AJAX typeahead Add behavior to any edit control Content can be returned through a simple formula in the page No need to write a separate service Dojo is provided as the client side library 15

16 XPage Controls Extensive palette of pre-built controls Two categories of controls All the basic controls and containers expected for developing Web 2.0 applications Core single entities used in XPage or custom control Container more complex and contain other controls Extensible palette of controls Custom controls Controls may also be contributed by third parties! 16

17 Custom Controls and Themes Custom Controls: A new design element introduced in release to complement XPages Allow UI and logic to be encapsulated into a design element which can be reused by other Xpages Each Custom Control can be parameterized allowing each Custom Control to exhibit different layouts/behaviors depending on their context Themes: Also introduced in release Themes allow for applications to be 'skinned'. Themes can completely change the look of an XPage without the need to change any XPage 'code'/logic. Themes can be assigned per page, per application or globally (on the server) Domino ships with two prepackaged themes 17

18 XPages in the Notes Client (XPiNC)* Enable Notes/Domino users to run XPages web applications offline Deliver the same UI experience running locally in the Notes client Take advantage of Notes/Domino NSF replication capabilities Support XPages on all Notes client platforms Windows, MAC, LINUX Innovate & Integrate where practical, e.g. Leverage the client composite application model Integrate with Notes client workspace features as makes sense Provide a secure runtime environment for XPages client applications Leverage client Execution Control Lists (ECLs) Make it secure through a Java security manager synchronized with the ECLs *XPages only available in the Notes Client since Release

19 XPages in the Notes Client - Architecture Similar to the server/web architecture Notes Client Embedded XUL Runner Web Container XPages UI Container XPages Runtime In Short NSF apps have a new XPages client launch option When app is opened, this URL is passed to XPages client container The container further transforms the URL... Creates a instance of the XULRunner browser Sends a secure request to client web container The web container routes all XSP requests to the XPages runtime XPages runtime renders pages back to the XULRunner browser XPages requests sent to an embedded Java Web container The XPages runtime inserts as a generic web module and provides a virtual container for NSFs Each NSF can be projected as an autodeployed Web Module. NSF design elements (XSP, Java class files ) are made available as module resources to the servlet API. 19

20 Domino 8.5 A Revolution! From... To... 20

21 Case Study: Quick Tour of the TeamRoom XL

22 Case Study: TeamRoom XL New TeamRoom XL from Lotus Notes Domino UP1 22

23 Case Study: TeamRoom XL Using the OneUI Application Layout Consistent with Lotus UX. Title bar at the top, navigation on the left 23

24 Case Study: TeamRoom XL The new Home page Showing Recent Activities Unified Experience ; a Project Vulcan - live feed of recent changes Using a Tag Cloud for easier identification of the most used categories 24

25 Case Study: TeamRoom XL All Documents using a XPages Discussion-like UI The code in the Discussion template was improved and extracted to a drag-and-drop control in the ExtLib, for ease of reuse Abstracts of the body text available in the view 25

26 Case Study: TeamRoom XL Thread view page based on the OneUI Comment in a Forum component In-context editing in the Thread view, including response creation/editing With some refinements to better fit with Lotus Domino views Again, extracted to a control for ease of re-use 26

27 Case Study: TeamRoom XL Select View and Filter mechanism To simplify the UI design, uses multiple views of the same data on the same page, and provides a consistent UI for filtering categorized views to a specific category Implementation uses the ExtLib Dynamic Content control, for switching between different content at a location in the page 27

28 Case Study: TeamRoom XL Simplification of the New / Edit Main Document UI Makes the required and most commonly used fields more prominent Using ExtLib controls for selecting and displaying Reviewer lists 28

29 Case Study: TeamRoom XL An XPages Calendar View control Used to display inapplication calendar giving dates and times of team meetings, events, review duedates etc Single-click switching to day-at-a-glance, week, month, year modes Was not previously available, a great addition to the ExtLib Client side support for Drag 'n Drop, Delete, Double-Click edit etc 29

30 Case Study: TeamRoom XL Pager state restoration When you click into a doc and then return to the view, the re-displayed view remembers the page number 30

31 Case Study: TeamRoom XL Members thumbnail photos The ExtLib gives a unified API for user information, including thumbnail photos The TeamRoom is using photos stored in the NSF 31

32 Case Study: TeamRoom XL Member creation using Name Picker control ExtLib control with directory integration 32

33 Case Study: TeamRoom XL Members view using multi-column view control configuration 33

34 Basics of Lotus Domino Application

35 What is a Domino Application A Domino Application (Database) is A totally self contained application with... Application design and logic Administration & Access information User created data (i.e. data created using the application design, referred to as 'Documents') design notes, admin notes, documents Notes/Domino application databases and other files Totally self-contained, portable, shareable, replicateable, secure, document-oriented application databases As of Release 8.0 Applications can be combined as reusable components called Composite Applications 35

36 What is Domino Designer A modern Eclipse based IDE for developing applications that run on Domino Based on the same platform as Lotus Notes (the Expeditor platform) Allows users to quickly design, implement and test applications (simple 'deployment model') Can be easily extended as it is based on Eclipse (which is a highly open & extensible platform by design) Oh, and did we mention IT IS FREE!!! 36

37 Domino Designer The primary tool for creating and maintaining Domino applications Applications are then run by a Notes Client or by the server s HTTP task connected to a browser NRPC N/D app developer Designer NRPC Notes HTTP N/D app user browser Create and maintain N/D apps h d a s t i m v t i g r p o r p r e p l Notes/Domino applications 37

38 An Application is a List of 'Notes' a Notes Database Database header per-database information Replication history * Internal structures list of notes * Database Header - Contents ODS (On Disk Structures) version Database class (nsf, ntf, etc.) Info buffer (title, template, etc.) Database ID Database Instance ID Replication ID and settings Replication History - List of replication servers and times (speeds up the replication process) Internal Structures - Not directly accessible by any APIs * optional 38

39 A 'Note' is a List of Fields Designed to support replication and collaboration a Note Note header list of items * list of response NOTEIDs * * optional Note Header - Contents NOTEID within the database UNID used by replication and design refresh NOTE_CLASS_xxx flags Attribute flags (readonly, etc.) Creation, modified, accessed times Parent note s NOTEID Number of responses Replication time and sequence number Note Item - Contents Item name and name s length Item s attribute flags Item s type (text, richtext, etc.) Item s value (depends on type) Replication sequence number 39

40 Terminology Document: The container for data. Field: A single item of data within a document. Form: Used to format a document for viewing and editing. View: Organizes documents in a list. Agents: Perform tasks within a database. 40

41 What is a Document? A document is a data container. Each document contains 'items' (data) Each item has a name, a data-type (e.g. text, number, rich-text etc...), and a value A document is analogous to a 'row' in a relational db. Documents are created & edited using 'Forms' Documents are opened using 'Views' 41

42 What is a Form? A form gives structure to a document. A form controls how a document displays to the end user, and is the primary mechanism for entering, editing and viewing data. A form contains field which set item values in the corresponding document. A form contains events that can be scripted (e.g. Postopen, Postsave etc...). Forms may defined access rights for a document. The functionality of a form may be refactored into a 'sub-form' and shared across multiple forms. 42

43 What is a View? A view is used to select and navigate defined subsets of documents. A view is an index of documents contained within an application. An application typically contains several (often dozens of) views. A document may appear in different views. Views may be categorized, sorted, and searched. 43

44 What is an Agent? An agent is used within an application to perform a specific task. Agents may be run manually, on a predefined schedule or in response to a specific event. Agents may be written in any one of a number programming languages; LotusScript 'Simple action' The agent manager ensures that the executor of an agent has sufficient security privileges to execute the actions defined in the agent (e.g. can't read a document unless you are defined as a reader etc..). 44

45 Logic That Can Be Added to Domino Applications 45

46 Deployment & Templates Because the Data and Design are stored in a single file the deployment model is trivial... Place the file on the server!! There are two Domino Application file types nsf application (aka 'database') ntf application (aka 'template') As a general rule of thumb template files do NOT contain data, only design In general nsf applications inherit their design from a master template file Any number of applications can inherit their design from the same template Designers can choose to customize a particular application if the template's design is not an exact match for the application's needs. 46

47 Deployment & Templates The Domino deployment model is a highly efficient deployment model as design upgrades can be quickly distributed across multiple applications and servers using Domino Replication functionality... 47

48 Lotus Notes & Domino Application Development Lotus Domino & Designer Upgrade Pack 2 XWork Server Lotus Domino & Designer Domino Designer Usability and Productivity enhancements XPages Stability/performance improvements Improved rich text editing (CKEditor) Dojo Better Notes client integration APIs XPage extensibility APIs Notes views (JavaTM) Cloud images for developers 2010 Application server based on Domino and Xpages capabilities. Suitable for ISV XPages solutions Secure Low cost Scalable Available to web browsers & mobile devices Domino Designer Support new Xpagescontrols XPages XPages Extension Library Enhanced Mobile support Leverage social services from ConnectionsTM, SametimeTM Dojo upgrade 2013 Lotus Domino & Designer Feature Release Domino Designer Server Side JavaScript editor & debugger Usability enhancements XPages Rich Internet Application (RIA) features Dojo & CKEditor upgrade Lotus Domino & Enhanced Mobile device support Designer iwidget/opensocial consumption/hosting Integrate with Activity Streams and Lotus Domino APIs Social Edition Domino Access Services (REST APIs) Language bindings for Activity Stream Domino Designer APIs Usability enhancements Platform Source control enhancements Expand OSGi consumption and support XPages in Domino Incorporate Upgrade Pack 1 & 2 Cloud services for developers into base Create OpenSocial gadgets Dojo, CKEditor & OneUI upgrade APIs Domino Access Services (REST APIs) Refresh C&S REST APIs & back-end LotusScript & Java classes Platform Expande OSGi consumption and support in Domino Open social container Cloud services for developers Lotus Domino & Designer Domino Designer Source Control Integration New XPages and Forms/Views perspectives Update CS JavaScriptTM editor New Java design element XPages Stability/performance improvements Improved rich text editing (CKEditor) Dojo 1.5, CKEditor APIs XPage extensibility APIs Cloud images for Applications Lotus Domino & Designer Upgrade Pack 1 Domino Designer Extensions for design elements Support new XPagescontrols XPages XPages Extension Library Enhanced Mobile device support APIs Domino Access Services (REST APIs) Note: Information is subject to change without notice at IBM s discretion

49 IBM XWork Server New offering designed for ISVs and IBM Business Partners who need a well-priced and easy to sell XPages based offering that allows them to quickly develop and deliver collaborative social business applications for web and mobile devices. Provides an attractive and VERY simplified pricing and packaging approach for XPages technology via a lower, fixed term license cost. It lowers the cost of the technology to the customer. Allows partners and ISVs to deliver their existing IBM Lotus Domino applications to new customers Delivers exceptional Work experiences Offering is based on Lotus Domino Utility Server but with license restrictions 4 applications only 4.NSFs per application Additional applications supported via additional license (up to 8 apps) Replication is restricted to other IBM XWork Servers

50 Exploring Extension Library Power of Open Source, Reliability of IBM

51 A New Development Model The IT Landscape is evolving quickly and we need to adapt to these changes Product release cycles do not match the community expectations Some Notes/Domino releases may not have an application development focus We need shorter cycles and sharper focus for the app dev community The XPages Extension Library proved that open sourcing the code has several benefits: We can release as fast as we want, and customers can adopt it at their convenience The availability of the source code makes it easier to consume, understand, and extend But... The open source projects are not officially supported by IBM can be a blocker in some organizations The code is not certified with IBM quality standards localization, accessibility, testing etc.

52 The Extension Library What's in Extension Library UP1? Over 100 new tags!!! UI controls Data Access Objects Simple actions Other assets Dojo wrappers inotes controls REST services Mobile library Predefined Managed Beans Application Layout Get Started with XPagesExt.nsf Sample application available on OpenNTF.org Provides inituitive samples of almost every artifact Learn even more from the TeamRoom and Discussion templates Features a new mobile UI

53 Product, Upgrade Packs and Open Source Code is first released on OpenNTF Available early and gives full transparency on what is being done Facilitates quicker user evaluation, feedback and contributions Pieces from OpenNTF are selected and delivered as Upgrade Packs Upgrade Packs are 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 Upgrade Packs do not modify the core base platform in any way! Continuous development released as open source Dec 14, 2011 UP1 Core Product N/D UP2...UPx... UPy... N/D Next

54 Extended Editing Context Beyond the traditional web form/submit/navigate pattern Editing the data In Context Provide various flavors of dialogs In Context Editing Modal Dialog Dynamic Tabbed Interface Tooltip Dialog 54

55 Dynamic Pages Make the content of a page dynamic Parts of the page are discarded/reconstructed on demand The user never leaves the current page Very efficient runtime behavior The context is kept using the URL hash technique Makes it bookmarkable, and enables the back button 55

56 Value and Name Pickers Select data from any data source Domino view, Address Book, Managed Bean.. Integrated with the standard TypeAhead component Pluggable UI for high degree of customization 56

57 Outlines/Menus Provide a generic way for building action bars Hierarchical navigators, accordions, pop-up menus, trees... Content can be static (defined in the page), dynamic (retrieved from a data source) or a mix of both. Easy mapping to actions (client and/or server side) 57

58 Dojo Wrappers Leveraging the Dojo form controls Extended set of input controls Spinner, sliders,... Dojo client side validation enabled New Dojo containers for high user interactivity Tabbed panels, layout... 58

59 Interactive Views View content rendered in a scrollable grid Either the Dojo grid or the inotes virtual list, depending on the need inotes virtual list supports categorization, document hierarchy... Dojo grid supports editing and is not tied to Views Data is accessed using REST services provided by the XPages Custom columns can be computed, and events handled Documents can also be updated for the column pointing to fields 59

60 OneUI Application Layout Get a running OneUI application in less than 5 minutes! Fully customizable OneUI rendering Abstracts all the OneUI application parts Can even be customized by providing an inherited renderer Get ready for the upcoming Vulcan look and feel 60

61 Access to Calendar Views Visualize Notes/Domino views through inotes controls and REST services Add CRUD operations through custom forms 61

62 Predefined Managed Beans Get easy access to common data Current user name, , etc. There also You could add your own Managed Beans 62

63 Source Code Java source code for all modules provided as Eclipse plug-ins Source can be used to: Understand fine detail of how features work Customize runtime behavior * Propose new features or behaviors Diagnose issues Setting up a development environment to work with Java source code Server must be started in debug mode (add entries to NOTES.INI) JavaEnableDebug=1 JavaDebugOptions=transport=dt_socket,server=y,suspend=n,address=8000 Install Domino Debug Plugin into Domino Designer Import Java source plug-ins into Domino Designer Ref Step #8 in Domino Designer install instructions Set up Domino server and OSGI debug configurations Use Firebug or other JavaScript debug tools to work with JavaScript source Firebug, Firebug Lite (XPiNC), IE Developer Toolbar etc * has support implications

64 Mobile Controls Single-Page Application Paradigm Application Pages loaded using partial refresh Pages typically written as Custom Controls Share Logic between Desktop and Mobile Supported Devices Themes provided for iphone and Android in UP1 Intention to support Blackberry in future Upgrade Pack

65 Mobile Controls Application Application Page Heading List List Item Switch Tab Bar Tab Bar Button

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

67

68

69

70

71 Summary The XPages Extension Library brings a new set of social capability to XPages Access to the IBM Social Business Toolkit APIs (Connections, LotusLive, Sametime...) Access to external social networks (Twitter, Facebook, Dropbox...) New ready to use custom controls These features are already available on openntf and will be gradually integrated into the product, via UpgradePacks This is an evolving piece of work, and a major focus for 2012 Support for OpenSocial Gadgets and Embedded Experience Support for more Social Networks and Plug-ins Preview of Domino as an OAuth provider (monitor openntf!) 71

72 Application Layout Control

73 Application Layout Control Get a running OneUI application in less than 5 minutes! Fully customizable OneUI rendering Abstracts all the OneUI application parts Can even be customized by providing an inherited renderer 73

74 Application Layout Control Exposed in Domino Designer's control palette along with several property categories and supported facets 74

75 Application Layout Control Used in the new TeamRoom XL, Discussion XL and DocLib XL templates Most effective when used on a single Custom across several XPages within an application Control that is shared In-line with the Layout Container Pattern Exposed in Domino Designer's control palette along with several property categories 75

76 Getting to grips with it... 76

77 Application Layout Control TeamRoom XL Several XPages alldocuments.xsp announcements.xsp calendar.xsp events.xsp search.xsp *.xsp home.xsp 77

78 Application Layout Control TeamRoom XL Several XPages + One Custom Control alldocuments.xsp events.xsp announcements.xsp calendar.xsp search.xsp *.xsp home.xsp layout.xsp (Custom Control) 78

79 Application Layout Control TeamRoom XL Several XPages + One Custom Control = Layout Container Pattern alldocuments.xsp events.xsp announcements.xsp calendar.xsp search.xsp *.xsp home.xsp layout.xsp (Custom Control) 79

80 Application Layout Control TeamRoom XL layout.xsp (Custom Control) 80

81 Application Layout Control TeamRoom XL layout.xsp (Custom Control) <xe:applicationlayout/> 81

82 Application Layout Control TeamRoom XL layout.xsp (Custom Control) <xe:applicationlayout/> 82

83 Application Layout Control TeamRoom XL layout.xsp (Custom Control) <xe:applicationlayout/> 83

84 Application Layout Control TeamRoom XL layout.xsp (Custom Control) <xe:applicationlayout/> 84

85 Application Layout Control TeamRoom XL alldocuments.xsp (XPage) <xc:layout/> 85

86 Application Layout Control TeamRoom XL alldocuments.xsp (XPage) <xc:layout/> 86

87 Zero to App Layout Hero... 87

88 Application Layout Control In a TeamRoom XL based database... Create two blank XPages Name both XPages as follows: xpone and xptwo Create a new Custom Control Name the Custom Control as follows: CcLayoutContainer In the WYSIWYG editor for the cclayoutcontainer Custom Control... From the Extension Library category of the Control Palette Drag'n'drop an Application Layout control 88

89 Application Layout Control Once you drag'n'drop the Application Layout control to the cclayoutcontainer Custom Control a wizard dialog appears Choose OneUI Application Configuration from the Configuration options list (1.) Check all the checkboxes available for the different types of Area (2.) Choose the oneuiv2_1_blue from the Application Theme options list (3.) This wizard assists you in configuring the Application Layout Though this theme on the Discussion template. Any theme from the app can be selected here. Click the OK button 89

90 Application Layout Control An instance of the Application Layout control will now reside on the cclayoutcontainer Custom Control You should Save all your changes at this point 90

91 Application Layout Control Drag'n'drop an instance of the cclayoutcontainer Custom Control unto each of your previously created XPages (xpone and xptwo) Again, Save all your changes 91

92 Application Layout Control Ensure you have saved all your changes to xpone, xptwo, and cclayoutcontainer Now open the xpone and xptwo XPages in a web browser You should see both pages with a header bar and footer links A number of resources, title, and pageicon have also been automatically added You can also view the source of each page to study the emitted HTML markup structure 92

93 Application Layout Control You can now continue to configure the Application Layout control to establish a shared layout for the xpone and xptwo XPages Select the cclayoutcontainer Application Layout control instance in Designer Choose the Title Bar category in the Properties panel Then add text to the Title text field Save your changes 93

94 Application Layout Control Click on the Add Item button Select Page Link Node from the options list Repeat this step so that there are two of these nodes 94

95 Application Layout Control You will now have two Page Link Nodes in the Title Bar Area Set the label and page properties accordingly for each one using the Property editor 95

96 Application Layout Control Using the cclayoutcontainer Custom Control, type some text into the middle area facet and the LeftColumn facet Save your changes 96

97 Application Layout Control Refresh the xpone XPage in the web browser You will now see the configuration of your Application Layout being reflected within the different areas of the page 97

98 OSGi Development Framework

99 Introduction What are Upgrade Packs UP1? Additional new features to existing Notes Domino releases Customers on active maintenance can download from IBM Passport Advantage IBM Business Partners can download from Partnerworld Software Access Catalog Download 1 zip for UP1 which contains install kits for the following Lotus Notes client XPages Extension Library runtime Lotus Domino Designer XPages Extension Library runtime (for local preview) Designer plugins for working with XPages Extension Library Lotus Domino & IBM XWork Server XPages Extension Library runtime Domino Access Services (REST APIs)

100 Introduction to OSGi OSGi used to stand for Open Service Gateway Initiative but is now just a trademark used to define the specifications for a module system and service platform Component model: OSGi bundle Private classpath: each bundle has its own classloader Static resources Fine grained dependencies control via package import/export Many other capabilities available Easy deployment Hot installation and dynamic configuration Provisioning Lifecycle via Bundle activator Multiple open source implementations Eclipse equinox Apache felix, Knopflerfish, Karaf, Concierge

101 Where is it used in IBM Lotus Notes /Domino? Notes Designer UI rewrite as plugins running within same process as Notes Client New Eclipse editor for Xpages Java, CSS, LotusScript Notes Client UI rewrite using Expeditor/RCP platform Tight Mail integration Extension points Preferences, ISA OSGi integration within the HTTP task Xpages runtime enhanced to run as OSGi plugins Security, OSGi console, Extension points Domino Server Domino Server Expand OSGi support to other Domino services Rest APIs Open Social Container XPages Extension Library Domino OSGi Tasklet Service Domino Servlet Container Domino Designer 8.5 Notes Client 8.0

102 IBM Lotus Domino OSGi in HTTP architecture Bridge Services OSGi start/stop XPages Classloading OSGi Console Common logging Request dispatching Domino Context XPages Extension Library Rest APIs Ajax Proxy Servlet Policy Servlet Custom plugins Domino Web Engine (HTTP Task) JNI XPages Plugins Runtime Web Application Services Equinox HTTP Service Expeditor Web Container Domino OSGi Core Services Logging, Security, HTTP request Context OSGi / RCP Framework Java Runtime Environment

103 IBM Lotus Domino OSGi Tasklet Service architecture Bridge Services OSGi start/stop Message Queue OSGi Console Common logging Profile support Domino OSGi Tasklet Service Tasklet Plugin Tasklet Plugin Tasklet Plugin Tasklet Plugin Service Thread Manual JNI DOTS Core Service Logging, Profile, Security (DOTS) Service Thread Scheduled Service Thread Triggered OSGi / RCP Framework Java Runtime Environment

104 Multiple deployments File based Bundles are packaged as jars or directories and dropped into the server file system Recommended location is {DominoData}/domino/workspace/applications Bundles execute with maximum security privileges NSF Based Bundles are imported into a database using the UpdateSite.ntf template Server is configured to use the updatesite database (notes.ini variable for HTTP, Profile for DOTS) Documents containing the bundles must be signed with privileged user id to load, after which bundles execute with maximum security privileges PDE tool: Developer configuration Server is instrumented to run bundles directly from eclipse workspace: deployment-less No need to export bundles every time a change is made Bundle are not physically installed making it easy to switch between configurations

105 Open Social : Future of Development

106 What is OpenSocial? OpenSocial is an OPEN specification defining how to build SOCIAL applications which can run in multiple containers. Google Gadgets + Social APIs = OpenSocial Social APIs People Friends Activities

107 OpenSocial, Putting The Social In Social Business Open Anyone can contribute to the OpenSocial specification. IBM, Google, Jive, Yahoo, Atlassian, Cisco, and many more have contributed. Individual contributions are made by people not associated with the spec. Standard Standards benefit everyone, the application, the end user, and the developers. Social Being social is the norm today, and we are bringing social to your favorite collaboration platforms. OpenSocial apps can SECURLEY access the social information inside and outside Notes and inotes Merging the social and business information together is what a social business is all about 107

108 IBM is Participating and Driving the OpenSocial Spec OpenSocial Foundation Board Member Two committers to the OpenSocial specification Four committers to the Apache Shindig project Open source reference implementation of the OpenSocial specification Where does IBM use OpenSocial today? LotusLive is an OpenSocial container IBM Mashup Center can be an OpenSocial container Activity Stream implementaiton on Greenhouse IBM has committed major features to both OpenSocial 1.1 and

109 OpenSocial 2.0 Activity Streams Embedded Experiences Gadgets can be embedded in MIME s or Activity Streams OpenSocial 2.0 allow gadgets to interact with the surrounding container, Notes or inotes Brings the best of Eclipse plugin development to OpenSocial Selection People, Messages, Text, and Files Actions Contribute actions to top level menus, toolbars, and context menus Windowing Service Open dialogs, floats, tabs, and new windows 109

110 What does this mean for app developers? 110

111 Open App Revolution! 111

112 OpenSocial Sandbox 112

113 OpenSocial Sandbox Place for gadget developers to go and build and test their gadgets MOST OpenSocial 2.0 APIs are available Embedded experiences in the Activity Stream and Inbox Selection, Declarative Actions, and Open Views Social APIs are NOT implemented Sandbox is not persistent Build your gadgets out on the sandbox and they work in Notes and inotes Social Edition Quick rapid development without having to worry about setting up a Social Edition test environment 113

114 Realizing the Social Vision in Notes & inotes Notes and Domino Social Edition 114

115 Custom REST Services Tools to build your own services using OSGi and Apache Wink Java, OSGi, Wink skills required Apache Wink is an open source project Easy to build a service in a Java servlet container Uses Java annotations Most of the code is contributed to Apache by the WebSphere team See 115

116 Embedded Experience Open Social

117 Embedded Experiences Enables you to work faster and smarter by avoiding context switching and infusing socially oriented collaboration capabilities Embedded Embeddedexperiences experiencesease ease transient interactions with transient interactions withcontent content within withinmail mailand andother otherapplications applications 117

118 IBM's Social Business Toolkit Modular set of capabilities for a unified work experience across products on the user interface, on mobile devices, and in the cloud Comprehensive set of APIs, open standards, documentation, samples, best practices, and an active community An activity stream is a dynamic view of data that has been aggregated and published The embedded experience allows reading and taking actions on activities in the stream without having to leave the context Available as preview on Lotus Greenhouse 118

119 Participating in the Embedded Experience with XPages The Component design element is being extended to support the generation of OpenSocial gadgets The same design element can generate iwidgets, Composite Components and now OpenSocial gadgets Supports the OpenSocial specific attributes The runtime JS code will give access to the gadget data gadget.xml generated using <gadget name>.gadget.xml The Single Page control used for mobile rendering will also have a renderer for gadgets Extended API to support New functions to send an message with EE New functions to connect to the ActivityStreams and generate events with EE Direct connection or queued access 119 IBM Confidential

120 XSnippets in Embedded Experience 120

121 Access to IBM's Social Business Toolkit from XPages OAuth for delegated authorization Built in data source for the activity stream Custom REST API calls for everything else JSON navigator API to easily parse JSON 121

122 122

123 Mobile Application Development

124 2011: Mobile devices surpass PC sales Smartphone sales exceed laptops and PC sales for first time Units shipped (M) Units shipped (M) PC's Smartphones Units shipped (M) Tablets,tablets, tablets Executives bringing personal tablets to work 80 Deployments for customer facing roles Tablets Sources of market data, IDC: PC market - Modest PC Growth Meets Expectations with Little Change for 2011 Before Recovering in 2012, IDC, Sept 13, 2011 Smartphone market - Worldwide Smartphone Market Expected to Grow 55% in 2011 and Approach Shipments of One Billion in 2015, IDC, June 9, 2011 Tablets market - Media Tablet Shipments Miss Third Quarter Targets, But New Entrants and Holiday Demand Will Spark Fourth Quarter Growth, IDC, Dec 15,

125 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 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

126 XPages Mobile Features Provide a set dedicated set of controls and libraries Form controls, data lists, navigation, transition animations... Extends Dojo Provide mobile renderings of key application controls Outline, dataview, formtable 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 IBM Lotus Domino Designer Mobile control visualisations

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

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

129 XPages Mobile Features Teamroom

130 How it works

131 Single Application Page

132 Mobile Controls Single-page Application Model Application Pages loaded using partial refresh Pages typically written as Custom Controls Share Logic between Desktop and Mobile

133 Cross over pattern

134 Common Controls Enables cross over pattern Mobile renderers provided for some of the popular controls Dataview Form Table Outline

135 Device detection

136 Questions? 136

137 IBM Lotus Domino REST Services

138 What is REST? Representational State Transfer (REST) 2000 by Roy Fielding Co-founder and V.P., Apache HTTP Server Project Member, The Apache Software Foundation Ph.D., Information and Computer Science, UC Irvine Representational State Transfer (REST) was a doctoral thesis Principal authors of the HTTP specification versions 1.0 and 1.1 RFC 1945 Hypertext Transfer Protocol - HTTP/1.0 RFC 2616 Hypertext Transfer Protocol - HTTP/

139 Being RESTful... REST Constraints Resource Oriented Client Server Stateless Cacheable Layered System Conforming to the REST constraints is referred to as being "RESTful" 139

140 CRUD You operate on resources with CRUD operations: Create Read Update Delete POST GET PUT, PATCH DELETE What is PATCH? PATCH PUT Partial Update Complete Update 140

141 What is JSON? JavaScript Object Notation Specified in RFC 4627 by Douglas Crockford JSON is a subset of JavaScript The Fat-Free Alternative to XML JSON is built on two structures: Object: A collection of name/value pairs Array: An ordered list of values 141

142 JSON Object { "@href":" "@unid":"0f7e8f76cacc d0c5", "@noteid":"2c7a", "@created":" t13:04:25z", "@modified":" t13:04:45z", "@authors":"cn=admin\/o=peaks", "@form":"state", "Key":"AL", "Name":"ALABAMA" } 142

143 JSON Array [ { "@entryid":"1-0f7e8f76cacc d0c5", "Key":"AL", "Name":"ALABAMA" }, { "@entryid":"2-df127ef6e034afe d0c6", "Key":"AK", "Name":"ALASKA" } ] 143

144 Domino REST Services Database Collection Read the list of databases on the server View Collection Read the list of views and folders in a database View Entries Create Read Update and Delete the entries in a view or folder View Design Read the design of a view or folder Document Collection Read the list of documents based on a query Documents Create, Read, Update and Delete documents 144

145 RESTful Domino Domino REST Services can be accessed two ways From XPages using the REST Service control As built-in service called Domino Access Services (DAS) Domino Access Services (DAS) is an extensible set of services Domino Data Service Mail Service (Planned) Calendar Service (Planned) Custom Services 145

146 XPages REST Service Control Generic control that be set to a REST service REST Control can be bound to other controls Data can be accessed directly using the pathinfo property Used to create custom REST services Properties are context sensitive based on service selected Computed columns (View Service) Computed fields (Document Service) Events querydeletedocument - postdeletedocument querynewdocument - postnewdocument queryopendocument - postopendocument querysavedocument - postsavedocument 146

147 REST in XPages Extension Library XPages REST Service control (xe:restservice) 147

148 Binding to a REST Service The storecomponentid property can be used to bind a control to the REST Service control. Dojo Grid Control (xe:djxdatagrid) inotes Grid Control (xe:listview) inotes Calendar Control (xe:calendarview) <xe:djxdatagrid id="djxdatagrid1" storecomponentid="restservice1"> <xe:djxdatagridcolumn id="colfirstname" field="firstname"> </xe:djxdatagridcolumn> </xe:djxdatagrid> 148

149 The storecomponentid property <xe:restservice id="restservice1"> <xe:this.service> <xe:viewjsonservice viewname="allcontacts" defaultcolumns="true"> </xe:viewjsonservice> </xe:this.service> </xe:restservice> <xe:listview id="listview1" storecomponentid="restservice1"> </xe:listview> 149

150 What is Android? Android is a software stack for mobile devices The Android operating system is a multi-user Linux system The Android SDK provides the tools and APIs developing applications The Android platform using the Java programming language The Android platform supports RESTful applications in Java 150

151 What is Dojo? Dojo is the Open Source JavaScript Toolkit Supports (Ajax) updates without a need for reloading the whole page Asynchronous JavaScript and XML Use JavaScript object XMLHttpRequest It is toolkit for constructing dynamic web user interfaces Dojo offers widgets which are UI elements button, text box, scroll bar, tree, table, calendar, guages, etc You import only the packages you need dojo.require("dojo.parser"); dojo.require("dojox.data.jsonreststore"); dojo.require("dojox.grid.datagrid"); 151

152 How to access REST data in Dojo? XHR Callbacks dojo.xhrpost - Ajax request using the HTTP POST dojo.xhrget - Ajax request using the HTTP GET dojo.xhrput - Ajax request using the HTTP PUT dojo.xhrdelete - Ajax request using the HTTP DELETE XHR Options load - executed when a successful Ajax call is complete error - executed when an Ajax call times out, or otherwise fails handle - combination of load and error callbacks 152

153 Dojo JsonRestStore The JsonRestStore follows RFC 2616 JsonRestStore caches objects that have been retrieved Works directly with all current data bound widgets in dijit JsonRestStore uses HTTP's Range header to perform paging JsonRestStore will include a Range header with an items range unit: Range: items=0-24 A response with a Content-Range header with items range/total is returned: Content-Range: items 0-24/66 153

154 Relational Database Access Available today on OpenNTF Requires Not a replacement for NSFs, but a way to open your applications to external data sources. Based on Java and JDBC Directly connects to any database with a JDBC driver No data replication/synchronization with NSFs Simple access through a set of new data sources SQL statements can be static, parameterized, via a new design element... Control data binding just like Domino View/Document binding Database connections are defined using JNDI, and are located either in an NSF or globally, at the server level Connection pool provided for maximum performance 154 IBM Confidential