Introducing
OutSystems Apps
Types of Apps
Programming Model
What App Should I Choose?
Service Studio Workflow
Types of Apps
2
Types of Apps
Traditional Web
3
Types of Apps
Traditional Web Mobile Reactive Web
(Phone and Tablet)
4
Types of Apps
Traditional Web Mobile Reactive Web
(Phone and Tablet)
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
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!
7
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.
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!
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.
8
Programming Model
9
Programming Model
10
Programming Model
11
What App Should to Choose?
Reactive Web Mobile
(Phone and Tablet)
12
Code Reusability
Common logic for all devices and Common logic for supported native
screen sizes. mobile platforms, and supported
browsers for PWAs.
Reactive Web Mobile
(Phone and Tablet)
13
Target Device and Audience
A browser. Native mobile apps run in Android
No installation is needed. and iOS. PWAs run in any device with
a supported browser.
Reactive Web Mobile
(Phone and Tablet)
End-User Requirements
14
User Experience
Responsive layout for all screen sizes Dedicated mobile UI patterns and
and types. experiences.
Reactive Web Mobile
(Phone and Tablet)
15
Performance
Performance designed for the client Performance designed for the client
side, with smart mechanisms to side, with smart mechanisms to
optimize the data transfer. optimize the data transfer.
Reactive Web Mobile
(Phone and Tablet)
16
Access to Device Hardware
HTML5 supported device capabilities. Native mobile apps and PWAs access
a range of device capabilities.
Reactive Web Mobile
(Phone and Tablet)
17
Offline Capabilities
No offline capabilities.* For storing offline data, native mobile
apps use local storage and PWAs use
browser storage.
Reactive Web Mobile
(Phone and Tablet)
(*) Currently not available.
18
Deployment and Updates
Updates are automatic when users Native mobile apps can update
refresh the browser page. automatically. PWAs update
automatically when the app detects a
new version.
Reactive Web Mobile
(Phone and Tablet)
19
Distribution
Share the link of the app with users. 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.
Reactive Web Mobile
(Phone and Tablet)
20
Service Studio Workflow
21
Service Studio Workflow
22
Service Studio Workflow
23
