Skip to main content link. Accesskey S
  • Anonymous
  • Log on
  • Help
  • IBM logo
  • IBM Web Experience Factory wiki
  • All Wikis
  • Home
  • Community Articles
  • Product Documentation
  • Learning Center
Search
Advanced Search

Categories

Tag Cloud

  • 6.1
  • 6.1.2
  • 6.1.5
  • 6.1.5.1
  • 7.0
  • Ajax
  • Alerts
  • Annotations
  • attachment
  • best practices
  • BlackBerry
  • builder
  • builder faq
  • builders
  • charts
  • Code samples
  • Connections
  • css
  • Custom builder
  • CustomBuilder
  • dashboard
  • Data Access
  • data access faq
  • Data and variables
  • Database
  • Databases
  • Debugging
  • demo
  • demo models
  • demo projects
  • demo widget
  • demos
  • deployment
  • deployment faq
  • Deployment scenarios
  • development
  • dojo
  • Domino
  • faq
  • fixpack
  • General FAQ
  • getting started
  • Help
  • HTML
  • html templates
  • ILOG
  • integration
  • iPhone
  • JViews
  • Learning
  • Logging
  • lotus connections
  • Lotus Widget Factory
  • media dashboard
  • media pf
  • media widget
  • mobile
  • mobile smartphone development
  • Model development
  • new
  • Notifications
  • overview
  • page automation
  • Portal
  • Portal Integration
  • portal integration faq
  • Portlet
  • Portlet Factory 7
  • presentation
  • presentation faq
  • Profiling
  • Quickr
  • REST
  • rest faq
  • REST Service Call
  • restructure handler
  • rich ui
  • sample
  • sample application
  • samples
  • schema
  • Security
  • Smartphones
  • SOA
  • social
  • Source Control
  • sql
  • summary and drilldown
  • Team development
  • Troubleshooting
  • ui
  • User Interface
  • video
  • web 2.0
  • Web Experience Factory
  • Web Experience Factory 8
  • Web Services
  • websphere dashboard framework
  • wef
  • wpf
InformationInformation
You are currently viewing machine translated content. IBM translation might be available. Click IBM Translated Product Documentation to see what is available.X


Home > Best Practices > Application Patterns with Web Experience Factory
Rate this article 1 starRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars

Application Patterns with Web Experience Factory 
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).
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 Concepts

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 Factory

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



List Portlet
List and Details Portlets

Build separate List and Details portlets with events.




Multi-page form
Multi Page Input Form

Input form split across multiple pages.



Details and Update Portlet
Details and Update Portlet

Build a single record details and update portlet.





UI Patterns


 
Data layout 
List Layout UI Patterns

Use the Data Layout builder to transform the grid style tables generated by the Page Automation builders (Data Page, View & Form, and DSUI) into alternate list layouts that are suitable for viewing on Desktop, Mobile, and Tablet devices.

 

Tab layout 
Tab Layout

Building Tab Layouts with IBM Web Experience Factory.

 
 

Data Integration patterns



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

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.

 


expanded Article information
collapsed Article information
Category:
Best Practices, Best Practices for Web Experience Factory, Education, Resources for Developers, Samples and Techniques, Samples and Techniques for Web Experience Factory, Web Experience Factory,
Tags:
patterns samples portlet mobile
This Version: Version 71 October 4, 2011 10:38:19 PM by Michael Burati  IBMer

expanded Attachments (9)
collapsed Attachments (9)

 


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