Personalização visual dos painéis de display

Os painéis de display do Omniscol são concebidos para se integrar visualmente à sua identidade visual. Há dois níveis de personalização possíveis: (1) os ajustes na interface (suficientes para a maioria dos casos), (2) a substituição integral da página web que exibe o painel (para as implantações com forte identidade visual).

Ajustes na interface

No módulo Horário, o botão Painel de display abre a tela de configuração dos painéis. Essa tela expõe as seguintes opções de exibição, que você pode alterar sem tocar no código:

  • Tamanho da fonte — pequeno, médio ou grande. A exibição usa unidades relativas ao tamanho da janela (vmin), de modo que a legibilidade se mantém coerente qualquer que seja o formato da tela (16:9, 4:3, vertical).
  • Cores — cor de fundo, cor do texto, cores das linhas pares e ímpares da grade das aulas. Todos os códigos hexadecimais são aceitos; você pode reproduzir a paleta da sua identidade visual.
  • Faixa de cabeçalho — combinação ordenada de: título, logotipo, data do dia. Você escolhe o que aparece no cabeçalho e em que ordem.
  • Colunas da grade — seleção e ordem entre: sala, turmas, professores, matéria, horários. Ocultar uma coluna (por exemplo os professores em um painel público na entrada) ou reordená-la é imediato.
  • Formato do nome dos professores — nome-sobrenome, sobrenome-nome, título + sobrenome (Sra. Durand), título + nome. Os títulos Sr. e Sra. seguem automaticamente o idioma da interface; o que se ajusta por painel é o formato adotado.
  • Logotipo — o logotipo da instituição carregado na configuração da escola pode ser exibido na faixa de cabeçalho.

Esses ajustes são registrados na configuração do painel. Atenção: ao contrário das aulas e das mensagens, que se atualizam sozinhas, essas opções visuais (cores, tamanho, colunas, cabeçalho, formato dos nomes) são incorporadas à página no momento em que ela carrega. Depois de salvá-los, recarregue as abas já abertas nas telas (F5 ou reinício da página de quiosque) para que adotem a nova exibição.

Substituição integral do modelo (licença MIT)

O modelo que exibe a página do painel está explicitamente sob licença MIT e pode ser copiado e depois adaptado para personalizar um painel de uma instituição.

Isso abre vários cenários para as instituições que querem ir além dos ajustes:

  • Reformulação visual completa — reescrever o HTML/CSS do modelo para se alinhar a uma identidade visual forte (fonte proprietária, animações específicas, layout fora do padrão).
  • Integração a uma sinalização existente — embarcar o conteúdo de um painel do Omniscol em uma página de exibição global que multiplexa aulas, meteorologia, notícias da escola, vídeos…
  • Vistas específicas de negócio — criar uma exibição, por exemplo, para os supervisores (quem deve fazer o quê), para um serviço técnico (ocupação das salas com necessidades de material), etc.

Para isso, há duas abordagens complementares:

  1. Fork do modelo — se você hospeda o Omniscol por conta própria, duplique panel.dot, modifique-o e implante a sua versão. A licença MIT autoriza explicitamente as modificações, as redistribuições e os usos comerciais.
  2. API JSON do painel — se você quer manter o Omniscol como fonte de dados mas exibir o painel do lado de um terceiro, a URL do painel também expõe uma variante JSON (GET /panels/:accesshash/lessons). Ela retorna a lista das aulas filtradas conforme a configuração do painel, prontas para serem consumidas por um sistema de sinalização de terceiros (Yodeck, Xibo, ScreenCloud, um painel de controle próprio). Essa URL abre com a chave de acesso do painel, sem token adicional. Para integrações sistema a sistema mais amplas, a API REST do Omniscol está descrita em API Omniscol.

Recomendações práticas

Alguns pontos que aparecem com frequência nas implantações:

  • Contraste — um fundo escuro + texto claro descansa mais a vista, em uma tela que funciona 12 h por dia, do que um fundo branco.
  • Tamanho de fonte «Grande» assim que a tela for lida a mais de 2 m (típico de um saguão de entrada). Manter «Médio» para as telas de porta de sala, vistas de mais perto.
  • Logotipo na faixa de cabeçalho — sempre útil para a identificação rápida quando vários painéis coexistem em um grande campus.
  • Data na faixa de cabeçalho — útil no saguão (os visitantes conferem a data), menos útil diante de uma sala (o contexto é evidente).
  • Ocultar a coluna dos professores nos painéis públicos se a sua instituição tiver regras internas sobre a exibição nominal.

Procedimento

Reproduzir a identidade visual da escola em um painel

  1. Dois níveis de personalização: (1) ajustes na interface (suficientes 90 % das vezes), (2) substituição integral do modelo MIT para as identidades visuais fortes.

  2. Abra a configuração do painel no módulo Horário, pelo botão Painel de display. A tela mostra as opções de exibição: cores, tamanho, faixa de cabeçalho, colunas, formato dos nomes.

  3. Alinhe as cores à sua identidade visual: cor de fundo, cor do texto, cores das linhas pares/ímpares. Códigos hexadecimais aceitos. Para uma tela que funciona 12 h/dia, prefira fundo escuro + texto claro (descansa mais a vista).

  4. Faixa de cabeçalho: escolha a ordem de logotipo, título, data. Logotipo útil assim que houver vários painéis em um campus. Data útil no saguão, dispensável diante de uma sala.

  5. Colunas da grade: selecione e reordene entre sala, turmas, professores, matéria, horários. Para um painel público na entrada em que o seu regulamento proíbe a exibição nominal, oculte a coluna professores.

    Formato dos nomes (se mantido): nome-sobrenome, sobrenome-nome, título+sobrenome, título+nome.

  6. Tamanho da fonte: grande assim que for lido a mais de 2 m (saguão), médio para porta de sala (vista de perto). Unidades relativas em vmin — a legibilidade se mantém coerente qualquer que seja o formato da tela.

  7. Salve e depois recarregue as telas. Esses ajustes visuais são incorporados à página no carregamento: recarregue (F5) as abas já abertas nos painéis para que adotem a nova exibição.

    Para ir mais longe (reformulação completa, integração a sinalização de terceiros Yodeck/Xibo/ScreenCloud): o modelo panel.dot está sob licença MIT, fork autorizado. A variante JSON da URL do painel (GET /panels/:accesshash/lessons) expõe o dado pronto para ser consumido por um sistema externo, com a chave de acesso do painel. Para a API REST mais ampla, ver API Omniscol.

Ver também