Novedades: App Builder con funciones de IA más inteligentes, ApexCharts, mejoras en la cuadrícula dinámica y más
¡Es hora de liberar! Esta actualización App Builder trae funciones impulsadas por IA, nuevas herramientas de visualización y un manejo de datos más fluido. ApexCharts le permite crear gráficos interactivos directamente en la plataforma, mientras que Pivot Grid genera automáticamente vistas dinámicas a partir de sus datos. Véalo todo en acción.
Zdravko Kolev
7min de lectura
Nuestra versión de agosto del App Builder aporta potentes funciones de IA, componentes de visualización, un manejo de datos más sencillo y mejores interacciones con los usuarios a su flujo de trabajo de diseño a código. Con ApexCharts ahora disponible en la caja de herramientas de componentes, puede convertir datos sin procesar en gráficos dinámicos e interactivos sin salir de la plataforma. La cuadrícula dinámica lleva la eficiencia un paso más allá al generar automáticamente dimensiones y valores a partir de sus campos de datos, lo que le brinda una vista dinámica lista para usar en segundos. Para experiencias de interfaz de usuario más fluidas, hemos agregado una característica de elemento de lista seleccionado que aplica estilos y almacena los valores elegidos, además de nuevas plantillas de cuadrícula vacía e indicador de carga para proporcionar comentarios significativos al trabajar con cuadrículas de datos.
Antes de sumergirte en estas nuevas funcionalidades, si es la primera vez que aprendes sobre App Builder, permíteme compartir rápidamente por qué deberías considerarlo una herramienta clave en el proceso de desarrollo de aplicaciones para tu organización:
- Un creador de aplicaciones visuales: la plataforma unificada para ejecutivos de nivel C, arquitectos empresariales, líderes de equipos de desarrollo, diseñadores, desarrolladores y partes interesadas.
- Herramienta de arrastrar y soltar WYSIWYG basada en la nube que ayuda a las empresas a diseñar y crear aplicaciones comerciales completas un 80 % más rápido que nunca.
- Una herramienta low-code genera código listo para producción para Angular, React, Web Components y Blazor, y convierte Figma diseños en código.
Esta vez, comenzaré con las novedades desde la perspectiva de la IA en App Builder.
Aumente la productividad con funciones de IA más inteligentes
Esta versión trae varias mejoras que hacen que la generación de aplicaciones sea más rápida, precisa y fácil de interactuar. Desde estructuras de salida más limpias hasta nuevas formas de generar vistas y temas, las funciones de IA ahora se integran de manera más fluida en su flujo de trabajo.
Salida de aplicaciones mejor estructurada
Las aplicaciones generadas por IA ahora vienen con un diseño, una organización de componentes y una estructura de contenido mejorados. Esto significa que las aplicaciones generadas requieren menos limpieza manual, lo que le permite centrarse en refinar el diseño y la lógica en lugar de corregir las incoherencias.
Atajos de teclado y cuadros de diálogo de confirmación
La productividad y la seguridad aumentan con los atajos de teclado para el panel de chat de IA y el área de diseño:
- Ctrl/Cmd + Shift + C: inicie un nuevo chat en la vista actual
- Ctrl / Cmd + Alt + C: inicie un nuevo chat en una nueva vista
- F2– Cambiar el nombre del elemento del historial seleccionado
- Ctrl/Cmd + Shift + A– Abre el panel GenAI desde cualquier lugar del área de diseño
Además, las acciones destructivas, como eliminar un paso de chat o una sesión completa, ahora activan diálogos de confirmación, evitando la pérdida accidental de datos y alineando el comportamiento de la IA con el resto de la plataforma.
Generar vistas a partir de imágenes
Ahora puede cargar una o más imágenes y dejar que la IA genere las vistas de aplicaciones correspondientes automáticamente. Esta función agiliza los flujos de trabajo de diseño, transformando los activos visuales en diseños de aplicaciones funcionales en segundos.
Gestión de temas impulsada por IA
Crear y actualizar temas ahora es más fácil con la asistencia de IA. App Builder puede generar, modificar y eliminar temas en función de su entrada, lo que le ayuda a mantener una marca y un estilo coherentes en todas sus aplicaciones.
Aviso:"cambie los colores de esta vista para que se base en el otoño"
Generación de fuentes de datos más inteligentes
La IA ahora produce fuentes de datos más precisas para componentes como cuadrículas y gráficos de datos, lo que reduce el tiempo de configuración y hace que las aplicaciones generadas sean inmediatamente funcionales.
Mensaje:"Estoy creando un panel interno para que nuestra empresa de logística realice un seguimiento de los envíos diarios, el inventario del almacén y el rendimiento de las entregas. Necesito una página que muestre KPI, gráficos y tablas de una manera limpia y organizada, con filtros rápidos para rangos de fechas y estado de envío. Debería dar a los gerentes una visión general del rendimiento empresarial".
Resultado:
Voz a texto para indicaciones de IA
La interacción con la IA es aún más intuitiva con la compatibilidad con la conversión de voz a texto. Haga clic en el botón del micrófono en el área de aviso, diga sus instrucciones y observe cómo se transcriben directamente en el campo de texto, perfecto para el flujo de trabajo de manos libres o la captura rápida de ideas.
Experimente cómo estas actualizaciones de IA hacen que la creación de aplicaciones sea más rápida, inteligente e interactiva a https://preview.appbuilder.dev/
Ahora, de vuelta en el sitio web de App Builder Production. ¿Qué hay de nuevo en esta versión App Builder?
Visualice datos al instante con ApexCharts
App Builder ahora incluye ApexCharts en la caja de herramientas de componentes, lo que le brinda una amplia gama de tipos de gráficos interactivos y ricos en datos al alcance de su mano. Ya sea que necesite mostrar tendencias de rendimiento, desgloses de distribución o información financiera, ApexCharts lo ayuda a transformar datos sin procesar en historias visuales atractivas sin salir de la superficie de diseño.
Con soporte para tipos de gráficos populares como Línea, Área, Barra, Columna, Embudo, Pastel, Donut, Mapa de calor, Radar, PolarArea y opciones avanzadas como Velas, Diagrama de caja, Gráficos de rango, Dispersión y Burbuja, puede cubrir casi todas las necesidades de visualización. Cada gráfico se puede vincular fácilmente a su fuente de datos y diseñar a través del panel de propiedades de App Builder, con Angular y React generación de código compatible de inmediato.
Aquí está ApexCharts en acción:
Pivote de forma más inteligente con vistas generadas automáticamente
Configurar una cuadrícula dinámica ahora es más fácil que nunca. En lugar de definir manualmente filas, dimensiones y valores, App Builder genera automáticamente la vista dinámica en función del origen de datos que conecte. Simplemente suelte una cuadrícula dinámica en su lienzo, vincúlela a sus datos y el diseño se creará para usted.
Esto significa:
- Configuración más rápida
- Menos pasos de configuración
- Y una visión instantánea de sus datos.
Siempre puede refinar el diseño más tarde, pero la generación automática le brinda un punto de partida funcional que ahorra tiempo y aumenta la productividad.
Vea lo fácil que puede ser la configuración del pivote:
Mejore la experiencia de usuario con la funcionalidad de elementos de lista seleccionados
Las listas en App Builder se volvieron más interactivas. Con la compatibilidad con la selección de elementos de lista, ahora puede crear listas dinámicas con estado en las que los elementos seleccionados se diseñan de forma coherente y sus valores se almacenan para su uso posterior. Esta característica está disponible en las listas enlazadas a datos. Si los elementos de su lista se declaran manualmente, la opción "Habilitar selección de elementos" no será aplicable. Esto abre escenarios como:
- Destacar una acción elegida en una cartera
- Marcar un cliente activo en un directorio
- O crear flujos de trabajo simples basados en la selección
Además, el estado de selección se puede enlazar a variables, lo que facilita su reutilización y aplicación en otras partes de la lógica de la aplicación.
Así es como funciona la selección de listas en la práctica:
Dale vida a tus cuadrículas con plantillas vacías y cargadas
Las cuadrículas ahora admiten dos nuevos estados diseñados para mejorar los comentarios de los usuarios: la plantilla de cuadrícula vacía y la plantilla de indicador de carga. Estos estados le permiten informar a los usuarios cuando no hay datos para mostrar o cuando los datos se están recuperando activamente.
- Plantilla de cuadrícula vacía: configure un marcador de posición con texto, iconos o imágenes cuando no se devuelva ningún registro, perfecto para consultas dinámicas que pueden devolver cero resultados.
- Plantilla de indicador de carga: muestra una interfaz de usuario de carga mientras las llamadas de datos asincrónicas están en curso, lo que proporciona comentarios claros durante los tiempos de espera.
Ambas plantillas se pueden configurar en el panel Propiedades de App Builder y se admiten en D ata Grid, Tree Grid, Hierarchical Grid e Row Islands. Aunque la marca debe establecerse manualmente después de isLoading la generación de código, App Builder controla la configuración en tiempo de diseño para que pueda centrarse en personalizar la experiencia del usuario.
Envolver…
El lanzamiento de mayo refleja nuestro compromiso continuo de ofrecer experiencias de aplicaciones modernas y escalables en App Builder. Ya sea que esté diseñando cuadrículas de datos complejas, aplicando reglas de validación sólidas o optimizando los flujos de trabajo de DevOps, esta actualización le brinda las herramientas para moverse más rápido y crear mejor.
Pruebe las nuevas funciones hoy mismo en appbuilder.dev
App Builder cambia las reglas del juego en el proceso de desarrollo de aplicaciones. Con su constructor visual basado en la nube, capacidades low-code y nuevas funciones, es una herramienta imprescindible para cualquier organización. ¡Pruébalo hoy! Si necesitas más detalles, te animamos a que consultes nuestro:
Para experimentar todo lo que hay en las últimas actualizaciones App Builder, visite su portal de clientes y obtenga la última versión. Como de costumbre, siempre estamos emocionados de recibir sus comentarios y escuchar lo que desea agregar o recomendar. Así que, por favor, envíame un correo electrónico a zkolev@appbuilder.dev y hazme saber cómo podemos ayudarte a seguir aportando valor a tus clientes con Infragistics.
