La función de esta aplicación (Showcase Fundeweb) es mostrar los casos de uso de los componentes de aplicaciones FundeWeb. Se ha añadido un enlace a esta aplicación en Portal FundeWeb.
Hemos seguido el diseño corporativo, que actualmente puede consultarse en Zeplin.
Tenemos una primera opción de menú Volver que nos devuelve a Portal FundeWeb, el resto de opciones que son tipos de componentes o casos de uso.
Enlace a presentación: https://umurcia.zoom.us/rec/share/7aqM_UG8eIUstpQX-P2xesNgaGivN1OcGIsLOHAltrcvLQIPcvb1PM4aDdDob0c.Dn4seb80A4tMvU82 (Passcode: Xn4^k$bY)
Página de componente
Cuando seleccionamos la página de un componente o caso de uso, tenemos:
Enlace a la página de Zeplin
Donde se definen la mayoría de aspectos que se muestran en esta página.
Un desplegable con versiones
Que contendrá la versión actual del diseño y la anterior, en la lista aparece la versión de la librería FundeWeb Tags.
Para consultar la versión de la librería que tenemos en local, lo podemos hacer fácilmente desde Eclipse en las dependencias Maven del proyecto.
Cuando salga una versión nueva la añadiremos al desplegable, en principio solamente vamos a mantener dos elementos la release actual y la anterior.
Al poner la versión más actual en el combo, aparecerán etiquetas en el título del apartado indicando si el componente es nuevo o ha habido cambios significativos.
La idea es que con las consultas que nos hagan y las peticiones de componentes nuevos, implementamos los cambios, revisamos el diseño y una vez aceptado se añadirán en esta aplicación.
Si son correcciones o pequeños cambios que no rompen las aplicaciones ya creadas se pueden añadir a la versión actual, sino se añadirán a la versión en desarrollo y posteriormente a la siguiente release.
Panel de Previsualización
En el que aparecen los distintos casos de uso que se han tenido en cuenta, los casos de uso han sido elegidos para mostrar las distintas configuraciones visuales y alguna característica que hemos considerado interesante, pero no sustituye al showcase de Primefaces, donde pueden verse otras opciones mas relacionadas con la funcionalidad.
Dentro de cada apartado pueden aparecer comentarios como por ejemplo recomendaciones o las distintas opciones que hay haciendo uso de atributos o clases CSS.
Panel Código
Aquí podremos ver el código con el que se han creado los ejemplos.
Otros comentarios
Otros comentarios
Aún quedan cosas por añadir, hemos empezado priorizando las peticiones que se han hecho y los componentes que son más configurables mediante CSS para crear clases específicas y normalizar su uso.
En la medida de lo posible se han tenido en cuenta cambios en las siguientes versiones de Primefaces, para facilitar la adaptación en el futuro, por ejemplo cuando indicamos que se añada una clase que empieza por ui- es porque posiblemente en siguientes versiones de Primefaces los componentes generarán esa clase.
Hay una opción de menú "Plantillas" donde se irán añadiendo ejemplos de uso de distintos componentes juntos en una página, se irán añadiendo según veamos cuales son las dudas o problemas más comunes.