Prototipo de pantalla de login

LIBP-0141 (Libro de pautas)

Este es el libro de pautas del prototipo de pantalla de login o acceso a la aplicación.

Pautas

TítuloCarácter
Diseño de la pantallaObligatoria
ImplementaciónRecomendada

Diseño de la pantalla

La pantalla de login o acceso al sistema habilitará a los usuarios el registro en la aplicación.

Para que el usuario pueda registrarse en la aplicación y obtener los privilegios asociados a su cuenta, se requiere una pantalla de login o acceso al sistema.

Esta pantalla tendrá el siguiente aspecto:

LoginLogin

La pantalla incluirá un pequeño formulario donde se requiera el nombre del usuario y la clave asociada al mismo. Se incluirán un botón para ejecutar el proceso de autenticación en la aplicación, que normalmente se realizará mediante el usuario de LDAP.

Adicionalmente, la pantalla de login puede permitir el acceso al sistema mediante certificado digital del usuario haciendo uso de la fachada de autenticación de @firma.

Implementación

Implementar la pantalla de acceso o login empleando los artefactos suministrados con el caso práctico.

En el caso práctico se ofrece un ejemplo de este tipo de pantalla que se compone de: 

  • Plantilla: plantilla.xhtml
  • Fichero: login.xhtml
  • Backing Bean: ninguno

Principales soluciones que implementa: 

  • Cumplimiento de pautas de accesibilidad y usabilidad 
  • En la plantilla, eliminación de atributos no válidos para scripts generados por RichFaces a través de jQuery
  • Enlace a la página actual con un botón tipo "submit" para evitar error de accesibilidad al no disponer de botón de envío de formulario 

Contenidos relacionados

Recursos
Área: Interfaz de usuario » Normalización de Interfaces
Código Título Tipo Carácter
RECU-0524 Caso práctico Ejemplo Recomendado