Marca Oracle by ExamplePublicando widgets em um painel de widgets em uma página EnterpriseOne

seção 0Antes de Começar

Este OBE (Oracle by Example) de 45 minutos mostra como você pode publicar widgets para usuários EnterpriseOne adicionando-os a um Painel de Widgets em uma página composta EnterpriseOne.

Histórico

Os widgets do JD Edwards EnterpriseOne são uma maneira fácil e sem código de coletar dados e visualizá-los em formatos gráficos, como crachás, medidores e gráficos. Como os widgets obtêm sua entrada de orquestrações, os dados podem vir de qualquer origem que uma orquestração possa acessar, incluindo APIs REST de sistemas externos ao EnterpriseOne. Isso abre a porta para muitas oportunidades interessantes de visualizar dados de origens EnterpriseOne e não EnterpriseOne lado a lado.

Você pode facilmente publicar widgets para usuários finais do EnterpriseOne adicionando-os a páginas compostas pelo EnterpriseOne, especificamente um painel de designer, e começando com o Tools 9.2.9.4, um Painel de Widgets. Além disso, os widgets de tipo de crachá se comportam de maneira semelhante às Listas de Controle do One View; eles aparecem automaticamente na lista suspensa Lista de Controle (sinalizador) no cliente Web EnterpriseOne e nos Painéis de Lista de Controle.

Cenário

Neste OBE, como um designer de página composto, você publicará os widgets criados nos OBEs anteriores em um novo Painel de Widgets em uma página EnterpriseOne. Além disso, como usuário, você inserirá entradas para os widgets e exibirá a saída.

Para este cenário, você irá:

  • Crie uma nova página composta EnterpriseOne.
  • Crie um novo Painel de Widgets para cada um dos widgets criados nos exercícios anteriores do OBE. Alguns widgets que você adicionará à página mais de uma vez.
  • Adicione entradas padrão de widget como designer de página.
  • Altere as entradas do widget como o usuário.
  • Exibir um widget no modo de tela inteira.

Quando você concluir as etapas neste OBE, sua página EnterpriseOne com Painéis de Widget terá uma aparência semelhante a esta captura de tela:

Captura de tela
Painel de Widgets

Do Que Você Precisa?

Para executar as etapas neste OBE, você precisará:

  • Acesso a um ambiente JD Edwards EnterpriseOne com a Versão 25, junho de 2025 (Versão 9.2.9.4 do Tools) ou posterior
  • Segurança de recursos, segurança de ação UDO e segurança de conteúdo para widgets (WIDGET)
  • Segurança de recurso e segurança de ação UDO para páginas compostas (COMPOSITE)
  • Esses sete widgets que você concluiu nos exercícios anteriores do OBE: Ordens Vencidas, Quantidade de Itens Mais Solicitados, Nome do Item Mais Solicitado, OCs por Unidade de Negócios, Análise de Gastos por Unidade de Negócios, Medidor de Temperatura e Caixa de Texto de Previsão Detalhada.

Para obter mais informações, consulte estas OBEs:


seção 1Criando uma nova página composta EnterpriseOne e adicionando o primeiro painel de widget

Neste exercício, você criará uma nova página EnterpriseOne com um único Painel de Widgets.

  1. Acesse o cliente Web EnterpriseOne.
  2. Na lista suspensa do menu do usuário, selecione Gerenciar Conteúdo e clique em Páginas Compostas.
  3. Na lista drop-down Nome, selecione (Criar) para criar uma nova página.
  4. Clique no ícone Criar Novo Conteúdo no canto superior esquerdo da janela.
  5. Clique em Widget para adicionar um Painel de Widget à página.
  6. Na janela Criar Link para Widget, no campo Nome, digite Past Due Orders.
    Observação: Como cada Painel de Widgets só pode conter um widget, é mais comum nomear o Painel de Widgets após o widget.
  7. Clique em OK. O menu Widget permite selecionar o widget para esse painel.
  8. Na lista drop-down Widget, selecione #Past Pedidos Vencidos (Pedidos Vencidos P43261) – Selo – Numérico.
    Captura de tela
    Lista de Widgets
    Observação: Você pode digitar o campo suspenso para filtrar os nomes dos widgets.
  9. Clique em Salvar no canto superior direito da janela para salvar a página.
  10. Na janela Informar Novo Nome, informe Widget Panes.
  11. Clique em Fechar para fechar o designer de páginas.
    A nova página EnterpriseOne é exibida com o Painel de Widgets único. Como o widget Ordens Vencidas é um emblema, ele aparece no centro do painel e o painel ocupa toda a área da página, conforme mostrado na seguinte captura de tela:
    Captura de tela
    Painel de Widgets - Passado Ordens Vencidas
    Como as páginas compostas por EnterpriseOne podem conter muitos tipos de conteúdo, como painéis de designer, relatórios do One View, aplicativos EnterpriseOne, etc., você pode continuar a projetar uma página mais complexa com outros componentes. Nos exercícios a seguir, você continuará a adicionar painéis para seus outros widgets.

seção 2Adicionando Painéis de Widget à Página EnterpriseOne

No exercício anterior, você criou uma nova página EnterpriseOne com um único Painel de Widgets. Neste exercício, você adicionará painéis para seus outros widgets.

  1. Certifique-se de que você está visualizando sua nova página Painéis de widget.
  2. Na lista suspensa do menu do usuário, selecione Gerenciar Conteúdo e clique em Páginas Compostas.
    A página composta EnterpriseOne é aberta no modo de design.
  3. Clique no ícone Criar Novo Conteúdo na parte superior da página.
  4. Clique no Widget e arraste-o para a direita do Painel de Widget existente. Em seguida, solte-o.
  5. Captura de tela
    Painel de Widgets
  6. Na janela Criar Link para Widget, no campo Nome, digite Most Ordered Item Quantity.
  7. Clique em OK.
  8. O menu Widget permite selecionar o widget para esse painel. Selecione #Most Ordered Quantity (Most Ordered Item Quantity) – Emblema – Numérico.
  9. Clique em Salvar no canto superior direito da janela para salvar a página.
  10. Clique em Fechar para fechar o designer de páginas.
    Agora sua página tem dois Painéis de Widget, conforme mostrado na seguinte captura de tela:
  11. Captura de tela
    Painel do widget - Ordens Vencidas e Quantidade Mais Solicitada
  12. Repita as etapas de 2 a 8 para adicionar os widgets Nome do Item Mais Solicitado e OCs por Unidade de Negócio à página. Os Widgets devem ter a aparência mostrada na captura de tela a seguir. Você pode ajustar o alinhamento dos Painéis do Widget conforme necessário.
    Captura de tela
    Painéis de widget
    Observação: Quando estiver no modo de design da página, você poderá arrastar as barras horizontal e vertical ao redor dos painéis para alinhá-los e redimensioná-los.
  13. Captura de tela
    Painel de Widgets - Barras Horizontais e Verticais

seção 3Adicionando Widgets com Entradas Padrão

Nos exercícios anteriores, você adicionou Painéis de Widget para widgets que não exigiam entradas. Neste exercício, você adicionará widgets que exigem entradas e os widgets permitem que você forneça valores padrão para essas entradas.

  1. Acesse o modo de design da sua página EnterpriseOne (menu do usuário -> Gerenciar Conteúdo -> Páginas Compostas).
  2. Clique no ícone Criar Novo Conteúdo no canto superior esquerdo da página.
  3. Clique no Widget e arraste-o para o centro inferior da página. Em seguida, solte.
  4. Na janela Criar Link para Widget, no campo Nome, digite Spend Analysis by Business Unit for Company 00200.
  5. Clique em OK.
  6. No menu Widget, selecione #Spend Análise por Unidade de Negócio (Análise de Gastos por Unidade de Negócio) - Gráfico.
    Este widget aceita um valor de entrada para a Empresa. Como designer de página, a janela Configuração do Widget permite que você forneça um valor padrão para essa entrada para os usuários que verão o widget na página.
  7. No campo Valor, informe 00200.
    Você pode adicionar o mesmo widget em um Painel de widget várias vezes e definir entradas diferentes. Por exemplo, você pode criar uma página com widgets para "Análise de Gastos para a Empresa 00200" e "Análise de Gastos para a Empresa 00300".
  8. A janela Configuração do widget fornece uma opção para você substituir o título. Ative a opção Substituir Título e altere o valor no campo Título para Spend Analysis by Business Unit - Company 00200. A janela Configuração do widget também oferece uma opção Permitir entrada, permitindo que os usuários forneçam uma entrada diferente para o widget. Para isso, a etapa deixa esta opção desativada. Você ativará a opção Permitir Entrada em uma etapa subsequente.
  9. Repita as etapas de 2 a 8 para adicionar um segundo Painel de Widget para o widget Análise de Gastos por Unidade de Negócio.
    Desta vez, no campo Entrada, digite 00001 e no campo Título, digite Spend Analysis by Business Unit – Company 00001.
    Observação: Os dados no sistema podem ser diferentes. Você pode usar qualquer empresa com dados válidos.
  10. Clique em Salvar.
  11. Clique em Salvar na parte superior da janela para salvar a página.
  12. Clique em Fechar para fechar o designer de páginas. Sua página EnterpriseOne com Painéis de Widget agora tem uma aparência semelhante a esta:
  13. Captura de tela
    Painel de Widgets

seção 4Adicionando Widgets com Entradas do Usuário

No exercício anterior, você adicionou um widget que permitia entradas e, como designer de página, forneceu uma entrada padrão. Neste exercício, você adicionará widgets que permitem ao usuário fornecer entradas. Dessa forma, você pode publicar um único widget em uma página, e os usuários podem personalizar esse widget para si mesmos, por exemplo, fornecendo uma unidade de negócio relevante, um centro de trabalho ou um intervalo de datas para filtragem. Cada usuário verá o mesmo widget, mas com dados diferentes.

  1. No menu do usuário, selecione Gerenciar Conteúdo e, em seguida, selecione Páginas Compostas para acessar o modo de design da sua página EnterpriseOne.
  2. Clique no ícone Criar Novo Conteúdo na parte superior da página.
  3. Clique no Widget e arraste-o para a parte inferior esquerda da página e solte-o.
  4. Na janela Criar Link para Widget, no campo Nome, digite Temperature.
  5. Clique em OK.
  6. Na lista suspensa Widget, selecione #Temperature Medidor (Medidor de Temperatura) - Medidor.
    Este widget aceita um valor de entrada para pontos de grade. Esta entrada é um código usado pelo Serviço Meteorológico Nacional dos EUA para designar uma localização geográfica.
  7. No campo Valor, digite BOU/63,61. Este é o ponto de grade para Denver, Colorado.
  8. Ative a opção Substituir Título e edite o Título para Denver Temperature. Para esta instância do Medidor de Temperatura, deixe a opção Permitir Entrada desativada.
  9. Captura de tela
    Configuração do widget - Título de substituição
  10. Clique em Salvar.
    Nas próximas etapas, você adicionará outra instância do widget Medidor de Temperatura e ativará a opção Permitir Entrada.
  11. Clique no ícone Criar Novo Conteúdo no canto superior esquerdo da página.
  12. Clique no Widget e arraste-o para o centro inferior da página. Em seguida, solte.
  13. Na janela Criar Link para Widget, no campo Nome, digite City Temperature.
  14. Clique em OK.
  15. Na lista suspensa Widget, selecione #Temperature Medidor (Medidor de Temperatura) - Medidor.
  16. Na janela Configuração do Widget, ative a opção Permitir Entrada.
  17. Ative a opção Substituir Título e altere o Título para Your City Temperature.
  18. Deixe o campo Valor para pontos de grade (String) em branco.
  19. Captura de tela
    Configuração do Widget - Substituir Título e Permitir Entrada
  20. Clique em Salvar.
    Como o último Painel de Widgets na página, em seguida, você adicionará o widget Caixa de Texto de Previsão Detalhada com a entrada do usuário.
  21. Clique no ícone Criar Novo Conteúdo no canto superior esquerdo da página.
  22. Clique e segure Widget e arraste-o para a parte inferior direita da página. Em seguida, solte o botão do mouse.
  23. Na janela Criar Link para Widget, no campo Nome, digite City Forecast.
  24. Clique em OK.
  25. No menu Widget, selecione #Detailed Caixa de texto Previsão (Caixa de texto Previsão detalhada) – Caixa de texto.
  26. Na janela Configuração do Widget, ative a opção Permitir Entrada.
  27. Ative a opção Substituir Título e, no campo Título, altere o título para Your City Forecast.
  28. Deixe o campo Valor para pontos de grade em branco.
  29. Captura de tela
    Configuração de widget - Sua previsão de cidade
  30. Clique em Salvar.
  31. Arraste as barras azuis horizontais e verticais ao redor dos painéis para alinhar e dimensionar os painéis uniformemente:
  32. Captura de tela
    Painel de widgets - Alinhamento
  33. Clique em Salvar no canto superior direito da janela para salvar a página.
  34. Clique em Fechar para fechar o designer de páginas.
    Sua página EnterpriseOne com Painéis de Widget agora tem uma aparência semelhante a esta:
  35. Captura de tela
    Painel de Widgets

seção 5Fornecendo Entrada de Usuário para Widgets

No exercício anterior, como designer de página, você adicionou Painéis de Widget intitulados "Sua Temperatura da Cidade" e "Sua Previsão da Cidade" e permitiu a entrada do usuário para esses widgets. Neste exercício, atuando como usuário, você configurará esses dois widgets com entrada para sua localização e alterará os títulos de acordo.

  1. Certifique-se de que você está visualizando sua nova página Painéis de widget.
  2. No Painel de Widgets intitulado Sua Temperatura da Cidade, clique no ícone Configuração do Widget .
  3. Captura de tela
    Painel Widget - Sua Temperatura da Cidade
  4. Na janela Configuração do widget, informe um valor da tabela a seguir para configurar pontos de grade para uma cidade diferente.
    Cidade
    Pontos de Grade
    Denver, CO BOU/63,61
    Nova York, NY OKX/33,35
    Chicago, IL LOTE/75,73
    Las Vegas, NV VEF/123,98
  5. Ative a opção Substituir Título e edite o valor no campo Título para corresponder à cidade.
  6. Captura de tela
    Configuração de widget - New York Temperature
  7. Clique em Salvar.
    A página EnterpriseOne atualiza o widget com a nova entrada e o novo título, conforme mostrado na seguinte captura de tela:
  8. Captura de tela
    Painel de widgets - New York Temperature
  9. Repita as etapas de 2 a 5 para configurar o widget "Sua Previsão da Cidade" com a mesma entrada de pontos de grade e o título apropriado.
  10. Captura de tela
    Painéis de widget - Temperatura e previsão

seção 7Exibindo painéis de widget no modo de tela inteira

Ao exibir Painéis de Widgets em uma página EnterpriseOne, como em outros tipos de painel, os usuários podem abrir o painel no modo de tela inteira. Este modo pode fornecer uma visão mais clara dos detalhes, especialmente com gráficos complicados.

  1. Certifique-se de que você está visualizando sua nova página Painéis de widget.
  2. No Painel de Widgets intitulado Análise de Gastos por Unidade de Negócio - Empresa 00200, clique no ícone Conteúdo da Pop-up.
    A página EnterpriseOne é substituída por uma exibição em tela cheia do widget:
  3. Captura de tela
    Painel de widgets - Ícone de conteúdo pop-up
  4. Para restaurar o widget ao seu tamanho original, clique no ícone Restaurar Conteúdo no canto superior direito do painel.
  5. Captura de tela
    Painel do Widget - Ícone Restaurar Conteúdo

mais informaçõesConclusão

Neste OBE, você aprendeu a:

  • Criar uma nova página composta EnterpriseOne e adicionar Painéis de Widget a ela
  • Para widgets que têm entradas, configure-as com entradas padrão
  • Para widgets que têm entradas, permita que os usuários forneçam entradas
  • Adicionar várias instâncias do mesmo widget em uma página com entradas diferentes
  • Exibir um widget no modo de tela inteira

    Neste OBE, você criou uma página EnterpriseOne exclusivamente com Painéis de Widget, mas, como qualquer página composta por EnterpriseOne, é possível combinar diferentes tipos de conteúdo para fornecer aos usuários uma experiência de usuário rica, informativa e dinâmica.

mais informaçõesQuer saber mais?