La página de login puede modificarse para ajustarla a nuestra institución. Esta página se carga como parte de la creación de una marca en Panel de administración > Ya está aquí la experiencia Ultra > Marcas > Nombre de la marca, una vez la tengamos construida. Esta construcción de la página de login ha de realizarse de manera local, con un editor de texto, por ejemplo.

En este punto, es importante que esa edición la realice alguien con conocimientos de HTML y CSS. Lo primero es descargar desde el mismo sitio la plantilla de la página de login, que será un archivo .jsp y abrirlo en el editor de texto. 

Veremos que, aparte del código HTML típico de cualquier página, existen piezas de código que deberán mantenerse en nuestra página de login personalizada para que ejecute correctamente el logado en Blackboard.

Toda la parte superior del archivo se debe mantener 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 />: Selector de idiomas

<loginUI:errorMessage />: Mensajes de error (por ejemplo, “nombre de usuario o contraseña incorrectas”)

<loginUI:loginForm />: El formulario de login en sí, es decir, etiquetas, cajetillas para login y contraseña, botón de login, botones de login via SAML y enlace “olvidó su contraseña”.

<loginUI:gatewayButtons />: Botones tales como Acceso al catálogo de cursos, acceder como invitado, etc., controlables desde el panel de administración

<loginUI:systemAnnouncements maxItems="5" />: En el lugar donde coloquemos esta cadena, aparecerán los anuncios de sistema, que son publicados por el administrador

<bbNG:copyright />: Designa el lugar en el que aparecerá la noticia de copyright de Blackboard

</bbNG:genericPage>: Será la penúltima línea del archivo, siendo la última una línea en blanco.

Una vez terminadas de añadir a login.jsp todas las piezas necesarias (podemos añadir texto, enlaces, imágenes… lo que queramos), guardaremos y la cargaremos en Blackboard. Ojo que si hay una página ya cargada, primero tendrás que eliminarla.

Si estás creando una marca secundaria y no ves manera de cargar la página de login, es posible que necesites marcar la casilla de Personalizar para permitir que en esta marca la página de login sea diferente de la especificada para la marca por defecto.