Portlet

Quando usar

Pode ser utillizado para monitorar aspectos de entidades internas e externas que servem para tomada de decisão e que levam o usuário de um determinado papel a agir.

• Para apresentar na entrada do desktop, resumos das informações impactantes para o negócio do usuário (papel corrente), passando para o sistema (e não para o usuário) a responsabilidade de extrair e organizar informações do seu interesse;
• Para extrair informações da grande base do ERP aquilo que é impactante e deveria contar com a atenção do papel corrente.
• Para alertar ao usuário sobre itens críticos que precisam da sua atenção (o que mudou ou está fora do padrão);
• Para permitir ao usuário analisar e decidir sobre o resumo exibido;
• Para apresentar ações possíveis sobre o resumo exibido.

Portlet representa um pedaço da interface que exibe um conjunto de informações que precisam ser visualizadas de forma rápida e simples, contendo normalmente:

• Tabelas sumarizadas;
• Itens sumarizados com totalizadores;
• Gráficos;
• Mapas;
• Símbolos (Mensagens ou imagens de alerta).

Normalmente são utilizados para agregar informações que venham de diversas fontes do ERP ou mesmo fontes externas.

Um portlet pode conduzir o usuário para uma visualização mais detalhada dos dados ou para uma funcionalidade que irá permitir ao usuário executar uma ação de negócio.

Estrutura

Navegue nas áreas vermelhas

Quadro (Canvas) - Container principal do componente que engloba os seguintes itens:

• [*Barra de Título*]
  Nesta área na parte superior apresenta o título na barra da Janela com o botão fechar, ícone para maximizar, restaurar e menu. 
  • Título - Deve conter o nome do Caso de Uso ou tarefa sendo suportada na Interface;
  • Ícone de Ajuda;
  • Ícone de Fechar.
• Portlet - Cabeçalho
  No cabeçalho estará disposto um ícone e titulo idêntico da barra. Também nessa área pode estar disposto mecanismos de busca, totalizadores e informações de cabeçalho referente ao assunto tratado no conteúdo.
  • Ícone da Funcionalidade (opcional);
  • Título - Deve conter o nome do Caso de Uso ou tarefa sendo suportada na Interface;
  • Agrupador de Cabeçalho;
  • PIN - Fixa o cabeçalho para visualização;
  • Filtros Rápidos;
  • Totalizadores;
  • Filtro Simples.
• Portlet - Área de conteúdo
  Esta área portanto apresenta as informações para análise, acompanhamento e configuração dos dados apresentados, os tipos de informações que apresenta na área de conteúdo são:
  • Portlet - Lista;
  • Portlet - Resumos;
  • Portlet - Gráficos;
  • Portlet - Configurar.
• Portlet - Atalhos contextuais
  Para apresentar ações relacionadas sem que o usuário tenha que localizar em outro ponto, através de um link direto.
• Portlet - Painel de ações no Rodapé
  O rodapé é composto por uma barra que agrupa um conjunto de ações disponíveis para aquele assunto como configurar, lista, resumo gráfico e detalhar. 

Comportamentos

• Estados - Os portlets devem considerar o tamanho corrente para exibir informações. Quando por exemplo tamanho mínimo (235 x 200 px) as informações devem respeitar estas restrições. Assim como em tamanhos maiores o portlet deve explorar os espaços disponíveis apresentando mais informações ou ampliando as anteriores (vide exemplo).
• Icone de Redimensionamento - drag - ajuste de altura e largura do portlet;
• Drag de Portlet - altera o posicionamento do portlet em relação a interface;
• Troca de Portlet - clicando sobre a barra de títulos do portlet e arrastando sobre outro portlet, estes trocarão de posicionamento automático. Clicando e pressionando a tecla "Ctrl" juntamente, há possibilidade de arrastar um portlet e posicioná-lo sobre outro portlet;

Boas Práticas

• Portlets não devem conter apenas atalhos, devem trazer resumos;
• No modo portlet pequeno as legendas e dados nas séries devem ser evitados dando preferência ao mouse over/tooltips;
• Defina os estados dos portlets (pequeno, médio e grande);

Exemplo

Código fonte

< em desenvolvimento >

Referências

• Designing Interfaces

Ver Também