Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming

Powering Multi-Page
Web Applications Using
Flow Apps and FME
Data Streaming
con terra
The Peak of Data
and AI 2025

2025
The
Peak
of
Data
and
AI
Florian
Baum
Team Lead Operations Services
con terra

2025
The
Peak
of
Data
and
AI
“FME Flow Apps lack
ﬂexibility and customization
options.”
— some client, in the past

2025
The
Peak
of
Data
and
AI
Who has had challenges in the customizability of an FME Flow App?
Who has worked with Data Streaming to enhance an App’s adaptability?
Who has used Data Streaming to concatenate multiple workspaces outputs?

2025
The
Peak
of
Data
and
AI
FME Workspace Apps
● Optimized for static content
● Improved ﬂexibility with scripted parameters
and conditional visibility
● Conﬁguration is reduced to the parameter
form

1. FME Flow Apps – Status Quo
2. HTML Data Streaming
3. Flow Web & Transformation Services
4. Application | Demo
5. Development Pipeline & Conclusion
Agenda

HTML Data
Streaming in
Workspace Apps
Section 2

1.
Authentication
Workspace Streaming App
| 8
https://fme.conterra.de/fmeserver/apps/MyApplication
2.
Input Parameters
3.
Output Stream

1.
Authentication
Workspace Streaming App
| 9
3.
Output Stream
2.
Input Stream

Challenge
| 10

Flow Web &
Transformation
Services
Section 3

2025
The
Peak
of
Data
and
AI
FME Flow Web Services
● FME Flow provides the following services
○ Transformation Services
■ Data Download Service
■ Job Submitter Service
■ Data Streaming Service
■ KML Network Link Service
○ Notiﬁcation Service
● Services can be requested using a URL, for example:
○ http://host/fmejobsubmitter/repository/workspace.fmw?parameters
○ http://host/fmedatastreaming/repository/workspace.fmw?parameters

2025
The
Peak
of
Data
and
AI
Integrating Data Streams via REST
API Calls
● Resulting dataset is one ﬁle only – returned as a data stream
● FME Data Streaming supports various formats (HTML, PNG, PDF, JSON, …)
● HTML streams are rendered by the browser as a web page
If the JavaScript segment of a data stream contains another API call,
concatenations of workspace outputs can be formed.

2025
The
Peak
of
Data
and
AI
Beneﬁts
● No separate web hosting infrastructure needed
● Homogenous and simple technology stack
● Native integration of FME user parameters
● Use of FME’s identity and access management
Keep in mind
● Scalability
● Limitations in web capabilities
● Single-Page HTML ﬁles
● Security

2025
The
Peak
of
Data
and
AI
Customer Requirements
Requirements
● Interactive & user-friendly web application
● Retrieve and edit project data
● Individual permissions for each project

2025
The
Peak
of
Data
and
AI
Demo Time

2025
The
Peak
of
Data
and
AI
Service-Oriented Architecture
● HTML structure, styling and script are static / local
● Data and content are dynamically retrieved
● FME Workspaces serve as web backend
○ getProjectList
○ getProjectMetadata
○ getProjectData
○ setProjectData
○ …

Development
Pipeline
Section 5

2025
The
Peak
of
Data
and
AI
Development Environment
● Used frameworks: Vue + Vite
● 1-click deployment in VS Code
● Integrated in npm build process

2025
The
Peak
of
Data
and
AI
Conclusion
We’ve achieved a user-friendly and responsive web architecture!
Use Cases:
● FME-integrated web forms and apps
● Custom applications with multiple transformation steps
Recommendation:
● Flow Hosted outpost for decentralized or external use

2025
The
Peak
of
Data
and
AI
“Data Streaming in FME
Flow Apps provides more
ﬂexibility and customization
options.”
— that client, in the future

2025
The
Peak
of
Data
and
AI
ThankYou
Florian Baum
con terra
f.baum@conterra.de

Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming

More Related Content

Similar to Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming (20)

More from Safe Software (20)

Recently uploaded (20)

Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming