Overview of IBM Forms Experience Builder on Cloud

1. IBM Forms
Experience Builder
on Cloud
1
Marty Lechleider
Offering Manager
martin_lechleider@us.ibm.com

2. What is IBM Forms Experience Builder on Cloud?
Forms
View
Analysis
Design
Manage
Service Catalog APIs
Runtime
Design
Enterprise Directory Federation
Workflow Role Based Access Control
Data
Collection
Services
File
Attachment
Services
JavaScript APIEvents
Rules
IBM ID
Notifications
App
Definition
Services
Customer Specific APIs
Forms/Pages
API
Styles
A no-code / low-code web applications platform for data capture and process automation
IBM Forms Experience Builder on Cloud
Admin Console
Properties
Pain Points
 Difficulty engaging customers
 Inefficient and outdated
processes
 Not able to easily collect the
information needed
 Feeling competitive and cost
pressures
How FEB can help
 Quickly create customer
engagement apps
 Puts you in control
 Transform how you do things

3. Application Patterns
Collecting
Information
Tracking and
Updating
Information
Reporting and
Analysis
Automate
Processes
• Surveys
• Polls
• Inspections
• Opportunities
• Issues
• Projects
• Programs
• Applications
• Registration
Customer, partner and employee facing

4. Who uses Forms Experience Builder?
Hundreds of customers - many who have expressed interest in moving to
cloud

5. IBM Forms Experience
BuilderEvent
AJAX/REST
Provides an exceptional experience and performance
Single Page Load
Client

6. FEB on Cloud






7. Drag widgets onto the canvas & set their properties Customize, integrate and extend
• JavaScript API
• Data Access REST API
• Service Integration
• HTML Fragments
• Custom CSS

9. Centrally manage all your FEB application artifacts in Watson Content
Hub

11. Plus the Data Access
API gives you access to
your data in JSON and
XML

12. FEB App
FEB on Cloud Any REST API
HTTP
Transport
Catalog
defined
service
In app
defined
Service
• In app or catalog defined service
• Use FEB’s built in HTTP Transport or extend with your own
IBM Case
Manager
Other FEB
Applications

13. example
concept
Roles Stages Permissions Notifications
Groups of people
who have access to
the form
Workflow state
of the form
What each Role can do
and see in each Stage
Emails sent when a
form is submitted
 Initiator
 Reviewer
 Manager
 Start
 Submitted
 Approved
 Rejected
 Initiator can Create
in Start
 Reviewer can Read
and Update in
Submitted
Send confirmations,
alerts, updates, etc…

14. • No compromises: all the features of
the on premise offering
• Dedicated secure HA database with
500GB of storage
• In app Services and your own
Service Catalog
• Control over your preferences and
properties
• IBM ID with Enterprise Directory
Federation
• Control over users: Admins,
Designers and Application Users

16. Easy to Design and Change Apps
Solutions designed with FEB are agile and easily changed to accommodate changing business
requirements
Cloud deployment
Use FEB on Cloud which is secure and
highly available.
Simple workflow
Speed the approval process with flexible,
role-based workflow and access control.
Everything you need
Database, reports and charts are all
automatically created. All the software
you need is included.
Flexible integration
Add FEB apps to the your customer or
employee website and integrated with
your systems.
Adaptive behavior
Forms will adapt to the devices they
are being used on.
Extensible
Apps can be customized
using standard web
development skills.

17. Back Up
Charts

18.  Make your forms
experience dynamic
 Specify rules to:
 Show/hide
 Enable/disable
 Require/not
require parts of
your form

19.  Specify any validation pattern with easy
to understand rules
 # for numbers 0-9
 @ for letters A-Z
 ? For numbers or letters
 Or enter a sample of the required format
(555) 123-4567
 Add multiple patterns by separating
expressions with a comma
 Set invalid message display

20. FEB Applications can have one or more Forms
and each Form can have any number of Pages
Reservations
Rental
Payment
Agreement
Inventory
Bikes
FEB DB
db tables are automatically
created for each Form
URL Structure
<domain>/forms/anon/org/app/<App ID>/launch/index.html?form=<Form ID>

21. Dynamic Web Experience
PDF Output
When transaction documents are required
fill PDF templates

22. Dynamic Width Dynamic Layout Dynamic Rules
Form page
width
adjusts to
the width of
window,
portal
column,
iframe or
device
Form layout
collapses to
one column
based on
breakpoints
selected
Rules set
to
determine
when to
show and
hide
elements

23. Or use standard web markup to embedIBM DX – Drag and Drop FEB Apps on to page

24. FEB UI Objects
 Pages
 Sections
 Images
 Buttons
 etc
FEB Data Objects
 Single Line
 Numbers
 Dates
 Select One
 Drop Down
 etc
onShow
onStart
onClick
onValid
onMouseOver
onMouseOut
onHide
onNew
onChange
onLoad
onSubmit
onDataRecieved
onNavigateAway
afterSave
beforeSave
etc
FEB EventsFEB Objects
Any Custom JavaScript You Want

25. Load 3rd any party JS framework HTML fragments New function in your app
google/recaptcha/api.js
Example: Adding a Google Recaptcha to your
App
on callback