OutSystems: A more efficient way to build apps!

OutSystems: A More Efficient Way To Build Apps
Russ Fustino, OutSystems Director Developer Evangelism
Russell.fustino@outsystems.com
@RussFustino
@OutSystemsDev

www.outsystems.com© OutSystems. All Rights Reserved2 www.outsystems.com© OutSystems. All Rights Reserved2
When I build an app, here is what I need.
• Phone and Tablet views
• Landscape and portrait orientations
• iOS, Android and Windows
• Debugging
• Rapid Development (git-r done).
• Common code base
• Native device capabilities
• Integration with my data

… and here is what I would like
• Visual designer
• A support system for my App
• Data in the cloud with CRUD
• App in the cloud
• Something that goes beyond NuGet
• Extensible in C# or JavaScript
• Build a great UX

Agenda
• OutSystems Overview
• Build an app with OutSystems
• OutSystems Now for device specific features
• Silk UI Framework / Tools
• Online Community and Resources
• Summary

Introduction
Who is OutSystems?

Why are Enterprises buying
OUTSYSTEMS PLATFORM ?

S P E E D .
Accelerate delivery and change of enterprise mobile
and web apps

Top Scenarios and Use Cases
Forms / Docs Workflows Portals Dashboards Front-Ends
Quoting Onboarding Customers Executive for SAP
Simulators Approvals Resellers Line of Business for salesforce.com
Order Entry Field Service Suppliers Insight For legacy

Mobile and Web App Dev is a Hard Problem
20-50
Apps
4 Platform
3 Form Factors
X
Abundance
Of Data Silos
X
Skills
Shortage
X
Constant Change RequestsX

Not if you have the right application platform!
Use existing skills
Relatively Easy to build, Cheap to change
Responsive plus hybrid
Abstraction brings stability
Simplified aggregation
Does it need to be so hard?

OutSystems platform Architecture
Architecture Overview
• Front-end server(s) - standard Web
Application Server (IIS or Java
Application Server) environment
complemented with 3 extra OutSystems
services;
• Deployment Controller Server – compile
the applications and deploy in front-end
servers;
• Database Server - The Database Server
is a Relational Database Management
System (RDBMS), such as Microsoft
SQL Server, Oracle or MySQL database
*More information on architecture tech note
https://www.outsystems.com/platform/development/infrastructure-technote/

Get your personal environment
Register & Download
Go to www.outsystems.com
and get yourself a personal
Environment by providing your
information and follow the
indicated steps.

Build an App in 5 minutes!

Let’s build something like this…
Customer Information Management sample
Customers Products Category
Purchase
Orders
1. Manage customer information
2. Manage products information
3. Category information is related with products
4. Customers and products are related via purchases

www.outsystems.com17 © OutSystems. All Rights Reserved17
What is OutSystems Now?
Native shell, that
enable the webapps
running in it to access
native functionality
Native shell
Web app
Hybrid approach

So… It’s a browser?
Not a browser,
although it consumes
web resources
Built on top of
Cordova* 3.5.0
(not plain cordova app)
*Apache Cordova is a platform for building native mobile applications using HTML, CSS and JavaScript

What devices are supported?
The support is made to
Operating Systems not
Devices or producers.
Android 4.0+
iOS 7+
Windows 8.1+
Ask for 4.4+
Webview* is based on chromium engine.
Enables debug and is a more recent web engine.
*WebView class is an extension of Android's View class that allows you to display web pages as a part of your activity layout.

What does it enable?
1. Access to native functionalities
a. Camera
b. Geolocation
c. QR code reader*
d. Access to file system
e. Access to address book*
f. Access to device Calendar
*Not available to Windows

Custom Branding
Logo customization Splash customization Login page customization

Custom plugins
a. Login with Touch ID
b. Native mail composer
c. Integration with PingOne
d. Kiosk mode
e. Download files in the background
f. Upload files in the background
g. Record videos
h. Play videos
i. … many others…

OutSystems Now
The Place to go for Your Enterprise Mobile Apps
Single Place + One Login
The place to go for all your
own enterprise mobile
apps
No hunting for URLs, etc
Immediate Change
Make changes in your apps
and they’re immediately
available to your users
User adoption first
Enterprise controls ensured
Monitor actual usage

What is Silk UI Framework?
Great UI
Without the need to know
how to code CSS

Silk UI Framework

Simple Right?
.Box {
background-color: white;
font-size: 12px;
border: 1px solid black;
}

CSS Gets Complex Quick
@media screen and (max-width: 700px) and (min-width: 340px) and
(device-pixel-ratio: 2) {
.content > li.kpbb a:hover {
position: relative;
box-sizing: border-box;
padding: 30px 0 0;
font-size: .857142857142857rem;
background-image: -webkit-gradient(linear, from(#4d90fe),to(#357ae8));
z-index: -1!important;
}
.aok-clearfix:after,.aok-clearfix:before, .clearfix:after,.clearfix:before {
display: table;
content: "";
line-height: 0;
font-size: 0
}

Responsive Menu

Responsive Menu
over 3000 lines of CSS

Front End Frameworks

Quality
• Best Practices for CSS and JS
• Big focus on performance
• 3,000 tests (manual and automated) every release
• Tested in all modern browsers and down to IE8+
• Tested in several devices (iOS, Android and
WinPhone)

Demo – Silk UI Framework
labs.outsystems.net/SilkUI

OutSystems Online Community
www.outsystems.com/community

OutSystems Online Community
52000+ Members
500+ Forge Projects
2 Hours Average Response Time in Forums

OutSystems Online Community Forums

OutSystems Online Community Forge

OutSystems Online Community Learn

OutSystems Developer Online Training
Next class - Starts this Monday! (1st Monday)

OutSystems Certification Program
http://www.outsystems.com/learn/
Certified OutSystems Platform Developers will evolve through the different certification levels to
master the OutSystems Platform technology in conjunction with modern software engineering
practices for developing and designing enterprise-grade mobile and web applications. To get
certified, candidates need to demonstrate real world project experience and take a certification
exam.

Please follow!
Twitter:
@OutSystemsDev
@RussFustino
Facebook: www.facebook.com/OutSystemsDev

Resources
Labs from this session:
www.outsystems.com/goto/jumpstart
Download Personal Environment www.outsystems.com
OS Mobile: https://success.outsystems.com/Evaluation/Mobile
Integrate with REST and SOAP API’s:
https://success.outsystems.com/Evaluation/Integration/00_Integrate_with_SOAP_
web_services_and_REST_APIs?origin=d

Resources
Community: www.outsystems.com/community
Forge: http://www.outsystems.com/forge/
Learn: http://www.outsystems.com/learn/
Online Training: www.outsystems.com/course/developer-foundation
Case Studies: http://www.outsystems.com/customers/
JumpStart Classes: https://www.outsystems.com/academy/instructor-assisted-
training/outsystems-platform-jump-start-training/
Notes Silk UI Dozens of patterns http://labs.outsystems.net/SilkUI/Patterns.aspx
Prebuilt pages: http://labs.outsystems.net/SilkUI/Samples.aspx
Learn more on Silk UI Framework: http://labs.outsystems.net/SilkUI
Scaffolding patterns:
http://www.outsystems.com/help/servicestudio/9.0/default.htm#Web_User_Interfac
e/Creating_List_Screens.htm
OutSystems Architecture
https://www.outsystems.com/platform/development/infrastructure-technote/
KnowledgeBase: http://success.outsystems.com/

Thank you for your time!
Hope you enjoyed the session!
@RussFustino
@OutSystemsDev

OutSystems: A more efficient way to build apps!

More Related Content

What's hot (20)

Similar to OutSystems: A more efficient way to build apps! (20)

More from Russ Fustino (16)

Recently uploaded (20)

OutSystems: A more efficient way to build apps!

Editor's Notes