---
title: "Artigo:  OutSystems é uma espécie de mágica - ITup e Técnico+"
description: No artigo, Cláudia Capitção (ITUp), destaca alguns exemplos de como usar accelarators na plataforma de OutSystams. Ao longo do artigo é apresentada uma visão geral positiva da plataforma OutSystems como uma solução eficiente para o desenvolvimento rápido de aplicações.
image: https://blog.tecnicomais.pt/hubfs/123.jpg
---

[![Técnico+ Formação Avançada](https://blog.tecnicomais.pt/hs-fs/hubfs/raw_assets/public/Tecnico_August_2021/images/Tecnico-sem-fundo.png?width=400&height=257&name=Tecnico-sem-fundo.png "Técnico+ Formação Avançada")](https://tecnicomais.pt/)

Menu

- [Sobre](https://tecnicomais.pt/sobre/) 
    - [Corpo Docente](https://tecnicomais.pt/formadores/)
    - [Tipos de Formação](https://tecnicomais.pt/sobre/#tipos_de_formacao)
- [para Profissionais](https://tecnicomais.pt/para-profissionais/) 
    - [Programas](https://tecnicomais.pt/programas-de-especializacao/)
    - [Cursos](https://tecnicomais.pt/cursos-de-especializacao-e-formacao/)
    - [Ações de Formação](https://tecnicomais.pt/acoes-de-formacao/)
- [para Organizações](https://tecnicomais.pt/para-organizacoes/)
- [Blog](https://tecnicomais.pt/blog/)

<https://e.tecnicomais.pt/login/index.php>

## PROCURAR CURSOS E PROGRAMAS

 PESQUISAR

![](https://blog.tecnicomais.pt/hubfs/123.jpg)

[Informática](https://blog.tecnicomais.pt/tag/informática)

# OutSystems é uma espécie de mágica

[![author](https://blog.tecnicomais.pt/hubfs/claudia%20capit%C3%A3o.jpg) Claúdia Capitão](https://blog.tecnicomais.pt/author/claúdia-capitão)

 abril 24, 2023

Aposto já ouviu alguém dizer que o desenvolvimento *low-code,* e particularmente OutSystems, é apenas arrastar e soltar círculos.

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71c6e903c131b6a0af0_2021701-OutSystems-Magic-05.png)

Embora este comentário seja normalmente dito de forma condescendente, a verdade é que não está muito longe da realidade. Não me interpretem mal, OutSystems é muito mais do que isso, e pode criar soluções completas altamente complexas, de nível empresarial e responsivas aos negócios. Contudo, a magia por detrás da moderna plataforma de desenvolvimento de aplicações da OutSystems permite, com apenas alguns movimentos e cliques do rato, criar uma aplicação simples com listas, ecrãs editáveis ​​e até menus de navegação.

Como um mágico a acenar com a sua varinha mágica, pode arrastar e largar elementos com o rato no OutSystems Service Studio – ambiente de desenvolvimento visual OutSystems - e, semelhante a um truque de magia, criar a primeira aplicação.

 O que está por detrás deste truque de magia?

Bem, a OutSystems chama-os de aceleradores. Ao longo deste artigo, vamos demonstrar algumas etapas simples, tais como criar as entidades de base de dados com um único ficheiro do Excel,  adicionar uma tela de lista e uma tela de formulário editável para visualização e manipular os dados.

Antes de começarmos a explorar estes aceleradores, certifique-se de verificar a nota abaixo.

 Nota rápida:

Os exemplos apresentados neste artigo foram desenvolvidos numa aplicação *OutSystems Web Reactive*, utilizando a versão 11.8.12 do Service Studio. Se pretende saber mais sobre a plataforma OutSystems e o ambiente de desenvolvimento Service Studio, por favor siga os seguintes links:

1. [Visão geral do OutSystems](https://www.outsystems.com/training/courses/173/outsystems-overview/)
2. [Visão geral do Service Studio do OutSystems](https://www.outsystems.com/training/courses/174/service-studio-overview/)
3. [Tornar-se um Desenvolvedor Web Reativo](https://www.outsystems.com/training/paths/18/becoming-a-reactive-web-developer/)

Dados de inicialização:

Deseja criar uma entidade e fazer upload de dados de amostra durante o tempo de design? A OutSystems tem um processo que o ajuda a carregar um ficheiro do Excel para criar as suas Entidades, chamado *Bootstrap*.

Como posso inicializar uma Entidade numa app OutSystems?

⦁ Vá para a guia Dados, clique com o botão direito do rato no ícone Base de dados e escolha "Importar novas entidades de um Excel(…)".

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71d8089e36507744b15_1-Import-New-Entities-from-an-Excel.png)

#1. Importar novas entidades de um Excel

⦁ Selecione o arquivo Excel e clique em Continuar.

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71e6d31edec4295c69a_2-Mapping-the-Excel-File.png)

#2. Mapear o arquivo do Excel

‍

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71cddddf59766e29c37_3-Bootstrap-Entity-result-283x300.png)

                                                                                                    #3. Resultado da Entidade Bootstrap

‍

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71cc5a58e283201123a_4-Bootstrap-Entity-data.png)

#4. Dados da Entidade Bootstrap

A magia:

O Service Studio irá criar a entidade para si com base no seu ficheiro Excel, onde:

⦁ O nome da entidade é o nome da folha Excel;

⦁ O nome de cada atributo é baseado em cada coluna da primeira linha do seu ficheiro Excel.

⦁ O tipo de dados de cada atributo é baseado no nome das colunas e também, caso o seu ficheiro Excel contenha dados, na validação dos dados que estão dentro de cada coluna.

Além da entidade, o Service Studio também adiciona:

⦁ Uma ação com a lógica de *bootstrap* chamada “*Bootstrap*” na guia Lógica.

⦁ Uma estrutura com o conteúdo do ficheiro Excel denominado “Excel\_” na guia Dados.

⦁ Um recurso com o ficheiro Excel na pasta Recursos na guia Dados.

⦁ Um temporizador para executar a ação chamada “*Bootstrap*” na guia Processos.

⦁ Ações de base de dados para buscar e manipular dados, como *UpdateMagician*.

Se o ficheiro Excel também incluir dados, assim que publicar o módulo, o Service Studio executará a ação para inicializar os dados.

Criar uma lista e tela de detalhes:

Deseja criar uma tela para realizar uma lista dos registos da sua entidade e outra para editar os registos? A OutSystems tem um processo que o ajuda a criar as telas de Listagem e Detalhe a partir de uma Entidade existente, designado por *scaffolding*.

Como implementar o ecrã de Listagem numa aplicação OutSystems?

⦁ Abra a guia Interface *MainFlow.*

 

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71cd72a0aebaa26544e_5-MainFlow.png)

#5. *MainFlow*

⦁ Vá para a guia Dados, arraste e solte sua entidade dentro do *MainFlow* e aproveite o truque de magia!

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71e8089e301fc744b66_6-Create-the-List-and-Detail-Screens.png)

#6. Criar as telas de lista e detalhes

Caso a sua aplicação esteja num Web Tradicional, precisará arrastar e soltar a Entidade para o *MainFlow* duas vezes.

 

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71cf36552448333d991_7-The-List-Screen-Result.png)

#7. O resultado da tela de lista

‍

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71dded4c83efe80f1e4_8-The-Detail-Screen-Result.png)

#8. O resultado da tela de detalhes

‍

A mágica:

O Service Studio cria as telas , bem como a respectiva navegação.

Navegação

O menu inclui um link para a tela Lista. Aqui, existe um link para a tela "Detalhe" em cada registo da tabela para visualizar os detalhes do registo. Estes dados encontram-se dentro de um formulário, onde poderá consultar os dados ou até editá-los facilmente. Além disso, no espaço reservado *Action*, na tela *List* (canto direito da tela, acima da tabela),  poderá visulizar um botão para navegar até a tela *Detail*, onde pode adicionar um novo registo à entidade.

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71d3615595f751c0300_9-Navigation.png)

#9. Navegação

**Salvar ou atualizar dados**  
Adicionalmente, na tela Detalhe, o acelerador que gera uma ação de salvar para adicionar novos registros ao banco de dados ou atualizar os existentes.

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71df5eae6a18cebe010_10-Save-records.png)

#10. Salvar registros

‍

**Recursos extras**  
Além da navegação e salvar registros, a tela Lista, também, obtém um campo de entrada de Pesquisa, o que permite ao utilizador filtrar os registos da lista de tabela por uma palavra-passe específica.

![](https://global-uploads.webflow.com/60a67935233c0d08098719d3/60ffe71ed285c030d07d569c_11-Search-field.png)

#11. Campo de pesquisa

‍Suponha que a entidade seja consumida fora do módulo de interface do utilizador. Nesse caso, algumas destas funcionalidades podem ser desativadas, dependendo se sua entidade está exposta como modo leitura ou está definida para permitir que os outros módulos editem os respectivos registos diretamente.

Confira mais informações sobre este tema [aqui](https://success.outsystems.com/Documentation/11/Reference/OutSystems_Language/Data/Modeling_Data/Entity) .

 Poderá aceder ao artigo original em [https://www.itup.io/blog-post/outsystems-is-a-kind-of-magic](https://www.itup.io/blog-post/outsystems-is-a-kind-of-magic).

### Deseja saber mais sobre a OutSystems?

Este e outros temas são abordados no curso de [Low-Code Full Stack Development](https://tecnicomais.pt/cursos/low-code-full-stack-development-locfull/) oferecido pelo Técnico+, que é um contributo no sentido de  **dotar os formandos as competências e ferramentas para projetarem, desenvolverem e testarem aplicações web, utilizando as plataformas Low-Code.**

Os cursos em Low-Code Full Stack Development, oferecido pelo Técnico+, dota os seus formandos das ferramentas e conhecimentos imprescindíveis para os profissionais de programação Low-Code permitindo a entrada neste mercado e oferecer-lhes a hipótese de construir nele uma carreira de sucesso. 

[![New call-to-action](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/7648609/406aa798-f1f9-4fa4-af4d-3b3efcee4794.png)](https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/7648609/406aa798-f1f9-4fa4-af4d-3b3efcee4794)

 

O curso de **Low-Code Full Stack Development,** oferecido pelo Técnico+, **é ideal para profissionais que pretendam uma reconversão para a área tecnológica ou fazer *upskill *dos seus conhecimentos. ** Para além de dotar os profissionais de conhecimentos das tecnologias de programação este curso também oferece:

- Compreensão dos conceitos base do desenvolvimento de aplicações web;
- Competências para o desenvolvimento, projeção e  teste em aplicações web utilizando plataformas*Low-Code*;
- Utilização dos padrões de desenvolvimento e conhecimento das melhores práticas em Low-Code;
- Desenvolvimento de experiência prática com as funcionalidades principais da plataforma de uma plataforma Low-Code;
- Compreensão do funcionamento e a arquitetura de aplicações desenvolvidas em Low-Code.

 

[Informática](https://blog.tecnicomais.pt/tag/informática)

![author](https://blog.tecnicomais.pt/hubfs/claudia%20capit%C3%A3o.jpg)

##### Claúdia Capitão

###### [Microsoft e Técnico+ Formação Avançada estabelecem parceria para formação em Inteligência Artificial](https://blog.tecnicomais.pt/microsoft-tem-parceria-com-o-técnico-mais-0)

###### [Primeira edição do Curso de Especialização em RFID: Instalações de Rádio](https://blog.tecnicomais.pt/primeira-edição-do-curso-de-especialização-em-rfid-instalações-de-radio)

### Related Posts

Prev

Next

[![](https://blog.tecnicomais.pt/hubfs/Image%20(1).jpg)](https://blog.tecnicomais.pt/escola-de-outono-sobre-tecnologias-emergentes)

### [Escola de Outono sobre Tecnologias Emergentes para o Negócio: Uma semana imersiva para Executivos e Empreendedores](https://blog.tecnicomais.pt/escola-de-outono-sobre-tecnologias-emergentes)

 outubro 29, 2024

[![](https://blog.tecnicomais.pt/hubfs/Capas%20T%C3%A9cnico+%20(2)-3.png)](https://blog.tecnicomais.pt/entrevista-dash-joao-apolinario)

### [Conheça João Apolinário, Aluno da Pós-Graduação em Data Science para Engenheiros - Entrevista](https://blog.tecnicomais.pt/entrevista-dash-joao-apolinario)

 outubro 29, 2024

[![](https://blog.tecnicomais.pt/hubfs/shutterstock_2300906077.jpg)](https://blog.tecnicomais.pt/formação-em-ia-a-necessidade-de-integração-do-impacto-social-na-carreira-profissional)

### [Formação em IA: A Necessidade de Integração do Impacto Social na Carreira Profissional](https://blog.tecnicomais.pt/formação-em-ia-a-necessidade-de-integração-do-impacto-social-na-carreira-profissional)

 agosto 13, 2024

### Categorias:

- [AGILE (2)](https://blog.tecnicomais.pt/tag/agile)
- [agileleadership (1)](https://blog.tecnicomais.pt/tag/agileleadership)
- [Antenas (1)](https://blog.tecnicomais.pt/tag/antenas)
- [Arquitetura Empresarial (1)](https://blog.tecnicomais.pt/tag/arquitetura-empresarial)
- [Blockchain (3)](https://blog.tecnicomais.pt/tag/blockchain)
- [carro (1)](https://blog.tecnicomais.pt/tag/carro)
- [Cibersegurança (9)](https://blog.tecnicomais.pt/tag/cibersegurança)
- [Ciência de Dados (6)](https://blog.tecnicomais.pt/tag/ciência-de-dados)
- [Cloud (1)](https://blog.tecnicomais.pt/tag/cloud)
- [Corporate Innovation (1)](https://blog.tecnicomais.pt/tag/corporate-innovation)
- [cursos (1)](https://blog.tecnicomais.pt/tag/cursos)
- [Data Analytics (3)](https://blog.tecnicomais.pt/tag/data-analytics)
- [Design Thinking (1)](https://blog.tecnicomais.pt/tag/design-thinking)
- [Digital Innovation Leadership (2)](https://blog.tecnicomais.pt/tag/digital-innovation-leadership)
- [Economia (2)](https://blog.tecnicomais.pt/tag/economia)
- [Economia Circular (5)](https://blog.tecnicomais.pt/tag/economia-circular)
- [Educação (5)](https://blog.tecnicomais.pt/tag/educação)
- [Empreendedorismo e Inovação (5)](https://blog.tecnicomais.pt/tag/empreendedorismo-e-inovação)
- [Engenharia e Gestão (15)](https://blog.tecnicomais.pt/tag/engenharia-e-gestão)
- [Escola de Outono (1)](https://blog.tecnicomais.pt/tag/escola-de-outono)
- [Eventos (7)](https://blog.tecnicomais.pt/tag/eventos)
- [Finanças para Engenheiros (1)](https://blog.tecnicomais.pt/tag/finanças-para-engenheiros)
- [Formação Avançada (9)](https://blog.tecnicomais.pt/tag/formação-avançada)
- [Future IT Leadership (2)](https://blog.tecnicomais.pt/tag/future-it-leadership)
- [Gestão de Operações (1)](https://blog.tecnicomais.pt/tag/gestão-de-operações)
- [hidrogenio (1)](https://blog.tecnicomais.pt/tag/hidrogenio)
- [Informação e Sistemas Empresariais (6)](https://blog.tecnicomais.pt/tag/informação-e-sistemas-empresariais)
- [Informática (17)](https://blog.tecnicomais.pt/tag/informática)
- [Inovação (3)](https://blog.tecnicomais.pt/tag/inovação)
- [inteligência artificial (2)](https://blog.tecnicomais.pt/tag/inteligência-artificial)
- [Inteligência Artificial Generativa (4)](https://blog.tecnicomais.pt/tag/inteligência-artificial-generativa)
- [Laboratório (1)](https://blog.tecnicomais.pt/tag/laboratório)
- [Lean Six Sigma (3)](https://blog.tecnicomais.pt/tag/lean-six-sigma)
- [Liderança (1)](https://blog.tecnicomais.pt/tag/liderança)
- [Machine Learning (1)](https://blog.tecnicomais.pt/tag/machine-learning)
- [Parcerias (22)](https://blog.tecnicomais.pt/tag/parcerias)
- [Reabilitação Urbana (2)](https://blog.tecnicomais.pt/tag/reabilitação-urbana)
- [Redes (1)](https://blog.tecnicomais.pt/tag/redes)
- [RFID (1)](https://blog.tecnicomais.pt/tag/rfid)
- [Sistemas (2)](https://blog.tecnicomais.pt/tag/sistemas)
- [Sustentabilidade (3)](https://blog.tecnicomais.pt/tag/sustentabilidade)
- [Tecnologia (5)](https://blog.tecnicomais.pt/tag/tecnologia)
- [Telecomunicações e 5G (1)](https://blog.tecnicomais.pt/tag/telecomunicações-e-5g)
- [Transformação Digital (4)](https://blog.tecnicomais.pt/tag/transformação-digital)
- [Técnico+ (7)](https://blog.tecnicomais.pt/tag/técnico)

see all topics

## Subscreva a nossa newsletter

Receba informações sobre cursos, artigos e eventos do Técnico+

Artigos recentes

[🚀 Técnico+ no IDC Security Summit: Junte-se a Nós no Dia 3 de Abril!](https://blog.tecnicomais.pt/técnico-no-idc-security-summit-junte-se-a-nós-no-dia-3-de-abril)

[Chegou ao fim a 5.ª edição do Curso de Especialização em Inteligência Artificial Generativa](https://blog.tecnicomais.pt/encerramento-quinta-edição-do-curso-de-especialização-em-inteligência-artificial-generativa)

[Cursos de Especialização em "Machine Learning & Artificial Intelligence for Chemical Engineering" com candidaturas abertas até agosto](https://blog.tecnicomais.pt/cursos-de-especialização-machine-learning-artificial-intelligence-for-chemical-engineering-com-candidaturas-abertas-até-agosto)

## vamos começar um projeto juntos?

## Contacte-nos!

- [leonor.barros@tecnicomais.pt](mailto:leonor.barros@tecnicomais.pt)
- [(+351) 218 417 396](tel:++351218417396)

- EXPLORAR 
    - [Sobre o Técnico+](https://tecnicomais.pt/sobre/)
    - [para Profissionais](https://tecnicomais.pt/para-profissionais/) 
          - [Programas](https://tecnicomais.pt/programas)
          - [Cursos](https://tecnicomais.pt/cursos-de-especializacao-e-formacao/)
          - [Ações de Formação](https://tecnicomais.pt/acoes-de-formacao/)
    - [para Organizações](https://tecnicomais.pt/para-organizacoes/)
    - [Blog](https://tecnicomais.pt/blog/)

- Informações 
    - [Contactos](https://tecnicomais.pt/contactos/)
    - [Processo de Candidatura e Inscrição](https://tecnicomais.pt/processo-de-candidatura-e-inscricao/)
    - [Política de Cookies](https://tecnicomais.pt/politica-de-cookies/)
    - [Política de Privacidade](https://tecnicomais.pt/politica-de-privacidade-e-cookies/)

[© 2022  - Instituto Superior Técnico de Lisboa](https://tecnico.ulisboa.pt/pt/)

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Claúdia Capitão",
    "url" : "https://blog.tecnicomais.pt/author/claúdia-capitão"
  },
  "dateModified" : "2023-04-24T08:18:29.301Z",
  "datePublished" : "2023-04-24T08:18:29.000Z",
  "headline" : "Artigo:  OutSystems é uma espécie de mágica - ITup e Técnico+",
  "image" : [ "https://blog.tecnicomais.pt/hubfs/123.jpg" ],
  "mainEntityOfPage" : {
    "@id" : "https://blog.tecnicomais.pt/outsystems-e-uma-espécie-de-magica",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://blog.tecnicomais.pt/hubfs/Tecnico+%20sem%20fundo.png"
    },
    "name" : "Associação para o Desenvolvimento do Instituto Superior Técnico"
  }
}
```