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 Pattern Overview and Concepts - UIs and Service Consumer/Providers
  • 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: 1

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 Pattern Overview and Concepts - UIs and Service Consumer/Providers

Added by IBM contributor Michael Burati | Edited by IBM contributor Jonathan Booth on February 20, 2013 | Version 32
  • Edit
  • More Actions Show Menu▼
Rate this article 1 starsRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars
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 Patterns
  • 2 Builders Used
    • 2.1 User Interfaces
    • 2.2 Service Consumers/Providers
  • 3 Best Practices
  • 4 Samples
  • 5 Resources

Tabular list user interface

Application Patterns


IBM Web Experience Factory allows you to automate the generation of many types of web applications, with various use case overviews described in this application pattern series.

This WEF application pattern introductory article provides an overview of the Page Automation (UI Generation) related builders, along with the Service Consumer and Provider related builders used in a service oriented architecture (SOA).

We will briefly discuss 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



User Interfaces


BuilderDescription
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 search inputs and/or update) 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.

Service Consumers/Providers


BuilderDescription
Service ConsumerLeverage data operations and input/result descriptions (schemas) defined by service provider models
Service DefinitionSpecify that the model will be used as a service provider, by service consumer models.
Service OperationSpecify an individual operation, associated with a service definition, callable by service consumers
SQL Data Services High level SQL builder that in addition to integrating with a relational DB, wraps the usage of Service Definition and Service Operations for you, along with logical operation metadata required by DSUI
Web Service Multi-Operation High level Web Service builder that in addition to integrating with WSDL described SOAP services, wraps the usage of Service Definition and Service Operations for you.

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 List/Search, Details,and optional Update 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.


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

- Use a single Web Service Multi-Operation builder rather than many Web Service Call builders when defining a service provider that will leverage multiple operations from a WSDL definition.

- Use SQL Data Services high level builder (which adds the Service Definition and Service Operation builders for you) rather than using the lower level SQL Call and Service Definition / Operation builders directly.


Samples


 
SampleDescription
|OrdersServiceConsumer|Sample in the Building Models feature set which uses the Data Services User Interface builder to generate a CRUD application
|Tutorial, Database|WEF 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. 
 


  • Edit
  • More Actions Show Menu▼


expanded Attachments (1)
collapsed Attachments (1)
Edit the article to add or modify attachments.
File TypeSizeFile NameCreated On
image/jpeg 47 KB ListPortlet.jpg 6/22/11 1:33 PM
expanded Versions (32)
collapsed Versions (32)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (32)Feb 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
29Jul 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
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 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