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.eSra.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:
- 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. - 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
-
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.
-
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.
-
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).
-
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.
-
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.
-
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. -
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.dotestá 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.