Datasul Janela

JAnela

Quando usar

• Para conduzir ações sub-focais, menos impactantes para o negócio.
• Para conduzir em processos longos, como wizards, com vários passos;
• Para informar e consultar chaves estrangeiras;
• Para detalhar informações (apresentadas na interface anterior de maneira simples) - EXTRAS ON DEMAND;
• Para interfaces que precisam manter o contexto sendo exibido ao fundo (informações de apoio);
• Para apresentar mensagens e interfaces de acompanhamento de processamento;
• Para apresentar interfaces modais que precisam travar outras interfaces;
• Para apresentar mensagens ao usuário (ver Mensagens).

">Estrutura

A Janela é uma área flutuante sobre a interface é um container 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.
  • • Título - Deve conter o nome do Caso de Uso ou tarefa sendo suportada na Interface;
    • Ícone de Ajuda;
    • Ícone de Fechar.
• Cabeçalho
  No cabeçalho estará disposto um ícone e título idêntico ao 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;
  • Filtros Rápidos;
  • Totalizadores;
  • Filtro Simples.
• Área de Conteúdo
  O conteúdo comporta um conjunto de informações referente ao contexto utilizado no momento corrente.
  • Painel Agrupador com Data Grid;
  • Formulários;
  • DataGrid;
  • Cadastros CRUD;
  • Gráficos.
• Painel de ações no Rodapé
  O rodapé é composto por uma barra que agrupa um conjunto de ações disponíveis para aquele assunto. Um dos botões deve ser o que tem a maior

focalidade, seguindo a prioriodade da esquerda para a direita.

• • Ação Focal;
  • Ações Normais;
  • Ações Subfocais.
• Animações/Transições básicas
  As animações são realizadas conforme o usuário abre ou fecha a janela, conforme descrito nos comportamentos.

Podem haver dois tipos de Janela:

• [Janela com Tamanho Fixo] - Com dimensões pré-definidas.
• [Janela Redimensionável] - Segue as mesmas características de Janela, porém ela pode ser

redimensionada pelo usuário.

Comportamentos

A Janela é carregada na interface com o efeito de Zoom-in quando é carregada.
Para ação de fechar a Janela é utilizado o efeito de Zoom-out.
O usuário, ao clicar e manter pressionado pode mover para todos os lados da área do browser.

Boas Práticas

A Janela pode ser do tipo modal, quando o usuário fica bloqueado e tudo que estiver atrás dessa janela, ficará em background escuro semi-

transparente.

A janela deve ser inicializada no centro do desktop By You através do centerPopup do flex.

Exemplo de Janela com Tamanho Fixo

Exemplo de Janela Redimensionável

Código fonte

< em desenvolvimento >

Referências

• http://designinginterfaces.com/

Veja Também

• [Barra de Título]
• Cabeçalho
• Área de Conteúdo
• Painel de ações no Rodapé