OutSystems Platform Tutorial

Welcome to the OutSystems Platform Tutorial. During the Tutorial you will be able to see how you can create a simple Web application - eOrganizer - to manage tasks. At the end, it will be possible to create, edit and delete tasks, and also to view them filtered by specific criteria.

Before you begin with the Tutorial lessons, follow the steps below:

 

 Download OutSystems Agile Platform Express  Watch Platform Overview

Download the free edition of the OutSystems Platform.

Develop and host your applications in your own server.

Watch the introductory video about the OutSystems Platform.

If you prefer to host your applications in OutSystems development server, simply download Service Studio and create a server account.

 

To watch the  movies with Microsoft Windows Media Player, please use version 10 or higher.

Lesson 1 - Starting eOrganizer

In "Starting eOrganizer" you will create the Home screen for your application. This Web screen will have welcome text, a header and a footer. You will create these as Web Blocks which are special screens that can be reused later in the application. A...

   

Play movie (5m51s)

 

1.1. Building the eOrganizer Homepage 

In this movie you will learn:

1. How to design a simple homepage layout using tables.

2. How to add a reusable piece of screen - web block - to design a header and footer for the application.

   

Play movie (2m40s)

1.2. Publishing and Testing the eOrganizer

In this movie you will learn:

1. How to deploy your application in a server, using 1-Click Publish.

2. How to test an application from Service Studio.

Lesson 2 - Navigating in eOrganizer

While "Navigating in eOrganizer" you will create the Web screens to list your tasks - ListTasks - and to view their details -TaskDetail. For now, these screens will have a simple design, similar to the design for the Home screen, that is a header, a ...

   

Play movie (3m49s)

2.1. Adding and Linking Screens

In this movie you will learn:

1. How to add web screens.

2. How to specify screen navigation using connectors and links.

3. Run - what it is and when it should be used.

Lesson 3 - Creating Tasks

In "Creating Tasks" you will create the entity Task with some attributes so you can store the eOrganizer data. To gather the end user input about tasks, you will design the screen TaskDetail using a special element called an Edit Record widget. To de...

   

Play movie (11m43s)

3.1. Building a Screen to Add Tasks

In this movie you will learn:

1. How to add the "Task" entity.

2. How to create attributes for entities.

3. How to add tasks using the Edit Entity Record widget.

4. What an entity action is.

5. How to use the Expression widget.

Lesson 4 - Listing Tasks

While "Listing Tasks" you will change the ListTasks screen so you can present all the tasks you've created so far. To present the tasks you will use the Table Records widget. To define its contents you will drag the Task Entity into it. You will cha...

   

Play movie (7m03s)

4.1. Building a Screen to Retrieve All Tasks

In this movie you will learn:

1. How to list tasks using the Table Records widget.

2. What a screen preparation is.

3. How to build simple queries using the Query Editor.

Lesson 5 - Editing a Task

While "Editing a Task" you will change the TaskDetail Screen Action Save so you can update, as well as create a Task. You will also create a screen action to delete a task. To accept the Task identifier for both these operations, you will create a Sc...

   

Play movie (8m16s)

5.1. Adding the Logic to Edit a Task

In this movie you will learn:

1. What screen parameters are and how to use them.

2. How to use the Task Identifier to create or edit a Task.

   

Play movie (8m24s)

5.2. Adding the Logic to Validate the Input

In this movie you will learn:

1. How to validate end-user typed values.

2. How to use the Debugger.

Lesson 6 - Filtering tasks

While "Filtering Tasks" you will change the layout and queries of the ListTasks screen to support filters, so that only those tasks that satisfy certain criteria are displayed. You will add one filter to display only the tasks that are Not Done. For ...

   

Play movie (3m11s)

6.1. Applying Filters to the Task List

In this movie you will learn:

1. How to create and apply a filter to Table Records using search parameters.

   

Play movie (12m28s)

6.2. Extending the Data Model to Support Filters by Type

In this movie you will learn:

1. How to create relationships.

2. How to create and apply a filter using Combo Boxes.

3. How to upload bulk data through an Excel spreadsheet.

Next Steps

Check the Community Solutions for reusable Service Studio components, extensions, development patterns samples, usability procedures and best practices. You can also post your questions and comments to the community.