SlideShare a Scribd company logo
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Measure Customer Experience of
Your OutSystems Applications
| Measure Customer Experience of Your OutSystems Web and Mobile Applications| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Mark
Burns
Director Product Management | OutSystems
@
in
mark.burns@outsystems.com
https://www.linkedin.com/in/mark-burns-b2272b3/
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Goals of Today’s Session
● Provide a better understanding of OutSystems’ monitoring strategy
● Educate on what’s new with OutSystems’ monitoring
● Show step-by-step on how to set up customer experience monitoring for
your web and mobile applications
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Poor customer experience
leads to business impact
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
AppDev / DevOps
Front-end performance optimization
Production problem isolation
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
AppOwner / LoB
Customer usage & adoption
Customer experience trends
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Application Performance Management
(APM)
● Metrics
● Logs
● Traces
CX
Metrics
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Performance Timing
APIs
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Navigation Timing
API
Browser standard which measures everything
from triggering the action (hitting enter on url
bar, refreshing page or clicking a link/button) to
the moment when site is fully loaded.
Caveats
● does not take into account asynchronous
actions
● requires a navigation event which, in
general, requires a new page to load
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Resource Timing
API
Browser standard measures the latency of
dependencies for rendering the screen, like
images, scripts and stylesheets.
Caveats
● measures all resources, async included,
but it doesn’t extend the performance
measurement model of the Navigation
Timing API to include them
● is not render aware
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
How is this problem
solved?
APM vendors have solved this
● by extending the performance
measurement model
● tapping into JavaScript
frameworks
● observing the rendering events
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Application Performance Management
(APM)
● Metrics
● Logs
● Traces
CX
Metrics
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
What will become available?
● One component to support
traditional web and one to support
Reactive Web and Mobile
● Forge components greatly simplify
the set up of New Relic and
Dynatrace RUM
Dynatrace RUM
Forge Components
New Relic RUM
Forge Components
Today
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Architecture
1. User makes request
2.Forge component injects
RUM bootstrap JS
3.RUM bootstrap JS initializes and
retrieves complete RUM JS
4.Data is collected
and sent
Scenario #1:
No access to install
server agents
Scenario #2:
Access to install
server agents
1. User makes request
2.Server agent injects RUM
bootstrap JS
3.RUM bootstrap JS initializes and
retrieves complete RUM JS
4.Data is collected
and sent
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
What tools do you use for application performance
management?
● New Relic
● Dynatrace
● AppDynamics
● Datadog
● Elastic
● Splunk
● Other
| Measure Customer Experience of Your OutSystems Web and Mobile Applications| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Walkthrough
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Sign up for a
free trial
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Download
and install
Forge
components
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Create an
application in
New Relic or
Dynatrace
Enable SPA features
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Create an
application in
New Relic or
Dynatrace
Enable SPA features
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Copy
JavaScript
code snippet
New Relic: licenseKey and
applicationId
Dynatrace: cfg
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Traditional
Web
Add New Relic and/or
Dynatrace Initialize to the
Preparation of each Layout
Add configuration
information to the Initialize
method (noted previously)
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Reactive
Web and
Mobile
Add Client Action
OnApplicationReady if it
does not exist and add New
Relic and/or Dynatrace
Initialize to it
Add configuration
information to the Initialize
method (noted previously)
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Summary
● A
● B
● C
| Measure Customer Experience of Your OutSystems Web and Mobile Applications
Thank You!

More Related Content

PPTX
Using Processes and Timers for Long-Running Asynchronous Tasks
OutSystems
 
PPTX
Tenants: A Look Behind the Scenes
OutSystems
 
PDF
OutSystems for Retail Banking: Create a Frictionless Digital Banking Experien...
OutSystems
 
PPTX
Magento 2
Screen Pages
 
PPTX
Building CRUD Wrappers
OutSystems
 
PPTX
Grokking Techtalk #37: Data intensive problem
Grokking VN
 
PPTX
Accessibility with OutSystems
Bruno Marcelino
 
PPTX
Batch processing
Ramakrishna kapa
 
Using Processes and Timers for Long-Running Asynchronous Tasks
OutSystems
 
Tenants: A Look Behind the Scenes
OutSystems
 
OutSystems for Retail Banking: Create a Frictionless Digital Banking Experien...
OutSystems
 
Magento 2
Screen Pages
 
Building CRUD Wrappers
OutSystems
 
Grokking Techtalk #37: Data intensive problem
Grokking VN
 
Accessibility with OutSystems
Bruno Marcelino
 
Batch processing
Ramakrishna kapa
 

What's hot (20)

PPTX
Architecture Sustaining LINE Sticker services
LINE Corporation
 
PPTX
Using redmine as a sla ticketing system, helpdesk or service desk software
Aleksandar Pavic
 
PDF
Sapo Microservices Architecture
Khôi Nguyễn Minh
 
PDF
Event Sourcing with Kotlin, who needs frameworks!
Nico Krijnen
 
PPTX
Version control
visual28
 
PPTX
Netflix viewing data architecture evolution - QCon 2014
Philip Fisher-Ogden
 
PPTX
Databus - LinkedIn's Change Data Capture Pipeline
Sunil Nagaraj
 
PPTX
Service Actions
OutSystems
 
PDF
Transitioning Groupon to Node.js - EmpireJS 2014
Sean McCullough
 
PDF
Histograms at scale - Monitorama 2019
Evan Chan
 
PPTX
Online shopping system.pptx
poojarameshpawar7
 
PPTX
Introduction to Git and GitHub Part 1
Omar Fathy
 
PPTX
Presentation on online shopping site using java
Harmeet Walia
 
PPTX
MidwestPHP - Getting Started with Magento 2
Mathew Beane
 
KEY
skipfish
Christian Heinrich
 
ODP
Replikacija u bazama podataka
Vatroslav Mileusnić
 
PDF
Recommender system algorithm and architecture
Liang Xiang
 
ODP
Introduction to Version Control
Jeremy Coates
 
PDF
Recsys 2016 tutorial: Lessons learned from building real-life recommender sys...
Xavier Amatriain
 
PPTX
Git and git workflow best practice
Majid Hosseini
 
Architecture Sustaining LINE Sticker services
LINE Corporation
 
Using redmine as a sla ticketing system, helpdesk or service desk software
Aleksandar Pavic
 
Sapo Microservices Architecture
Khôi Nguyễn Minh
 
Event Sourcing with Kotlin, who needs frameworks!
Nico Krijnen
 
Version control
visual28
 
Netflix viewing data architecture evolution - QCon 2014
Philip Fisher-Ogden
 
Databus - LinkedIn's Change Data Capture Pipeline
Sunil Nagaraj
 
Service Actions
OutSystems
 
Transitioning Groupon to Node.js - EmpireJS 2014
Sean McCullough
 
Histograms at scale - Monitorama 2019
Evan Chan
 
Online shopping system.pptx
poojarameshpawar7
 
Introduction to Git and GitHub Part 1
Omar Fathy
 
Presentation on online shopping site using java
Harmeet Walia
 
MidwestPHP - Getting Started with Magento 2
Mathew Beane
 
Replikacija u bazama podataka
Vatroslav Mileusnić
 
Recommender system algorithm and architecture
Liang Xiang
 
Introduction to Version Control
Jeremy Coates
 
Recsys 2016 tutorial: Lessons learned from building real-life recommender sys...
Xavier Amatriain
 
Git and git workflow best practice
Majid Hosseini
 
Ad

Similar to Measure Customer Experience of Your OutSystems Web and Mobile Applications (20)

PPTX
Measuring web performance with user-centric metrics
Giorgos Bamparopoulos
 
PDF
Edge 2014: A Modern Approach to Performance Monitoring
Akamai Technologies
 
PDF
Performance Measurement and Monitoring for Salesforce Web & Mobile Apps
Salesforce Developers
 
PPTX
A Modern Approach to Performance Monitoring
Cliff Crocker
 
PDF
Improving user experience with real user measurements
Samar Panda
 
PPTX
Performance on a budget
Dimitry Ushakov
 
PDF
Tracking Performance - Velocity NYC 2013
Patrick Meenan
 
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
Tammy Everts
 
PPTX
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Cliff Crocker
 
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
SOASTA
 
PPTX
Metrics, Metrics Everywhere (but where the heck do you start?)
SOASTA
 
PPTX
Metrics, metrics everywhere (but where the heck do you start?)
Tammy Everts
 
PPTX
Metrics, Metrics Everywhere (but where the heck do you start?)
SOASTA
 
PPTX
Measuring User Experience in the Browser
Alois Reitbauer
 
PPTX
The Truth About Your Web App's Performance
John Riviello
 
PDF
[TTT Meetup] Enhance mobile app testing with performance-centric strategies (...
NITHIN S.S
 
PPTX
The High Performance Web Application Lifecycle
Alois Reitbauer
 
PDF
Building for, perceiving and measuring performance for mobile web
Robin Glen
 
PPTX
Measuring Front-End Performance - What, When and How?
Gareth Hughes
 
KEY
improving the performance of Rails web Applications
John McCaffrey
 
Measuring web performance with user-centric metrics
Giorgos Bamparopoulos
 
Edge 2014: A Modern Approach to Performance Monitoring
Akamai Technologies
 
Performance Measurement and Monitoring for Salesforce Web & Mobile Apps
Salesforce Developers
 
A Modern Approach to Performance Monitoring
Cliff Crocker
 
Improving user experience with real user measurements
Samar Panda
 
Performance on a budget
Dimitry Ushakov
 
Tracking Performance - Velocity NYC 2013
Patrick Meenan
 
Metrics, metrics everywhere (but where the heck do you start?)
Tammy Everts
 
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Cliff Crocker
 
Metrics, metrics everywhere (but where the heck do you start?)
SOASTA
 
Metrics, Metrics Everywhere (but where the heck do you start?)
SOASTA
 
Metrics, metrics everywhere (but where the heck do you start?)
Tammy Everts
 
Metrics, Metrics Everywhere (but where the heck do you start?)
SOASTA
 
Measuring User Experience in the Browser
Alois Reitbauer
 
The Truth About Your Web App's Performance
John Riviello
 
[TTT Meetup] Enhance mobile app testing with performance-centric strategies (...
NITHIN S.S
 
The High Performance Web Application Lifecycle
Alois Reitbauer
 
Building for, perceiving and measuring performance for mobile web
Robin Glen
 
Measuring Front-End Performance - What, When and How?
Gareth Hughes
 
improving the performance of Rails web Applications
John McCaffrey
 
Ad

More from OutSystems (20)

PPTX
Innovating at the Speed of Business in the High-Bandwidth World of Digital Media
OutSystems
 
PPTX
Beyond “Location”: Informing Real-Estate Decisions Through Innovative Technology
OutSystems
 
PPTX
Beyond Digital Transformation: A Mandate for Disruptive Innovation in the Age...
OutSystems
 
PPTX
From Core Systems to Mobile Apps: Digital Transformation from the Inside-Out
OutSystems
 
PPTX
Orchestrating the Art of the Impossible Using Low-Code to Automate Manual Wor...
OutSystems
 
PPTX
Fast and Furious: Modernizing Clinical Application
OutSystems
 
PPTX
What Is Light BPT and How Can You Use it for Parallel Processing?
OutSystems
 
PPTX
Enrich Visually Google Map Information With Layers
OutSystems
 
PPTX
Unattended OutSystems Installation
OutSystems
 
PPTX
The 4-Layer Architecture in Practice
OutSystems
 
PPTX
Speed up Development by Turning Web Blocks Into First-Class Citizens
OutSystems
 
PPTX
Responsive Ui with Realtime Database
OutSystems
 
PPTX
Reactive Web Best Practices
OutSystems
 
PPTX
RADS - Rapid Application Design Sprint
OutSystems
 
PPTX
Pragmatic Innovation
OutSystems
 
PPTX
Troubleshooting Dashboard Performance
OutSystems
 
PPTX
OutSystems Tips and Tricks
OutSystems
 
PPTX
No API? No Problem! Let the Robot Do Your Work! Web Scraping and Automation W...
OutSystems
 
PPTX
Neo in Wonderland: Essential Tools for an Outsystems Architect
OutSystems
 
PPTX
Link Users to Your Specific Page in a Mobile App With Deeplinks
OutSystems
 
Innovating at the Speed of Business in the High-Bandwidth World of Digital Media
OutSystems
 
Beyond “Location”: Informing Real-Estate Decisions Through Innovative Technology
OutSystems
 
Beyond Digital Transformation: A Mandate for Disruptive Innovation in the Age...
OutSystems
 
From Core Systems to Mobile Apps: Digital Transformation from the Inside-Out
OutSystems
 
Orchestrating the Art of the Impossible Using Low-Code to Automate Manual Wor...
OutSystems
 
Fast and Furious: Modernizing Clinical Application
OutSystems
 
What Is Light BPT and How Can You Use it for Parallel Processing?
OutSystems
 
Enrich Visually Google Map Information With Layers
OutSystems
 
Unattended OutSystems Installation
OutSystems
 
The 4-Layer Architecture in Practice
OutSystems
 
Speed up Development by Turning Web Blocks Into First-Class Citizens
OutSystems
 
Responsive Ui with Realtime Database
OutSystems
 
Reactive Web Best Practices
OutSystems
 
RADS - Rapid Application Design Sprint
OutSystems
 
Pragmatic Innovation
OutSystems
 
Troubleshooting Dashboard Performance
OutSystems
 
OutSystems Tips and Tricks
OutSystems
 
No API? No Problem! Let the Robot Do Your Work! Web Scraping and Automation W...
OutSystems
 
Neo in Wonderland: Essential Tools for an Outsystems Architect
OutSystems
 
Link Users to Your Specific Page in a Mobile App With Deeplinks
OutSystems
 

Recently uploaded (20)

PDF
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
PDF
lesson-2-rules-of-netiquette.pdf.bshhsjdj
jasmenrojas249
 
PPTX
The-Dawn-of-AI-Reshaping-Our-World.pptxx
parthbhanushali307
 
PPTX
Role Of Python In Programing Language.pptx
jaykoshti048
 
PPTX
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
PDF
MiniTool Power Data Recovery Crack New Pre Activated Version Latest 2025
imang66g
 
PPTX
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
PDF
Bandai Playdia The Book - David Glotz
BluePanther6
 
PDF
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
PPTX
Presentation about variables and constant.pptx
safalsingh810
 
PPTX
Maximizing Revenue with Marketo Measure: A Deep Dive into Multi-Touch Attribu...
bbedford2
 
PDF
What to consider before purchasing Microsoft 365 Business Premium_PDF.pdf
Q-Advise
 
PPTX
Presentation about variables and constant.pptx
kr2589474
 
PPTX
classification of computer and basic part of digital computer
ravisinghrajpurohit3
 
PPTX
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
PDF
Using licensed Data Loss Prevention (DLP) as a strategic proactive data secur...
Q-Advise
 
PDF
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
PDF
Exploring AI Agents in Process Industries
amoreira6
 
PDF
Salesforce Implementation Services Provider.pdf
VALiNTRY360
 
PDF
10 posting ideas for community engagement with AI prompts
Pankaj Taneja
 
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
lesson-2-rules-of-netiquette.pdf.bshhsjdj
jasmenrojas249
 
The-Dawn-of-AI-Reshaping-Our-World.pptxx
parthbhanushali307
 
Role Of Python In Programing Language.pptx
jaykoshti048
 
ConcordeApp: Engineering Global Impact & Unlocking Billions in Event ROI with AI
chastechaste14
 
MiniTool Power Data Recovery Crack New Pre Activated Version Latest 2025
imang66g
 
AI-Ready Handoff: Auto-Summaries & Draft Emails from MQL to Slack in One Flow
bbedford2
 
Bandai Playdia The Book - David Glotz
BluePanther6
 
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
Presentation about variables and constant.pptx
safalsingh810
 
Maximizing Revenue with Marketo Measure: A Deep Dive into Multi-Touch Attribu...
bbedford2
 
What to consider before purchasing Microsoft 365 Business Premium_PDF.pdf
Q-Advise
 
Presentation about variables and constant.pptx
kr2589474
 
classification of computer and basic part of digital computer
ravisinghrajpurohit3
 
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
Using licensed Data Loss Prevention (DLP) as a strategic proactive data secur...
Q-Advise
 
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
Exploring AI Agents in Process Industries
amoreira6
 
Salesforce Implementation Services Provider.pdf
VALiNTRY360
 
10 posting ideas for community engagement with AI prompts
Pankaj Taneja
 

Measure Customer Experience of Your OutSystems Web and Mobile Applications

  • 1. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Measure Customer Experience of Your OutSystems Applications
  • 2. | Measure Customer Experience of Your OutSystems Web and Mobile Applications| Measure Customer Experience of Your OutSystems Web and Mobile Applications Mark Burns Director Product Management | OutSystems @ in [email protected] https://www.linkedin.com/in/mark-burns-b2272b3/
  • 3. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Goals of Today’s Session ● Provide a better understanding of OutSystems’ monitoring strategy ● Educate on what’s new with OutSystems’ monitoring ● Show step-by-step on how to set up customer experience monitoring for your web and mobile applications
  • 4. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Poor customer experience leads to business impact
  • 5. | Measure Customer Experience of Your OutSystems Web and Mobile Applications AppDev / DevOps Front-end performance optimization Production problem isolation
  • 6. | Measure Customer Experience of Your OutSystems Web and Mobile Applications AppOwner / LoB Customer usage & adoption Customer experience trends
  • 7. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Application Performance Management (APM) ● Metrics ● Logs ● Traces CX Metrics
  • 8. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Performance Timing APIs
  • 9. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Navigation Timing API Browser standard which measures everything from triggering the action (hitting enter on url bar, refreshing page or clicking a link/button) to the moment when site is fully loaded. Caveats ● does not take into account asynchronous actions ● requires a navigation event which, in general, requires a new page to load
  • 10. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Resource Timing API Browser standard measures the latency of dependencies for rendering the screen, like images, scripts and stylesheets. Caveats ● measures all resources, async included, but it doesn’t extend the performance measurement model of the Navigation Timing API to include them ● is not render aware
  • 11. | Measure Customer Experience of Your OutSystems Web and Mobile Applications How is this problem solved? APM vendors have solved this ● by extending the performance measurement model ● tapping into JavaScript frameworks ● observing the rendering events
  • 12. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Application Performance Management (APM) ● Metrics ● Logs ● Traces CX Metrics
  • 13. | Measure Customer Experience of Your OutSystems Web and Mobile Applications What will become available? ● One component to support traditional web and one to support Reactive Web and Mobile ● Forge components greatly simplify the set up of New Relic and Dynatrace RUM Dynatrace RUM Forge Components New Relic RUM Forge Components Today
  • 14. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Architecture 1. User makes request 2.Forge component injects RUM bootstrap JS 3.RUM bootstrap JS initializes and retrieves complete RUM JS 4.Data is collected and sent Scenario #1: No access to install server agents Scenario #2: Access to install server agents 1. User makes request 2.Server agent injects RUM bootstrap JS 3.RUM bootstrap JS initializes and retrieves complete RUM JS 4.Data is collected and sent
  • 15. | Measure Customer Experience of Your OutSystems Web and Mobile Applications What tools do you use for application performance management? ● New Relic ● Dynatrace ● AppDynamics ● Datadog ● Elastic ● Splunk ● Other
  • 16. | Measure Customer Experience of Your OutSystems Web and Mobile Applications| Measure Customer Experience of Your OutSystems Web and Mobile Applications Walkthrough
  • 17. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Sign up for a free trial
  • 18. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Download and install Forge components
  • 19. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Create an application in New Relic or Dynatrace Enable SPA features
  • 20. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Create an application in New Relic or Dynatrace Enable SPA features
  • 21. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Copy JavaScript code snippet New Relic: licenseKey and applicationId Dynatrace: cfg
  • 22. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Traditional Web Add New Relic and/or Dynatrace Initialize to the Preparation of each Layout Add configuration information to the Initialize method (noted previously)
  • 23. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Reactive Web and Mobile Add Client Action OnApplicationReady if it does not exist and add New Relic and/or Dynatrace Initialize to it Add configuration information to the Initialize method (noted previously)
  • 24. | Measure Customer Experience of Your OutSystems Web and Mobile Applications
  • 25. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Summary ● A ● B ● C
  • 26. | Measure Customer Experience of Your OutSystems Web and Mobile Applications Thank You!

Editor's Notes

  • #3: [2 min] Introduce yourself