Skip to main content

Getting Started

 

OutSystems

Choose between a Mobile or a Web App

When creating a new app in OutSystems and according to your project's requirements, you need to select the type of application you want to develop. For each development scenario, different tools and features are available.

What is a Mobile App?

In OutSystems, a Mobile App is a native app shell, developed using Apache Cordova, that wraps a web app developed using the OutSystems visual language. The app has user experience that is mobile-optimized and can access the device's capabilities and features using plugins. It can work offline and have data-caching features thanks to access to the device's local storage. The developed code is cross-platform, this means that you only have to develop one project and the application works on all the supported mobile platforms (iOS and Android). You can generate application packages and distribute them in the stores or you can distribute them to a set of users.

What is a Web App?

In OutSystems, a Web App is an application with a responsive interface that runs in the browser, displaying a user experience adapted to all kinds of devices and screen sizes. It is developed using the OutSystems visual language. You can interact with the device's features and capabilities by extending the application code using HTML5 and JavaScript. For it to work without an internet connection you must use a third-party component. It's not necessary for the user to install it on the device, the third-party component only needs the URL for it to open in the browser of the desktop, laptop, mobile device or any device with a browser. This type of app is mostly used for displaying a high volume of data, like dashboards and tables, and it's crucial when targeting web desktops and responsive apps.

Comparison Between Mobile and Web Apps in OutSystems

Web

vs

Mobile

One codebase for all devices and screen sizes.

Code Reusability

One codebase for all supported mobile platforms.

A browser.
No installation is needed.

Runs in

Mobile devices. Needs to be installed and is not supported in the browser.

Responsive layout for all screen sizes and types.

User Experience

Dedicated mobile UI patterns and experiences, such as animations and screen transitions.

AJAX responsive patterns. Depends heavily on the internet connection.

Performance

Mobile-optimized performance. App logic can run on the device and the data exchange with the server is reduced.

HTML5 supported device capabilities.

Access to Device Capabilities

Access to full range of device capabilities (using Cordova plugins).

No default offline or standalone capabilities (possible to use third-party components).

Offline capabilities

Using local storage for storing offline data. Client logic running on the device.

Automatic update on browser page refresh.

Deployments/Updates

Most updates are made automatically on screen change. New installation required only when changing the native shell.

Share the app’s link with users.

Distribution

In-House or via Mobile app stores.