Day 9 Con tus propias palabras dime ¿Que entendiste de: Interfaces 101: Build Forms and Other Interfaces?
Discussion posts and replies are publicly visible
Marco Antonio Flores Flores.
Marco Polo, este día se habla a cerca de las interfaces y que son un componente muy importante en las aplicaciones de Appian. Ya que se les puede dar muchos usos los cuales pueden ser que sirvan como parte de un registro, un informe o un portal y estas pueden usarse dentro de un modelo de procesos.
En pocas palabras, las interfaces le ofrecen al usuario final la capacidad de poder interactuar con las aplicaciones.
Las aplicaciones empresariales necesitan de interfaces aparte de ser eficientes se requiere que estas sean intuitivas, de esta manera ayuda a reducir costos de capacitación y ayudar a los usuarios completar sus actividades de manera eficiente para maximizar su productividad.
Se tienen en cuenta tres conceptos clave de diseño para el usuario:
Para diseñar una interfaz se tienen en cuenta los siguentes elementos:
Templates: Son las encargadas de proporcionar estructura a la interfaz, al momento de usar plantillas, estas agregan varias opciones:
Layouts: Se usan para agrupar objetos similares.
Si no se usan plantillas, se pueden usar layouts y hay en dos niveles de diseño:
Estan las opciones de diseño de nivel superior:
Componentes: Son los bloques de construcción importantes dentro de las interfaces.
Patrones: Estos incorporan la combinación de componentes y expresiones dinámicas.
Modo de Expresión: Otroga la capacidad de poder editar de manera manual la expresión de la interfaz.
Hola aliciam0003
adjunto resumen día 9 - Interfaces 101: Build Forms and Other Interfaces
– Jesús Alberto Guzmán Cruz
Interfaces 101
Las interfaces son un componente esencial de todas las aplicaciones de Appian y pueden servir como parte de un registro, informe o portal, además pueden usarse dentro de un modelo de proceso.
Las interfaces son las que proporcionan a los usuarios finales un medio para interactuar con una aplicación como también se utilizan para crear informes, Además las interfaces y sus componentes se pueden reutilizar en una aplicación para lograr un estilo y una eficiencia coherente
Diseñar una interfaz
Las plantillas brindan estructura a su interfaz, completando automáticamente los componentes cruciales. Cuando utiliza una plantilla, se proporcionan varias opciones en cuatro categorías: formularios, páginas, ejemplos y constructores, y si elige no usar una plantilla puede usar 2 tipos de diseño de nivel superior, el diseño de formulario y diseño de encabezado.
Dentro del diseño con plantillas estan estos tipo de diseño:
Crear una interfaz
Entendí que, para crear una interfaz, se tiene que empezar por definir las entradas de regla porque las entradas de reglas se especifican en el panel de entradas de reglas y los tipos de datos más utilizados son los CDT y los tipos de registros.
Una entrada de regla CDT: Es mejor para tareas o acciones, como pasar datos ingresados en un formulario a un modelo de proceso.
Una entrada de regla de tipo de registro: Es mejor para la visualización de datos, como una cuadrícula o informe de solo lectura, en ocasiones se utilizan tipos de datos primitivos como enteros y booleanos.
Las variables locales se pueden utilizar para: Almacene datos de una consulta y muéstrelos en la interfaz, a menudo a través de cuadrículas, mostrar información condicionalmente y Capture datos de un usuario para modificar la interfaz. Las variables locales se definen mediante la función a!localVariables, estas se colocan en el editor de expresiones.
Probar una interfaz
Se debe realizar las pruebas de funcionamiento a las interfaces que se vayan creando, estas pruebas garantizan que la interfaz funcione como se esperaba, encontrar y solucionar problemas en una interfaz independiente es más fácil que esperar hasta que esté conectado a un proceso, portal o informe.
Lo último que debe verificar al realizar pruebas es la pestaña de rendimiento
Buen día
Comparto Resumen, elaborado por Ana Karen Garcia Braulio.
Tema: -Interface 101-
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. Las páginas típicas de las aplicaciones que utilizan interfaces incluyen listas de registros o páginas de destino, interfaces de informes, páginas de vista resumida, tareas y formularios.
-Reutilización de interfaces-
Las interfaces pueden reutilizarse en todas las aplicaciones para conseguir un estilo y una eficacia coherentes, incluso dentro de otras interfaces. La reutilización de interfaces le ayuda a crear una aplicación dinámica, lo que significa que los cambios en una interfaz se reflejan en todos los usos de esa interfaz. Esto reduce las expresiones redundantes y le ayuda a mantener fácilmente los objetos de la aplicación.
-Diseño de la interfaz de usuario-
Tres conceptos clave del diseño de experiencia de usuario de calidad son:1. Presentar la información con claridad2. Mostrar la cantidad correcta de información3. Facilitar la navegación y orientación del usuario
-Recorrer un objeto de interfaz-
Modo de diseño: permite arrastrar y soltar el contenido y configurar las propiedades para construir interfaces rápidamente.Plantillas: brindan estructura a su interfaz, rellenan automáticamente los componentes, se proporcionan varias opciones en 4 categorías: Formularios, Páginas y Ejemplos. Diseños: Las disposiciones se utilizan para organizar los componentes y se encuentran en la paleta. Cada interfaz consta de uno o más diseños.
Otros diseños:1. Sección: Los diseños de sección agrupan visualmente las partes relacionadas de las interfaces. 2. Caja: El diseño del cuadro es otra forma de agrupar visualmente los componentes relacionados. Cada cuadro consta de una barra de título y un borde. 3. Tarjeta: agrupan visualmente el contenido relacionado y también le permiten elegir un color de fondo para ayudar a resaltar su contenido.4. Columna y paralelo: proporcionan dos técnicas complementarias para organizar los componentes a lo ancho de sus páginas.
-Componentes-
Son los bloques de construcción fundamentales de las interfaces. Se utilizan para mostrar o manipular datos.
-Patrones-
Proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños de interfaz de usuario comunes.
-Configuración de componentes básicos-Después de añadir diseños y componentes, puede configurarlos en el panel de configuración de componentes.-Etiqueta-Valor de Pantalla-Guardar entrada-Solo lectura-Validación-Visibilidad
Quedo pendiente para cualquier duda o comentario.
PDFTania Luis
Isaac Balam Lira Ramírez
101 Interfaces
Las interfaces son un aspecto esencial en la construcción de una aplicación porque los usuarios interactúan a través de interfaces con tus aplicaciones.
Appian genera interfaces por defecto cuando genera una acción en un Record Type, puedes personalizar estas interfaces para que se adapten a tus necesidades.
Las interfaces pueden ser reusadas a los largo de una aplicación para mantener un estilo. Reusar interfaces permite que cuando cambies un detalle en una interfaces se refleje en otras que contienen a la misma.
Construir una buena aplicación es más que cumplir con las necesidades funcionales. también deben permitir que los usuarios completen sin problemas sus tareas y maximicen su eficiencia.
Los conceptos clave para el diseño de experiencias de usuario son:
Modo de Diseño
Este modo nos permite arrastrar componentes y configurar sus propiedades para construir interfaces. Y consta de los siguientes elementos:
Plantillas
Cuando abres por primera vez una interfaz, puedes elegir aplicar una interfaz. Las plantillas simplemente proveen una estructura predefinida a tu interfaz y añaden ciertos componentes.
Layouts
Se usan para organizar componentes y pueden ser encontradas en la sección Palette.
Para iniciar diseños desde cero de usan Top-Level Layouts ya que estas no pueden estar contenidas en otras Layout. Existen mas tipos de layouts como lo son:
Componentes
Se usan cuando ya tenemos construida la estructura de nuestra interfaz, se usan para mostrar y manipular datos.
Los componentes se dividen en
Patterns
Permiten añadir componentes de forma dinámica para alcanzar diseños de interfaces de uso común.
Design Library
Si tienes alguna interfaz que se re-use mucho puedes marcarla para que aparezca en la Design Library.
Expression Mode
Podemos modificar las interfaces a través de su expresión cuando activamos este modo.
Crear Interfaces
New > Interface > Select Template > Review Security > Save Changes
Rule Inputs
Para pasar información fuera y dentro de una interfaz usamos rule inputs ya que el data flow los utiliza.
Para configurar los Rule inputs de tu aplicación debes usar el “Rule Input Pane”, cuando las creas debes darle un nombre, descripción y un tipo.
Los Rule Inputs pueden almacenar
Variables Locales
También puedes utiliza variables locales para guardar y mostrar información en una interfaz pero estas no pasan información fuera de la interfaz.
Los casos más comunes en los que se usa una variable local son:
Testing
Debemos probar que una interfaz funcione como esperamos y corregir si no funciona. Para las Read Only Interfaces podemos usar Test para pasar valores de prueba y asegurarnos que muestre los dato correctamente.
Step by Step #9
Los usuarios finales interactuan con la aplicación a traves de interfaces, las interfaces pueden ser reusadas en diferentes aplicaciones para la consistencia y eficiencia. Nos ayudan a mantener un diseño estandar en las aplicaciones de la organización
User interface Design
Para que las interfaces sean intuitivas y generen una buena experiencia al usuario estás deben de tener los siguientes tres puntos clave
Presentar informacion clara
Mostrar la cantidad de informacion correcta
Facilitar la orientacion y navegacion
Tour an interface Object
Design Mode
Design mode permite el construir contenido con drag and drop y configurar las propiedades para construir interfaces rapidamente. Se compone de las siguientes areas principales:
Al diseñar una interfaz puedes optar por utilizar un template.
¿Qué es un template?
Una estructura la cual contiene los componentes cruciales. Puedes encontrar Templates de las siguientes categorias: Forms, Pages, and examples.
Son usados para organizar componentes y puedes encontrarlos en el palette. Las interfaces consisten en uno o mas layouts
Components
Se pueden definir como los bloques de construcción fundamentales de las interfaces. Funcionan para mostrar o manipular datos
Son una combinacion de componentes y expresiones dinamicas que permiten user-interface designs
Algunos ejemplos son:
Cards as Choices
Comments
Grid with Detail
Podemos guardar nuestras interfaces al incluirlas dentro del design library, una vez que hagamos esto podemos reutilizarlas.
Create an Interface and Add Rule Inputs
Rule inputs son variables que pasan datos dentro o fuera de una interfaz.
Cuando Ocupar
Record Type
Utilice este tipo de datos para mostrar datos de registro en una interfaz, como en la vista de resumen de un registro. También puede utilizar este tipo de datos para almacenar y pasar datos de registro nuevos o actualizados a un modelo de proceso.
Primitive Data Type
Utilice este tipo de datos para almacenar tipos de datos del sistema, como Número (entero) o Booleano.
Add Layouts and Configure Components
Basic Components
Configure Local Variables
Ocupamos variables locales en interfaces generalmente cuando:
Test de una Interface
Hay dos métodos principales para las pruebas, dependiendo de la función de la interfaz: manual testing (para interfaces editables) o uso de test cases a través del panel Entradas de prueba (para interfaces de solo lectura).
Cuando se prueban Read Only fields debemos utilizar una expression rule para testetar los campos
Step by Step 9
PDF
Interfaces 101Las interfaces son un aspecto esencial porque los usuarios finales interactúan con la aplicación a través de interfaces. Puede utilizar interfaces en registros, informes, portales y procesos en todas sus aplicaciones de Appian. Appian tiene la opcion de generar automaticamente interfaces para ciertas acciones, estas pueden usarse como punto de partida para ajustarla a las necesidades del cliente.Las interfaces se pueden reutilizar en todas las aplicaciones para lograr un estilo y una eficiencia coherentes. Hacer que las interfaces sean lo más intuitivas posible reduce los costos de capacitación y el tiempo de aceleración.Existen 3 conceptos clave del diseño;
Modo de diseñoPermite arrastrar y soltar contenido y configurar propiedades para crear interfaces rápidamente.Este modo de diseño se divide de la siguiente manera:
Diseños
Diseños de nivel superior
Estos diseños no se pueden anidar dentro de otros diseños.
Patrones
Los patrones proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños comunes de interfaz de usuario.
Entradas de reglas
Son variables que pasan datos dentro o fuera de una interfaz.
Las entradas de regla se configuran en el panel de entradas de regla.
Al crear una entrada de regla, le asignará un nombre y una descripción y seleccionará el tipo de datos. Puede utilizar diferentes tipos de datos como entradas de reglas; El tipo de registro y el tipo de datos primitivos son comunes.
Variables locales
Definen y almacenan valores temporales dentro de una expresión. Son útiles cuando solo necesita valores dentro de una expresión determinada. Las variables locales se definen en modo de expresión mediante la función a!localVariables() y puede utilizar tantas como sea necesario. Puede definir el valor inicial de una variable local utilizando un valor estático, una función u otros tipos de variables (incluidas variables de proceso, entradas de reglas o incluso una variable local definida previamente).
Step-by-Step #9
Jesús Reyes Hernández
Los usuarios finales interactúan con las aplicaciones a través de interfaces que incluyen listas de registros o páginas de destino, interfaces de informes, páginas de vista resumida, tareas y formularios.
Las interfaces pueden reutilizarse en todas las aplicaciones para conseguir un estilo y una eficacia coherentes, incluso dentro de otras interfaces.
Tres conceptos clave del diseño de experiencia de usuario de calidad son:
Modo de diseño
El Modo de diseño permite arrastrar y soltar el contenido y configurar las propiedades para construir interfaces rápidamente.
Cuando se abre por primera vez una nueva interfaz, se puede optar por aplicar una plantilla. Las plantillas brindan estructura a su interfaz, rellenan automáticamente los componentes cruciales.
Los componentes son los bloques de construcción fundamentales de las interfaces. Se utilizan para mostrar o manipular datos.
Los patrones proporcionan una combinación de componentes y expresiones dinámicas para lograr diseños de interfaz de usuario comunes.
Entradas de regla
Son variables que pasan datos hacia o desde una interfaz.
Configuración de componentes básicos
Definen y almacenan valores temporales dentro de una expresión. Estas son útiles cuando necesita datos solo dentro de una expresión en particular.
Casos de usos
Ejemplo de configuración de variables locales
Pruebas
Las pruebas garantizan que la interfaz funcione como usted esperaba.
Existen dos métodos principales para realizar las pruebas:
Step-by-step #9
Fernando Fernandez Morales
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.
El modo de diseño le permite arrastrar y soltar contenido y configurar propiedades para crear interfaces rápidamente.
Las plantillas brindan estructura a la interfaz, completando automáticamente los componentes cruciales.
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.
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.
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
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 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