Como utilizar os elementos da interface de utilizador desta aplicação

Descrição geral da interface de utilizador

A página do browser está dividida em 3 partes principais: o cabeçalho, a base de cartões e a área de trabalho.

Componentes principais da interface de utilizador

1. Cabeçalho

   O cabeçalho fornece acesso a início/fim de sessão, preferências do utilizador, seleção de idioma e ajuda.

   NOTA

   Não é possível redimensionar o cabeçalho.

   O cabeçalho contém o ícone que estabelece ligação à consola principal do PRISMA Home.

2. Cartão

   O cartão fornece informações muito breves e específicas a serem apresentadas na base de cartões. A maioria das aplicações autónomas só abre um único cartão na base de cartões na primeira chamada.

3. Base de cartões

   A base de cartões monitoriza as áreas de trabalho abertas.

4. Área de trabalho

   A área de trabalho abrange a maior parte da área do ecrã. É aqui que a maioria das coisas acontece.

5. Aplicação autónoma

   A Aplicação autónoma atual irá ocupar o máximo de espaço possível dentro da área de trabalho. Pode combinar mais do que uma aplicação autónoma na área de trabalho.

6. Painéis

   Consoante a aplicação, as informações apresentadas podem ser divididas em um ou mais painéis.

Menu de aplicações autónomas

O menu de aplicações autónomas

O menu de aplicações autónomas contém botões para abrir/fechar a consola e o menu de aplicações autónomas, tal como é mostrado na ilustração acima.

• O menu de aplicações autónomas está bloqueado na posição aberta. A lista de aplicações autónoma está sempre visível.

• O menu de aplicações autónomas está fechado. A lista de aplicações autónomas está oculta até premir este botão.

Cartão

Quando seleciona uma aplicação autónoma a partir do menu de aplicações autónomas, abre-se um novo cartão de aplicação autónoma com uma nova área de trabalho.

Elementos do cartão

1. O nome e o ícone da área de trabalho.

   Inicialmente, o cabeçalho do cartão apresenta o nome da aplicação autónoma como título.

   O ícone é opcional.

   Para alterar o título predefinido do cartão, faça duplo clique no nome do cartão.

2. O botão para arrastar e largar

   Este botão só aparece quando é aplicado o gesto de "longa pressão" ou quando o cursor do rato passa por cima da barra de título do cartão.

   Pode arrastar o ícone de alça para mover o cartão numa posição diferente dentro da base.

3. O botão [Fechar a aplicação]

   Este botão só aparece quando é aplicado o gesto de "longa pressão" ou quando o cursor do rato passa por cima da barra de título do cartão.

   Para fechar uma aplicação autónoma, feche o cartão junto ao ícone no canto ou selecione [Fechar a aplicação] no menu da área de trabalho.

4. O conteúdo real do cartão

   Os cartões são utilizados principalmente como uma forma de navegação pelas áreas de trabalho. Os cartões também fornecem informações resumidas sobre o estado da área de trabalho.

   Pode ter uma ou mais aplicações autónomas ativas em qualquer área de trabalho. Ao iniciar uma aplicação autónoma nova, clicando nela no menu, é aberta uma nova área de trabalho apenas com a aplicação autónoma iniciada. Ao arrastar uma aplicação autónoma do menu de aplicações autónomas para uma área de trabalho existente, essa aplicação autónoma é adicionada à área de trabalho existente. Cada aplicação autónoma iniciada adiciona o seu próprio cartão na base. Cada cartão irá alterar o respetivo conteúdo quando o estado da aplicação autónoma for alterado.

   A aplicação autónoma pode sinalizar visualmente que necessita de atenção utilizando uma cor de fundo diferente ou uma borda colorida:

   • Laranja para avisos

   • Vermelho para erros

Base de cartões

A base de cartões gere as aplicações autónomas em execução.

Quando seleciona uma aplicação autónoma a partir do menu de aplicações autónomas, abre-se um novo cartão de aplicação autónoma com uma nova área de trabalho.

Em qualquer momento, verá um cartão um cartão ativo para a área de trabalho visível atualmente e um conjunto de cartões inativos na área da base de cartões.

A base expandida com exemplos de cartões

Se tiver mais cartões do que a base pode mostrar, o menu da base de cartões adiciona uma ou duas setas de navegação.

Existem alguns controlos de dock de cartão disponíveis.

Controlos de dock de cartão

É possível alternar entre diferentes visualizações do dock de cartão. Para alterar a vista, clique no ícone superior (1).

O botão tem três ícones diferentes, cada um correspondendo a um dos diferentes modos da consola:

• Minimizado

  O dock de cartão é recolhido e o dock de cartão é reduzida a uma única linha.

• Maximizado

  O dock de cartão é expandido para preencher todo o espaço de trabalho disponível. Nenhum painel de aplicação visível.

• Predefinição

  O dock de cartão partilha o espaço com a área de trabalho da aplicação.

Se precisar de mais ecrã para o espaço de trabalho, pode:

• arrastar a parte inferior do dock para o topo;

• Clicar no ícone superior (1) até chegar a .

Assim, a base será fechada para uma única linha (o título do cartão).

Base fechada

Se quiser criar uma consola de aplicações para monitorizar e ser capaz de abrir rapidamente uma aplicação, clique no ícone superior (1) até chegar a . Apenas serão exibidos os cartões da aplicação.

Seta de navegação

Se tiver mais cartões do que a base pode mostrar, o menu da base de cartões adiciona uma ou duas setas de navegação (2).

A ordem dos cartões na base é mantida quando termina sessão e a volta a iniciar.

Se fechar a base, os cartões só mostrarão uma linha de estado. Os ícones na base são organizados na horizontal.

Área de trabalho

A área principal do ecrã é denominada "área de trabalho".

• A área de trabalho está ligada a, pelo menos, uma aplicação autónoma.

• A área de trabalho ocupa a maior parte do ecrã.

• Nunca existe espaço desocupado dentro da área de trabalho. As informações apresentadas pela área de trabalho são agrupadas em painéis retangulares. A área de trabalho contém pelo menos um painel.

• Se redimensionar a página Web, o conteúdo da área de trabalho tentará manter a ordem do conteúdo contido, mas a área de trabalho não fornece barras de deslocação.

• Cada espaço de trabalho tem o menu de três pontos no canto superior direito. O menu de três pontos oferece várias opções para personalizar o seu espaço de trabalho ou fechar a aplicação.

Configurar a área de trabalho

No menu de aplicações autónomas, selecione as suas aplicações autónomas favoritas.

• Cada aplicação autónoma é fornecida com a sua própria área de trabalho.

• Cada aplicação adiciona um cartão à base. Pode adicionar uma nova aplicação autónoma na área de trabalho de outra aplicação autónoma em execução arrastando a nova aplicação autónoma a partir do menu. Este caso especial pode forçar um cartão a conter informações das duas aplicações autónomas. Terá de percorrer o conteúdo do cartão para mudar de uma aplicação autónoma para outra.

• A ordem dos cartões na base é mantida quando terminar e voltar a iniciar a sessão.

A área de trabalho tem um título na posição mais superior, sendo normalmente o nome da aplicação autónoma. A barra de título pode ser ocultada, dependendo das necessidades da aplicação autónoma.

O editor da área de trabalho

O editor de espaço de trabalho pode ser ativado através do menu de três pontos no cabeçalho da aplicação. Uma vez ativada, a sobreposição apresentará vários controlos para redimensionar e mover painéis. Depois do editor de espaço de trabalho ser fechado, a disposição é guardada nas configurações do utilizador.

O editor da área de trabalho

O editor de espaço de trabalho pode ser ativado através de cada um dos menus de três pontos. Se houver várias aplicações combinadas no mesmo espaço de trabalho, ambas terão a mesma opção, mas apenas uma precisa de ser selecionada.

Todas as alterações feitas no editor de espaço de trabalho são guardadas instantaneamente, mas terá de fechar o modo de edição. Isto pode ser conseguido através de 2 métodos diferentes:

1. Mude para uma aplicação diferente clicando numa das aplicações inativas.

2. Clique/toque no botão Fechar editor na barra de informações.

As seguintes operações podem ser executadas:

1. Desative os painéis, um de cada vez.

   Clique no ícone .

   NOTA

   O último painel não pode ser desativado.

2. Mover / reordenar painéis.

   Use o gesto "arrastar" para mover o painel.

   A interface indicará o local proposto enquanto arrasta ao redor do painel. Quando libertado, o painel é colocado no local indicado.

3. Redimensionar painéis

   Use o divisor do editor de espaço de trabalho.

Combinar cartões e espaços de trabalho

Os cartões regulares são atribuídos a uma única área de trabalho. É possível unir um pequeno número de áreas de trabalho. Pode combinar duas instãncias da mesma aplicação numa única área de trabalho. Como consequência, o cartão também o irá refletir.

Cartão com 2 aplicações

Pode arrastar e largar uma aplicação autónoma do menu de aplicações autónomas para a área de trabalho ativa atualmente. Esta forma de utilização permite-lhe combinar duas ou mais aplicações autónomas na mesma área de trabalho. O cartão responde aos pedidos de alteração de todas as aplicações autónomas.

1. O cabeçalho do cartão receberá os nomes das aplicações, separados por vírgula.

   Faça duplo clique para o alterar.

2. Nas duas extremidades laterais, as setas permitem-lhe mudar do cartão de uma aplicação autónoma para outro. A ordem de deslocação é indicada pela ordem pela qual adicionou as aplicações autónomas à área de trabalho.

   Prima < ou > para navegar para a aplicação anterior ou seguinte nesta área de trabalho.

3. Na parte inferior desse cartão, será adicionado um indicador de navegação: um ponto para cada aplicação na área de trabalho.

   A aplicação atual tem o ponto de navegação em destaque.

A utilização desta funcionalidade está altamente dependente do tamanho do seu ecrã.

Painel

A área de trabalho é composta de um ou mais painéis. O painel é composto de três áreas distintas: área de cabeçalho, área de título, conteúdo. Tal como na área de trabalho, o título pode ser apresentado ou ocultado.

Cada painel pode ser movido livremente para uma posição diferente na área de trabalho atual. Quando passa o rato por cima da parte superior de um painel, é apresentada uma alça que pode utilizar para arrastar o painel para uma posição diferente. Quando ocorre uma reorganização, é apresentada uma zona de segurança para lhe dar uma indicação visual de onde será colocada quando a alça for libertada.

No canto superior direito, pode encontrar o botão . Se o premir, o painel fica oculto e a aplicação reordena os restantes painéis. O painel continuará a enviar notificações para o cartão, mesmo que esteja oculto. Se a área de trabalho contiver apenas um único painel, não é possível ocultá-lo.

Quando o cursor do rato estiver no canto superior direito da área de trabalho, é apresentado um menu. Quando clica no menu de três pontos , é mostrada uma lista com todos os painéis fornecidos pela aplicação autónoma. Os painéis visíveis estão marcados com um símbolo de marca de verificação. As entradas adicionais deste menu são [Guardar como predefinição] e [Repor a predefinição].

• Utilize a entrada [Guardar como predefinição] do menu para guardar a posição atual dos painéis como nova predefinição.

• Quando pretender obter a posição pretendida para todos os painéis, selecione [Repor a predefinição] neste menu.

• Se pretende fechar a aplicação autónoma, selecione [Fechar a aplicação].

Menu de contexto do painel com o editor de espaço de trabalho

Trabalhar com tabelas

Cada aplicação autónoma pode ativar funcionalidades adicionais para a interface do utilizador da tabela:

• O cabeçalho da tabela oferece um menu de contexto a partir do botão . A partir deste menu, pode assinalar as colunas que serão apresentadas pela tabela. A ordem pela qual este menu mostra os cabeçalhos das colunas não muda. Se selecionar [Filtro], cada cabeçalho de coluna receberá uma caixa de entrada para filtragem de conteúdo apenas para os valores dessa coluna.

  Menu contextual da tabela

• Reordenação de colunas

  Todas as tabelas têm um cabeçalho. Se o cabeçalho estiver visível e a ordenação estiver ativada, as colunas podem ser reordenadas. Basta arrastar uma coluna para o ponto pretendido.

• Ordenação de dados

  As informações numa tabela podem ser ordenadas em algumas das tabelas (dependendo da aplicação autónoma que as fornece). Clique no cabeçalho de uma coluna para ordenar todo o conteúdo da tabela usando os valores dessa coluna uma vez. Uma segunda ordenação inverte a sequência de ordenação.

• Redimensionamento de colunas

  O separador de colunas na linha de cabeçalho pode ser arrastado para definir uma largura diferente para a coluna.

  Quando o cursor é alterado para o ícone de divisor , é possível utilizar o duplo clique no rato para redimensionar automaticamente a coluna para a largura necessária para conter completamente o valor mais longo.

• Filtragem

  Logo acima do menu de contexto, encontra o botão de filtragem . Se for premido, uma pequena caixa de texto permitirá que pesquise dentro da tabela, em qualquer uma das colunas visíveis.

• Definir a disposição atual como predefinida

  Utilize a entrada de menu [Guardar como predefinição] para guardar as colunas visíveis atuais, a ordem e o tamanho como nova predefinição.

• Definir a disposição original como predefinida

  Se pretender obter a posição pretendida de todos os parâmetros da tabela, selecione [Repor a predefinição] no menu de contexto.