Service Studio Overview

Download as pdf or txt
Download as pdf or txt
You are on page 1of 33

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
Service Studio Environment
Elements Tree Area

Elements
Tree
area
Widget Tree Area

Widget
Tree
area
Editor Area

Editor
area
Screen Editor Area
Views Styles Edited Element breadcrumb
Show Widget
Tree

Toolbox
Canvas
(widgets)

Widget Hierarchy breadcrumb


Properties Area

Properties
area
TrueChange, Debug & 1-Click Publish Area

TrueChange
and
Debug area
Status Bar

Status bar
Service Studio Environment

Elements
Editor Tree
area area

Properties
TrueChange area
and
Debug area

Status bar
Workspace tabs
Workspace Tabs
Workspace
tabs
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 - Applications

● Lists apps in the server

● Create new applications

● Install applications from the


Forge

● Open an application
○ Get latest version from
the platform server
Environment tab - Application Details

● Application Info
○ Name, description &
icon
○ Open in browser

● Modules tab
○ Modules in this app

● Dependencies
○ Modules referenced
Module Workspace Tab
The 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
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

You might also like