DYAD - Apresentação da Interface Web e suas funcionalidades
Índice
Apresentação da Interface Web do sistema DYADHrp e suas funcionalidades
Esse manual tem o objetivo de apresentar os principais elementos na interface web da DYAD e dos produtos criados utilizando-se a plataforma de desenvolvimento da DYAD. Com a sua leitura será possível familiarizar-se com o sistema, através de exemplos, ilustrações, passo-a-passo dos procedimentos realizados, além de poder contar com informações que irão otimizar o trabalho do usuário.
Conhecendo a Interface Web
Os produtos da DYAD criados com a plataforma de desenvolvimento da empresa, possuem como principal característica a utilização da interface web. Para utilizar qualquer um desses produtos, é importante familiarizar-se com a interface e, para isto, estaremos descrevendo, detalhadamente, cada parte das telas do sistema, trazendo agilidade e produtividade para o usuário.
Veja a seguir os principais elementos da interface:
Dyad - Admin - Segurança - Parmissões - Permissões
Elementos da interface web
Barra de Título 
A “Barra de Título” não pertence a DYAD, mas sim ao navegador (browser) utilizado para acessar o sistema. Nela, além das informações do browser e dos botões para maximizar, minimizar e fechar o navegador, também estão identificados alguns elementos do sistema, como o nome da base acessada e porta de comunicação.
Menu Principal 
O “Menu Principal” é a única barra do sistema que fica visível de forma permanente. Através dela, o usuário poderá fazer pesquisas, navegar pelas classes do sistema, imprimir relatórios, ativar as telas de ajuda, verificar a quantidade de tarefas pendentes e encerrar a sessão. Toda atividade realizada na interface web inicia-se com algum procedimento a ser realizado a partir do “Menu Principal”. Veja, a seguir, a descrição dos botões presentes nesta barra:
Esta barra apresenta todas as guias que foram acessadas pelo usuário em uma dada sessão e que ainda não foram fechadas. Com esta nova funcionalidade, pode-se acessar diversos processos sem precisar clicar freqüentemente no botão “Ir Para”. Veja na figura abaixo:
Obs.:Não é possível navegar ou utilizar outra guia enquanto o sistema estiver aguardando a resposta de execução em uma guia.
Barra de Ações 
Esta barra apresenta todas as ações que podem ser realizadas na guia em uso atualmente. As ações apresentadas irão variar dependendo da guia que está sendo executada e do poder de acesso configurado para o usuário. Na barra, também são encontradas setas de navegação que permitem, facilmente, voltar para a tela anterior ( back) ou avançar para a próxima tela (foward) -confome abaixo:
Grid 
O principal objeto da interface web é a grid ou tabela, que apresenta os registros cadastrados no sistema. Existem duas formas de visualizações distintas: a Table View e a Form View .
A Table View permite enxergar a totalidade dos registros organizados de forma tabular, como em uma planilha convencional.
A Form View é apresentada quando se deseja incluir, editar ou visualizar um registro por vez.
A seguir será apresentada a nomenclatura para cada parte da tela, utilizando-se grids nos formatos Table View e Form View.
Grid no modo Table View
Dyad - Admin - Segurança - Grupos
Grid no modo Form View
Dyad - Admin - Segurança - Grupos (Mudar visão)
Funcionalidades de barras e campos da grid
Barra de Títulos da Grid 
Essa barra possui botões que permitem a navegação por outros registros, tanto no formato Table View quanto no Form View, e ações para cancelar a edição de campos, adicionar registros, salvar alterações, mudar tipo de visão e maximizar ou minimizar a grid, além do título da grid que está sendo apresentada.Veja nas figuras a seguir, a explicação de cada um destes botões:
|
Altera o modo de visão de Table View para Form View e vice-versa. |
| Cria um novo registro na tabela. |
| Exclui o registro selecionado ou em edição. |
| Salva as alterações/ inclusões realizadas no registro. |
| Cancela as modificações realizadas no registro que está sendo editado. |
| Minimiza a grid atual, deixando visível apenas a "Barra de Titulo da Grid". |
| Maximiza a grid atual, deixando visível todo seu conteúdo. |
| Localiza as informações desejadas. |
| No Table view, seleciona o primeiro registro. No Form view mostra o conteúdo, do primeiro registro da tabela. |
| Mostra o registro anterior ao que está sendo editado ou visualizado. |
| Mostra o registro posterior ao que está sendo editado ou visualizado. |
| No Table view, seleciona o último registro. No Form view, mostra o conteúdo do último registro da tabela. |
| Mostra todas as alterações do registro com data hora e responsável pela alteração |
| Exporta dados. |
Link
Além dos elementos apresentados anteriormente, o usuário irá se deparar, ao acessar grids, relatórios e processo, com diversos links. Os links, em arquivos HTML, permitem relacionar diversas páginas, através de navegação não-linear.
Os [ links] são diferenciados das demais fontes do sistema por estarem em negrito, na cor azul (layout padrão), conforme abaixo:
Sua utilização será indicada pelo desenvolvedor no momento da criação de relatórios ou grids. Abaixo, colocamos alguns exemplos de utilização do links no sistema.
Ao acessar <Ir Para> <Contabilidade> <Razão>, são apresentados os links para todos os relatórios deste processo. 
Ir Para - Contabilidade - Razão
Ao acessar o link dos registros presentes na coluna “Docum” , o usuário acessa a grid com as informações detalhadas do documento.
Ações de Consultas
As consultas (relatórios) são os principais instrumentos de análise e decisão. Através delas, o usuário poderá explorar todas as informações existentes no sistema. Para isso, ele deverá definir como deseja obter as informações para otimizar a análise de resultados e direcioná-las, especificamente, para realidade de seu negócio, sempre com o mínimo de esforço.
A seguir apresentamos as principais ações disponíveis nas consulta:
Executar
Executar ou ([Ctrl]+[Shift]+[e]) -
Essa é com certeza a ação mais utilizada na geração das consultas. Após o preenchimento das variáveis, o usuário aciona o comando “Executar” para gerar o relatório no formato HTML.
Para tanto, o usuário deve clicar em >Ir Para e em seguida, selecionar, na árvore de navegação principal do sistema, a opção: <Contabilidade> < Consultas para Conferência> <Resumo Financeiro>, conforme demonstrado na figura abaixo:
Ir Para - Contabilidade - Consultas para conferência - Resumo Financeiro
Preencha as variáveis solicitadas. Lembramos que os campos marcados com asterisco 
são obrigatórios e a consulta será realizada apenas após o seu preenchimento;
Clique na opção “Executar ” na “Barra de Ações ” ou acione as teclas de atalho [Ctrl]+ [Shift]+ [e] . A opção Executar também pode ser acionada através do clique na tecla [ Enter ] após o preenchimento da última variável da consulta.
Ir Para - Contabilidade - Consultas para conferência - Resumo Financeiro
Enviar por e-mail
Enviar por e-mail ou ([Ctrl]+[Shift]+[n])
Essa ação permite enviar relatórios por e-mail para quaisquer destinatários. A opção só ficará disponível para utilização após a geração do relatório a ser enviado.
Para tanto, o usuário deve seguir algumas instruções:
- Clique no botão “Ir Para” localizado no “Menu Principal”;
- Abra a árvore de opções, clicando no ícone (abrir ou expandir), localizado do lado esquerdo, até chegar à consulta desejada;
- Clique sobre o nome da consulta;
- Preencha as variáveis solicitadas. Lembramos que os campos marcados com asterisco
são obrigatórios e a consulta será realizada apenas após o seu preenchimento;
- Clique na opção “Executar” na “Barra de Ações” ou acione as teclas de atalho [Ctrl]+ [Shift]+ [e] .
- Clique na opção “Enviar por e-mail” na “Barra de Ações” ou acione as teclas de atalho [Ctrl]+ [Shift]+ [n] .
Preencha os campos da página que será aberta:
- Nome do destinatário – Informe o nome da pessoa que deverá receber o relatório. Pode ser indicado mais de um nome de destinatário, bastando separá-los por ponto-e-vírgula(;);
- E-mail do destinatário - Informe o e-mail da pessoa que deverá receber o relatório. Pode ser indicado mais de um e-mail de destinatário, bastando separá-los por ponto-e-vírgula(;);
- Assunto – Informe o título do e-mail;
- Informações adicionais – Preencha com informações que deverão ser enviadas para o destinatário.
Na “Barra de Ações”, clique no link “Enviar ” .
Imprimir em Texto
Imprimir em Texto ([Ctrl]+[Shift]+[p])
Essa ação permite salvar relatórios em formato texto (.txt) ou imprimi-los em impressoras matriciais. Através desta funcionalidade, todos os relatórios (consultas) desenvolvidos exclusivamente com o Simple Layout poderão ser convertidos para txt, sem necessitar de nenhum tratamento especial em seus códigos. O usuário poderá optar entre visualizar o relatório e posteriormente imprimi-lo em texto ou fazê-lo diretamente.
Ir Para - Contabilidade - Consultas para conferência - Resumo Financeiro
Para tanto, o usuário deve seguir algumas instruções:
- Clique em “Ir Para” localizado no “Menu Principal”;
- Abra a árvore de opções, clicando no ícone (abrir ou expandir), localizado do lado esquerdo, até chegar à consulta desejada;
- Clique sobre o nome da consulta;
- Preencha as variáveis solicitadas. Lembramos que os campos marcados com asterisco são obrigatórios e a consulta será realizada apenas após o seu preenchimento;
- Clique na opção “Imprimir em Texto” na “Barra de Ações” ou acione as teclas de atalho [Ctrl]+ [Shift]+ [p] . Com este procedimento, não haverá visualização do relatório na tela. Caso deseje checar o relatório antes de imprimi-lo, selecione primeiro “Executar” e, após a sua geração, clique em “Imprimir em Texto”.
- Preencha os campos obrigatórios da página que será aberta (figura anterior):
| Driver |
informe o driver da impressora que será utilizada na impressão do relatório. Este driver contém as informações de inicialização da impressora e de configuração da página; |
| Destino |
No caso da utilização de impressora matricial, deverá ser informado o seu path/caminho (Ex.: \\Computador2\Epson). Para a geração de arquivo TXT, informe o local onde ele deverá ser gerado e o seu nome (Ex.: C:\relatorio1.txt); |
| Página Inicial |
ndique a página inicial no caso de impressão de intervalo de páginas. Se desejar imprimir todo o relatório, deixe a opção preenchida com “1”. |
| Página Final |
Indique a página final no caso de impressão de intervalo de páginas. Se desejar imprimir todo o relatório, deixe a opção preenchida com “1000000”. |
Na “Barra de Ações”, clique no link “Imprimir”.
Anexo I – Teclas de Atalho do Sistema
A seguir, listaremoss as principais teclas de atalho que podem ser utilizadas na interface web, agilizando o trabalho do usuário.
Atalhos com comportamento absoluto - Irão agir independente do estado do ambiente.
| Teclas de Atalho |
Funções |
| (Ctrl) + (shift)+ (l) |
Acessa o menu “Ir Para”. |
| (Ctrl) + (Shift) + (M) |
Imprime o conteúdo do processo corrente. |
| (Ctrl) + (Shift) + (H) |
Fecha a sessão. |
| (Ctrl) + (Shift) + (B) |
Posiciona o cursor no campo de busca na barra "menu principal”. |
| (Alt) + (F1) |
Ativa a ajuda do campo que está selecionado. |
| (Ctrl)+ (Q) |
Fecha o processo Ativo. |
| (F5) |
Atualiza todos os processos abertos. |
| (ctrl) + (seta para baixo) |
Move o foco para a tabela seguinte. |
| (Ctrl) + (seta para cima) |
Move o foco para a tabela anterior. |
| (Ctrl) + (seta para direita) |
Seleciona o próximo processo. |
| (Ctrl) + (seta para esquerda) |
Seleciona o processo anterior. |
| (Insert) |
Insere um novo registro na tabela ativa. |
| (Ctrl) + (enter) |
Confirma a inclusão/alteração do registro. |
| (Ctrl) + (Del) |
Apaga (deleta) o registro corrente. |
| (Ctrl) + (Home) |
Vai para o primeiro registro da tabela. |
| (Ctrl) + (end) |
Vai para o último registro da tabela. |
| (Shift) + (Enter) |
Muda o modo de visão da grid ativa de table view para form view e vice -versa. |
| (Ctrl) + (Space) |
Seleciona o registro corrente (checkbox) da tabela ativa (apenas no modo table view. |
| (Ctrl) + (Shift) + (Letra Sublinhada) |
Executa a action referente á letra sublinhada. |
| (Ctrl) + (Shift) + (seta para esquerda) |
Aciona o botão back (voltar), retornando para a interaction anterior. |
| (Ctrl) + (Shift) + ( seta para direita) |
Aciona o botão Forward (avançar), seguindo para a interaction posterior. |
| (Ctrl) + (Shift) + (L) |
Acessa o campo de busca na grid. Ao digitar o termo a ser pesquisado e clicar (enter), a busca será realizada no campo atualmente em edição. Caso não encontre a ocorrência, será feita a pesquisa nos demais campos visíveis da grid. |
| (Ctrl) + (Shift) + (F3) |
Continua buscando na grid atual, o termo digitado para a pesquisa equivale “ao localizar próxima”. |
Atalhos com comportamento relativo - vão responder dependendo do estado do ambiente.
| (Esc) |
Na grid: cancela a edição No menu “Ir para” oculta o menu |
| (PG DOWN) |
Grid em form view: Vai para o próximo registro (next), deixando selecionado o conteúdo do campo que está com o foco no momento da ativação do atalho Grid em table view: vai para o próximo bloco do registro |
| (PG UP) |
Grid Form View: vai para o registro anterior (previous) Grid Table View: vai para o bloco de registro anteriores |
| (seta para baixo) |
Na grid: vai para o registro seguinte No menu “Ir para” vai para o próximo item do menu |
| (seta para cima) |
Na grid : vai para o registro anterior No menu “Ir para” vai para o item anterior do menu |
| (Enter) |
No campo de busca : inicia a execução da pesquisa Na grid de lookup: confirma a seleção No menu “Ir para” executa o item correspondente No último campo na grid de variáveis: executa a action (ação) default do processo corrente Na grid: Navega entre os campos Nas caixas de dialogo: Confirma a opção selecionada Na grid em Form View: Estando no último campo da grid em edição/inserção, irá gravar a operação e, em seguida, carregará a tela para o preenchimento de um novo registro. |
| (Ctrl) + (Shift) + (O) |
Em uma grid lookup: confirma a ocorrência marcada. Equivalente ao OK. |
| (Ctrl) + (Shift) + (C) |
Em Uma grid lookup: cancela a marcação de ocorrência e fecha a grid de lookup sem selecionar nenhuma das opções. Equivalente ao Cancelar. |
| (Ctrl) + (Shift) + (T) |
Em uma grid lookup: Confirma todas as ocorrências. Equivalente ao todos. |
| (Seta para a esquerda) ou (Tab) |
Nas caixas de Dialogo: Seleciona o botão de resposta a esquerda. |
| (Seta para á Direita) ou (Shift) + ( Tab) |
Nas caixas de dialogo: Seleciona o botão de resposta a direita. |
Anexo II – Como Preencher Datas no Sistema
A Interface Web possibilita a utilização de teclas rápidas para a definição de datas, com o objetivo de agilizar o processo de digitação:
| [O] |
Preenche com a data do dia anterior (ontem) |
| [H] |
Preenche com a data atual (hoje) |
| [A] |
Preenche com a data do dia posterior (amanhã) |
| [+]+[Número] |
Adiciona o número de dias indicado, contando a partir da data atual |
| [-]+[Número] |
Reduz o número de dias indicado, contando a partir da data atual |
| [Número] |
Ao indicar apenas o dia, o sistema preenche com o mês e o ano atuais |
| [Número]+ [Número] |
Ao indicar o dia e o mês, o sistema preenche com o ano atual |
Obs.1: O preenchimento da data será realizado após o usuário sair do campo, clicar na tecla [TAB] ou na tecla [Enter].
Obs.2: Não é necessário digitar as barras de separação (/).
Obs.3: O ano pode ser indicado por apenas dois dígitos.
Obs.4: O sistema segue o padrão DD/MM/AAAA (dia/mês/ano).
Exemplos: Tomando-se a data de 24/08/2008 como referência, o sistema preencherá os campos data da seguinte forma:
| [O] |
23/08/2008 |
| [H] |
24/08/2008 |
| [A] |
25/08/2008 |
| [+]+[3] |
27/08/2008 |
| [-]+[3] |
21/08/2009 |
| [30] |
30/08/2009 |
| [30]+[6] |
30/06/2008 |
