ibm forms experience builder on cloud

IBM Forms

Experience Builder

on Cloud

1

Marty LechleiderOffering Manager

martin_lechleider@us.ibm.com

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