Day 9 Con tus propias palabras dime ¿Que entendiste de: Interfaces 101: Build Forms and Other Interfaces?
Discussion posts and replies are publicly visible
Fernando Fernandez Morales
Interfaces 101
Las interfaces son un aspecto esencial de la creación de aplicaciones porque los usuarios finales interactúan con su aplicación a través de las interfaces.
Las interfaces son un componente esencial de todas las aplicaciones de Appian. Los usuarios finales interactúan con las aplicaciones a través de interfaces.
Appian genera interfaces comunes cuando se generan acciones en record types
Reutilización de interfaces
Las interfaces se pueden reutilizar en todas las aplicaciones para lograr un estilo y una eficiencia coherentes, incluso dentro de otras interfaces.
Ayuda a mantener los estándares de diseño interno de su organización.
Tres conceptos clave del diseño de experiencia de usuario de calidad son:
Modo de diseño
El modo de diseño le permite arrastrar y soltar contenido y configurar propiedades para crear interfaces rápidamente.
Plantillas
Las plantillas brindan estructura a la interfaz, completando automáticamente los componentes cruciales.
Diseños
Los diseños se utilizan para organizar los componentes y se pueden encontrar en la paleta. Cada interfaz consta de uno o más diseños.
Si elige no usar una plantilla cuando crea una nueva interfaz, puede usar diseños de nivel superior para comenzar su diseño.
Diseño de sección
Los diseños de sección agrupan visualmente las partes relacionadas de las interfaces.
Diseño de caja
El diseño de caja es otra forma de agrupar visualmente los componentes relacionados consta de una barra de título y un borde
Diseño de tarjeta
Los diseños de tarjetas agrupan visualmente el contenido relacionado. A diferencia de los diseños de caja, los diseños de tarjeta no tienen una barra de título independiente.
Diseño de columnas
El diseño de columnas se usa para la organización principal de una página o sección, como en la imagen a continuación.
Diseño lado a lado
Se usa para un control detallado sobre la presentación de pequeños grupos de componentes relacionados.
Componentes
Una vez que haya construido la estructura de su interfaz usando diseños, estará listo para agregar componentes. Los componentes son los bloques de construcción fundamentales de las interfaces. Se utilizan para mostrar o manipular datos.
Patrones
Desde la paleta, también tiene la opción de agregar patrones a su interfaz. Los patrones proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños de interfaz de usuario comunes.
Biblioteca de diseño
Para ayudarlo a mantener sus estándares de diseño internos, los usuarios de confianza pueden marcar las interfaces para su reutilización.
Una vez que esté en una interfaz, vaya a Propiedades y marque la casilla de verificación "Incluir en la biblioteca de diseño".
Debe ser miembro del grupo del sistema Editores de la biblioteca de diseño para incluir o excluir interfaces de la biblioteca de diseño.
Modo de expresión
El modo de expresión te da la capacidad de editar la expresión de una interfaz.
Las entradas de regla son variables que pasan datos hacia o desde una interfaz.
Configurar entradas de reglas
Las entradas de reglas se configuran en el panel de entradas de reglas.
Al crear una entrada de regla, le dará un nombre y una descripción y seleccionará el tipo de datos.
Tipo de registro
Utilice este tipo de datos para mostrar datos de registro en una interfaz, como en la vista de resumen de un registro.
Tipo de datos primitivo
Utilice este tipo de datos para almacenar tipos de datos del sistema, como número (entero) o booleano.
Una entrada de regla pasa datos hacia o desde una interfaz.
Puede utilizar una entrada de regla de tipo de registro para mostrar datos de registro y pasar datos de registro a un modelo de proceso.
Agregar y configurar componentes
Configuración de componentes básicos
Después de agregar diseños y componentes, puede configurarlos en el panel Configuración de componentes.
Etiqueta
Las etiquetas identifican el componente, se deben usar etiquetas que identifiquen claramente el contenido
Valor de visualizacion
Normalmente, el valor de visualización se configura mediante una entrada de regla.
Save Input To
Para guardar los datos que los usuarios ingresan en el formulario, configure el campo Save input to.
Para capturar información que no tiene un campo de entrada de usuario en su interfaz, pero que aún debe escribirse en la base de datos, querrá usar la función a!save().
Solo lectura
Marque la casilla de solo lectura si no desea que un usuario pueda modificar los datos en este campo.
Validación
Las validaciones aseguran que los usuarios ingresen un valor válido en un campo, y esto puede evitar problemas con sus datos más adelante.
Visibilidad
Puede usar esta propiedad para hacer que los componentes en su interfaz solo sean visibles bajo ciertas condiciones.
Configurar variables locales
Además de las entradas de reglas, puede guardar valores en variables locales , utilizándolos para capturar y mostrar datos en una interfaz.
A diferencia de las entradas de reglas, las variables locales no pasan datos dentro y fuera de la interfaz.
Las variables locales definen y almacenan valores temporales dentro de una expresión. Son útiles cuando solo necesita valores dentro de una expresión particular.
Casos de uso comunes
Cómo configurar variables locales
Las variables locales se definen en el modo de expresión usando la función a!localVariables() , y puede usar tantas como necesite. Debido a que las variables locales solo se pueden usar dentro de la expresión en la que están definidas, envolverá toda su interfaz dentro de la función de variables locales.
Puede usar variables locales en las interfaces para almacenar datos de una consulta, mostrar información de forma condicional y capturar datos de un usuario para modificar la interfaz.
La función sigue la sintaxis: a!localVariables(localVar1, localVarN, expression)
Probar una interfaz
Probar una interfaz es crucial para garantizar que la interfaz funcione según lo previsto como un objeto independiente antes de que se use en otra parte de la aplicación.
Prueba de una interfaz editable
Al probar un formulario que los usuarios utilizan para agregar o modificar datos, debe asegurarse de que los datos ingresados en los campos del formulario se guarden en las entradas de la regla.
Prueba de una interfaz de solo lectura
Cuando tiene una interfaz que muestra datos existentes, particularmente con componentes de solo lectura, debe verificar que los datos aparezcan en la interfaz
Step-by-Step #9