Aprimoramento de Relatório: Adição de Gráfico Analítico e Detalhes de Associações

1. Objetivo

Esta funcionalidade visa aprimorar o relatório existente "Relatorio Completo - Aula015" na plataforma Tachyonix.io, incorporando um gráfico analítico interativo e uma seção detalhada com informações de associações (_PURCHASINGGROUP e _PURCHASINGORGANIZATION). O objetivo é fornecer uma visualização mais rica e contextualizada dos dados para o usuário final.

2. Pré-requisitos

• Tachyonix.io: Acesso à plataforma Tachyonix.io com permissões de edição para relatórios.
• Relatório Base: O relatório "Relatorio Completo - Aula015" deve estar previamente criado e acessível para modificação. Esta funcionalidade é uma extensão desse relatório.
• Data View Existente: O "Data View" denominado "Pedido e Item Dataview para Relatorio" deve estar previamente criado e disponível na plataforma.

3. Passo a Passo Detalhado

Parte 1: Adicionar Gráfico Analítico (Data View)

Criar Nova Aba para o Gráfico:

Acesse o modo de edição do relatório "Relatorio Completo - Aula015".

Na aba Output, selecione Screen (Main List).

Adicione um novo componente Panel / Tab.

Configure as propriedades do Panel / Tab da seguinte forma:

• Description: "Gráfico"
• Layout: Tab
• Icon: bar-chart

Adicionar e Configurar o Data View:

Dentro do Panel / Tab recém-criado, adicione um componente Data View.

No campo de seleção do Data View, escolha "Pedido e Item Dataview para Relatorio".

Configurar Binding de Dados:

Localize a seção de Binding.

Crie uma associação entre o campo I_PURCHASEORDER_PURCHASEORDER da fonte de dados principal do relatório e o Data View. Esta associação atuará como um filtro dinâmico, contextualizando o gráfico ao registro selecionado na lista principal.

Configurar Layout:

Defina a propriedade Inside Of para o painel "Gráfico".

Ajuste a propriedade Height para Medium.

Ajuste a propriedade Width para Medium.

Parte 2: Adicionar Seção de Detalhes do Grupo de Compra

Criar Nova Aba para Detalhes:

Adicione um novo Panel / Tab na aba Output > Screen (Main List).

Configure as propriedades do Panel / Tab da seguinte forma:

• Description: "Group Compra"
• Layout: Tab

Adicionar Campos das Associações:

Na aba "Group Compra", arraste e solte os seguintes campos das associações _PURCHASINGGROUP e _PURCHASINGORGANIZATION para a área de design:

• Purchasing Group Name
• Telephone number of purchasing group
• Purchasing Organization Name
• Company Code

Organizar com Títulos:

Adicione dois componentes Title à aba "Group Compra" para organizar visualmente os campos em blocos distintos. Posicione-os acima dos respectivos grupos de campos.

Parte 3: Build e Verificação

Construir e Executar:

Salve as modificações no relatório.

Acione a funcionalidade Build para compilar a aplicação.

Execute a aplicação gerada.

Verificar Resultado:

Na aplicação executada, selecione um registro na lista principal.

Verifique a presença das novas abas "Gráfico" e "Group Compra".

Na aba "Gráfico", valide se o gráfico de barras exibe a quantidade do pedido de forma contextualizada ao registro selecionado.

Na aba "Group Compra", valide se os detalhes da organização e grupo de compras são exibidos corretamente, correspondendo ao registro selecionado.

4. Verificação e Teste

Para verificar a correta implementação, execute a aplicação Fiori gerada. Navegue até a lista principal do relatório e selecione um registro de pedido. As novas abas "Gráfico" e "Group Compra" devem estar visíveis. Ao clicar na aba "Gráfico", um gráfico de barras deve ser renderizado, exibindo dados relacionados ao pedido selecionado. Ao clicar na aba "Group Compra", os campos Purchasing Group Name, Telephone number of purchasing group, Purchasing Organization Name e Company Code devem ser preenchidos com os valores correspondentes ao pedido selecionado.

5. Considerações Técnicas Adicionais

Reutilização de Componentes Analíticos (Data View):

Um Data View na plataforma Tachyonix.io é um componente analítico reutilizável. Uma vez criado (como demonstrado em aulas anteriores, por exemplo, Aula 006), ele pode ser inserido em qualquer relatório ou dashboard.

Para um desenvolvedor ABAP, este conceito é análogo à criação de uma SAP Query (transação SQ01) ou de um relatório ALV genérico que pode ser invocado por diferentes programas ABAP. A plataforma Tachyonix.io abstrai a complexidade da instanciação e renderização do gráfico, permitindo que o desenvolvedor se concentre na definição dos dados e na sua representação visual.

Binding de Dados Contextual:

A contextualização do gráfico ao registro selecionado na lista principal é realizada através de um mecanismo de binding de dados. A associação criada entre o campo I_PURCHASEORDER_PURCHASEORDER da fonte de dados principal e o Data View funciona como um filtro dinâmico.

Para um desenvolvedor ABAP, isso é comparável à implementação de um evento USER_COMMAND em um relatório ALV. Ao acionar este evento (por exemplo, através de um duplo clique em uma linha), a chave da linha selecionada é capturada e passada como parâmetro para um segundo relatório ou uma tela de detalhe. A plataforma Tachyonix.io simplifica esta passagem de parâmetros, transformando-a em uma ação de configuração visual, eliminando a necessidade de codificação explícita para o tratamento de eventos e passagem de dados.

Composição de Layout com Associações:

A criação da aba "Group Compra" e a exibição dos detalhes são realizadas arrastando e soltando campos de associações (_PURCHASINGGROUP e _PURCHASINGORGANIZATION) para a tela.

A plataforma Tachyonix.io gera automaticamente os controles de UI (sap.m.Label, sap.m.Text) e o data binding necessário para preencher esses controles.

Este processo contrasta significativamente com o desenvolvimento tradicional ABAP, onde seria necessário:

• Definir manualmente os elementos de tela (campos de entrada/saída, labels) em uma tela Dynpro (SE51).
• Escrever código no Process Before Output (PBO) para preencher esses campos a partir de uma estrutura ou tabela interna, garantindo a correta associação dos dados.

A abordagem low-code da Tachyonix.io acelera drasticamente o desenvolvimento de interfaces de usuário, minimizando a necessidade de codificação manual e otimizando a produtividade.