Home Page Icon
Home Page
Table of Contents for
Front cover
Close
Front cover
by Claudio Tagliabue, Dennis Parrott, Paul Pacholski, Matthew Oatts, Thalia Hooker,
Deliver Modern UI for IBM BPM with the Coach Framework and Other Approaches
Front cover
Notices
Trademarks
IBM Redbooks promotions
Preface
Authors
Now you can become a published author, too!
Comments welcome
Stay connected to IBM Redbooks
Chapter 1. Delivering modern UI for IBM BPM using the Coach Framework and other approaches
1.1 User interactions with business processes
1.2 Coaches: Custom user interfaces for business processes
1.3 Coach views: Custom user interface components
1.3.1 Controls: Atomic coach views
1.3.2 Reusable coach elements: Composite coach views
1.3.3 Dynamic coach view interaction
1.4 Human services
1.4.1 Task completion coaches
1.4.2 Dashboards
1.4.3 Client-side human services
1.5 Using coaches outside IBM BPM
1.5.1 Launching coaches using a URL
1.5.2 Coaches within JSR 286 portlets
1.6 How coaches can benefit your organization
1.6.1 Seamless integration of UIs and process logic
1.6.2 Tailored UI components for your business
1.7 Conclusion
Chapter 2. Creating user interfaces with coaches
2.1 Getting started with client-side human services
2.1.1 Creating a simple process flow
2.1.2 Creating a client-side human service
2.1.3 Running a client-side human service
2.2 Building a simple coach
2.2.1 The coach editor
2.2.2 What you see is what you get (WYSIWYG)
2.2.3 Using variables to add controls to a coach
2.2.4 Moving and deleting controls
2.3 Configuring controls
2.3.1 Setting the control binding variable
2.3.2 Using pseudo variables
2.3.3 Setting control configuration options
2.3.4 Defining control visibility
2.3.5 Changing the positions of controls
2.4 Control toolkits
2.5 Working with documents
2.5.1 Document List control
2.5.2 Document Viewer control
2.5.3 Document Explorer control
2.6 Creating a reusable group of controls (using a composite coach view)
2.7 Adding validation to a coach
2.7.1 Required visibility
2.7.2 Control configuration options
2.7.3 Data Change event handler
2.7.4 Client-side script
2.7.5 Server-side service
2.7.6 When to use each validation technique
2.8 Deriving data from other fields
2.9 Making a coach responsive
2.9.1 Multiple form factors
2.9.2 Controls’ responsive properties
2.9.3 Testing a responsive UI
2.9.4 Responsive design considerations
2.10 Designing a coach using the grid layout
2.10.1 The Grid and Content views
2.10.2 Grid templates
2.10.3 Grid cell properties
2.10.4 Adding content to the grid
2.10.5 Using sections with a grid layout
2.10.6 Using a grid layout within a coach view
2.10.7 Grid view visual tools
2.10.8 Hiding grid cells
2.10.9 Reusing a grid layout
2.11 Using nested client-side human services
2.12 Styling coaches using themes
2.12.1 Defining a custom theme
2.12.2 The Graphical Theme Editor
2.12.3 The Source Editor
2.12.4 Fine-grained and broad-brush styling
2.12.5 Style configuration options
2.12.6 Applying a theme at run time
2.12.7 Styling IBM Process Portal
2.13 Displaying coaches in different languages (using localization)
2.13.1 Defining a localization resource
2.13.2 Localizing user interfaces
2.14 Performance considerations
2.14.1 Consider the expected browser version when designing coaches
2.14.2 Avoid building large coaches with too many controls
2.14.3 Minimize the number of server-side calls
2.14.4 Use client-side human services instead of heritage human services
2.14.5 Minimize the size of business objects in the UI
2.14.6 Judiciously use the Table control
2.14.7 Pick an appropriate delay time for auto-complete fields
2.15 Conclusion
Chapter 3. Building controls using coach views
3.1 Overview of a coach view structure
3.2 Developing coach view basic functions
3.2.1 Defining and accessing data in the coach view
3.2.2 Constructing the view of a coach view
3.2.3 Programming the coach view event handler to control behavior
3.2.4 Test coach view in a human service
3.3 Developing advanced functions of a coach view
3.3.1 Communicating with backend data
3.3.2 Additional view layout attributes of the coach view
3.3.3 Better support for the coach author in design time
3.3.4 Developing coach views with existing UI libraries
3.4 Patterns of coach view development
3.4.1 Configuration option with drop-down selection
3.4.2 Use LESS for theme participation
3.4.3 Loading curtain
3.4.4 Publishing and subscribing an event through a controller coach view
3.5 Performance considerations
3.5.1 Ensuring the browser cache works
3.5.2 Using Prototype to reduce the memory footprint
3.5.3 Using lazy loading
3.5.4 Reducing service calls
3.5.5 Balancing UI design simplicity and usability
3.5.6 Do not mix controls written with different JavaScript libraries
3.5.7 Avoiding unnecessary change-events processing
3.5.8 Using custom Dojo build layer
3.5.9 Handling editable and read-only modes differently
3.6 Checklist for developing a custom coach view
3.7 Conclusion
Chapter 4. SPARK UI Toolkit
4.1 Introduction
4.1.1 Understanding the value of the SPARK UI Toolkits
4.1.2 Developer experience
4.1.3 Underlying patterns and principles
4.1.4 Modern, lightweight, consistent across BPM versions
4.2 Understanding the IBM and Salient Process partnership
4.3 Basic BPM UI concepts with SPARK
4.3.1 Controls and configuration properties
4.3.2 Methods, events, and addressing
4.3.3 Optional data binding
4.3.4 Validation
4.4 UI layout
4.4.1 Horizontal and vertical layouts
4.4.2 Tabbing or stacking UI content
4.4.3 Displaying modal content
4.4.4 Wells
4.5 Calling AJAX services
4.5.1 Service Call control
4.6 Responsiveness
4.6.1 Classic responsiveness
4.6.2 Enhanced Web Component-based responsiveness
4.6.3 Coach view responsiveness
4.7 Working tabular and repeating data
4.7.1 Table and Service Data Table controls
4.8 Searching content
4.8.1 Layouts and repeating data
4.9 Formulas
4.9.1 Syntax for control references
4.9.2 Formulas referencing specific controls
4.9.3 Formulas for control aggregates
4.9.4 Working with data directly
4.9.5 Formulas for non-numerical computations
4.9.6 Formulas for control-value initialization
4.10 Reporting and analytics
4.10.1 Charts
4.10.2 Working with tables and charts
4.11 Solutions for common patterns and requirements
4.11.1 Working with large forms
4.11.2 Server-side paging
4.12 More on the SPARK UI Toolkit
4.13 Conclusion
Chapter 5. IBM Process Portal
5.1 Process Portal features
5.1.1 Mobile enablement
5.1.2 Process Portal layout
5.1.3 Discovering tasks with the Work dashboard
5.1.4 Locating tasks using filters and saved searches
5.1.5 Executing tasks
5.1.6 Working with processes and cases
5.1.7 Performance dashboards
5.1.8 Custom dashboards
5.1.9 Social features
5.2 Modifying the Process Portal user experience
5.2.1 Personalize the user experience
5.2.2 Configure Process Portal
5.2.3 Style Process Portal
5.2.4 Extend Process Portal with custom dashboards
5.2.5 Define a Process Instance Launch UI
5.2.6 Define a custom Process Instance Details UI
5.2.7 Clone Process Portal
5.2.8 Customize Process Portal
5.2.9 SPARK Portal Builder toolkit
5.3 Securely accessing IBM Process Portal from a mobile device
5.4 Process Federation Server
5.4.1 Process Federation Server Deployment
5.4.2 More on Process Federation Server
5.5 Conclusion
Chapter 6. Combining the Coach Framework with other approaches
6.1 Decoupling the BPM UI: “Headless†BPM
6.1.1 How are business processes represented in the SOA reference architecture?
6.1.2 Business process orchestration and BPM UI
6.1.3 Accessing tasks externally
6.1.4 Exposing a process via a business service
6.1.5 IBM BPM REST APIs
6.1.6 Pros and Cons of a formal service exposure layer for BPM APIs
6.1.7 Design points relating to an independent BPM UI
6.1.8 Pros and cons of an external BPM UI
6.1.9 External UI integration: anti-patterns
6.2 BPM UI design patterns
6.3 Exposed pattern
6.3.1 Expose human services indirectly through the EPS toolkit
6.3.2 Summary of the Exposed pattern implementation options
6.4 Embedded pattern
6.4.1 Embed a human service as an iframe in an alternative task portal
6.4.2 Embed a human service in the IBM BPM iOS mobile app
6.4.3 Embed a human service in IBM WebSphere Portal
6.5 Integrated pattern
6.6 Decoupled pattern
6.6.1 Use an external UI implementation within a BPM process
6.6.2 Use IBM MobileFirst to implement the Decoupled pattern
6.7 Independent pattern
6.8 Hybrid pattern
6.8.1 Launch external activity from IBM Process Portal
6.9 Combining and extending the BPM UI design patterns
6.9.1 Take advantage of IBM Process Portal
6.9.2 Embed iframes in coaches
6.10 Conclusion
Appendix A. Additional material
Locating the Web material
Using the Web material
Downloading and extracting the Web material
Related publications
Online resources
Help from IBM
Back cover
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Note: Before using this information and the product it supports, read the information in “Notices” on page ix.
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset