Skip to main content link. Accesskey S
  • Log In
  • Help
  • IBM Logo
  • IBM Web Experience Factory wiki
  • All Wikis
  • All Forums
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • IBM Redbooks
Community Articles Product Documentation Learning Center IBM Redbooks This category Web Experience Factory 8 Documentation WebSphere Portlet Factory 7 Documentation WebSphere Portlet Factory 7.0.1 Documentation Custom Search Scope...
Search
Community Articles > Web Experience Factory > Best Practices for Web Experience Factory > Application Patterns with Web Experience Factory
  • New Article
  • Share Show Menu▼
  • Subscribe Show Menu▼

About the Original Author

IBM contributorMichael Burati
Contribution Summary:
  • Articles authored: 13
  • Articles edited: 0
  • Comments Posted: 0

Recent articles by this author

Using the Portal DeviceClass for Web Experience Factory Multichannel Profile Selection
Introduction This article and sample describes how you may optionally use the Portal's Device Class mechanism provided by WebSphere Portal, to perform profile selection between "smartphone", "tablet" and defaultdesktop devices. Note It is assumed that the reader is familiar with Web ...

IBM Web Experience Factory Client-Side Applications Overview
Introduction IBM Web Experience Factory has added support for a clientside web architecture, allowing the development of lightweight mobile web applications with a rich native look and feel. Leveraging HTML, Javascript, Dojo Mobile, clientside mobile web applications preload an aggregator ...

IBM Web Experience Factory 8.0 Anatomy of a Client-Side Application
Anatomy of a ClientSide Mobile Application A Web Experience Factory ClientSide Mobile Application makes use of RESTJSON calls to the server to perform operations, and then processes the result data into the client page(s), performing page transitions within the client browser runtime, ...

Building a single record Details and Update portlet
Application Pattern This Application Pattern overview article discusses the generation of a single record (no list of records) Details and Update portlet, such as a user updating their own company profile info. For more detailed information on how to build models using the builders listed ...

Building separate List and Details communicating portlets with IBM Web Experience Factory
Application Pattern This Application Pattern overview article discusses the generation of separate List and Details portlets, that communicate via events, with IBM Web Experience Factory For more detailed information on how to build models using the builders listed here, please refer to the ...

Community articleApplication Patterns with Web Experience Factory

Added by IBM contributor Michael Burati | Edited by IBM contributor Michael Burati on July 22, 2011 | Version 61
expanded Abstract
collapsed Abstract
This article provides a high level visual reference to various application and user interface patterns for web applications and portlets, along with links to the articles that describe how to automate the construction of such applications with IBM Web Experience Factory (the product formerly known as IBM WebSphere Portlet Factory).
Tags: patterns samples portlet mobile
ShowTable of Contents
HideTable of Contents
  • 1 Application Patterns
  • 2 UI Patterns
  • 3 Data Integration patterns

Application Patterns


Page Automation
WEF Application Pattern Overview and Conceptsexternal link

IBM Web Experience Factory Application Pattern Overview and Concepts. How does one generate web user interfaces from structured data?   What is Page Automation? What builders are used in a Service Oriented Architecture (SOA)


 
Create Read Update Delete
Building Create, Read, Update, Delete applications with Web Experience Factoryexternal link

Leverage the Data Services User Interface builder to generate Create, Read, Update and Delete  web applications.



List Portlet
List and Details Portlets

Separate List and Details portlets with client side events.





Multi-page form
http://wiki1.swg.usma.ibm.com/ldd/pfwiki.nsf/dx/Multi-Page_Input_Form|Multi-Page Input Form">Multi-Page">http://wiki1.swg.usma.ibm.com/ldd/pfwiki.nsf/dx/Multi-Page_Input_Form|Multi-Page Input Formexternal link

Input form split across multiple pages.

 

Modifying the Results of a REST Service Call
Modifying the Results of a REST Service Callexternal link

The XML data retrieved from a back-end server is frequently not in the format needed by your WEF application. Sometimes the structure of the data needs to be changed; sometimes the values of the data need to be changed. Web Experience Factory provides tools for doing both.

 
 

UI Patterns


 
Data layout 
Web 2.0 UI Layouts

Use the Data Layout builder to automate various rich web 2.0 UI layouts.

 
 

Data Integration patterns


 
REST Transforms 
REST Transforms

Restructuring REST service results for use in page automation UIs..

 
  
Multiple Data Sources 
Multiple Data Sources

Combining and merging data from multiple back end data sources into a single service provider operation response.

 
expanded Attachments (7)
collapsed Attachments (7)
File TypeSizeFile NameCreated On
image/gif 5 KB ModifyRestServiceDataThumbnail.gif 7/22/11 2:48 PM
image/jpeg 4 KB CRUDThumbnail.jpg 7/22/11 2:48 PM
image/jpeg 10 KB DetailsPortletThumbnail.jpg 7/22/11 2:48 PM
image/jpeg 10 KB ListPortletThumbnail.jpg 7/22/11 2:48 PM
image/jpeg 6 KB ListDetailsThumbnail.jpg 7/22/11 2:48 PM
image/jpeg 14 KB MultiPageFormThumbnail.jpg 7/22/11 2:48 PM
image/jpeg 8 KB DataLayoutThumbnail.jpg 7/22/11 2:48 PM
expanded Versions (71)
collapsed Versions (71)
Version Comparison     
VersionDateChanged by              Summary of changes
71Oct 4, 2011 10:38:19 PMMichael Burati  IBM contributor
70Jul 27, 2011 3:55:51 PMMichael Burati  IBM contributor
69Jul 27, 2011 1:58:50 PMMichael Burati  IBM contributor
68Jul 25, 2011 3:12:27 PMMichael Burati  IBM contributor
67Jul 25, 2011 3:10:53 PMMichael Burati  IBM contributor
66Jul 25, 2011 3:08:17 PMMichael Burati  IBM contributor
65Jul 25, 2011 3:07:43 PMMichael Burati  IBM contributor
64Jul 22, 2011 2:52:59 PMMichael Burati  IBM contributor
63Jul 22, 2011 2:52:16 PMMichael Burati  IBM contributor
62Jul 22, 2011 2:48:32 PMMichael Burati  IBM contributor
This version (61)Jul 22, 2011 2:45:43 PMMichael Burati  IBM contributor
60Jul 22, 2011 2:43:51 PMMichael Burati  IBM contributor
59Jul 19, 2011 11:21:21 AMMichael Burati  IBM contributor
58Jul 19, 2011 11:14:15 AMMichael Burati  IBM contributor
57Jul 19, 2011 11:12:55 AMMichael Burati  IBM contributor
56Jul 19, 2011 11:11:09 AMMichael Burati  IBM contributor
55Jul 19, 2011 11:08:23 AMMichael Burati  IBM contributor
54Jul 19, 2011 2:57:38 AMThomas Dinger  IBM contributor
53Jul 19, 2011 2:38:39 AMThomas Dinger  IBM contributor
52Jul 19, 2011 2:32:47 AMThomas Dinger  IBM contributor
51Jul 19, 2011 2:30:37 AMThomas Dinger  IBM contributor
50Jul 19, 2011 2:28:18 AMThomas Dinger  IBM contributor
49Jul 19, 2011 2:21:32 AMThomas Dinger  IBM contributor
48Jul 13, 2011 2:08:53 PMMichael Burati  IBM contributor
47Jul 13, 2011 2:05:37 PMMichael Burati  IBM contributor
46Jul 13, 2011 1:00:38 PMMichael Burati  IBM contributor
45Jun 22, 2011 2:10:45 PMMichael Burati  IBM contributorMinor change
44Jun 22, 2011 2:09:41 PMMichael Burati  IBM contributorMinor change
43Jun 22, 2011 2:10:12 PMMichael Burati  IBM contributorMinor change
42Jun 22, 2011 10:44:47 AMMichael Burati  IBM contributorMinor Change
41Jun 21, 2011 10:58:39 AMMichael Burati  IBM contributorMinor change
40Jun 21, 2011 10:40:23 AMMichael Burati  IBM contributorMinor change
39Jun 20, 2011 4:17:59 PMMichael Burati  IBM contributorMinor change
38Jun 20, 2011 3:49:02 PMMichael Burati  IBM contributorMinor change
37Jun 20, 2011 3:45:13 PMMichael Burati  IBM contributorMinor change
36Jun 20, 2011 3:29:11 PMMichael Burati  IBM contributorMinor change
35Jun 20, 2011 3:27:09 PMMichael Burati  IBM contributorMinor change
34Jun 20, 2011 3:24:45 PMMichael Burati  IBM contributorMinor change
33Jun 20, 2011 3:19:09 PMMichael Burati  IBM contributorMinor change
32Jun 20, 2011 3:15:42 PMMichael Burati  IBM contributorMinor change
31Jun 20, 2011 3:11:00 PMMichael Burati  IBM contributor
30Jun 20, 2011 3:08:17 PMMichael Burati  IBM contributor
29Jun 20, 2011 3:06:28 PMMichael Burati  IBM contributor
28Jun 20, 2011 3:04:03 PMMichael Burati  IBM contributor
27Jun 20, 2011 3:00:12 PMMichael Burati  IBM contributor
26Jun 20, 2011 2:59:23 PMMichael Burati  IBM contributor
25Jun 20, 2011 2:51:11 PMMichael Burati  IBM contributor
24Jun 20, 2011 1:57:11 PMMichael Burati  IBM contributor
23Jun 20, 2011 1:56:05 PMMichael Burati  IBM contributor
22Jun 20, 2011 1:54:47 PMMichael Burati  IBM contributor
21Jun 20, 2011 1:51:06 PMMichael Burati  IBM contributor
20Jun 20, 2011 1:50:31 PMMichael Burati  IBM contributor
19Jun 20, 2011 1:48:53 PMMichael Burati  IBM contributor
18Jun 20, 2011 1:45:22 PMMichael Burati  IBM contributor
17Jun 20, 2011 1:42:49 PMMichael Burati  IBM contributor
16Jun 20, 2011 1:42:13 PMMichael Burati  IBM contributor
15Jun 20, 2011 1:41:36 PMMichael Burati  IBM contributor
14Jun 20, 2011 1:40:43 PMMichael Burati  IBM contributor
13Jun 20, 2011 1:38:28 PMMichael Burati  IBM contributor
12Jun 17, 2011 3:20:49 PMMichael Burati  IBM contributor
11Jun 17, 2011 3:20:18 PMMichael Burati  IBM contributor
10Jun 17, 2011 3:10:53 PMMichael Burati  IBM contributor
9Jun 17, 2011 2:58:52 PMMichael Burati  IBM contributor
8Jun 16, 2011 11:45:08 AMMichael Burati  IBM contributor
7Jun 16, 2011 11:40:42 AMMichael Burati  IBM contributor
6Jun 15, 2011 4:41:23 PMMichael Burati  IBM contributor
5Jun 15, 2011 4:41:00 PMMichael Burati  IBM contributor
4Jun 15, 2011 4:39:07 PMMichael Burati  IBM contributor
3Jun 15, 2011 4:26:44 PMMichael Burati  IBM contributor
2Jun 15, 2011 4:25:06 PMMichael Burati  IBM contributor
1Jun 15, 2011 4:08:24 PMMichael Burati  IBM contributor
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedHelpAbout
  • IBM Collaboration Solutions wikis
  • IBM developerWorks
  • IBM Software support
  • Twitter LinkIBMSocialBizUX on Twitter
  • BlogsIBMSocialBizUX on Facebook
  • ForumsLotus product forums
  • BlogsIBM Social Business UX blog
  • Community LinkIBM Collaboration Solutions
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Accessibility
  • IBM Terms of use
  • Wiki terms of use