K2B WebPanelBuilder Presentación general
Introducción. K2BWebPanelBuilder es una herramienta que se encarga de generar web panels genéricos de forma rápida y eficiente. Está orientado a crear interfaces web que resuelven: ingresos de datos, múltiples grillas, paneles sin tabla base, consultas complejas y todo tipo de diálogos de modo que simplificar la tarea de desarrollo y mantenimiento del programador de la aplicación. Mediante esta herramienta es posible generar automáticamente el 100% de los web panels de la aplicación. Presentación K2BWebPanelBuilder El K2BWebPanelBuilder se aplica sobre un web panel donde van agregandose diferentes componentes a integrar, con un alto nivel de abstracción, sin tener la necesidad de interactuar con el editor de webforms de GeneXus. K2BWebPanelBuilder permite crear el 100% de los webpanels que la aplicación necesita, integrando además las facilidades de la interfaz presente en los patrones K2BEntityServices, K2BTrnForm y K2BPrompt. En los siguientes ejemplos se presentan algunas de las posibilidades que tiene K2BWebPanelBuilder para construir webpanels complejos. Página 1
Grillas. El webpanel se utiliza para trabajar con las Facturas (Invoices) que realizan los Clientes (Customers). Analicemos los distintos componentes que presenta el panel en la siguiente imagen Componentes: La sección Listado de Clientes consiste en una grilla de clientes, donde se destacan: filtros, botones de Acción para cada registro en la primer columna, información del cliente en el resto de los columnas, orden de los registro y botones de paginado. La sección de Información del Cliente corresponde a un web component donde se presenta la transacción en modo display del cliente seleccionado en la grilla de clientes. En la sección de Facturas se pueden ver las distintas facturas de un Cliente. Página 2
Cuando se selecciona un cliente en la sección de Listado de Clientes, automáticamente se actualiza la información del cliente y sus facturas asociadas. Mayor información: Grilla Es posible definir muchas grillas en el mismo webpanel. Las mismas pueden tener tabla base o no. Acciones Es posible definir acciones asociadas a un ítem de la grilla o por fuera de la grilla. WebComponent: Es posible agregar web components en la pantalla. Línea separadora: Permite separar información en líneas colapsables. Se puede configurar si por defecto la línea aparecerá colapsada o no. En el webpanel anterior la línea Customer Information separa la grilla superior de la parte inferior. Columnas: Es posible agrupar la diferente información en columnas. En el panel anterior la parte inferior está ordenada en columnas. Página 3
Ingreso de datos: Es posible crear paneles que simplifiquen el ingreso de datos. En el ejemplo se incluye la grilla en la parte superior que permite editar los registros directamente. Las Acciones permiten definir operaciones personalizadas a ser aplicadas a ese registro. Es posible ingresar un nuevo producto utilizando la transacción asociada, en la parte inferior, que es incluida como webcomponent. Página 4
Grillas como Freestyle Grid: Es posible configurar que las grillas sean un Freestyle Grid. Estas pueden ser editables, con tabla base, sin tabla base, basadas en un SDT, etc. Página 5
Confirmación condicional: Es posible, utilizando el K2BWebPanelBuilder, construir paneles con acciones de confirmación condicional. La confirmación condicional permite mostrar un mensaje de confirmación antes de ejecutar la acción si se cumple determinada condición. Por ejemplo en la imagen siguiente se presenta la operativa de un carrito de compras. Analizamos cada uno de los componentes de esta aplicación en la siguiente imagen. Página 6
En la Grilla de Productos se seleccionan los productos que se desea comprar. Automáticamente se presenta la información asociada en la sección de Transacción del producto seleccionado, que es implementado con un webcomponent con la transacción de productos en modo display. La grilla de la derecha presenta el carro de compras con los productos seleccionados. Los botones de la parte inferior, agregan unidades de productos al carro de compras y confirman la compra de los productos. Si el precio total de los productos supera los $200, al ejecutar la acción de confirm se abre un diálogo de confirmación que se ve en la parte superior de la imagen, donde según la opción seleccionada se procede a efectivizar la compra o no. Componentes destacados: Confirmación- Sección de pantalla donde se le permite al usuario confirmar la acción ejecutada. Variable de ingreso- Es posible definir variables de ingreso de datos donde la carga de esa variable la hace automáticamente el patrón. En este caso se colocó a modo de ejemplo la variable Customer que permite seleccionar el cliente que va a efectuar la compra. Grilla de productos- Definida en este caso como una grilla con tabla base. Grilla de carro de compras - Está basada en un SDT. Transacción del producto seleccionado En este caso se visualiza la transacción de producto en modo display y está implementada como un web component. Acciones en webform Es posible definir acciones afuera de las grillas. En este caso tenemos la acción de Add que permite agregar el producto al carrito de compras (grilla basada en SDT) y la acción Confirm que permite efectivizar la compra. La acción Confirm es condicional. Página 7
Variables de resumen Posibilidad de definir variables que resumen información de una grilla, en este caso el Total del carro de compras. Creación de cualquier interfaz: Con K2BWebPanelBuilder es posible generar cualquier tipo de webpanel que la aplicación requiera simplificando el trabajo de desarrollo y mantenimiento de los programadores, permitiéndoles concentrarse en los puntos críticos de la aplicación que no pueden ser automatizados. Más información sobre K2B Tools. Por más información puede visitar el sitio web de K2BTools en: www.k2btools.com o contactarnos vía email a: info@k2btools.com. Suscríbase a las noticias de K2B Tools y manténgase informado: http://www.k2btools.com/suscribase Página 8