SlideShare a Scribd company logo
Introducing
OutSystems Apps
Types of Apps
Programming Model
What App Should I Choose?
Service Studio Workflow
Types of Apps
2
Traditional Web
Types of Apps
3
Traditional Web Mobile
(Phone and Tablet)
Reactive Web
Types of Apps
4
Mobile
(Phone and Tablet)
Reactive Web
Types of Apps
Traditional Web
5
Reactive Web and Mobile Apps
State-of-the-Art Architecture
Follow the most recent standards and best practices, protecting you while making you
move fast in an always changing landscape.
6
Reactive Web and Mobile Apps
Apps that Delight Your Users
Deliver apps that move at the speed of thought. Increase customer engagement:
check! Making your employees more productive: check! Make everyone fall in love
with your apps: check!
State-of-the-Art Architecture
Follow the most recent standards and best practices, protecting you while making you
move fast in an always changing landscape.
7
Reactive Web and Mobile Apps
Unified Developer Experience
Use low-code to create any app, for any device. Enjoy a great unified developer
experience so you can deliver fast and change faster.
State-of-the-Art Architecture
Follow the most recent standards and best practices, protecting you while making you
move fast in an always changing landscape.
Apps that Delight Your Users
Deliver apps that move at the speed of thought. Increase customer engagement:
check! Making your employees more productive: check! Make everyone fall in love
with your apps: check!
8
Programming Model
9
Programming Model
10
Programming Model
11
Reactive Web Mobile
(Phone and Tablet)
Which App Should to Choose?
12
Common logic for all devices and
screen sizes.
Reactive Web
Common logic for supported native
mobile platforms, and supported
browsers for PWAs.
Mobile
(Phone and Tablet)
Code Reusability
13
A browser.
No installation is needed.
Reactive Web
Native mobile apps run in Android
and iOS. PWAs run in any device with
a supported browser.
Mobile
(Phone and Tablet)
Target Device and Audience
End-User Requirements
14
Responsive layout for all screen sizes
and types.
Reactive Web
Dedicated mobile UI patterns and
experiences.
Mobile
(Phone and Tablet)
User Experience
15
Performance designed for the client
side, with smart mechanisms to
optimize the data transfer.
Reactive Web
Performance designed for the client
side, with smart mechanisms to
optimize the data transfer.
Mobile
(Phone and Tablet)
Performance
16
HTML5 supported device capabilities.
Reactive Web
Native mobile apps and PWAs access
a range of device capabilities.
Mobile
(Phone and Tablet)
Access to Device Hardware
17
No offline capabilities.*
Reactive Web
For storing offline data, native mobile
apps use local storage and PWAs use
browser storage.
Mobile
(Phone and Tablet)
Offline Capabilities
(*) Currently not available.
18
Updates are automatic when users
refresh the browser page.
Reactive Web
Native mobile apps can update
automatically. PWAs update
automatically when the app detects a
new version.
Mobile
(Phone and Tablet)
Deployment and Updates
19
Share the link of the app with users.
Reactive Web
In-house distribution or through app
stores. Users can run a PWA directly
from your website, and add the app
icon to the device home screen.
Mobile
(Phone and Tablet)
Distribution
20
Service Studio Workflow
21
Service Studio Workflow
22
Service Studio Workflow
23

More Related Content

PPTX
BPM Patterns & Best Practices with OutSystems BPT
PDF
The Road to Digital Maturity for Investment Managers
PPTX
Cloud proposition for banking
PDF
Data Democratization for Faster Decision-making and Business Agility (ASEAN)
PPTX
Career Prospects and Scope of Data Science in India
PPTX
Azure Cloud Adoption Framework + Governance - Sana Khan and Jay Kumar
PPTX
AWS Lake Formation Deep Dive
PDF
Demystifying Open Banking
BPM Patterns & Best Practices with OutSystems BPT
The Road to Digital Maturity for Investment Managers
Cloud proposition for banking
Data Democratization for Faster Decision-making and Business Agility (ASEAN)
Career Prospects and Scope of Data Science in India
Azure Cloud Adoption Framework + Governance - Sana Khan and Jay Kumar
AWS Lake Formation Deep Dive
Demystifying Open Banking

What's hot (20)

PPTX
Introduction to AWS Lake Formation.pptx
PPTX
GenerativeAI and Automation - IEEE ACSOS 2023.pptx
PPTX
Introduction to data science
PDF
Platform Strategy to Deliver Digital Experiences on Azure
PPTX
Big data
PDF
Using Knowledge Graphs to Predict Customer Needs and Improve Quality
PPTX
Low code platform and Outsystems
PDF
AI Applications in Banking and Financial Sectors
PPTX
07Nov2024_MuleSoft_Meetup_MuleSoft+AI.pptx
PPTX
Data science
PDF
End-to-End Spark/TensorFlow/PyTorch Pipelines with Databricks Delta
PPTX
Low code application platforms
PPTX
Azure Migration Program Pitch Deck
PPTX
What is ERPNext?
PPTX
Introduction to Data Engineering
PPTX
Intro to Data Science by DatalentTeam at Data Science Clinic#11
PPTX
Building a modern data warehouse
PPTX
Introduction to Microsoft ERP Dynamics 365 for finance and operation
PDF
Overview of Low-code
PDF
Introduction to Data Science
Introduction to AWS Lake Formation.pptx
GenerativeAI and Automation - IEEE ACSOS 2023.pptx
Introduction to data science
Platform Strategy to Deliver Digital Experiences on Azure
Big data
Using Knowledge Graphs to Predict Customer Needs and Improve Quality
Low code platform and Outsystems
AI Applications in Banking and Financial Sectors
07Nov2024_MuleSoft_Meetup_MuleSoft+AI.pptx
Data science
End-to-End Spark/TensorFlow/PyTorch Pipelines with Databricks Delta
Low code application platforms
Azure Migration Program Pitch Deck
What is ERPNext?
Introduction to Data Engineering
Intro to Data Science by DatalentTeam at Data Science Clinic#11
Building a modern data warehouse
Introduction to Microsoft ERP Dynamics 365 for finance and operation
Overview of Low-code
Introduction to Data Science
Ad

Similar to 1.1. Introducing OutSystems Apps.en-US.pdf (20)

PDF
The 8 Leading Frameworks for Cross-Platform App Development
PPTX
Progressive Web App
PDF
Native, hybrid, or pw as – choose the best for your business
PDF
Testing at the Speed of Mobile: Adopting Continuous Integration with Agile
PDF
Mse august13 (2/3)
PPTX
Mobile Application vs Web Application
PPTX
Hybrid mobile app
PPTX
Hybrid Mobile App
PDF
Native-App-Development-The-Power-of-a-Tailored-Experience.pdf
PDF
Cutting-Edge Mobile App Development Services for Future-Ready Businesses.pdf
PDF
Top Mobile App Development Companies in 2025.pdf
PPTX
Mobile Application Development .pptx
PDF
Popular App Development Frameworks used by App Developers.
PPTX
Continuous Mobile Testing Using Jenkins - A How To Guide
PPTX
Continuous Mobile - Testing Using Jenkins - A How To Guide
PDF
Jason cross
PDF
The Complete Guide to Mobile App Development: Strategies, Trends, and Best Pr...
PPTX
Мобильная разработка. Между Сциллой и Харибдой. Native, hybrid or cross platf...
PPTX
2230c4b7-056c-404c-8c73-f23bef825e2f.pptx
PPTX
Beyond App Development
The 8 Leading Frameworks for Cross-Platform App Development
Progressive Web App
Native, hybrid, or pw as – choose the best for your business
Testing at the Speed of Mobile: Adopting Continuous Integration with Agile
Mse august13 (2/3)
Mobile Application vs Web Application
Hybrid mobile app
Hybrid Mobile App
Native-App-Development-The-Power-of-a-Tailored-Experience.pdf
Cutting-Edge Mobile App Development Services for Future-Ready Businesses.pdf
Top Mobile App Development Companies in 2025.pdf
Mobile Application Development .pptx
Popular App Development Frameworks used by App Developers.
Continuous Mobile Testing Using Jenkins - A How To Guide
Continuous Mobile - Testing Using Jenkins - A How To Guide
Jason cross
The Complete Guide to Mobile App Development: Strategies, Trends, and Best Pr...
Мобильная разработка. Между Сциллой и Харибдой. Native, hybrid or cross platf...
2230c4b7-056c-404c-8c73-f23bef825e2f.pptx
Beyond App Development
Ad

Recently uploaded (20)

PPTX
NEW EIA PART B - Group 5 (Section 50).pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
2. Competency Based Interviewing - September'16.pptx
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
THEORY OF ID MODULE (Interior Design Subject)
PPTX
Entrepreneur intro, origin, process, method
NEW EIA PART B - Group 5 (Section 50).pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
a group casestudy on architectural aesthetic and beauty
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
321 LIBRARY DESIGN.pdf43354445t6556t5656
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
intro_to_rust.pptx_123456789012446789.pdf
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
rapid fire quiz in your house is your india.pptx
2. Competency Based Interviewing - September'16.pptx
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
The Basics of Presentation Design eBook by VerdanaBold
THEORY OF ID MODULE (Interior Design Subject)
Entrepreneur intro, origin, process, method

1.1. Introducing OutSystems Apps.en-US.pdf

  • 1. Introducing OutSystems Apps Types of Apps Programming Model What App Should I Choose? Service Studio Workflow
  • 4. Traditional Web Mobile (Phone and Tablet) Reactive Web Types of Apps 4
  • 5. Mobile (Phone and Tablet) Reactive Web Types of Apps Traditional Web 5
  • 6. Reactive Web and Mobile Apps State-of-the-Art Architecture Follow the most recent standards and best practices, protecting you while making you move fast in an always changing landscape. 6
  • 7. Reactive Web and Mobile Apps Apps that Delight Your Users Deliver apps that move at the speed of thought. Increase customer engagement: check! Making your employees more productive: check! Make everyone fall in love with your apps: check! State-of-the-Art Architecture Follow the most recent standards and best practices, protecting you while making you move fast in an always changing landscape. 7
  • 8. Reactive Web and Mobile Apps Unified Developer Experience Use low-code to create any app, for any device. Enjoy a great unified developer experience so you can deliver fast and change faster. State-of-the-Art Architecture Follow the most recent standards and best practices, protecting you while making you move fast in an always changing landscape. Apps that Delight Your Users Deliver apps that move at the speed of thought. Increase customer engagement: check! Making your employees more productive: check! Make everyone fall in love with your apps: check! 8
  • 12. Reactive Web Mobile (Phone and Tablet) Which App Should to Choose? 12
  • 13. Common logic for all devices and screen sizes. Reactive Web Common logic for supported native mobile platforms, and supported browsers for PWAs. Mobile (Phone and Tablet) Code Reusability 13
  • 14. A browser. No installation is needed. Reactive Web Native mobile apps run in Android and iOS. PWAs run in any device with a supported browser. Mobile (Phone and Tablet) Target Device and Audience End-User Requirements 14
  • 15. Responsive layout for all screen sizes and types. Reactive Web Dedicated mobile UI patterns and experiences. Mobile (Phone and Tablet) User Experience 15
  • 16. Performance designed for the client side, with smart mechanisms to optimize the data transfer. Reactive Web Performance designed for the client side, with smart mechanisms to optimize the data transfer. Mobile (Phone and Tablet) Performance 16
  • 17. HTML5 supported device capabilities. Reactive Web Native mobile apps and PWAs access a range of device capabilities. Mobile (Phone and Tablet) Access to Device Hardware 17
  • 18. No offline capabilities.* Reactive Web For storing offline data, native mobile apps use local storage and PWAs use browser storage. Mobile (Phone and Tablet) Offline Capabilities (*) Currently not available. 18
  • 19. Updates are automatic when users refresh the browser page. Reactive Web Native mobile apps can update automatically. PWAs update automatically when the app detects a new version. Mobile (Phone and Tablet) Deployment and Updates 19
  • 20. Share the link of the app with users. Reactive Web In-house distribution or through app stores. Users can run a PWA directly from your website, and add the app icon to the device home screen. Mobile (Phone and Tablet) Distribution 20