Pantalla Unificada de Acceso (PUA)

La PUA (Pantalla Unificada de Acceso) nace en Septiembre del 2009, con un doble objetivo:

1. Adecuar las aplicaciones desarrolladas por ATICA a la nueva imagen corporativa de la UM.
2. Homogeneizar las pantallas de acceso de TODAS las aplicaciones de ATICA, así como los posibles modos de acceso a las mismas.

La PUA es una "plantilla" que deben seguir TODAS las aplicaciones de ATICA. Para que esta labor sea más sencilla, hemos subido la PUA a FORJA, de modo que está accesible desde todos los servidores de Sistemas (Pruebas y Explotación), en el path "/forja/pua".

Estructura de la PUA

La "plantilla" de la PUA, cuyo prototipo está en "/forja/pua/prototipo.html", se divide en las siguientes partes:

1. Encabezado. Con el logosímbolo de la UM a la derecha. El logo de la aplicación se pondrá a la izquierda.
2. Avisos. Reservado para avisos generales y de la propia aplicación. Si no hay avisos no aparecerá.
3. Control de Acceso. Formulario con los diferentes modos de acceso admitidos por la aplicación (podría haber sólo uno).
4. Mensaje de bienvenida. Con el título "Bienvenido a Nombre_de_Aplicación", así como las instrucciones y enlaces particulares que la aplicación necesite. Por ejemplo, puede haber instrucciones necesarias para entender los usos de los diferentes modos de acceso; o una lista de enlaces para explicar diferentes cuestiones sobre el uso de la aplicación (información sobre la aplicación, modos de acceso, posibles problemas, manual de usuario, etc). Como mínimo debe aparecer el citado título con el texto "Bienvenido a Nombre_de_Aplicación".
5. Pie. Debe ser exactamente el mismo que aparece en el prototipo, de modo que el enlace "RECOMENDACIONES DE NAVEGACIÓN" debe apuntar a la página de tu aplicación destinada a ello. No debe ser necesario ningún enlace "CONTACTAR" particular para la aplicación, pues para eso está el enlace "INCIDENCIAS" a dumbo@um.es. Sólo se añadirá el enlace "CONTACTAR" apuntando a una dirección de correo particular para la aplicación en el caso de que sea totalmente imprescindible, y cuente con el visto bueno del Jefe del Servicio.

Manual de Uso

Los pasos para aplicar la plantilla de la PUA son los siguientes:

1. Copiar el fichero /forja/prototipo.html como el index.html de tu aplicación.
2. Incluir el logo de tu aplicación en la parte izquierda de la cabecera.
3. Actualizar el contenido del panel de avisos si es lo que procede, o quitarlo si no hay avisos en este momento.
4. Ajustar el mensaje de bienvenida para que aparezca el nombre de tu aplicación. Y poner, si procede, las instrucciones y/o enlaces particulares que necesite tu aplicación.
5. Poner/quitar los modos de acceso necesarios para ajustarlos a las necesidades de tu aplicación.
6. Enlazar las "RECOMENDACIONES DE NAVEGACIÓN" del pie a la página de recomendaciones de navegación de tu aplicación.

Detalles para llevar a cabo algunos de los pasos anteriores:

• prototipo.html
  

  Página prototipo para adaptarla a cada uno de los aplicativos de la UM (y convertirla en el index.html). Los cambios a realizar para personalizar la página son:

  1. Buscar la cadena "webprincipal".
  2. La cadena se sitúa en cada uno de los puntos donde es necesario personalizar la información.
  3. Cambiar modo de acceso por defecto: Marcar el adecuado en el select con selected="selected".
• css, img
  

  Archivos de estilo e imágenes (no incluye logo particular de la aplicación).

• js
  
  • login.js, incluye los accesos con tarjeta y correo.
  • acceso_dni.js, incluye el acceso con dni.

  Para incluir otro modo de acceso:

  • Crear el acceso_"modo".js que lo valide.
  • Incluir una función focus_"modo" ejecutada cuando se selecciona el modo.
  • Incluir una función verifica_"modo" para validar si se accede con ese modo.
  • Añadir en el combo la opción correspondiente con value = "modo".
  • Añadir el div correspondiente al nuevo modo de acceso con el id acceso_"modo".

  Para efectuar alguna tarea antes del Submit:

  • Definir la función beforeSubmit(tipo).
  • Recibe como parámetro el tipo de acceso que se está usando.

NOTA: Si se cambia del modo Correo Por Defecto a otro y se accede, la casilla del usuario de correo contendrá la cadena "Indique su e-mail". Conviene recoger el "tipo_acceso" para discernir, o limpiar este campo creando la función beforeSubmit.

Historial de Cambios

• 15-01-2010: PUA 2.0.1. El enlace "SUGERENCIAS" del pie ahora apunta al Buzón de ATICA (en lugar de al de la UM). Quitamos el enlace "CONTACTAR" del pie, pues para ello se debe usar el de "INCIDENCIAS". Sólo se permitirá dicho enlace en casos totalmente justificados, y con el visto bueno del Jefe de Servicio. Ahora hay textos explicativos de la plantilla de la PUA en la propia página prototipo.html. La documentación de la PUA (leeme.txt) ahora está en formato html (leeme.html).
• 20-10-2009: PUA 2.0. Ahora en FORJA. Incluye mejoras en la maquetación y js necesario para validar los principales modos de acceso: correo, DNI y Tarjeta.
• 08-09-2009: PUA 1.0. Prototipo html de pantalla unificada de acceso, con js necesario para validar acceso por correo y DNI.

Aplicaciones que ya se ha adaptado a la PUA

• alce.um.es
• csi.um.es
• dumbo.um.es
• guindaweb.um.es
• justoi.um.es
• lince.um.es
• minerva.um.es
• navidad.um.es
• ormuz.um.es
• pagina.um.es
• paipuc.um.es
• portafirmas.um.es
• suma.um.es
• toum.um.es
• vigia.um.es
• webmail.atica.um.es