Service Studio Overview
What is Service Studio?
Service Studio is a low-code visual development environment that is the Integrated
Development Environment (IDE) for the OutSystems platform
Service Studio allows developers to…
● Define the data structures used by the app
● Create the user interfaces for web and mobile apps
○ modify or create CSS as needed for the interfaces
● Define business logic needed by apps
● Define business processes and timers (batch processes)
● Create, edit, update, publish, view and debug their apps in the cloud
Service Studio Install & Connect
Environment tab - Applications
● Lists apps in the server
● Create new applications
● Install applications from the
Forge
● Open an application
○ Get latest version from
the platform server
OutSystems Forge Tab
Open source apps & add-ons
free to download
● Searchable
● Categorized
● Mobile apps
● Web apps
Resource details
● Ratings
● Downloads
● Featured
● Supported
Environment tab - Application Details
● Application Info
○ Name, description & icon
○ Open in browser
● Modules tab
○ Modules in this app
● Dependencies
○ Modules referenced
Module Workspace Tab
Elements Tree Area
Elements
Tree
area
Widget Tree Area
Widget
Tree area
Editor Area
Editor
area
Screen Editor Area
Views and Styles Edited Element Breadcrumb
Show
Widget
Tree
Toolbox
Canvas
(widgets)
Widget Hierarchy breadcrumb
Properties Area
Properties
area
Properties Area
Styles
Editor area
TrueChange, Debug & 1-Click Publish Area
TrueChange
Debug area
Status Bar
Status bar
Service Studio Environment
Editor Elements /
area Widget Tree
area
Properties
area
TrueChange
Debug area
Status bar
Menu Bar
Menu bar
Menu bar
Menu bar
● Menus ● 1-Click Publish
○ Module, Edit, View,
Debugger & Help ● Layers
● Icons/Buttons ○ Processes - Processes & Timers
○ Back/Forward to (editors) ○ Interface - Themes, Screens, etc.
○ Module management ○ Logic - Actions, integrations, roles
○ Manage dependencies ○ Data - Entities, Structures, etc.
○ Compare and merge
○ Undo/Redo (changes) ● Search
Data layer (Ctrl + 4)
● Entity Diagrams
● Entities - database stored data
● Structures - in memory data
● Session Variables - user specific, cross app data
● Site Properties - cross user, cross app data
● Resources - other data
Logic layer (Ctrl + 3)
● Server Actions - globally callable code
● Integrations
○ SOAP & REST - Web Services
○ SAP - SAP connector/integration
● Roles - security Roles
○ Anonymous, Registered and custom
● Exceptions
Interface layer (Ctrl + 2)
● UI Flows
○ Screens
○ Patterns
● Images - graphics, icons, etc.
● Themes - base look and feel
Process layer (Ctrl + 1)
● Processes
○ Business Processes
○ Human & automated Tasks
○ Decisions, Events & Waits
● Timers
○ Scheduled actions (specific time)
■ Intervals (daily, weekly,etc.)
○ Priorities
○ Timeouts
Search (Ctrl + F)
● Search within different scopes
○ Screen / Element
○ Module
○ Community
● Results
○ Sorted by layer
○ Can “jump to” or open any result
from inside the search results
Module menu: Open other Version...
25
Module menu: Switch environment
26
Module menu: Clone
● What is cloning?
○ Creates a copy of the module
■ ModuleName >
CloneOfModuleName
■ Clone get a new module Id
○ Duplicates all module resources
● Why use cloning?
○ Refactoring
○ Splitting a module in 2 or more
modules
27
Publishing to Server
TrueChange
1-Click Publication to Server
Compare and Merge
Support for collaborative development over the same application modules
Compare and Merge (cont.)
1-Click Publication to Server (cont.)
Service Studio Overview
Thank You!
