Configurações visuais da interface de utilizador do POS

A interface do utilizador (IU) do ponto de venda (POS) pode ser configurada Microsoft Dynamics 365 Commerce utilizando uma combinação de perfis visuais e esquemas de ecrã que são atribuídos a lojas, registos e utilizadores. Isto artigo fornece informações sobre essas opções de configuração.

A seguinte ilustração mostra as relações entre as várias entidades que compõem os aspetos configuráveis da IU do POS.

Perfil visual

Os perfis visuais são atribuídos aos registradores e especificam os elementos visuais específicos do registro e partilhados entre os utilizadores. Todos os utilizadores que iniciam sessão no registo veem o mesmo tema, esquema, cores e imagens.

• Número do perfil– O número do perfil é o identificador exclusivo do perfil visual.
• Descrição – Você pode especificar um nome significativo que ajudará a identificar o perfil correto para sua situação.
• Tema – Você pode selecionar entre os temas de aplicação Luz e Escuridão . O tema afeta a fonte e as cores de fundo em todo o aplicativo.
• Cor de destaque – A cor de destaque é usada em todo o PDV para diferenciar ou destacar elementos visuais específicos, como blocos, botões de comando e hiperlinks. Normalmente, estes elementos são acionáveis.
• Cor do cabeçalho – Pode configurar a cor do cabeçalho da página para satisfazer os requisitos de marca do retalhista.
• Esquema de fontes – Você pode selecionar entre os esquemas de fonte padrão e grande . O esquema de fontes afeta o tamanho da fonte em todo o aplicativo. A seleção predefinida é Padrão.
• Mostrar sempre etiquetas da barra de aplicações – Quando esta opção está ativada, o texto da etiqueta fica sempre visível por baixo dos botões da barra de aplicações .
• Layout – Você pode selecionar entre os layouts Centralizado e Direito . O esquema afeta o alinhamento da caixa de início de sessão no ecrã de início de sessão. A seleção predefinida é Ccentralizada.
• Mostrar data/hora – Quando esta opção é ativada, a data e hora atuais são mostradas no cabeçalho do POS e no ecrã de início de sessão.
• Teclado – Você pode selecionar entre Padrão para teclado do sistema operacional e Mostrar teclado numérico para especificar o teclado padrão que é utilizado para entrada na ecrã de entrada. O teclado numérico é um teclado virtual que é utilizado principalmente para dispositivos baseados em toque. A seleção padrão é Padrão para teclado do sistema operacional.
• Imagem do logótipo– Pode especificar uma imagem do logótipo que é mostrada no ecrã de início de sessão. Recomendamos que utilize uma imagem que tenha um fundo transparente. O tamanho do ficheiro deve ser mantido o menor possível, porque o comportamento e o desempenho do aplicativo podem ser afetados quando ficheiros grandes são armazenados e carregados.
• Plano de fundo de login – Você pode especificar uma imagem de plano de fundo para a ecrã de login. O tamanho do ficheiro de imagens de fundo deve ser mantido o menor possível.
• Plano de fundo– Você pode especificar uma imagem de plano de fundo que é usada em vez da cor sólida do tema em todo o aplicativo. Quanto às imagens de fundo para o ecrã de início de sessão, o tamanho do ficheiro deve ser mantido o mais pequeno possível.

Nota

O esquema certo e a visualização de data/hora não se aplicam ao ecrã de início de sessão numa vista compacta.

Tem de executar a tarefa de agendamento de sindicação 1090(Registers ) para sincronizar as configurações de perfil visual mais recentes com a base de dados do canal.

Esquemas de ecrã

As configurações de layout de ecrã determinam as ações, o conteúdo e o posicionamento dos controles da interface do utilizador na ecrã de boas-vindas do PDV e na ecrã Transação .

• Tela de boas-vindas– Na maioria dos casos, a ecrã de boas-vindas é a página que os utilizadores veem quando fazem login pela primeira vez no PDV. O ecrã de boas-vindas pode consistir numa imagem de marca e grelhas de botões que dão acesso às operações de POS. Normalmente, as operações que não são específicas da transação atual são colocadas neste ecrã.

  

• Tela de transação– A ecrã Transação é a ecrã principal no PDV para processar transações de vendas e pedidos. O conteúdo e o layout são configurados usando o designer de layout de ecrã.

  

• Ecrã inicial predefinido – Alguns retalhistas preferem que os caixas acedam diretamente ao ecrã Transação após o início de sessão. A configuração Tela inicial padrão permite especificar a ecrã padrão que aparece após o login para cada layout de ecrã.

Atribuição

Os layouts de ecrã podem ser atribuídos no nível da loja, do registro ou do utilizador. A atribuição de utilizador substitui as atribuições de registro e armazenamento, e a atribuição de registro substitui a atribuição de loja. Em um cenário simples onde todos os utilizadores usam o mesmo layout, independentemente do registro ou função, o layout da ecrã pode ser definido apenas no nível da loja. Em cenários em que registos ou utilizadores específicos requerem esquemas especializados, esses esquemas podem ser atribuídos.

Dependendo do nível em que os layouts de ecrã são atribuídos, você precisa executar os trabalhos de agendamento de sindicação 1070(Configuração de canal ), 1090(Registros) e/ou1060 ( Pessoal) para sincronizar as configurações de layout de ecrã mais recentes para o banco dedados de canais.

Tamanhos de layout

A maioria dos aspetos da IU do POS são reativos e o esquema é automaticamente redimensionado e ajustado com base no tamanho e orientação do ecrã. No entanto, o ecrã Transação de POS tem de ser configurado para cada resolução de ecrã esperada.

Na inicialização, o aplicativo POS seleciona automaticamente o tamanho de layout mais próximo configurado para o dispositivo. Um layout de ecrã também pode conter configurações para os modos paisagem e retrato e para dispositivos compactos e de tamanho normal. Portanto, os utilizadores podem ser atribuídos a um único esquema de ecrã que funciona em vários tamanhos e fatores forma que são utilizados na loja.

• Nome – Você pode inserir um nome significativo para identificar o tamanho da ecrã.

• Tipo de layout – O aplicativo POS pode mostrar sua interface do utilizador em vários modos para fornecer a melhor experiência do utilizador em um determinado dispositivo.

  • PDV moderno – Completo – Os layouts completos são normalmente melhores para monitores maiores, como monitores de desktop e tablets. Você pode selecionar os elementos da interface do utilizador a serem incluídos, especificar o tamanho e o posicionamento desses elementos e configurar suas propriedades detalhadas. Os layouts completos suportam as configurações retrato e paisagem.
  • PDV moderno – Compacto – Os layouts compactos são normalmente melhores para telefones e tablets pequenos. As possibilidades de design para dispositivos compactos são limitadas. Pode configurar as colunas e os campos para os painéis de recibos e totais. Certas operações que precisam de resoluções de ecrã mais altas, como relatórios e gerenciamento de inventário, não são suportadas no layout compacto.

• Largura/Altura – Esses valores representam o tamanho efetivo da ecrã, em pixels, que é esperado para o layout. Lembre-se de que alguns sistemas operativos utilizam dimensionamento para ecrãs de alta resolução.

Dica

Você pode aprender o tamanho de layout necessário para uma ecrã de PDV exibindo a resolução no aplicativo. Inicie o POS e vá para Informações da sessão de configurações >. O POS mostra o layout da ecrã que está carregada no momento, o tamanho do layout e a resolução da janela do aplicativo.

Grelhas de botões

Para cada tamanho de layout em um layout de ecrã, você pode configurar e atribuir grades de botões para a ecrã de boas-vindas do PDV e a ecrã Transação . As grelhas de botões para o ecrã de boas-vindas são automaticamente dispostas da esquerda para a direita, desde o número mais baixo (ecrã de boas-vindas 1) até ao número mais alto.

Nos esquemas de POS completo, a colocação das grelhas de botões é especificada no estruturador de esquema de ecrã.

Nos esquemas de POS compactos, as grelhas de botões são automaticamente dispostas de cima para baixo, desde o número mais baixo (ecrã de transação 1) até ao número mais alto. Eles podem ser acessados no menu Ações .

Nota

Os tamanhos dos botões no designer serão dimensionados para se ajustarem ao tamanho da janela, portanto, eles podem não refletir com precisão os botões reais renderizados no PDV. Para simular melhor o layout da grade de botões, ajuste as janelas do designer para o mesmo tamanho do PDV.

Imagens

Para cada tamanho de esquema num esquema de ecrã, pode especificar imagens a incluir na IU do POS. Para layouts de PDV completo, uma única imagem pode ser especificada para a ecrã de boas-vindas. Esta imagem aparece como o primeiro elemento da interface do utilizador à esquerda. Na ecrã Transação , as imagens podem ser usadas como imagens de guia ou como um logotipo. Os esquemas de POS compactos não utilizam estas imagens.

Estruturador do esquema do ecrã

O designer de layout de ecrã permite configurar vários aspectos da ecrã Transação de PDV para cada tamanho de layout, nos modos retrato e paisagem e para layouts Completo e Compacto. O designer de layout de ecrã usa a tecnologia de implantação ClickOnce para baixar, implementar e iniciar a versão mais recente do aplicativo sempre que os utilizadores acessá-lo. Certifique-se de verificar os requisitos do navegador para ClickOnce. Alguns navegadores, como o Google Chrome, requerem extensões.

Importante

Tem de configurar um esquema de ecrã para cada tamanho de esquema que é definido e que é utilizado pelo POS.

Estruturador de esquema completo

O designer de layout completo permite que os utilizadores arrastem os controles da interface do utilizador para a ecrã Transação do PDV e definam as configurações desses controles.

• Importar layout/Exportar layout– Você pode exportar e importar designs de layout de ecrã de PDV como ficheiros XML, para que possa reutilizá-los e compartilhá-los facilmente entre ambientes. É importante que importe estruturas de esquema para os tamanhos de esquema corretos. Caso contrário, os elementos da interface do utilizador podem não caber corretamente na ecrã.

• Paisagem/retrato – Se o dispositivo POS permitir que os utilizadores alternem entre os modos paisagem e retrato , você deverá definir um layout de ecrã para cada modo. O POS deteta automaticamente a rotação do ecrã e mostra o esquema correto.

• Grelha de esquema – O estruturador de esquemas do POS utiliza uma grelha de 4 píxeis. Os controlos da IU "encaixam-se" na grelha para o ajudar a alinhar corretamente o conteúdo.

• Zoom do designer – Você pode ampliar e reduzir a visualização do designer para visualizar melhor o conteúdo na ecrã do PDV. Esse recurso é útil quando a resolução da ecrã no PDV difere muito da resolução da ecrã usada no designer.

• Mostrar/ocultar barra de navegação – Para layouts de PDV completo, você pode selecionar se a barra de navegação esquerda fica visível na ecrã Transação . Esta funcionalidade é útil para ecrãs com uma resolução mais baixa. Para definir a visibilidade, clique com o botão direito do rato na barra de navegação no estruturador e selecione ou desmarque a caixa de verificação Sempre visível . Se a barra de navegação estiver oculta, os utilizadores de POS ainda podem aceder à mesma utilizando o menu no canto superior esquerdo.

  

• Controlos de POS– O estruturador de esquema de POS suporta os seguintes controlos. Você pode configurar muitos controles clicando com o botão direito do mouse e usando o menu de atalho.

  

  • Teclado numérico – O teclado numérico é o principal mecanismo de entrada do utilizador na ecrã Transação POS . Você pode configurar o controle para que o teclado numérico completo seja mostrado. Esta opção é ideal para dispositivos com ecrã táctil. Em alternativa, pode configurá-lo de modo a que apenas seja mostrado o campo de entrada. Neste caso, é utilizado um teclado físico para a entrada. As definições do teclado numérico estão disponíveis apenas para esquemas completos. Para layouts compactos, o teclado numérico completo é sempre mostrado na ecrã Transação .
  • Painel de totais– Pode configurar o painel de totais numa ou em duas colunas para mostrar valores como a contagem de linhas, o montante do desconto, os custos, o subtotal e o imposto. Layouts compactos suportam apenas uma única coluna.
  • Painel de recibos – O painel de recibos contém as linhas de venda, linhas de pagamento e informações de entrega dos produtos e serviços que são processados no POS. Pode especificar colunas, larguras e posicionamento. Em Esquemas compactos, também pode configurar informações adicionais que aparecem na linha sob a linha principal.
  • Cartão do cliente – O cartão do cliente mostra informações sobre o cliente que está associado à transação atual. Pode configurar o cartão de cliente para ocultar ou mostrar informações adicionais.
  • Controle de guia– Você pode adicionar o controle de guia a um layout de ecrã e, em seguida, colocar outros controles, como o teclado numérico, cartão do cliente ou grades de botão, nele. O controle tab é um contêiner que ajuda você a ajustar mais conteúdo na ecrã. O controlo de separador está disponível apenas para esquemas completos.
  • Imagem – Você pode usar o controle de imagem para mostrar o logotipo da loja ou outra imagem de marca na ecrã Transação . O controle de imagem está disponível apenas para layouts completos.
  • Produtos recomendados – Se o controlo de produtos recomendado estiver configurado para o ambiente, mostra sugestões de produtos, com base na aprendizagem automática.
  • Controlo personalizado– O controlo personalizado atua como um marcador de posição no esquema do ecrã e permite-lhe reservar espaço para conteúdo personalizado. O controlo personalizado está disponível apenas para esquemas completos.

Designer de layout compacto

Tal como o estruturador de esquema completo, o estruturador de esquema Compacto permite-lhe configurar o esquema do ecrã POS para telemóveis e tablets pequenos. No entanto, neste caso, o layout em si é fixo. Você pode configurar os controles no layout clicando com o botão direito do mouse e usando o menu de atalho. No entanto, não pode utilizar operações de arrastar e largar para conteúdo adicional.

Estruturador de grelha de botões

O estruturador de grelhas de botões permite-lhe configurar grelhas de botões que podem ser usadas no ecrã de boas-vindas do POS e no ecrã Transação para esquemas Completo e Compacto. A mesma grelha de botões pode ser utilizada em esquemas e tipos de esquema. Como o designer de layout de ecrã, o designer de grade de botões usa a tecnologia de implantação ClickOnce para baixar, implementar e iniciar a versão mais recente do aplicativo sempre que os utilizadores acessá-lo. Certifique-se de verificar os requisitos do navegador para ClickOnce. Alguns navegadores, como o Google Chrome, requerem extensões.

• Novo botão– Clique para adicionar um novo botão à grelha de botões. Por predefinição, aparecem novos botões no canto superior esquerdo da grelha. No entanto, pode organizar os botões arrastando-os no esquema.

  Importante

  O conteúdo da grelha do botão pode sobrepor-se. Ao organizar botões, certifique-se de que eles não ocultam outros botões.

• Novo design – Clique para configurar automaticamente um layout de grade de botões especificando o número de botões por linha e coluna.

• Propriedades do botão – Você pode configurar as propriedades do botão clicando com o botão direito do mouse no botão e usando o menu de atalho.

  

  • Ação – Na lista de operações de POS aplicáveis, selecione a operação que é invocada quando o botão é clicado no POS.

    Para obter a lista de operações POS suportadas, consulte Operações de ponto de venda (POS) online e offline.

  • Parâmetros de ação – Algumas operações de POS utilizam parâmetros adicionais quando são invocadas. Por exemplo, para a operação Adicionar produto, os utilizadores podem especificar o produto a adicionar.

  • Texto do botão – Especifique o texto que aparece no botão no POS.

  • Ocultar texto do botão– Use esta caixa de seleção para ocultar ou mostrar o texto do botão. O texto do botão é muitas vezes oculto para botões pequenos que mostram apenas um ícone.

  • Dica de ferramenta – Especifique o texto de Ajuda adicional que aparece quando os utilizadores passam o mouse sobre o botão.

  • Tamanho em colunas/Tamanho em linhas – Pode especificar a altura e largura do botão.

    

  • Fonte personalizada – Ao marcar a caixa de seleção Habilitar fonte personalizada para POS , você pode especificar uma fonte diferente da fonte padrão do sistema para o PDV.

  • Tema personalizado – Por padrão, os botões do PDV usam a cor de destaque do perfil visual. Ao marcar a caixa de seleção Usar tema personalizado, você pode especificar cores adicionais.

    Nota

    A aplicação Store Commerce e a Loja Commerce para Web utilizam apenas os valores Cor das costas e Cor do tipo de letra .

  • Imagem do botão – Os botões podem incluir imagens ou ícones. Selecione entre as imagens disponíveis que são especificadas em Imagens do POS > de configuração > do Retail and Commerce > Channel >.

Recursos adicionais

Instalar o estruturador de esquema do ponto de venda de retalho (POS)