© 2008 IBM Session ID: D02 Title: Rapidly Construct Rich, Web 2.0 Style Applications Using IBM WebSphere Portlet Factory v6.1 WebSphere Portal Technical

© 2008 IBM

Session ID: D02Session ID: D02Title: Rapidly Construct Rich, Web 2.0 Style Title: Rapidly Construct Rich, Web 2.0 Style Applications Using IBM WebSphere Portlet Factory Applications Using IBM WebSphere Portlet Factory v6.1v6.1

WebSphere Portal Technical Conference U.S. 2008

STORY TITLE


Agenda

WebSphere Portlet Factory’s Web 2.0 Capabilities

Demonstration

What’s New in Portlet Factory v6.1

What to Expect from WebSphere Portlet Factory in the Future

Demonstration

Question and Answer Session

STORY TITLE


Agenda


Demonstration



Demonstration


STORY TITLE


What is a Web 2.0 Application?

For the purpose of this discussion we will assume Web 2.0 applications are characterized by:

Rich, user-friendly interfaces User participation

• Wikis, blogs, folksonomies, mashups etc. Web standards

• REST (ATOM/RSS), Web Services/SOAP et. al.

4

STORY TITLE


WebSphere Portlet Factory’s Web 2.0 Capabilities: Rich, User Friendly Interfaces

Provides extensive set of builders for generating highly customized user interfaces

Enables highly interactive user experiences by providing DOJO and AJAX capabilities

Automates process of creating and customizing application look and feel

5

STORY TITLE


Intelligent Page Refresh

Processing performed on client side

Eliminates screen flicker common in web applications Improves scalability by reducing server side requests

6

User Clicks Text box

Portlet Provides Additional Sort Options without

Refreshing Entire Page

STORY TITLE


Type Ahead Search Returns results matching entered criteria in near real time

Streamlines search pattern by minimizing user keystrokes and clicksUser Enters Search Criteria in

TextboxPortlet Displays Matching Results

as Text is Entered

http://www-10.lotus.com/ldd/pfwiki.nsf/dx/ajax-type-ahead-sample-using-database-filtering

STORY TITLE


Hover Highlighting

Improves usability by highlighting UI elements user hovers cursor over

Highlights Row based on Cursor Position

STORY TITLE


Contextual Pop-ups

Launches window with additional details as user hovers cursor over UI elements

9

Displays Product Details in Pop-up Window

User Hovers Mouse Over Selection

STORY TITLE


Drag and Drop

User can drag and drop UI elements onto UI regions

10

Select and DragDrop on Region

STORY TITLE


Inline Editing

User can edit UI elements inline

Click Pencil Icon to Edit Enter Data Click to Save/Cancel

STORY TITLE


WebSphere Portlet Factory’s Web 2.0 Capabilities: User Participation

Leverage the social aspects of Web 2.0 provided by Lotus Connections for integrating Profiles, Blogs and Dogear in applications

Generate Widgets for deployment to IBM MashupCenter for creation of business mashups

STORY TITLE


Profiles

Find the right people by searching across the organization using keywords that help identify expertise, current projects and responsibilities

View Contact Summary

Search for Contact

View Picture View Contact Details

http://www-10.lotus.com/ldd/pfwiki.nsf/dx/ibm-lotus-connections-integration-samples

STORY TITLE


Dogear

Discover bookmarks that have been qualified by others with similar interests and expertise

Search for Subject

View Results Page Through Results

STORY TITLE


Blogs

Present your ideas and get feedback from others

Leverage the expertise and experience of other bloggers

Display and Drill Down on Blog Entries

Add Blog Entries

Edit/Delete Blog Entries

View Blog Entry Details

Create Blog Entry

STORY TITLE


Mashups

Rapidly create dynamic widgets enabling business users to quickly and easily create and assemble mashups on-the-glass

Select Source Widget Select Source Action

Select Target Action Select Target Widget

STORY TITLE


WebSphere Portlet Factory’s Web 2.0 Capabilities: Web Standards

REST and Web Services provide a standard method for accessing data and functions regardless of platform, operating system and programming language

STORY TITLE


REST Leverage REST based data and functions in Portlet Factory

applications

Provides support for RSS 1.0/2.0 and ATOM 1.0 feeds

Consume REST Feeds

Consume REST Feeds

Extract REST Parameters

Automatically Create Variables Visualize REST Data

Visualize REST Data

STORY TITLE


REST Continued…

Coming soon automatically generate REST services

Enables rapid creation of a reusable services layer leveraging rich, pre-built connector library to expose data from enterprise systems

Specify Service to Expose Create Test Harness

View REST feed

STORY TITLE


Web Services Consume and visualize WS-I 1.1 basic profile web services

Visualize Web Service Data

Exposes all WSDL Operations Automatically Creates Variables

http://www-10.lotus.com/ldd/pfwiki.nsf/dx/06182008070049PMWEBUZ3.htm

STORY TITLE


Web Services Continued… Automatically generates WS-I 1.1 basic profile web services

Enables rapid creation of a reusable services layer leveraging rich, pre-built connector library to expose data from enterprise systems

Expose Data as Web Service Create Test Harness

Invoke Operations

View WSDL File

STORY TITLE


Agenda


Demonstration



Demonstration


STORY TITLE


Agenda What’s New in Portlet Factory v6.1

Improved Developer User Experience

Added New Builders

Improved Performance

Enhanced Web Service Functionality

Expanded Designer Platform Support

Broadened Portlet Platform Support

Created New Samples and Documentation

Expanded Builder Catalog Offerings

Free 60 Day Downloadable Trial

STORY TITLE


Develop Applications Visually

View and edit user interface components visually

Provide suggested builders intelligently based on context

View Pages Edit Pages VisuallySuggest Builders Based on Page

Selection

STORY TITLE

WebSphere Portal Technical Conference U.S. 20082525 25

Create Applications Faster

Create and Manage Favorite Builder List

Search for Builders

Display Documentation Dynamically Based on

Builder Selection

Display Recommended Builders

Add application functionality using streamlined builder picker

STORY TITLE


Navigate Intuitively

Click the builder call link icon and automatically display the design or code view

Click to Display Design View and Generated Code

Display WebApp Tree

Display Design or Generated Code View

STORY TITLE


Debug Applications Easily Configure WAS CE in debug mode by default

Set breakpoints on methods, pages, event handlers and data service operations

Step through code

Watch variables during execution

Toggle Breakpoints

Step Through CodeView Variable Values

STORY TITLE

WebSphere Portal Technical Conference U.S. 20082828 28



Added New Builders








STORY TITLE


Integrate Flash in WPF Applications

Embed Flash components in WPF applications

Combine WPF and Flash application functionality

Enter Order in WPF Application Update Order List in

Flash Application

STORY TITLE


Expand and Collapse Data Details

Display and hide detail information

Expand SelectionCollapse Detail

View Detail

STORY TITLE




Added New Builders








STORY TITLE


Improved Application and Memory Performance

Reduced session memory size

Increased load capacity

Enhanced performance statistic reporting to enable targeted tuning

Added support for DynaCache

Provided capability to set variable scope to session or request

STORY TITLE




Added New Builders








STORY TITLE



Expose all Web Service operations defined in a WSDL file with a single builder call

Support WS-Security LTPA binary and Username tokens

Expose all Web Service Operations

Provide LTPA and Username Tokens

STORY TITLE




Added New Builders








STORY TITLE



Develop applications on SUSE and Red Hat Enterprise Linux

Plug WPF Designer into Eclipse 3.3*

* Visual application development features not available in Eclipse 3.3

STORY TITLE




Added New Builders








STORY TITLE


Deploy Portlets to More Platforms

Deploy JSR 286 portlets to WebSphere Portal 6.1

Deploy portlets to WAS JSR 168 container

Deploy JSR168/286 Portlets to Portal 6.1

STORY TITLE




Added New Builders








STORY TITLE



Published a comprehensive Portlet Factory Redbook

Added 50+ samples to the Portlet Factory wiki to jumpstart application development

•Creating a rich internet application using Dojo•Using AJAX techniques in applications•Integrating with the Connections suite including Dogear, Profiles and Blogs•Integrating with Quickr using the REST service call builder•Using the REST call builder and REST style service calls•Creating a Domino service•Using Domino collaboration builders•Localizing portlets to support multiple languages•Creating a SQL service•Creating a SAP service•Using Inter-portlet Communication•Using Excel Data•Integrating with Flash•Leveraging Web Charts to visualize data using graphs and charts

STORY TITLE




Added New Builders








STORY TITLE


Add Workflow to Applications Initiate or process human tasks

Query list of human tasks

Includes customizable pre-built task list portlet

Use Task Metadata exported from

WebSphere Integration Developer

Specify Task List Query

STORY TITLE


Integrate with Information Server

Connect to an Information Server instance

Browse deployed services

Select a service to use in WPF applications

Browse and Select Service

Display Service Details

STORY TITLE




Added New Builders








STORY TITLE


Download Free 60 Day Trial!

45

http://www.ibm.com/developerworks/downloads/ws/wpf/learn.html

Contains Everything

Needed to Get Started Including

WASCE and Integrated Tutorials

STORY TITLE


Agenda


Demonstration



Demonstration


STORY TITLE


What To Expect from WebSphere Portlet Factory in the Future

* Reflects forward looking statements subject to change at anytime based on market demands

6.1.2Dec 2008

• Enhanced usability• iWidget support• Improved generated User Interface• Team development support• Improved documentation• Expanded platform support

• WAS7, zOS 1.9• Expanded designer platform support

• Eclipse 3.4, RAD 7.5

7.0Q2/Q3 2009

6.1 Trial Aug 08

6.1.0.1 FixpackQ3 2008

6.1.2.1 FixpackQ1 2009

• Address customer APARs

• IP v6 support

• Address customer APARs

• Enhanced usability• Improved generated User Interface• Enhanced Web 2.0 support• Team development support• Enhanced Web Services support• Improved documentation• Expanded platform support

• Electronically available 60 day trial

6.1June 08

• Enhanced usability• New builders• Improved performance• Enhanced Web Service functionality• Expanded designer platform support• Expanded portlet platform support• Extended samples and documentation• Added portal catalog offerings

STORY TITLE


Additional Information and Resources

WebSphere Portlet Factory 6.1 Trial:

http://www.ibm.com/developerworks/downloads/ws/wpf/learn.html

WebSphere Portlet Factory Wiki:

Contains Best Practices and 50+ Downloadable Samples

http://www-128.ibm.com/developerworks/wikis/display/PortletFactoryID/Home

WebSphere Portlet Factory Zone on DeveloperWorks:

http://www.ibm.com/developerworks/websphere/zones/portal/portletfactory/

WebSphere Portlet Factorhy Redbook:

http://www.redbooks.ibm.com/redpieces/abstracts/sg247525.html?Open

WebSphere Portlet Factory Forums:

Monitored by Portlet Factory Experts

http://www-01.ibm.com/support/docview.wss?rs=3044&uid=swg27011853

WebSphere Portlet Factory External Site:

http://www-01.ibm.com/software/genservers/portletfactory/

WebSphere Portlet Factory Training US and Worldwide (Search for Keyword Portlet Factory):

http://www.ibm.com/products/finder/us/finders?pg=trfinder

http://www-304.ibm.com/jct03001c/services/learning/ites.wss/zz/en?pageType=tp_search

STORY TITLE


Additional Information and Resources: ISSL Consulting Services

STORY TITLE


Additional Information and Resources: Education Offerings

Course Code Title

WPC41 IBM WebSphere Portlet Factory Top Gun Application Development I

PW416 IBM WebSphere Portlet Factory Developer Fundamentals

WP516 IBM WebSphere Portlet Factory Advanced Topics

STORY TITLE


Session ID: D02

Session: Rapidly Construct Rich, Web 2.0 Style Applications Using Rapidly Construct Rich, Web 2.0 Style Applications Using IBM WebSphere Portlet Factory v6.1IBM WebSphere Portlet Factory v6.1

Please take a few minutes to fill out the session survey.

Thank you


Documents

© 2008 IBM Session ID: D02 Title: Rapidly Construct Rich, Web 2.0 Style Applications Using IBM WebSphere Portlet Factory v6.1 WebSphere Portal Technical