ibm forms experience builder on cloud
TRANSCRIPT
What is IBM Forms Experience Builder on Cloud?
Forms
View
Analysis
Design
Manage
Service Catalog APIs
Ru
ntim
e
De
sig
nEnterprise 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
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
Who uses Forms Experience Builder?
Hundreds of customers - many who have expressed interest in moving to
cloud
IBM Forms Experience
BuilderEventAJAX/REST
Provides an exceptional experience and performance
Single Page Load
Client
FEB on Cloud
Drag widgets onto the canvas & set their properties Customize, integrate and extend
• JavaScript API
• Data Access REST API
• Service Integration
• HTML Fragments
• Custom CSS
Centrally manage all your FEB application artifacts in Watson Content
Hub
Plus the Data Access
API gives you access to
your data in JSON and
XML
FEB App
FEB on Cloud Any REST API
HTTP
TransportCatalog
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
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…
• 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
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.
Back Up
Charts
Make your forms
experience dynamic
Specify rules to:
Show/hide
Enable/disable
Require/not
require parts of
your form
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
FEB Applications can have one or more Forms
and each Form can have any number of Pages
ReservationsRental
Payment
Agreement
InventoryBikes
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>
Dynamic Web Experience PDF Output
When transaction documents are required
fill PDF templates
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
Or use standard web markup to embedIBM DX – Drag and Drop FEB Apps on to page
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
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
