How to Create an Application in Outsystem

In this article, we are going to see how we can make an app in OutSystems from scratch. so to create an application in OutSystems we need to first register on the OutSystems website and then need to create a personal environment just like you see in the given below image.

[br]

[br]

After that, you need to download the Outsystems Service Studio 11 from the OutSystems website. simply search on the browser and you will get the link for downloading. after that install, the service studio in your system and then you need to login into the service studio with your Environment URL, Email, and Password.

[br]

After login into the service studio, you can see the options as shown in the below-given image.

[br]

[br]

So to create an application you first need to click on the New Application. after clicking on the button you will see two options as you could see in the given below image.

[br]

[br]

After that click on the From scratch button and then click on the Next button as you could see in the given below image.

[br]

[br]

After that, we need to select which type of app we want to build like a Reactive Web app, Tablet App, Phone App, External web Portal, Traditional web, or Service application. refer to the below-given image.

[br]

[br]

After that Select the Reactive Web App and then click on the Next button. and then you will be asked for some information about the app as you see in the given below image.

[br]

[br]

You can enter your application name, and description of the application, Upload an icon for your application and also select the default color for your application as you could see in the given below image.

[br]

[br]

After that click on the CREATE APP button and this will automatically create an application with your generated application name just like you see in the given below image.

[br]

[br]

It will also create a default module in the Modules section as you could see in the given above image. after that type the name of your module and then click on the CREATE MODULE button. and this will create a Module for your application just like you see in the given below image.

[br]

[br]

We will work on the main flow of the application. and everything that we are going to create will be created in the MainFlow of the application.

[br]

After that click on the MainFlow and select the Add Screen option as you see in the given below image.

[br]

[br]

After that select the Empty option of the screen and set the name of the screen as you want. and then click on the CREATE SCREEN button. refer to the given below image for reference.

[br]

[br]

After clicking on the button it will create a screen with the name you typed in the main flow of the screen.

[br]

Now on the screen drag an expression from the left side and place it on the screen as you see in the given below image. after that, it will automatically open a screen for you to write the value of the expression.

[br]

[br]

Type the name of your application in the value of the expression with the enclosing double quotes. and then click on the Done button to close the popup window.

[br]

[br]

To see the changes in the browser we need to first publish the whole application to the server. all the changes that we did before publishing were automatically saved. so to publish the app we need to click on the above-given green button of the application. or you can press the F5 button on your keyboard and it will publish the application as you see in the given below image.

[br]

[br]

After publishing the button will become blue with the arrow icon. As you could see in the given below image.

[br]

[br]

To open the application you need to click on the blue button as shown above of the application. and after clicking on the button the application will open in your default browser. as you could see in the given below image.

[br]

[br]

To see the changes we need to login into the application. so you just enter your default username and password that you used to login into your service studio.

[br]

After login into the application, you will see the screen that we build in the service studio. we can also see the expression as the name of the application that we just print on the screen using the expression. See the above image for reference.

[br]

Using the service studio we can do a lot more things and can make a pure application with the working environment. in this article we just see the basics of How to create an app/application in OutSystems. you can use your creativity in the application and can use the components of the OutSystems to create a fully flexible application.