Design de Aplicações - Parte 4

Telas

A informação das telas deve encontrar-se suficientemente dividida de modo a facilitar a manipulação da visualização pelo utilizador e de modo a restringir o tratamento dos campos.

Mockup das Telas do Exemplo

Regra geral existe um cabeçalho, uma tabela com os items e o detalhe do item seleccionado. No exemplo existe ainda um topo com alguns campos que determinam a execução.

Algumas áreas têm mais que uma subtela atribuída como a 0100 e 0101 com o objectivo de expandir ou colapsar essa área. A diferença entre estas duas está no nº de linhas dos contentores para as subtelas dos items e do item que permite visualizar mais linhas de items se a subtela do item está colapsada.

Existe ainda uma subtela vazia, 0001, que é usada pelas áreas de lote e nº série quando esses dados não existem.

O colapso é controlado substituindo a tela, por exemplo, esta é a tela 0120, o cabeçalho expandido:

Cabeçalho Expandido

Quando se pressiona o botão  a subtela é substituída pela 0121, que apenas contém o botão para trocar novamente a subtela:

Cabeçalho minimizado

Os campos e as descrições devem ser construídos com algum cuidado visual, devidamente alinhados e comprimento adequado. As descrições dos campos devem sempre que possível referenciar o elemento de dados para que apareça o texto standard e apresentarem-se como denominação à esquerda de forma a aparecer uma sublinha a ligar a descrição ao campo.

Detalhe do texto de descrição referente ao campo nº de série

Já os campos devem ser criados com os dados exactos do dicionário de dados. Por regra crio o campo com um existente no dicionário de dados para obter o tipo de dados, comprimento, rotinas de conversão, ajudas de pesquisa, etc., e depois altero para o nome correcto.

Por exemplo, crio o campo nº de série com o nome EQUI-SERNR:

Passo 1 de criação de campo

Aceito a referencia ao dicionário e depois altero o nome do campo para o correcto, w_data-top-ref-sernr:

Passo 2 de criação de campo