A página de login pode ser modificada para adaptá-la à nossa instituição. Esta página é carregada como parte da criação de uma marca em Painel de administração > A experiência Ultra chegou > Marcas > Nome da marca, depois de a termos criado. A criação da página de login deve ser realizada localmente, com um editor de texto, por exemplo.

Neste ponto, é importante que essa edição seja realizada por alguém com conhecimentos de HTML e CSS. Primeiro, é necessário descarregar do mesmo local o modelo da página de login, que será um arquivo .jsp, e abri-lo no editor de texto. 

Veremos que, além do código HTML típico de qualquer página, existem partes de código que deverão ser mantidas na nossa página de login personalizada para que o login em Blackboard seja executado corretamente.

Toda a parte superior do arquivo deve ser mantida tal como está. 

<%@ include file="/webapis/ui/doctype.jspf" %>
<%@ page import="blackboard.servlet.util.CourseCatalogUtil" %>
<%@ taglib uri="/bbNG" prefix="bbNG" %>
<%@ taglib uri="/loginUI" prefix="loginUI" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<c:set var="productName" value="${ loginUI:getProductName() }" />
<fmt:message var="viewCourseCatalogLinkText" key="gatewayButtons.view.course.catalog" bundle="${bundles.tags}"/>
<bbNG:genericPage authentication="N" wrapper="false" onLoad="loadLoginPage()" bodyClass="bb-login hide-focus-outline" globalNavigation="false" skipCoreCss="true" allowScale="true">
  <bbNG:cssFile href="/ui-ultra/css/ultra.css" />
  <bbNG:jsFile href="/ui-ultra/js/hide-focus-outline.js" />
  <bbNG:jsFile href="/ui-ultra/js/login-page.js" />
  <bbNG:jsBlock>
    <script type="text/javascript">
      function loadLoginPage() {
        if(document.forms.login.user_id != undefined)
        {
          verify_username_password(document.forms.login);
        }
        setTimeout("triggerScreenreaderAlert()", 500);
      }
      function triggerScreenreaderAlert() {
        if (document.getElementById('loginErrorMessage')) {
          $('loginErrorMessage').update($('loginErrorMessage').innerHTML);
        }
      }
    </script>
  </bbNG:jsBlock>
  <%@ include file="/webapis/ui/cookie-disclosure-login.jspf"%>

<loginUI:localePicker />: Seletor de idiomas

<loginUI:errorMessage />: Mensagens de erro (por exemplo, “nome de usuário ou senha incorretos”)

<loginUI:loginForm />: O próprio formulário de login, ou seja, etiquetas, campos para login e senha, botão de login, botões de login via SAML e link “esqueceu a sua senha”.

<loginUI:gatewayButtons />: Botões como Acesso ao catálogo de cursos, acessar como convidado, etc., controláveis a partir do painel de administração

<loginUI:systemAnnouncements maxItems="5" />: No local onde colocarmos esta cadeia, aparecerão os anúncios do sistema, publicados pelo administrador

<bbNG:copyright />: Designa o local onde aparecerá o aviso de copyright da Blackboard

</bbNG:genericPage>: Será a penúltima linha do arquivo, sendo a última uma linha em branco.

Depois de terminarmos de adicionar ao login.jsp todas as partes necessárias (podemos adicionar texto, links, imagens… o que quisermos), guardaremos o arquivo e o carregaremos no Blackboard. Atenção: se já houver uma página carregada, primeiro será necessário eliminá-la.

Se estiver criando uma marca secundária e não encontrar uma forma de carregar a página de login, talvez seja necessário marcar a caixa de seleção Personalizar para permitir que, nessa marca, a página de login seja diferente da especificada para a marca padrão.