Skip to main content link. Accesskey S
  • Help
  • IBM Logo
  • IBM Web Experience Factory wiki
  • All Wikis
  • All Forums
  • ANNOUNCEMENT: Wiki changed to read-only. READ MORE...
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • IBM Redbooks
  • API Documentation
Search
Community Articles > Web Experience Factory > Best Practices for Web Experience Factory > Application Pattern Overview and Concepts - UIs and Service Consumer/Providers
  • Share Show Menu▼
  • Subscribe Show Menu▼

About the Original Author

Click to view profileIBM contributorMichael Burati
Contribution Summary:
  • Articles authored: 17
  • Articles edited: 0
  • Comments Posted: 3

Recent articles by this author

Optimizing your IBM Portal Theme Profile for use with IBM Web Experience Factory Portlets

Optimize your Portal Theme Profile for use with Web Experience Factory Portlets that leverage the Dojo rich web user interface framework.

Why does my Web Experience Factory Portlet receive a ResourceRequest instead of an ActionRequest?

Why does my Web Experience Factory Portlet receive a ResourceRequest instead of an ActionRequest? My code is expecting to work with an ActionRequest and ActionResponse, but it's getting a Resource request and response at runtime.

Leverage Web Experience Factory Data Service Operation Results For A jQuery jqPlot Pie Chart

This article describes how to leverage Web Experience Factory data service operation results to construct a pie chart with the open source jqPlot package.

Leverage Web Experience Factory Data Service Operations From a jQuery UI

This article and attached samples describes how to leverage Web Experience Factory data service operations via REST, from a hand coded jQuery based user interface.

A Simple jQuery Web Experience Factory Sample

A simple introduction to using manually coded jQuery user interfaces with IBM Web Experience Factory
Community articleApplication Pattern Overview and Concepts - UIs and Service Consumer/Providers
Added by IBM contributorMichael Burati | Edited by IBM contributorMichael Burati on July 15, 2011 | Version 29
expanded Abstract
collapsed Abstract
Overview of generating web based user interfaces from structured data.
Tags: best practices, builders, Code samples, sample, wpf
ShowTable of Contents
HideTable of Contents
  • 1 Application Pattern
  • 2 Builders Used
  • 3 Best Practices
  • 4 Samples
  • 5 Resources
Tabular list user interface

Application Pattern


This Application Pattern overview article discusses the generation of user interfaces (input forms, tabular lists) from structured data, such as XML data retrieved from back and data integration servers automated by WEF/WPF .   Unlike the more targetted Application Pattern articles, this article provides an introductory higher level overview of which page automation builders to choose for which general high level types of user interface patterns. Please refer to the rest of the articles in the WEF Application Pattern series for more information on building applications with Web Experience Factory based on specific application patterns.

Builders Used



BuilderDescription
Service ConsumerLeverage data operations and input/result descriptions (schemas) defined by service provider models
Data Services User InterfaceAutomate the generation of a complete CRUD (Create, Read, Update and Delete) application from providers that provide those operations
View and FormAutomate the generation of a List and Details application (with optional create and/or edit) from provider(s) that provide those operations.
Data Page Automate the generation of a user interface (e.g. read only table of data or simple data entry) from structured data (e.g., schema described XML Variable)
Input Form Automate the generation of an html input form from structured data (e.g., schema described XML Variable or service operation inputs)
Data Field Settings Define the visibility, labels and controls to be used for the various fields described by the structured data schema.
 

Best Practices


While all of the above builders may be used in many WEF/WPF based user interfaces, there are pros/cons and best practices around which of the builders you should choose for various use cases and tasks.

- As with all WEF Best Practices, use the highest level builder available for the task at hand.

- If you are building a full CRUD application where the service operations have been labelled with metadata indicating their purpose (eg, read vs update vs delete ...) by a builder like SQL Data Services, OR you are able to supply that metadata for the operations in the provider manually, then use Data Services User Interface.
- For a simple List and Details use case, use View and Form
- For a simple non-interactive (no link to details) table generated from structured tabular data, use Data Page.
- For an input form only (not a List/Details/Update pattern) from a schema defined structured set of data, use Input Form.
(FILL IN PROS/CONS OF VARIOUS CHOICES HERE)

- Use Data Field Settings (as opposed to a combination of multiple Data Field Modifier, Data Column Modifier builders) to set the behavior for specified fields across all pages in your application.


Samples


 
SampleDescription
OrdersServiceConsumerSample in the Building Models feature set which uses the Data Services User Interface builder to generate a CRUD application
Tutorial, DatabaseWEF Tutorial on creating a database backed CRUD application using Data Services User Interface and Data Field Settings builders
LabelAbove and LabelOnLeft Out of the box samples in the Building Models feature set showing use of Data Page builder with modifier builders

Resources


Learning Roadmapexternal link
Samples - Add the "Building Models" and "Tutorials" feature sets to your project and then look under models/samples and models/tutorials in the project explorer. 
 
expanded Attachments (1)
collapsed Attachments (1)
File TypeSizeFile NameCreated OnDelete file
image/jpeg 47 KB ListPortlet.jpg 6/22/11, 2:04 PM
expanded Versions (32)
collapsed Versions (32)
Version Comparison     
VersionDateChanged by              Summary of changes
32Feb 20, 2013, 4:03:00 PMJonathan Booth  IBM contributor
31Mar 6, 2012, 11:43:50 AMMichael Burati  IBM contributor
30Jul 22, 2011, 2:41:38 PMMichael Burati  IBM contributor
This version (29)Jul 15, 2011, 10:42:49 AMMichael Burati  IBM contributor
28Jul 15, 2011, 10:33:16 AMMichael Burati  IBM contributor
27Jul 13, 2011, 2:20:33 PMMichael Burati  IBM contributor
25Jul 13, 2011, 2:19:32 PMMichael Burati  IBM contributor
25Jul 13, 2011, 2:12:35 PMMichael Burati  IBM contributor
24Jun 22, 2011, 9:58:56 PMMichael Burati  IBM contributorMinor change
23Jun 22, 2011, 9:57:14 PMMichael Burati  IBM contributorMinor change
22Jun 22, 2011, 9:55:31 PMMichael Burati  IBM contributorMinor change
21Jun 22, 2011, 9:53:42 PMMichael Burati  IBM contributorMinor change
20Jun 22, 2011, 9:52:50 PMMichael Burati  IBM contributor
19Jun 22, 2011, 9:52:00 PMMichael Burati  IBM contributorMinor change
18Jun 22, 2011, 9:51:16 PMMichael Burati  IBM contributorMinor change
17Jun 22, 2011, 9:49:27 PMMichael Burati  IBM contributorMinor change
16Jun 22, 2011, 9:48:31 PMMichael Burati  IBM contributorMinor change
15Jun 22, 2011, 9:46:34 PMMichael Burati  IBM contributorMinor change
14Jun 22, 2011, 9:45:25 PMMichael Burati  IBM contributorMinor change
13Jun 22, 2011, 9:42:37 PMMichael Burati  IBM contributorMinor change
12Jun 22, 2011, 9:40:16 PMMichael Burati  IBM contributor
11Jun 22, 2011, 9:37:20 PMMichael Burati  IBM contributorMinor change
10Jun 22, 2011, 9:36:14 PMMichael Burati  IBM contributorMinor change
9Jun 22, 2011, 9:33:42 PMMichael Burati  IBM contributorMinor change
8Jun 22, 2011, 2:20:34 PMMichael Burati  IBM contributorMinor change
7Jun 22, 2011, 2:19:03 PMMichael Burati  IBM contributorMinor change
6Jun 22, 2011, 2:18:01 PMMichael Burati  IBM contributorMinor change
5Jun 22, 2011, 2:04:24 PMMichael Burati  IBM contributor
4Jun 22, 2011, 2:01:09 PMMichael Burati  IBM contributor
2Jun 22, 2011, 1:59:12 PMMichael Burati  IBM contributor
1Jun 22, 2011, 1:56:20 PMMichael Burati  IBM contributor
1Jun 22, 2011, 1:57:12 PMMichael Burati  IBM contributorMinor Change
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 LinkThe Social Lounge
  • 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