Objetivo

A SAP tem atualmente muitas aplicações modernas, a maioria dela se utilizando das melhores
Treinamento ABAP – CDS View e Fiori

tecnologias, ou pelo menos, tecnologias recentes que visam entregar melhor experiência para os
usuários ( UX ) utilizando combinação entre uma aplicação mais “amigável” de ser manuseada ( UI )
e mais veloz na medida que que consegue processar grandes volumes de informações em tempos
consideravelmente mais baixos do que as aplicações SAP mais antigas.
Vamos abordar nesse treinamento alguns pontos relevantes para melhor entender o que são essas
tecnologias, e assim termos um ganho de conhecimento quer possa nos ajudar a localizar e solucionar
possíveis problemas de nossos clientes.
 Tópicos

• Diferença entre SAP GUI x SAP FIORI .

Treinamento ABAP – CDS View e Fiori

• Links de Ferramentas úteis .

• CDS Views
• API’s ( Application Programming Interface )
• OData Services
• SAP API HUB
• Como é construído uma Aplicação para SAP Fiori
• SAP UI5
• SAP Fiori Library
 Diferença entre SAP GUI x SAP FIORI

! Curiosidades !
Treinamento ABAP – CDS View e Fiori

Pergunta 1 :
Vocês sabem a diferença entre Front-End e Back-End ?

Pergunta 2 :
Alguém conhece o conceito por trás do nome/palavra ‘GUI’ ?
E da palavra ‘API’ ?

Pergunta 3 :
Vocês provavelmente já conhecem o ERP SAP , mas conseguem elencar diferenças
entre as ferramentas acima ( SAP GUI x FIORI ) ?
 Diferença entre SAP GUI x SAP FIORI

FRONT END
Treinamento ABAP – CDS View e Fiori

FRONT-END é a área de desenvolvimento de software responsável por desenvolver as camadas de aplicações,

sistemas e softwares do lado do cliente, ou seja, as partes de aplicações e sistemas nas quais os usuários finais tem acesso,
e utilizam para processar dados e informações.
Podemos dizer também que a parte FRONT-END de uma aplicação, é uma aplicação do tipo GUI ( Graphical User
Interface ), por isso ‘SAP GUI’.

Tipos de aplicações FRONT-END:

• Sites, Jogos e Aplicações WEB

• Sites, Jogos e Aplicativos Mobile
• Jogos e Aplicativos Desktop
 Diferença entre SAP GUI x SAP FIORI

BACK END
Treinamento ABAP – CDS View e Fiori

BACK END é a área de desenvolvimento de software responsável por desenvolver as camadas de aplicações,
sistemas e softwares do lado do servidor, ou seja, é responsável por aplicar as regras de negócios, é responsável por
atender solicitações feitas por uma aplicação FRONTEND, é responsável por salvar, alterar ou deletar registros de tabelas
de bancos de dados, ou seja, tudo que efetivamente é processado, ou modificado, fica a cargo do BACKEND .

Tipos de aplicações BACK-END:

• API’s
• Aplicações de lado servidor
 Diferença entre SAP GUI x SAP FIORI

FRONT-END x BACK-END
Treinamento ABAP – CDS View e Fiori

RESUMO:

Basicamente, o FRONTEND corresponde a parte das aplicações onde os usuários conseguem interagir e visualizar,
como menus, fontes, imagens, cores, etc.

Já o BACKEND é responsável por tudo que está por trás de uma aplicação, e que o usuário final não vê, não
consegue ler e nem interagir.
 Diferença entre SAP GUI x SAP FIORI
SAP GUI

Bom, o SAP GUI nada mais é do que a aplicação bem conhecida por muitos de nós, que instalamos no nosso
computador, e utilizamos para acessar os diversos ambientes dos nossos clientes, bastando apenas que tenhamos a
configuração correta de acesso ao ambiente que estamos querendo( normalmente precisando muito ) acessar. A versão
Treinamento ABAP – CDS View e Fiori

mais recente disponível é a 770 .

 Diferença entre SAP GUI x SAP FIORI
SAP FIORI

Bom, o SAP FIORI é uma nova “versão” do SAP GUI, essa versão veio juntamente com o S/4 Hana.
O S/4HANA é a versão otimizada do ERP SAP, a sua versão anterior é conhecida com R3 e é valido mencionar que
o S/4HANA possui praticamente tudo da versão R3, porém trás consigo também uma série de melhorias, como o banco
Treinamento ABAP – CDS View e Fiori

de dados Hana, que é um banco in-memory, outra vantagem também é a interface Fiori, muito mais intuitiva para os
usuários.
 Diferença entre SAP GUI x SAP FIORI

SAP FIORI
Treinamento ABAP – CDS View e Fiori

O SAP FIORI é uma ferramenta de acesso WEB, ela é organizada em um portal, onde os usuários não tem mais a
necessidade de instalar o SAP GUI, para isso é preciso apenar possuir a URL que dá acesso ao Portal.

Outro ponto importante é que é possível customizar catálogos, e inserir nestes catálogos, apenas Aplicações nas quais
cada usuário de determinado setor precisa ter acesso, com isso :

• Permite maior agilidade ( já que cada usuário tem um escopo menos de aplicações )
• Maior controle ( já que cada perfil de usuário, só terá permissão para acessar os APPs de acordo com as ROLES
definidas e cadastradas )
 Diferença entre SAP GUI x SAP FIORI
SAP FIORI
Tela de login:
Treinamento ABAP – CDS View e Fiori
 Diferença entre SAP GUI x SAP FIORI
SAP FIORI
Tela de catálogos e APPS:
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis

Agora vamos começar e entender a praticar um pouco sobre CDS Views

e aplicativos FIORI.
Treinamento ABAP – CDS View e Fiori

Para isso, serão necessários algumas ferramentas:

- Eclipse ( IDE Editor – CDS Views ) – Download

- SAP ADT ( ABAP Development Tools ) – URL
- VSCode (IDE Editor – APPs Fiori) – Download ou
- SAP BAS (IDE Editor Cloud BTP – APPs Fiori) – Trial Portal
- Postman ( Rest Client ) – Download
- Insomnia ( Rest Client ) – Download
 Links de Ferramentas úteis
Eclipse ( IDE Editor – CDS Views ) – Download
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis
SAP ADT ( ABAP Development Tools ) – URL
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis
VSCode (IDE Editor – APPs Fiori) – Download
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis
SAP BAS (IDE Editor Cloud BTP – APPs Fiori) – Trial Portal
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis
Postman ( Rest Client ) Download
Treinamento ABAP – CDS View e Fiori
 Links de Ferramentas úteis
Insomnia ( Rest Client ) Download
Treinamento ABAP – CDS View e Fiori
 CDS Views – Core Data Services

O Que são CDS Views ?

Treinamento ABAP – CDS View e Fiori

CDS significa Core Data Services.

As CDS Views são objetos ABAP do tipo DDL, e são basicamente um forma muito mais
rápida, e eficiente de definir, gerar, e captar modelos de dados, essas estruturas são muito
poderosas, e são capazes de gerar visualizações de dados capazes de serem utilizadas de
diferentes maneiras dentro do ERP SAP, isso gera um grande ganho na hora de implementar
processos visto que traz maior agilidade.
 CDS Views – Core Data Services

Para que serve uma CDS View?

Treinamento ABAP – CDS View e Fiori

Uma CDS View é resumidamente muito parecida com uma ‘Query SQL’ .
Entretanto, quando criamos um objeto CDS View em uma pacote ABAP, essa CDS View
recebe também um ‘SQL View Name’ e essa seleção de dados fica disponível tanto na CDS
View, aonde é possível visualizar os dados após execução, mas também é possível utilizar
esse nome como se fosse uma tabela, para executar a seleção de dados via transação SE16N.

HORA DA PRÁTICA :D
 CDS Views – Core Data Services
Imagem com o código de uma CDS View
Treinamento ABAP – CDS View e Fiori
 CDS Views – Core Data Services
Imagem com a execução do código de uma CDS View
Treinamento ABAP – CDS View e Fiori
 CDS Views – Core Data Services
Imagem da transação SE16N usando a nossa CDS View anterior
Treinamento ABAP – CDS View e Fiori
 CDS Views – Core Data Services

Dicas:
Treinamento ABAP – CDS View e Fiori

Existem inúmeros CDS Views Standard, e customizadas.

Na dúvida, é possível pesquisar via Eclipse( IDE ) por determinados objetos, incluindo
as CDS Views utilizando um POP-UP que na verdade é uma buscador de objetos, esse
buscador de objetos abre/aparece em tela quando pressionamos a combinação de teclas ( '
CTRL + SHIFT + A ‘) no Eclipse( IDE ).
 CDS Views – Core Data Services

Documentações oficiais sobre SAP ABAP - CDS Views

Treinamento ABAP – CDS View e Fiori

• Guia ABAP para desenvolvimento de CDS Views – PDF

• Documentação Oficial SAP ABAP – Página WEB
• Documentação CAP ( CDS Views para Cloud ) – Página WEB
• Developers SAP – Tutoriais
• Blogs SAP – Blogs e Tutoriais

Dúvidas ?
 API’s ( Application Programming Interface )

Qual e a definição de APIs?

Treinamento ABAP – CDS View e Fiori

O conceito de API nada mais é do que uma forma de comunicação entre sistemas. Ou
seja, elas permitem a integração entre dois sistemas, em que um deles fornece informações e
serviços que podem ser utilizados pelo outro, sem a necessidade de algum dos sistemas
conhecer detalhes de implementação do software.
Basicamente uma API possui rotinas e padrões estabelecidas, aonda normalmente são
feitos solicitações, e aguardasse respostas para as requisições e solicitações feitas.
Uma das formas de comunicação de APIs é o HTTP.
O Protocolo HTTP ( documentação Mozilla ) possui o que chamamos de verbos.
 API’s ( Application Programming Interface )

Verbos HTTP
Treinamento ABAP – CDS View e Fiori

GET – Faz a busca e obtém um lista ou um registro especifico, a depender do parâmetro

informado.
POST – É usado para criar algum objeto novo.
DELETE – É usado para deletar algum objeto.
PUT – Usado para editar algum registro, necessário enviar todos os atributos do registro.
PATCH – Usado para editar algum registro, sem a necessidade de enviar todos os atributos.

Documentação de verbos HTTP – Página WEB

Leia sobre outros tipos de APIs – Página WEB
 API’s ( Application Programming Interface )

Response Status HTTP

Treinamento ABAP – CDS View e Fiori

Imagem: Internet
 OData Services

O que é um OData Service ?

O OData é uma iniciativa de código aberto da Microsoft e algumas outras empresas para criar um
padrão de intercâmbio de dados entre aplicações na web, porém hoje é administrado por uma organização
chamada OASIS.
Treinamento ABAP – CDS View e Fiori

O que é o SAP Gateway?

O SAP Gateway segue o padrão de indústria criado pela Microsoft chamado OData. Isso facilita ainda
mais a construção e adoção de tais serviços.
O HANA tem esta capacidade nativamente, já o NetWeaver precisa de alguns componentes instalados
para ter tal capacidade.
O Gateway é um add-on de ABAP!

O que é OData SAP?

SAP OData é um protocolo padrão da Web usado para consultar e atualizar dados presentes no SAP
usando ABAP, aplicando e desenvolvendo tecnologias da Web, como HTTP, para fornecer acesso a
informações de uma variedade de aplicativos, plataformas e dispositivos externos.

Fonte: Internet
 OData Services

Transações ( TCODES ) importantes para localizar e analisar Gateway / OData Services.

Treinamento ABAP – CDS View e Fiori

- SEGW ( Ver / Criar projeto Gateway )

- /n/iwfnd/maint_service ( Registrar Gateway como um Odata Service )
- SICF ( Localizar / Validar se serviço está ativo )

Documentação oficial Odata Services

- OData Org ( Página WEB )

 OData Services

Basicamente, todo o projeto Gateway pode ser criado ou exibido na transação SEGW .
Treinamento ABAP – CDS View e Fiori

Nesta transação, é possível criar o Gateway e aplicar toda a lógica e regras de negócios
necessários, de acordo com as especificações solicitadas.

O fato de ter um Gateway pronto, é um ótimo indicio de que temos tudo pronto para
obtermos o nosso serviço OData. Para isso, basta termos um gateway pronto, e após isso,
registra-lo na transação /n/iwfnd/maint_service.

HORA DA PRÁTICA :D

Dúvidas ?
 OData Services

Como conferir se um serviço está ativo e operacional?

Conferir se o serviço da aplicação está ativa na transação SICF

Tips
 OData Services

Acessar a transação /N/IWFND/MAINT_SERVICE.

Filtrar o serviço Odata:
Tips
 OData Services

Conferir se exit um alias e se o nó ICF do serviço está com o semáforo com status “verde”

Testar o serviço clicando no botão SAP Gateway Client

Tips
 SAP API HUB

O canal SAP API HUB é um portal similar à uma biblioteca, fornecido pela SAP.
Nesse portal é possível visualizar e pesquisar por todos os Odata Services Standard que a
Treinamento ABAP – CDS View e Fiori

SAP fornece, assim como a documentação de cada serviço OData, e exemplos de como
consumir todas as APIs do portal.

SAP API Business HUB ( Página WEB )

Dúvidas ?
 Tipos de Aplicações para SAP Fiori

Tipos de aplicações Fiori:

Treinamento ABAP – CDS View e Fiori

- UI5 Livre
- Fiori Elements
- Transacional
- WEB Dynpro
- Outros
 Como é construído uma Aplicação SAP Fiori

Uma aplicação para SAP FIORI, normalmente é pode ser construída de 2 maneiras diferentes
.
Treinamento ABAP – CDS View e Fiori

A primeira seria utilizar o framework SAP UI5 para a construção de uma aplicação
totalmente livre,

A segunda, usando elementos Fiori, que são ‘annotations’ usadas para permitir a criação e
uma UI amigável para o usuário final.

Criar uma aplicação Fiori Elements – Tutorial

Tutoriais Fiori Elements – Página WEB
Fiori Elements Blogs – Blogs
Fiori Elements UI Annotations - Tutorial
 Como é construído uma Aplicação SAP Fiori

Para construir uma aplicação Fiori, é necessário um plataforma de

desenvolvimento.
Aqui vão duas sugestões de maneiras possíveis de desenvolver esse tipo de
Treinamento ABAP – CDS View e Fiori

aplicação.

A primeira, é utilizar a Ferramenta VSCODE e instalar os plugins e pacotes

necessários para desenvolvimento Fiori.

- Instalar e configurar VSCode desenvolver APPs Fiori - Tutorial

- Desenvolver uma aplicação Fiori via VSCODE – Tutorial
- Desenvolver e dar Deploy App Fiori via VSCODE – Tutorial

A segunda opção, é utilizar o BAS dentro da plataforma BTP, o BAS é uma

ferramenta SAP muito simular ao VSCODE, e por essa ferramenta também é
possível desenvolver aplicações Fiori.
 Como é construído uma Aplicação SAP Fiori
Treinamento ABAP – CDS View e Fiori

Para construir um aplicativo Fiori, além do ambiente de desenvolvimento

instalado e configurado, precisaremos também de um serviço Odata, que servirá
como fonte de informação para alimentar a nossa aplicação.

Vamos criar uma aplicativo Fiori, usando Fiori Elements ?

HORA DA PRÁTICA :D

Dúvidas ?
 SAP UI5

O que é o SAP UI5 ?

Treinamento ABAP – CDS View e Fiori

O SAP UI5 é um framework que permite a construção da aplicações para WEB

e Mobile, utilizando tecnologias conhecidas, tais como o JAVASCRIPT.

SAP UI5 – Documentação

OPEN UI5 - Documentação
 SAP Fiori Apps Reference Library

O que é o SAP Fiori Apps Reference Library?

Treinamento ABAP – CDS View e Fiori

O SAP Fiori Apps Reference Library é o portal official SAP que contém toda a
documentação para os ‘Aplicativos Fiori Desenvolvidos pela SAP’ , os popularmente conhecidos
‘Apps Standard’ .
No Portal, é possível buscar e achar a documentação de como implementar um APP Standard,
assim como informações relativos ao tipo de determinado aplicativo, qual o serviço Odata que esse
aplicativo utiliza, assim como notas, e todas as informações necessário as para uma correta
implementação do aplicativo Fiori.

Já conhece a biblioteca de aplicativos Fiori da SAP ?

SAP Fiori Library – Página WEB

Treinamento ABAP – CDS View e Fiori
SAP Fiori Apps Reference Library
 SAP Fiori Apps Reference Library
Treinamento ABAP – CDS View e Fiori

• Demonsta uma visão de funcionalidades do app, também vincula

documentação da aplicação e uma imagem “demo” da aplicação.

• Carrega informações gerais de configuração técnica da aplicação como,

versão, componentes de software necessários para instalação e ou ativação.
 SAP Fiori Apps Reference Library

Important SAP Notes: Lista notas importantes desde o

Treinamento ABAP – CDS View e Fiori

release da aplicação até melhorias de impacto geral

Installation: Lista o versionamento de componentes ao
qual o ambiente precisa estar atualizado para receber
esta aplicação
Configuration: Lista a aplicação UI5 a ser ativa, também
o serviço Odata, roles e catalogos standard

Extensibility: Lista pontos no app onde é permitido criar

uma extensão “z” (semelhante a uma field exit)
 SAP Fiori Apps Reference Library

Minha aplicação apresenta um erro genérico, o que fazer ?

Para visualizar possiveis erros não tratados em aplicações é necessário ir no browser (para
usuários chrome) clicar nos 3 pontos no canto superior da tela e após ir até a opção “Mais
ferramentas” e clicar na opção “Ferramentas do desenvedor”
Tips
 SAP Fiori Apps Reference Library

Clicar no botão network:

Atualizar a janela de navegação (F5), ao atualizar todos os objetos que a aplicação UI5
utiliza serão listados em tempo de exeução, assim como os serviços Odata ativados previamente
irão mostar os dados enviados e recebidos através do get, post ou put.
Tips
 SAP Fiori Apps Reference Library

Ao clicar sobre a chamada de um serviço será exibida a aba header ao qual lista o comando
enviado ao serviço conforme abaixo:

Request URL: endereço do serviço chamado já com parâmetros de busca

Request Method: Tipo de requisição de busca
Status code: Status do retorno da chamada de serviço.
Tips
 SAP Fiori Apps Reference Library

Na aba reponse temos o conteudo de busca do serviço em formado Json:

Tips
 SAP Fiori Apps Reference Library

Status Code:

Alguns status code podem dar o norte sobre a resolução de algum erro “genérico” em
aplicações Fiori:

200 – O serviço fez a chamada e retornou dados com sucesso.

202 – A requisição do serviço foi enviada com sucesso ao backend, porem não retornou
qualquer dado. Verificar se todas as atividades de customizing funcional foram executadas.

403 – Erro de perfil de usuário, verificar SU53 no backend.

404 – Serviço inativo na transação /IWFND/MAINT_SERVICE.

500 – A requisição foi abortada em tempo de exeução, verificar a transação ST22 possivel
DUMP na camada ABAP.
Tips
 SAP Fiori Apps Reference Library

Como descobrir o catálogo de um app?

Acessar a transação /UI2/FLT e inserir no campo “Filtro de texto” a descrição da aplicação ou

uma parte desta descrição e executar:
Tips
 SAP Fiori Apps Reference Library

Após a execução do programa o mesmo irá retornar os catalogos atribuidos a aplicação:

Tips
 SAP Fiori Apps Reference Library

Como descobrir a role de um catálogo?

Acessar a transação /UI2/FLC e inserir no campo “ID catálogo” o nome do catálogo e executar:
Tips
 SAP Fiori Apps Reference Library

Após a execução do programa o mesmo irá retornar as roles ao qual o catalogo foi atribuido
Tips
 SAP Fiori Apps Reference Library

Identificado o problema quem faz o que?

ABAP

- Cria catalogos Z ou cópias.

- Vincula aplicações a catalogos.
- Aplica notas de correção

Basis

- Atribue catalogos a roles conforme a solicitação funcional.

- Atribue objetos de autorização conforme identificado pela aplicação
- Ativa serviços e definie alias de conexão.
Tips
 The End

Terminamos por aqui :S

Criticas, elogios e sugestões ?

Wagner.duarte@itsgroup.com.br
Tips