Konviva | Layout > Interface Web
O Layout 3.0 é uma nova abordagem para a interface do aluno.
Uma mudança significativa no design de menus no acesso do aluno e a liberdade ao Administrador permitindo personalizar o ambiente sem a necessidade de customização ou do suporte técnico.
Ao adotar esse o novo Layout 3.0, um novo configurador de layout está disponível para o administrador, uma ferramenta poderosa que irá permitir gerenciar e ajustar a interface do aluno de forma centralizada. Com esse configurador, os administradores terão controle total sobre as opções disponíveis para os alunos, podendo personalizar as configurações padrão adicionando ou removendo menus de acesso.
Atenção: Para utilizar o Layout 3.0 você deverá solicitar para o Suporte a habilitação da funcionalidade.
Após a confirmação da habilitação pelo Suporte, será disponibilizado no seu ambiente uma nova interface de configuração que você poderá acessar através do menu Layout > Interface Web.
Dentro do configurador teremos 3 abas: Configurações gerais, Configurações de interface e Configurações avançadas (este último estará disponível apenas para usuário de suporte).
Configurações Gerais
Em configurações gerais você poderá realizar algumas configurações padrões para o seu ambiente como o título da página que será exibido no navegador, a descrição, ícone da página, imagem de fundo de tela de login e a alteração da logo do rodapé.
Titulo da página: é o título exibido na aba no navegador.
Descrição da página: uma breve descrição sobre o ambiente.
Ícone da página: é o ícone exibido na aba no navegador. Recomenda-se que essa imagem tenha as dimensões 18x18px em formato png, preferencialmente com o fundo transparente.
Imagem de fundo da tela de login: Imagem de fundo da tela de login do usuário no sistema. A imagem da tela de login deve ter 1920px de largura por 1080px de altura, estar no formato (tipo) PNG ou JPG.
Logo do rodapé: Imagem da logo que será exibida no rodapé do sistema. A imagem da tela de login deve ter 101px de largura por 18px de altura, estar no formato (tipo) PNG ou JPG.
Configurações de interface
Nas configurações de interface você poderá realizar a customização da interface do aluno, como configurações de cabeçalho com a alteração da logo, alteração do modelo e organização de menu para o aluno e a configuração de nomenclatura para estes menus.
No início das configurações de interface você conseguirá ter uma pré-visualização de como será exibido o conteúdo para o aluno tanto na interface web como na mobile conforme a imagem abaixo:
A configurações de interface está dividida em 3 etapas:
- Cabeçalho
- Menu
- Configurador de Nomenclatura
Cabeçalho
A configuração de cabeçalho será referente ao logo, cores que irão refletir em todo o ambiente e ícones de acesso rápido.
Logo: Você poderá realizar a alteração do Logo do seu ambiente que é exibido no canto superior esquerdo. A imagem deve ter 240x86px no formado PNG ou JPG.
Cores do Ambiente: As cores disponíveis para configurar nesta área serão: header, fundo da home, cor dos textos do menu, botões e textos dos botões;
Ícones de acesso rápido: Agora você pode adicionar/remover ícones de acesso rápido que serão exibidos no canto superior direito. Você poderá clicar no ícone que deseja que o aluno visualize e arraste até "Itens Selecionados" para que seja exibido. É permitida a seleção de no máximo 3 itens. Os ícones e títulos destes itens são padronizados, não sendo possível alterá-los.
Menu
Modelo do Menu
Em relação ao menu, o usuário poderá escolher qual das opções deseja utilizar entre: horizontal, vertical ou hambúrguer, sendo que as limitações entre horizontal e os dois verticais serão diferentes.
Horizontal: Na versão horizontal você poderá ter 3 itens fixos, não podendo ter mais e nem menos do que esta quantidade, mas os subitens poderão ser organizados conforme o usuário desejar. Estes subitens aparecerão no dropdown de cada item de menu.
Vertical: O ícone hambúrguer e dos itens de menu ficam sempre aparentes, podendo expandir para que os títulos fiquem visíveis ou utilizar a partir dos ícones, onde cada um poderá ter subitens abrindo em dropdown. Este modelo de menu deve ter o número mínimo de 3 e máximo de 6 itens, sem contar seus subitens.
Hambúrguer: Seguindo o formato parecido com o vertical, mas os itens de menu irão aparecer somente ao clicar no hambúrguer, sua versão aberta fica igual ao menu vertical com os títulos aparentes.
Habilitar ícones do Menu
Você poderá habilitar a utilização de Ícones no menu, os ícones poderão ser customizáveis ou trazidos da biblioteca do Material Design, de forma que o admin poderá trazer a identidade visual da sua empresa para a plataforma;
Organização do Menu
Nesta configuração você poderá realizar a organização dos seus menus disponibilizados.
Você poderá adicionar e remover menus na sua coluna preferida. Os itens disponíveis estarão na primeira coluna e poderão ser arrastados para as outras, dando autonomia para organizar da forma mais adequada para o seu ambiente.
Ao realizar a sua organização dos menus, há um limite para cada tipo de modelo de menu selecionado:
- Menu horizontal: somente 3 colunas fixas para configurar;
- Menu vertical e hambúrguer: Deverá ter no mínimo 3 e limite de 6 colunas;
Você também poderá alterar a nomenclatura das colunas clicando no ícone de edição disponibilizado:
Será exibido uma nova janela onde você poderá realizar toda a customização do seu menu com uma nomenclatura ou ícone diferente:
Configurador de Nomenclatura
Através do configurador de nomenclatura você poderá realizar a alteração da nomenclatura relacionados ao itens fixos e configuráveis dos menus, podendo ser adicionada também a tradução para outros idiomas.