Criar uma configuração temática personalizada para sua instituição é um modo direto de estender sua logo, as cores e as informações críticas aos usuários. Uma configuração temática personalizada indica a personalidade, voz, promessa e serviços da sua instituição. Existe um leque imenso de maneiras, fáceis ou complexas, para personalizar sua configuração temática.
Antes de iniciar a personalizar sua configuração temática, identifique suas metas de personalização e planeje sua abordagem.
- Identifique o escopo da personalização e selecione o método mais fácil e melhor para alcançá-los. Por exemplo, não é necessário criar um tema do sistema personalizado somente para adicionar as cores e o logotipo da instituição. Em vez isso, tente alterar as cores e adicionar um logotipo ao personalizar sua configuração temática padrão.
- Pesquise a identidade da instituição para garantir que você está seguindo as diretrizes de estilo e configuração temática estabelecidas.
- Crie exemplos ao projetar a página de logon personalizada, página do gateway e tema do sistema.
- Programe um tempo de desenvolvimento apropriado para projetar e testar os temas e as patelas personalizadas.
- Crie um plano de verificação e manutenção para temas do sistema personalizados.
Página de logon personalizada e página de gateway
Personalização da página de logon – Uma maneira fácil de começar a personalizar sua configuração temática é personalizar a página de logon. A página de logon é um único arquivo que contém seu CSS e a maioria das marcações editáveis. Reprojetar a página de logon não afeta o resto do aplicativo, por isso o escopo de alteração é pequeno. Criação de uma página de logon não requer experiência com HTML e CSS. As decisões sobre onde armazenar qualquer imagem associada também devem ser determinadas. Para saber mais, consulte Personalização da página de logon.
Página do gateway – A página do gateway é a primeira página da web que os usuários visualizam ao acessar o Blackboard (a menos que essa configuração tenha sido ignorada). Você pode adicionar uma imagem e mensagem de boas-vindas personalizadas, bem como adicionar módulos que contêm informações importantes e oportunas. A criação de módulos personalizados requer alguma experiência com HTML e CSS. Para saber mais, consulte Módulos e Personalização da página de logon.
Melhores práticas para projetar uma página de portal
Uma página de portal, como a página A Minha Instituição, normalmente é a primeira página que será exibida quando o usuário entra no Blackboard Learn. Tome cuidado ao projetar e organizar o módulo de conteúdo nessa página, pois eles aprimoram a configuração temática e melhoram a experiência do usuário. É possível fazer isso em duas etapas gerais:
- Reveja todo o conteúdo do módulo para garantir que ele não entre em conflito com a nova configuração temática aplicada. Ao projetar o conteúdo do módulo, tente seguir as convenções estabelecidas pelo seu tema e paleta. Tente codificar o módulo como HTML para que o texto do módulo possa corresponder aos estilos de fonte e cor definidos pelo tema e pela paleta. Às vezes os módulos usam uma única imagem grande (como o aviso em um banner em um site) para comunicar a mensagem. As imagens são necessárias para dar vida à página, mas às vezes a aparência de um "aviso de banner", com texto de cabeçalho, parágrafos e gráficos, pode não estar sincronizado com o tema e a paleta usados na sua configuração temática. Usar HTML garantirá que o módulo seja flexível. Seu conteúdo será redimensionado conforme a janela do navegador é redimensionada.
- Tente definir uma hierarquia visual para que o usuário possa verificar a página de forma fácil e encontrar o conteúdo acionável. Normalmente, é mais fácil falar do que fazer. Como um portal inclui vários módulos com conteúdo diverso, eles deve atender às necessidades de várias partes interessadas internas. Às vezes, cada parte interessada deseja enfatizar seu próprio material. De maneira geral, se todos os módulos tiverem a mesma importância, nada será proeminente, podendo confundir o usuário. Tente visualizar a página de forma holística e organizar os módulos para que o conteúdo mais importante seja encontrado facilmente pelo usuário.
As outras melhores práticas que se aplicam ao projeto da página do portal não são específicas a este tipo de página, mas incluem as que você provavelmente já deve ser considerado ao definir a aparência da sua configuração temática.
Acessibilidade
- Use Proporções de contraste acessíveis
- Deixe o texto legível ao escolher tipos de fontes, tamanhos e alturas de linhas apropriadas
- Evite usar imagens para texto
- Evite fundos texturizados
- Verifique se os links possuem nomes significativos ao invés de 'clique aqui'
- Incluir links para W3C e nossas páginas de acessibilidade
Estética
- Use cores que combinem com a configuração temática e o tema
- Tipos de fontes legíveis
- Use gráficos de alta qualidade
- Organize os módulos para que eles preencham a página
- Crie uma hierarquia visual para que o conteúdo seja verificado
- Evite um layout/projeto de página com muitas informações
- Atualize o conteúdo da página periodicamente
- Se for possível, aplique Técnicas de design responsivo para que seu conteúdo seja dimensionado apropriadamente em telas diferentes.
Se você se sentir limitado pelo layout de módulo padrão do Learn, considere editar a página do portal para usar uma única coluna preenchida por um (somente um) módulo HTML. Você pode editar o HTML personalizado no módulo único para usar qualquer layout desejado, imitando tendências em outras páginas de índice.
Controles de interface gráfica de usuário (GUI)
Controls de GUI – Você pode facilmente alterar a aparência de seu tema selecionando um conjunto de cores e opções de layout na sua instalação do Learn. Você pode:
- Alterar a cor de um conjunto limitado de elementos da interface de usuário
- Especificar uma imagem de logotipo e um link para um URL específico
- Selecionar as cores da guia do sistema e opções de layout.
Não é preciso conhecimento em HTML ou CSS para fazer essas alterações. Você pode ver suas seleções no painel de visualização antes de fazer uma alteração em todo o sistema. Todas as suas seleções de cor serão salvas como a Paleta de cores.
Paleta de cores e tema do sistema
Paleta de cores – O Blackboard Learn vem com mais de uma dúzia de paletas de cores. Você pode selecionar uma dessas para seu tema predefinido. Você pode alterar as cores na paleta usando a interface de usuário ou fazendo o download da paleta e alterando a partir de um editor de texto ou de uma ferramenta de edição CSS.
Tema do sistema – O tema do sistema é a camada CSS que define a aparência de sua instituição. Você pode selecionar um tema fornecido pelo Blackboard Learn ou criar o seu. A maneira mais fácil de criar o seu tema é fazer o download de um tema existente e usá-lo como modelo. Faça as alterações usando um editor de texto ou uma ferramenta de edição CSS.
Paleta de cores personalizada
Paleta de cores personalizada – Amplie a personalização de sua IU criando sua própria paleta de cores para corresponder ao esquema de cores, ao logotipo ou à configuração temática de sua instituição. O Blackboard Learn tem várias paletas de cores que aplicam cores diferentes ao sistema. Você pode editar uma paleta de cores existente para que ela corresponda aos seus requisitos específicos.
Melhores práticas para projetar uma paleta de cores personalizada
Ao selecionar as cores para a sua paleta personalizada, lembre-se de algumas dessas melhores práticas.
- Para melhorar a acessibilidade, use sempre Proporções de contraste acessíveis ao colocar um texto sobre um plano de fundo.
- Use cores que correspondam com a identidade visual de sua instituição. Verifique o manual de estilo da sua instituição para as cores oficiais. Certifique-se de que as escolhas de combinação de cores traduzam o esquema de cores apropriado para a interface de usuário.
- Certifique-se de que suas seleções de cores funcionem bem juntas, criando uma experiência visual harmoniosa. Color Matters é um bom site para aprender sobre esquemas de cores monocromáticas, análogas e complementares. Aprender sobre a teoria das cores torna mais fácil selecionar as cores que combinam com a sua instituição.
Tema de sistema personalizado
Temas personalizado do sistema – Você pode transformar totalmente a IU da instalação de sua instituição ao criar um tema personalizado do sistema. Esse é o método mais caro e complexo de personalização, que requer a revisão e edição de mais de 12.000 linhas de código. É a melhor opção para que a interface de usuário do Blackboard Learn corresponda com a identidade visual da sua instituição, mas requer testes constantes para cada novo lançamento do Learn.
Melhores práticas para criar um tema do sistema personalizado
A criação de um tema do sistema personalizado é uma tarefa complexa e nunca pode ser considerada um projeto paralelo. Você precisará ter uma experiência significante em CSS e DOM. Além disso, você precisará ter um ambiente de desenvolvimento para desenvolver, testar e manter o tema.
- Cores – pesquise a identidade visual da instituição. Pode ser que a instituição tenha um manual de estilo que inclua uma seção sobre as cores da configuração temática da instituição. Certifique-se de que a escolha de combinação de cores traduza o esquema de cores apropriado para a interface de usuário.
- Harmonia de cores – o conhecimento geral sobre esquemas de cores monocromáticos, análogos e complementares facilita a seleção de cores que combinam entre elas e com as cores da configuração temática da instituição.
- Requisitos de acessibilidade – A familiaridade é muito importante para ter certeza de que o tema do sistema resultante tenha um contraste adequado e seja acessível.
- Fontes – especifique fontes diferentes para a sua configuração temática. Teste as fontes para garantir que elas sejam exibidas em diferentes sistemas operacionais. Você também pode inserir fontes personalizadas incluindo-as em seu tema e se referindo a elas usando uma regra de tipo de fonte. Certifique-se de que as fontes personalizadas possam suportar os idiomas ensinados.
- Ícones – Você poderá reprojetar determinados ícones e usá-los no aplicativo como imagens de fundo.
Altere o gerenciamento para configurações temáticas personalizadas
Quando você estiver avaliando e testando uma atualização, é muito importante que você faça o download e salve as personalizações caso elas precisem ser restauradas. Use a ferramenta DIFF Tema para comparar todas as alterações de CSS entre uma versão do Learn e outra. Essa ferramenta facilitará a detecção de onde as alterações foram feitas no CSS para que você possa avaliar os efeitos das personalizações.
Os elementos que definem a configuração temática (normalmente o tema, paleta e/ou logotipo) são distintos do conteúdo da página. Lembre-se de auditar o conteúdo das páginas "públicas", como páginas do portal, para garantir que elas sigam as diretrizes estabelecidas pela configuração temática.
Temas do sistema personalizados e instalação de novos building blocks
Se você tem um tema de sistema personalizado, talvez queira que suas personalizações se estendam para novas páginas em um building block instalado por meio de atualizações de software. Nem todos os building blocks instalados dessa forma tem suas próprias folhas de estilo específicas da ferramentas, mas alguns têm.
Na instalação de um building block que contém suas próprias folhas de estilo em um sistema que tenha pelo menos um tema personalizado, você receberá um recepção informacional durante a instalação. Essa recepção recomenda a verificação do recurso junto ao tema personalizado, assim como você faz quando atualiza o Learn. Você receberá essa mensagem quando seu sistema tiver um tema personalizado já instalado, mesmo se o tema não estiver em uso atualmente.
Informações sobre se o building block contém folhas de estilo específicas da ferramenta estão disponíveis para qualquer building block no Painel do administrador. Na seção de Building Blocks, selecione Building Blocks e selecione Ferramentas instaladas. Abra o menu de qualquer building block listado e selecione Ver Componentes. Se o Building Block tiver folhas de estilo específicas de ferramentas em qualquer um dos temas originais do Learn, os identificadores do tema serão listados nessa página.
Se você gerenciar os temas personalizados com o armazenamento de cópias dos pacotes off-line, atualize seu pacote de temas personalizado off-line fazendo download dele na interface de usuário do Painel administrativo depois de atualizar para o SP14 para obter uma cópia com a nova estrutura do novo pacote apresentado no pacote de serviços. Não haverá alterações nas folhas de estilo, assim como alterações no fluxo de trabalho de personalização. No entanto, depois de atualizar para o SP 14, os pacotes offline em sua principal estrutura de pacotes não poderão mais ser atualizadas – uma mensagem de erro será exibida nesse caso.
Configurações temáticas diferentes para a mesma instalação do Learn
Se sua instituição tiver acesso aos recursos de compromisso da comunidade, será possível criar temas diferentes para diferentes grupos de usuário com base em sua função no sistema. Nomes de host personalizados devem ser criados para permitir que várias configurações temáticas sejam usadas em uma única instância do Learn.