Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

oliviao1404 — Thu, 28 Sep 2023 11:48:28 GMT

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Josué Quintero Silva — Fri, 21 Jul 2023 15:25:02 GMT

Me queda más claro que al crear un interfaz, tenemos la oportunidad de reutilizar una amplia gama de plantillas predeterminadas que brinda la plataforma, escoger un formulario con secciones y botones predefinidos, los cuales podemos configurar.

Tenemos la opción de utilizar el modo expresión y modo diseñador, diseñador permite arrastrar y soltar objetos y aporta una forma práctica y ágil para escoger componentes, el modo expresión permite acceder al código generado al escoger esos componentes, tenemos alcance a l uso de funciones predefinidas. Los Rule inputs son variables que permiten capturar datos de una interfaz y permiten pasar información de una interfaz a otra aplicación.

Con respecto a los botones , contamos con: radio, se pueden crear constantes con la finalidad de tener valores predefinidos y así no estar cambiando los valores que se mostrarán en cada uno de ellos. enviar, sirven para enviar información a DSE y deben ser en formato Primary.

otra parte importante son las variables locales que nos ayudan a administrar consultas de datos en una interfaz y agregar diferentes tipos de comportamientos dinámicos.

La diferencia entre rule inputs y local variables es que los rule inputs sirven para pasar datos fuera de una interfaz a un proceso, mientras que las variables locales solo existen dentro de la interfaz y no pueden ser conectadas a otros objetos de la ampliación, además, no se necesita declarar que tipo de datos se usará. Finalmente, las variables locales pueden ser usados para almacenar datos de una consulta y estos sean mostrados en una interfaz.

Hecho por: Josué Quintero

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

sebastianBR — Fri, 02 Jun 2023 07:00:54 GMT

Interfaces 102: Building dynamic interfaces

Beneficios de ocupar interfaces dinamicas

Se adapta a las necesidades/preferencias del usuario
Reduce el desorden visual
Reduce la confusion que pudiera tener el usuario
Incrementa la usabilidad

Review the basics

Se muestra un resumen de lo aprendido hasta el momento

Introduccion to expression Mode

Podemos ocupar tanto el expression como el design mode para crear nuestras interfaces y dependerá de nosotros elegir cual es el mas conveniente según sea el caso.

Local Variables to Store Data

a!local variables ocupa la "expression" como ultimo parametro por lo cual al definir nuestras variables estás deben ir antes que la expresion de la interfaz

Dynamic Links

Podemos usar a!dynamicLink para definirlo en expression mode

Define un vínculo que desencadena actualizaciones de una o más variables.

Podemos anidar una interfaz dentro de una interfaz ocupando un rule input

Mediante el style property y utilizando una condicion podemos hacer que nuestros items s resalten

Editable grid

A!gridLayout, de esta forma se define un editable grid en expression mode

Append function, esta funcion añade el items al final de la lista

La funcion remove es lo contratio a Append y permite remover elementos de una lista basada en el Index

Interface Pattern

Son templates preconstruidas que permiten crear dinamicas y avanzadas interfaces

Variable scoped

Define el alcance de la funcion, si una variable es local solo puede ser invocada desde la funcion que la define, será inalcanzable para las demas

Create a Wizard and Save your Data

Variable Local

Guardan datos temporalmente for uso en una interfaz o expression rules

Rule Inputs

Transfieren datos dentro o fuera de interfaces y expression rules

Los botones tiene dos valores

Cuando solo es un parametro se ocupa:

Value

Saveinto

Cuando son multiples datos de entrada

Ocupamos Saveinto y las funcion a!save la cual tiene dos parametros

Target

Value

103: Build Complex Interfaces by Adapting Patterns

Users stories

Explicación general de una característica del software escrita desde la perspectiva del usuario final o cliente.

Acceptance criteria

Lista de elementos que debe incluir al crear sus interfaces. Incluyen orientación y consejos generales para desarrolladores.

Mock Ups

Representa un high level overview de lo que buscamos hacer

UX Design and Appian

Antes de saber si tu interfaz cumple los princios del UX design, debes asegurarte que esta sea funcional. Incorporar los principios en la fase de desarrollo es mejor debido a que incorporarlos una vez que se recibio feedback esto será mas costoso

UX design principles

Efficient: Usuarios pueden completar su trabajo en el menor tiempo posible y esta debe de ser responsive para minimizar el numero de pasos que el usuario debe realizar para realizar una tarea

intuitive : Debe de ser facilmente manejada, que pueda ser usada con mínimas instrucciones

Beautiful : La interfaz debe de ser atractiva, armoniosa y debe de verse moderna

UX Planning in Apian

Hay cuatro fases que seguir

Understand your users : Quien usara la interfaz, sus roles, debes obtener los objetivos e informacion

Sketch : imagina como los usuarios interactuaran con tu aplicación, con la interfaz, enfócate en lo general no en detalles. Se puede ocupar un storyboard para este punto. Posteriormente puedes apoyarte en un wireframe en donde tendrás que ser mas detallado y pensar en la colocación y propósito de tu contenido, pregúntate como navegan, que observan y como interactúan.

Design: Debes asegurarte de mostrar la informacion correcta, y de que se muestren las acciones correctas y no crear acciones o distracciones para los usuarios. Qué necesitan y qué no necesitan los usuarios.

Considera las best practices para layouts y Components

Test: Aquí se mide la interface usability, en donde se asegura que la interfaz cumple las necesidades y expectativas de los usuarios. El testing de la aplicación debe de comenzar tan pronto como sea posible debido a que es un proceso iterativo. Ocupa el feedback de los usuarios para mejorar la interfaz.

Algunos metodos utiles pueden ser los siguientes

Hallway feedback

Monitoring sessions

Surveys

Layouts

Permiten juntar componentes

Hay diferentes tipos de layouts

Form layouts

Column layouts

-Side by side layouts

Box layout

Card layout

Billboard layout

Component best practices

Labels position

Above: funciona para campos editables
Adjacent: funcionan para RO values
Justified: funciona para RO values
Hidden

Evita la redundancia cuando algo sea muy obvio, debido a que esto puede distraer al usuario

Help tooltil: son utiles para incluir informacion que es necesaria, pero que no necesita ser mostrada todo el tiempo

Placeholder text: Utilizalo para mostrar que tipo datos se requieren o para asistir al usuario

Buttons

Tienen dos principales funciones

Flow control, Move forward or backwards

Realizar una acción

- El botón primario de una interfaz siempre debe de ir del lado derecho y en caso de que haya dos botones debe ser el que vaya a la izquierda

- El boton primario y secundarios deben de tener un estilo diferente

- Ocupa verbos imperativos: añadir, aprobar, etc para los botones

Design for Great User Experiences

Como hacer una app de Appian "beautiful"

Puedes comenzar buscando el tipo de compañía u organización para la cual vas a diseñar debido a que posiblemente ya se tenga un patrón definido para las interfaces, esto nos evitara empezar de cero.

TIPS

Color (Choose tasteful colors)

Apégate a una paleta de colores pequeña

Ocupa iconos para que el usuario pueda entender facilmente el contexto

Ocupa colores en headers y footers, evita en el resto de la pagina debido a que puede hacerla parecer pesada

Images(understand how best to use images)

Ocupa avatar style para las fotos de usuario

Deja que las fotos llenen sus contenedores

Evita ocupar fotos en lugar de iconos(distraen)

Typography (select varied and appropriate typography)

Ocupa diferentes tipos de tipografía(tamaño y tipo) para enfatizar correctamente el contenido

Balance (la interfaz debe lucir armoniosa, bien distribuida)(Think explicity about visual Balance)

Ocupa left alignment
Ocupa las esquinas de tus componentes
Ocupa el simple center para enfatizar cuando sea necesario
No dejes espacios que luzcan raros
Considera el espacio en blanco apropiado

Clutter (Avoid unnecessary clutter)

Evita innecesarios contenedores anidados, hace lucir a la aplicación desordenada
Ocupa Billboards escasamente, solo cuando sean necesarios

Al mostrar informacion esta debe de demostrar una jerarquia respecto a la importancia de la misma, es decir debe resaltar.

La pagina debe verse balanceada y estructurada

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

FernandoFM — Fri, 02 Jun 2023 05:37:23 GMT

Fernando Fernández Morales

Interfaces 102 – Creacion de interfaces dinámicas

Conceptos básicos

Modo diseño

Desing mode

Los componentes de pueden arrastrar de la barra izquierda (paleta)

Se pueden editar desde la barra derecha (configuración de componetnes)

En el centro se muestra una vista previa de la interfaz

Expression mode

En este modo se pueden encontrar los componentes pulsando sobre ellos y en el código se marcará la parte en la que esta.

De igual manera se pueden configurar las características del componente

Se pueden mostrar errores de distintas maneras

Las variables locales se definen usando a!localVariables y se definen al inicio

Las variables locales llevna el preijo local!(nombre de la varible)

Si no se le asigna valor a una variable local por defecto es null hasta que se le asigne un valor

Enlaces dinámicos

Convierten texto estático a iconos, estampas y cards en componentes dinámicos que se pueden usar para mostrar, ocultar o alterar otros componentes.

Para esto se usa la función a!dynamicLink() que tiene los parámetros:

label

showWhen

value

saveInto

Cuadriculas editables

Se representan como a!gridLayout().

headerCell no puede estar vacio.

Con el parámetro columnConfigs podemos establecer la configuración de las columnas, este parámetro acepta una lista de a!gridLayoutColumnConfig() para cada una de las columnas.

Cada fila de la cuadricula esta representada por un a!gridRowLayout()

Guardar datos

En appian los botones funcionan similar a los enlaces dinamicos.

Guardar un solo valor

Pueden tener un parámetro de value y un parámetro saveInto

Cuando se hace click el valor especificado en value se escribe en la variable saveInto.

Guardar múltiples valores

Se puede utilizar la siguiente sintaxis

saveInto{

a!save(

target: guarda el valor

value: valor

a!save(

target: guarda el valor

value: valor

}

UX Planning

UX Design and Appian

Las interfaces deben ser

Eficaces: Para disminuir los tiempos de trabajo y hacer mas eficientes los procesos de trabajo.

Intuitivas: Mientras menos pasos tengan para lograr su objetivo mejor también ayudara a hacer más eficiente el trabajo.

Bonitas/agradables: Ayudara a que los usuarios se sientan más cómodos trabajando en la plataforma.

Planificación

Entender tus usuarios: Debes entender quien estará usando la interfaz para hacer flujos más eficaces.

Sketch: Antes de cualquier cosa debemos hacer el diseño para saber como se va a ver la interfaz y como van a interactuar con ella. Wireframe, es un diseño muy básico que ayudara a definir mejor el diseño de las interfaces.

Diseño: Siempre mostrar la cantidad correcta de información y asegurarse de que todos los componentes estén accesibles y disponibles. No crear pasos innecesarios o distracciones.

Test de usabilidad: Se prueban las interfaces para ver que funcionen de manera correcta. Sirve para detectar y corregir errores.

Layouts

Lo principal para hacer buenas interfaces es conocer los límites de la plataforma.

Lo mas común es usar columnas, aunque también se utiliza el side by side layout que aporta mas control en la posición de los componentes.

El box layout también tiene mas orden y aparte aporta un mayor impacto en el diseño ya que pone una barra de titulo y un borde.

El billboard: es meramente decorativo y le da una mejor presentación a la página.

Mejores practicas

Tienen las siguientes propiedades:

Etiquetas:

Above
Adjacent
Justified
Hidden

Pueden ayudar a dar instrucciones o consejos

Buttons

Tienen 2 principales utilidades:

Controlar el flujo de navegación (Pasar de una página a otra)

Para realizar acciones

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

jessr0005 — Fri, 02 Jun 2023 02:02:50 GMT

Jesús Reyes Hernández

Interfaces 102: Building Dynamic Interfaces

Hay dos modos para crear objetos de interfaz, el modo de diseño y el modo de expresión.

En el modo de diseño, se encuentra una paleta de componentes de interfaz que se pueden agregar a una interfaz simplemente arrastrando y soltando.

Encima del panel de configuración se encuentra el panel Variables locales.

La vista en vivo en el centro de la pantalla actúa como una herramienta de vista previa y edición.

Al cambiar a la pestaña Vista previa, se eliminan las opciones para configurar o eliminar componentes directamente.

Al cambiar al modo Expresión, se oculta la paleta Componentes y panel de configuración y en su lugar muestra la expresión de la interfaz.

Se puede utilizar la función de resaltado y la capacidad de contraer y expandir partes de la expresión para facilitar la comprensión de la estructura de alto nivel de la interfaz.

La vista en vivo de la interfaz y el panel de configuración del componente son representaciones visuales de la expresión de definición de la interfaz.

Utilizaremos variables locales para almacenar los datos

Crearemos una variable local llamada "paquetes bancarios" para almacenar los registros de los paquetes. También llamaremos a una regla de expresión llamada "CC obtener paquetes de comida" para obtener los registros de los paquetes. Definir la consulta fuera de la interfaz nos permite reutilizarla en otras partes de la aplicación si es necesario.

Utilizaremos la función "a!forEach" para iterar sobre la lista de paquetes y aplicar la plantilla de tarjeta a cada uno.

Sintaxis:

a!forEach(

items: una matriz que contiene los elementos para iterar sobre expresiones.

expressions: una expresión que se evaluara para cada elemento de la matriz.

)

Variables de función:

fv!identificador: (Número) El id del artículo.
fv!index: (número) La posición del elemento en la lista.
fv!isFirst: (Booleano) Verdadero para el primer elemento, falso para todos los demás.
fv!isLast: (Booleano) Verdadero para el último elemento. falso para todos los demás.
fv!item: (Cualquier tipo) El elemento en sí.
fv!itemCount: (Número) El número de elementos en la lista.

Puede ocurrir un error si un paquete no tiene una imagen especificada. Para manejar este caso, utilizaremos la función "if" para mostrar una imagen de muestra cuando falte la imagen del paquete. La función "if" tiene tres parámetros: la condición, el valor a devolver si la condición es verdadera y el valor a devolver si la condición es falsa.

Los enlaces dinámicos se utilizan para registrar las selecciones del usuario y anidar e interactuar dentro de otra interfaz. Los enlaces dinámicos convierten texto enriquecido estático, íconos, sellos, tarjetas y otros componentes en elementos dinámicos que se pueden usar para mostrar, ocultar o modificar condicionalmente otros componentes en una interfaz.

a!dynamicLink()

parámetros:

label: el texto que se mostrará para el enlace basado en texto.
showWhen: Condición cuando el enlace está activo.
value: El valor que guardará ese enlace.
savaInto: la entrada de variable o regla en la que se guarda el valor.

Para crear un cuadricula editable se comienza creando una variable local para almacenar los artículos agregados por los usuarios. Se utiliza un tipo de registro para contener los elementos de menú adicionales. Se configuran los encabezados de las columnas en la cuadrícula y se agregan más columnas Se configura la última columna para incluir un enlace que permita eliminar elementos de la lista. Se definen los datos de cada fila de la cuadrícula.

Para implementar el patrón de diseño “wizard type form”, puedes arrastrar y soltar el patrón de barra de hitos desde la pestaña "Patrones" en la paleta de diseño. Este patrón crea una plantilla de asistente con pestañas, tarjetas para indicar el progreso del usuario, contenido para cada paso y botones para avanzar o retroceder. Puedes personalizar los pasos y su contenido según tus necesidades. La expresión del asistente se estructura dentro de una función de variables locales y utiliza variables locales para controlar el progreso y los pasos del asistente. Además, se utiliza una función de selección para mostrar el contenido correspondiente al paso actual del usuario.

UX Desing and Appian

Un buen diseño de UX mejora la probabilidad de éxito de una aplicación, medida en términos de productividad y satisfacción de los usuarios.

Las decisiones de diseño deben enfocarse en maximizar la capacidad de los usuarios para realizar su trabajo de manera rápida y eficiente.

En Appian, los usuarios interactúan con diferentes interfaces, como formularios y informes, para realizar su trabajo y obtener información agregada sobre indicadores clave de rendimiento.

Para crear una experiencia significativa y productiva, la interfaz debe ser funcional, eficiente, intuitiva y atractiva visualmente.

Aunque puede parecer que la experiencia de usuario es una tarea adicional, es importante considerarla, ya que los usuarios necesitan poder lograr sus objetivos de manera rápida y eficiente.

Una interfaz insatisfactoria puede ralentizar el trabajo de los usuarios y afectar su apoyo a la aplicación.

La planificación y prueba de UX se pueden realizar rápidamente con herramientas de baja fidelidad como papel y pizarra.

Es más costoso realizar cambios en el diseño de UX más adelante cuando la aplicación ya está en producción, por lo que es mejor incorporarlos durante el desarrollo.

Comprender a los usuarios: Identificar los diferentes tipos de usuarios, conocer sus necesidades, objetivos y preocupaciones a través de entrevistas y la creación de personas ficticias.

Esbozar la interfaz: Generar ideas rápidamente utilizando herramientas de baja fidelidad como papel o pizarras, centrándote en la progresión del usuario sin preocuparte por los detalles de diseño.

Crear wireframes: Desarrollar esquemas básicos de los elementos clave en cada pantalla de la interfaz, prestando atención a la arquitectura de la información, la navegación y la disposición del contenido y los controles.

Diseñar según las mejores prácticas: Aplicar principios de diseño y considerar la disposición de los elementos, los componentes de la interfaz y las opciones de diseño para optimizar la experiencia del usuario.

Realizar pruebas de usabilidad: Evaluar si las interfaces cumplen con las necesidades y expectativas de los usuarios, realizando pruebas tempranas y frecuentes, recopilando comentarios y utilizando la retroalimentación para refinar los diseños.

Trabajar con clientes que tienen su propio equipo de diseño de UX.

Conocer los límites y capacidades del diseño de UX.

Familiarizar con diferentes diseños, componentes y patrones de diseño comprobados.

Mantenerse actualizado sobre las nuevas características y aprovecharlas en los diseños.

Elegir el diseño adecuado para organizar y resaltar el contenido.

Configurar secciones colapsables para una mejor navegación en interfaces con mucha información.

Moderar el usode diseños de cajas y tarjetas para evitar que las páginas se vean desordenadas.

La función decorativa de los diseños de carteles y la advertencia de no utilizarlos para información crucial.

Los componentes de interfaz tienen conjuntos de propiedades propias.

Algunas propiedades comunes incluyen etiquetas, instrucciones y consejos útiles.

Las etiquetas pueden ubicarse en diferentes posiciones: encima, adyacentes, justificadas u ocultas.

La posición de la etiqueta debe seleccionarse en función de si el campo es editable o de solo lectura.

Las instrucciones deben utilizarse para proporcionar orientación importante para completar una tarea.

El texto de marcador de posición puede utilizarse para describir el formato de entrada correcto o proporcionar una pista breve.

Los botones se utilizan para el control de flujo y acciones en línea en la interfaz.

Los botones de control de flujo deben estar en el mismo grupo en la parte inferior del formulario.

Los botones de acciones en línea deben colocarse en el cuerpo de la interfaz.

Se debe utilizar un botón principal para la acción más común en la interfaz.

Los botones destructivos deben usarse con precaución y solo en casos de pérdida permanente de datos.

Se recomienda utilizar verbos imperativos para las etiquetas de los botones.

Los asistentes (wizards) deben utilizar etiquetas como "Siguiente" o "Continuar" para indicar el progreso.

Estilo de tarjetas para selección de usuarios: Se recomienda utilizar iconos grandes y de tamaño medio, colores de acento y de segundo plano, y espacio en blanco para mantener un diseño limpio y reconocible.

Diseño estándar de tarjetas: Las tarjetas deben tener una forma cuadrada, tamaño consistente y estar dispuestas en columnas fijas para lograr una apariencia equilibrada.

Destacar tarjetas seleccionadas: Se sugiere utilizar un color de fondo de acento y cambiar el icono decorativo por una marca de verificación para resaltar las tarjetas seleccionadas.

Diseño general de la página: El uso de espacios en blanco vertical, tamaños y estilos diferentes para los títulos, y una alineación centrada ayuda a crear jerarquía y claridad en la página.

Estilo de enlaces: Se recomienda utilizar el estilo de enlace en línea solo cuando se encuentren dentro de un párrafo de texto. Para enlaces independientes, se debe utilizar un estilo más limpio y sin subrayado.

Uso de cursiva: La cursiva debe utilizarse para enfatizar palabras o frases específicas, no para decorar frases completas. Es importante mantener la legibilidad y claridad del texto.

Alineación vertical de contenido: Se debe evitar la falta de alineación causada por dejar una etiqueta vacía encima de un campo. Ocultar la etiqueta restaura la alineación y evita la confusión visual.

Es importante crear jerarquías de información y una estructura visual equilibrada en las interfaces de usuario.

Resalta la información más importante.

Utilizar componentes predefinidos y patrones de diseño en la herramienta de diseño de interfaces para agilizar el proceso de diseño y garantizar la coherencia visual.

Comunicarse con los usuarios durante todo el proceso de diseño y desarrollo de aplicaciones para garantizar que se cumplan sus necesidades.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Isaac Lira — Fri, 02 Jun 2023 01:56:19 GMT

Isaac Balam Lira Ramírez

Interfaces 102: Building Dynamic Interfaces

Repasando lo básico sobre la creación de interfaces la Interface Design Object.cuenta con dos tipos de modos Design Mode y Expression Mode. Además Design Mode cuenta con las secciones: Palette, Live View, Configuration Pane, Local variable y Rule Inputs Pane.

Nota: Las variables locales sólo pueden ser creadas en el Expression Mode y son parte indispensable para crear interfaces dinámicas

Expression Mode

Cuando estamos utilizando este modo podemos seleccionar el componente en pantalla para que la parte donde se muestra la expresión se recorra y señale el componente que deseamos modificar. Además podemos expandir o colapsar las líneas de código para visualizar solamente el código en el que estemos interesados de momento. Todas las configuraciones se pueden ajustar desde este modo ya que en el panel de configuración estamos haciendo lo mismo pero de manera automatizada. Si existe algún error el Live View nos avisará.

Variables locales

Para usar variables locales siempre hay que rodear la expresión completa con “a!localVariables” y las variables locales se declaran con “local!nombredevariable”. Para inicializar variables locales se usa “:”. Es una buena práctica crear nuestros query como una Expression Rule y solo mandarla a llamar. Debes dar click en test para que se cargue información que acabas de poner a partir de una expression rule.

Para crear por ejemplo una tarjeta para cada elemento del arreglo usamos la expresión “a!forEach”. Las “fv!” son variables especiales solo disponibles en ciertas funciones.

Dinamyc Links

Estos enlaces permiten que otros componentes se vuelvan elementos dinámicos que pueden ser usados para mostrar de manera condicional, ocultar o alterar otros componentes de una interfaz.

Para crear un link dinámico se utiliza ”a!dynamicLink” el cual tiene cuatro parámetros.

label
showWhen
value
saveInto

Editable Grid

Se utilizan para que el usuario pueda capturar datos y necesitamos usar “a!gridLayout” para mostrarlas; debemos configurar el parámetro “headerCells” o causará un error cada header es representado por la función “a!gridLayoutHeaderCell”. Las Editable Grids se configuran para que muestran lo que nosotros deseamos, es decir nosotros configuramos todo su comportamiento.

Interface pattern

Podemos crear un Wizard esto permitirá al usuario pasar por una serie de pasos antes de enviar un formulario, divide el formulario en pasos. Dentro de los patterns podemos encontrar ya definidos ciertos elementos que nos harán más fácil la creación de nuestro wizard.

Nota: El scope nos dice en que partes puede ser referenciada una variable

La función “a!save” nos permite guardar múltiples variables al mismo tiempo. Esta función se usa en conjunto con sí misma dentro de una lista, para salvar múltiples variables dentro de un solo “saveInto”. Cuando se ejecuta la función “a!save” el valor definido en ella se guardará en el target especificado.

Interfaces 103: Build Complex Interfaces by Adapting Patterns

Nos enseña cómo sería desarrollar interfaces en un entorno controlado que simula Sprints. Y nos da tareas a completar. Es una práctica de lo que vimos en las otras secciones de interfaces. Además integra conocimientos generales sobre Appian.

UX Design Appian

¿Qué es UX (User Experience) Design?

Un buen diseño de experiencia de usuario hace que la aplicación sea de mejor calidad. El diseño de UX debe priorizar que el usuario pueda realizar sus tareas de forma eficiente y rápida.

Una interfaz debe tener como prerrequisito para poder aplicar diseño UX sel ser:

Funcional: Provee lo que los usuarios quieren y no tiene errores.

Los principios en los que debemos basarnos para diseñar UX son:

Eficiencia: Los usuarios pueden completar su trabajo en el menor tiempo posible. La interfaz debe ser responsiva hacia las acciones del usuario y no tener muchos pasos para completar las tareas.
Intuitivo: Los usuarios deben encontrar lo que buscan rápidamente, esto sin tener que leer instrucciones.
Hermoso: Las interfaces deben ser hermosas, es decir que se sienten a gusto trabajando con la aplicación.

Con el UX podemos lograr que las personas disfruten trabajando en nuestra aplicación. Además como la funcionalidad es parte de un buen diseño UX, las aplicaciones serán funcionales.

Planeación de UX Design

Debemos pensar con calma y adecuadamente cuáles serán los componentes de nuestra interfaz antes de empezar a crear, para que se ajusten a nuestros objetivos.

Para lograr lo anterior podemos dividir la planeación en cuatro pasos,

Entender a nuestros usuarios: Necesitamos entender quién usará nuestra aplicación y que necesita de ella. Debemos entrevistar a cada uno de los roles que utilizaran la aplicación para saber con mayor detalle sus objetivos, necesidades, etc.

Sketch: Antes de crear la interfaz debemos tener un concepto de ella, como lucirá, como interactúan los usuarios con ella. Y con el concepto en mente podemos crear un bosquejo de la aplicación.

Diseñar: Debemos siempre mostrar la cantidad adecuada de información, es decir que tenemos que tener siempre disponible y al alcance del usuario los controles para poder completar sus tareas. Debemos procurar no crear pasos innecesarios o cosas que distraigan al usuario.

Probar: En esta fase nos aseguramos si las interfaces creadas cumplen con las necesidades y expectativas de nuestros usuarios.

Layouts y Componentes

Podemos crear interfaces con layouts y componentes por lo cúal es importante conocer cómo utilizarlas.

Form Layout: Nos permite crear rápidamente un formulario con un formato predefinido.
Column Layout: Nos ayuda a organizar información a lo ancho de una página. Se utilizan para el orden primary top-level.
Side By Side Layout: Nos permite tener un mayor control sobre nuestros componentes y también distribuye componentes a lo ancho de una página.
Section Layouts: Nos permiten mostrar separación en una parte de la interfaz.
Box Layout: Nos permite agrupar componentes de una forma más visualmente impactante.
Card Layout: Se utilizan normalmente como una alternativa en lugar de Radio Buttons .

Mejores prácticas

Dependiendo de para que se va usar y que componente es, es mejor usar ciertas configuraciones sobre otras.

Field Properties:

Label: La posición Above es mejor para cuando son componentes los cuales capturaran información. Aunque la posición Adjacent es mejor cuanto mostramos texto no editable. Se debe evitar combinar posiciones de las label en una sola interfaz.
Instructions: Se utilizan solo para dar guía o indicar contenido esencial, sólo si es necesario. Si no es necesario que siempre esté mostrada la información podemos usar un Help Tooltip.
Buttons: Se utilizan para configurar el flow control o para permitir Inline Actions en una interfaz. Los botones en los formularios siempre van dentro de este si son para Inline Actions. De los botones de la izquierda en un formulario el primero debe ser siempre el de Submit, mientras que a la izquierda deben estar los botones para cancelar o retroceder y deben tener un estilo diferente.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

DavidSanchezV — Fri, 02 Jun 2023 01:35:16 GMT

Interfaces 102

Conceptos básicos

Hay dos modos para construir la interfaz objetos:

Modo diseño
Modo Expresión

En el modo de expresión se puede localizar en componente en la expresión al hacer clic dentro del componente, dentro de este modo también se puede contraer y expandir parte de la expresión. Esto sirve para visualizar mucho mas fácil la estructura de alto nivel de la interfaz: un diseño de formulario con una etiqueta, algunos contenidos y algunos botones.

Cuando una interfaz tiene un error se mostrara un banner grande en la parte superior de la pantalla, estos banner a menudo contienen instructivos de texto de la ubicación del error en la expresión.

Las variables locales definidas al principio de una expresión servirán para hacer referencia a ellas en toda la expresión. Mientras que al utilizar variables locales en medio de la expresión solo servirán para hacer uso de estas en es función en especifico.

Para utilizar variables locales usamos la función a!localVariables() la cual debe de estar por fuera de toda la expresión para que se puedan utilizar en cualquier lugar de toda la expresión. Todas las variables locales deben utilizar el prefijo local! y el nombre o para lo que nos servirá esta variable, se puede inicializar una variable o solamente dejarla en blanco poniendo una coma enseguida del nombre.

La función a!forEach() toma dos parámetros, el primero es una lista de elementos y el segundo es una expresión que desea ejecutarse en cada uno de los elementos.

Variables de función

Son variables especiales solo disponibles dentro de ciertas funciones. Para ver que variables se encuentran disponibles dentro una función se utiliza el prefijo fv!, por ejemplo para a!forEach() algunos de estos son:

fv!identifier
fv!index
fv!isFirst
fv!isLast
fv!item
fv!itemCount

Vínculos dinámicos

EL uso de los enlaces dinámicos sirve para crear interfaces mas interactivas ya que convierten textos, iconos, sellos, tarjetas y otros componentes en elementos dinámicos que se pueden utilizar para mostrar, ocultar o modificar condicionalmente otros componentes de una interfaz.

Appian admite muchos diferentes tipos de enlaces, enlaces que llevan al usuario a un registro, a una URL externa o para iniciar un proceso entre otros:

a!documentDonwloadLink()
a!dynamicLink()
a!newsEntryLink()
a!processTaskLink()
a!recordLink()
a!reportLink()
a!safeLink()
a!startProcessLink()

La función a!dynamicLink() tiene cuatro parametros: equiteta, la condicion de en que momento se mostrara, el valor que se especifica que se guarde en el enlace y saveInto que especifica que variable o entrada de regla guarda el valor.

La función and() toma una lista de instrucciones lógicas y devuelve TRUE solo cuando todas las declaraciones evalúan a TRUE, de lo contrario, devuelve FALSE.

La función or() devuelve TRUE si cualquiera de las declaraciones evalúan al verdadero, y falso solo cuando todas las declaraciones se evalúan como falsas.

Cuadriculas editables

La función append() se utiliza para agregar elementos al final de una lista, la cual se pasa como la primera y el elemento que se va a anexar a la lista se pasa como el segundo.

La función remove() toma un registro de la lista como su primer parámetro y para su segundo lugar el índice del elemento que se va a eliminar.

La función choose() toma un entero como su primer parámetro (key) y devolverá el resultado de uno en el parámetro posterior el cual esta basado en esa clave.

En Appian los botones actúan de la misma manera que los enlaces dinámicos, pueden tener un parámetro de valor y un parámetro saveInto. Sin embargo, en algunas circunstancias es posible que un boton guarde varios valores, para esto el comando saveInto puede tomar no un solo solo parametro, entrada, variable o regla, pero en su lugar, guarda una lista de funciones a!save.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Tania — Wed, 19 Apr 2023 22:25:10 GMT

community.appian.com/.../3034.D_ED00_a9.pdf
Tania Luis

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

anakareng1582 — Tue, 18 Apr 2023 19:49:03 GMT

Buen día

Comparto Resumen, elaborado por Ana Karen Garcia Braulio.

Tema: -Interfaces 102-

Este módulo esta basado en la crear una interfaz sin usar el drag and drop en el Design Mode.
En las expresiones de código son muy útiles las variables locales para realizar distintas acciones. Las funciones principales de una variable local son:
1. Eliminar arrays
2. Agregar arrays
3. Actualizar arrays

Modo Expresión nos permite construir o modificar interfaces, en Appian es mas ágil y recomendable utilizar la combinación de modo de diseño y arrastrar y soltar elementos ya que estos se pueden hacer dinámicos en el modo de expresión.

Uno de los componentes más usados son los formularios, llamando a la función a!formLayout(), que presentan diversos elementos, además de presentar 3 parámetros principales:

Label: nombre que se mostrará en la interfaz para el formulario.
Contents: todos los elementos contenidos en el formulario, a más de uno se separan por comas.
Buttons: son los botones que se muestran en el formulario.

Las variables locales pueden ser usados para almacenar datos de una consulta y estos sean mostrados en una interfaz.

En las actualizaciones de variables pueden ser usados para:

-Desconectar
-Establecer una actualización continua
-Establecer temporizadores
-Ver otras variables

Quedo pendiente para cualquier duda o comentario.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

jesusalbertog459854 — Wed, 10 Aug 2022 14:44:23 GMT

Hola aliciam0003

adjunto resumen día 11 - Interfaces 102: Build Interfaces using an Expression

– Jesús Alberto Guzmán Cruz

Interfaces 102

Bueno, en este tema trata sobre cómo crear interfaces, insertar campos, mediante el uso de expresiones y como aprovechar las variables locales y su utilidad para construir componentes de interfaces muy dinámicos como cuadriculas editables, a diferencia del modo diseñador que solo arrastras y sueltas, este se enfoca más a las líneas de código.

Los tipos de interfaz como el registro o el informe no requieren un diseño de formulario, sino que usan llaves para indicar que proporcionaremos una lista de componentes

Se debe respetar la sintaxis, que es donde identifica cada parámetro de función como una palabra clave antes de proporcionar valor, debido que por falta de una coma puede salir un error, se recomienda dar formato al código para que se ordene automáticamente y sea mucho mejor de leer por otros desarrolladores.

Aprendí a configurar utilizando el modo de expresión, los campos de texto, botones de radio, botón de envió y configurar variables locales que almacenan datos y pasarlos a las reglas de entrada.

Variables locales: son una herramienta poderosa, utilizada para definir y almacenar valores temporales para una interfaz. Por ejemplo, si queremos permitir que nuestros usuarios tengan el usuario registrado previamente completado en un campo Selector de usuarios, con una opción para reemplazarlo con otro valor, necesitaremos configurar una variable local. La variable local mantendrá la selección temporal hasta que se guarde en una entrada de regla.
Es importante recordar que las variables locales se pueden agregar a una interfaz solo en el modo de expresión. Un usuario puede declarar tantas variables locales en una interfaz como necesite.
Utilizar la función a!variableslocales para declarar variables locales. Agregue esta función antes de su expresión principal.

community.appian.com/.../3060.Ejercicio-102-_2D00_-Jes_FA00_s-Alberto-Guzm_E100_n-Cruz.pdf_

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Marco Antonio Flores — Wed, 10 Aug 2022 11:40:16 GMT

Marco Antonio Flores F.

Marco Polo, en las lecciones de hoy se abordaron temas como Plantillas de Interfaz y Modo de Expresión, explica que en Appian hay una serie de plantillas por default que ayudan a facilitar y agilizar el desarrollo de nuestra aplicación. Primero seleccionamos la plantilla y posteriormente seleccionamos los componentes que usaremos en nuestra interfaz.

Por otro lado explica que con el Modo Expresión nos permite construir o modificar insterfaces, en Appian es mas ágil y recomendable utilizar la combinación de modo de diseño y arrastrar y soltar elementos ya que estos se pueden hacer dinámicos en el modo de expresión.

Tanto las Plantillas de Interfaz y el Modo Expresión nos permiten trabajar a corde a el estilo que deseemos dar a cada una de las interfaces de nuestra aplicación, el Modo de Expresión proporciona un lienzo de expresión vacío y ahí podemos definir nuestros diseños y componentes, mientras que desde las interfaces solo nos la proporciona de lectura como tipo resumen de registro o algún tipo de informe.

Se hace la recomendación de que creemos nuestras interfaces con el Modo de Diseño ya que ayuda a ahorrar tiempo y posterior a eso usar el Modo Expresión para la configuración de nuestras funciones dinámicas avanzadas.

Se hace mención de 3 elementos principales por así decirlo:

Layout.
Fields o contents.
Buttons.

Se mencionan un componente muy importante a mi parecer, "Variables Locales":

Son similares a las reglas de entrada, ya que ambas son variables las cuales son usadas para capturar datos en una interfaz de igual manera ambas se pueden usar para mostrar datos en una interfaz, pero a diferencia de las reglas de entrada, las variables locales solo son invocadas dentro de la interfaz donde fueron creadas.

Se menciona que e desde la versión de Appain 19 se cuenta con la función de poder actualizar variables locales de manera automática.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Orlando Sánchez — Mon, 08 Aug 2022 23:53:11 GMT

aliciam0003

Resumen Día 11 - Interfaces 102 - Build Interfaces Using an Expression

Orlando Sánchez Acuña

Al crear un interfaz, se puede elegir una plantilla predeterminada que brinda la plataforma, de esta manera se puede escoger un formulario, el cual tenga secciones y botones predefinidos, los cuales pueden ser configurados. El modo diseñador permite arrastrar y soltar objetos, en cambio, el modo expresión permite acceder al código generado al escoger ciertos componentes, además de esto, se puede hacer uso de funciones predefinidas que trae el sistema, entre otras.

Rule inputs son variables que permiten capturar datos de una interfaz y permiten pasar información de una interfaz a otra aplicación.

Botones de radio

Con respecto a los botones de radio, se pueden crear constantes con la finalidad de tener valores predefinidos y así no estar cambiando los valores que se mostrarán en cada uno de ellos.

Botones de enviar

Estos botones sirves para enviar información, además se deben ser colocados al lado derecho y con un estilo primario, para que pueda ser diferenciado del botón cancelar.

Variables locales

Las variables sirven para administrar consultas de datos en una interfaz y agregar diferentes tipos de comportamientos dinámicos.

La diferencia entre rule inputs y local variables es que los rule inputs sirven para pasar datos fuera de una interfaz a un proceso, mientras que las variables locales solo existen dentro de la interfaz y no pueden se conectadas a otros objetos de la ampliación, además, no se necesita declarar que tipo de datos se usará. Finalmente, las variables locales pueden ser usados para almacenar datos de una consulta y estos sean mostrados en una interfaz.

Refresh variables pueden ser usados para:

Establecer temporizadores
Ver otras variables para actualizar
Desconectar la actualización
Establecer una actualización continua

community.appian.com/.../4034.Ejercicio-Build-Interfaces-Using-Expressions.pdf

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

josediegos — Mon, 08 Aug 2022 23:49:07 GMT

Marco Polo Martínez Badillo

RESUMEN JOSE DIEGO SANCHEZ PEREZ

Interfaces 102: Build Interfaces Using an Expression

En este tema se enfocó en crear una interfaz, pero utilizando el apartado Expression Mode con la finalidad de aprender otra forma de como generar una interfaz sin hacer uso del drag and drop en el Design Mode, en este caso se hizo uso de expresiones de código para agregar los componentes que necesitaban visualizarse en la interfaz.

Plantillas de interfaz

Las plantillas son guías útiles para aprender patrones de interfaz más avanzados como:

Mostrar y ocultar diseños
Uso de múltiples diseños en combinación
Montaje de elementos de interfaz más dinámicos, como cuadrículas editables.

Dentro de las expresiones de código resultan muy útiles las variables locales para realizar distintas acciones. Las funciones principales de una variable local son:

Agregar arrays
Eliminar arrays
Actualizar arrays

De igual forma que las variables locales existen otro tipo de variables las cuales se llaman variables de actualización y estas se pueden utilizar para:

Establecer temporizadores
Ver variables
Desconectar el refresh
Actualizar siempre

Una buena configuración de variables para actualizar ayuda a mejorar la experiencia de los usuarios, además de que permite controlar las actualizaciones con:

Variables referenciadas

Variables observadas

Temporizadores

Hay que tener en cuenta que cuando sea posible, se evite usar refreshAlways.

Evidencia de la actividad:

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

José Carlos Garduño Avila — Mon, 08 Aug 2022 23:27:11 GMT

Marco Polo Martínez Badillo

Buenas tardes, adjunto mi resumen y mi actividad.

community.appian.com/.../4382.Resumen-Dia-11.pdf

José Carlos Garduño Avila

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

josebernardov5381 — Mon, 08 Aug 2022 23:03:59 GMT

Marco Polo Martínez Badillo Muy buenas tardes , espero que se encuentre muy bien

Comparto mi resumen.

community.appian.com/.../3324.Build-Interfaces-Using-an-Expression_2D00_Resumen_2D00_1.pdf

José Bernardo Valdés Hernández

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

Jordi Brayan — Mon, 08 Aug 2022 23:02:28 GMT

Hola Marco Polo Martínez Badillo

Muestra como crear interfaces a través de una expresión a partir del modo de expresión se pueden agregar y configurar diferentes componentes como plantillas para poder agregar diferentes reglas de expresión y variables locales para poder probar algunos datos y verificar el correcto funcionamiento de la interfaz. Se pueden crear campos adicionales a través de funciones consideradas dentro de la documentación de Appian donde dependiendo de lo que sea que se este diseñado se aplicaran los componentes necesarios dentro del lienzo teniendo siempre en cuenta las buenas practicas para una mejor experiencia de usuario y una interfaz intuitiva que pueda ahorrar tiempo a y agilice mas las acciones dentro del sistema para todos los usuarios que tengan acceso a ella para realizar alguna acción en especifica.

El diseño de botones en un formulario o cualquier otra interfaz que haga uso de ellos es necesario saber que primero se tiene que crear una regla de expresión para poder utilizarla como valor ya sea como tipo booleano, texto, entero, o cualquier otro, lo cual definirá la acción que realizara al momento de hacer uso de él. Otra parte importante de crear un formulario es definir cada uno de los campos requeridos como lo son los labels, los contents, buttons, entre otros, donde para algunos campos existen otros aspectos a consideras como en los buttons hay que definir otras cosas como el nombre del mismo, la funcionalidad que tendrá o el uso de la regla que utilizará, el estilo que tendrá y demás.

Muestra cómo utilizar la opción de ayuda para algunos parámetros
Nos menciona como definir valores de parámetros
Nos muestra como anidar componentes dentro de otros
Asignar capos a entradas de reglas

Local Variables

Son usadas para capturar y mostrar datos en una interfaz a través de diferentes factores que incluyen las reglas de expresión como algo similar pero no igual a las funciones que desempeñan las variables locales, además de que existen diferentes funciones que ayudan a almacenar o mostrar información a través de distintos aspectos que son necesarios para realizar cada función de manera correcta. La actualización de variables es otro aspecto que también requiere de diferentes acciones para que se pueda realizar, además de que nos ayudan a identificar las diferentes opciones de actualización para las variables locales a través de los pasos necesarios para una correcta función y de establecer diferentes intervalos de actualización para una variable local.

Las variables de actualización se pueden utilizar para:

Set timers
Watch variables
Disconnect Refresh
Always Refresh

community.appian.com/.../6457.Interfaces-102.pdf

Jordi Brayan Vicente Moreno

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

pavelgabrielm6540 — Mon, 08 Aug 2022 23:00:13 GMT

Marco Polo Martínez Badillo

Buenas tardes, a continuación le redacto mi resumen:

Interfaces:

Esta vez se nos muestra una de las maneras de crear interfaces, se nos plantea la forma tradicional usando el Design Mode y la forma en la que se usa un poco más de código el Expression Mode.

Expressions:

Una expresión es una instrucción compuesta por uno o más valores literales, operadores, funciones y variables. El motor de reglas evalúa las expresiones para producir un único valor.

Entradas de regla:

Las entradas de regla son datos que puede pasar por afuera de la interfaz, en dado caso que quisiera usar sus datos en un Model Process, lo podría hacer con las Rule Inputs.

Variables locales:

Las variables locales difieren en que se definen y establecen dentro de la expresión y solo están disponibles dentro de la función que las define.

El uso de variables locales puede evitar la duplicación de la lógica, hacer que las expresiones sean más fáciles de leer y evitar la evaluación innecesaria de una parte de la expresión varias veces. También se pueden usar para almacenar la entrada de un usuario a medida que interactúan con la interfaz.

Las definiciones de variables locales que contienen consultas de datos se pueden evaluar en paralelo para reducir el tiempo total de evaluación.

Crear Interfaces usando Expression Mode:

Se pueden crear interfaces desde cero, usando el editor de Expresiones.

A continuación le adjunto mi evidencia:

Elaborado por Pavel Gabriel Morales Montane

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

daliam6103 — Mon, 08 Aug 2022 22:57:08 GMT

Marco Polo Martínez Badillo

¡Linda tarde!

Adjunto mi resumen.

Interfaces 102: Build Interfaces Using an Expression

Las plantillas de interfaz nos permiten acelerar el desarrollo de la interfaz y son útiles para aprender y desarrollar patrones de interfaz más avanzados cómo:

Mostrar y ocultar diseños
Usar múltiples diseños en combinación
Montar elementos de interfaz más dinámicos, como por ejemplo cuadriculas editables

Es importante saber Identificar la estructura que se necesitará con el fin de proporcionar lógica a la interfaz que se utilizará.

También aprendimos reconocer las diferencias entre el modo de expresión y el modo de diseño.

En el modo de expresión podemos definir una función de interfaz, así como parámetros de referencia de una función de interfaz, definir valores de parámetros, anidar componentes dentro de diseños por ejemplo los botones o campos de texto y asignar entradas usuario a entradas a reglas en modo de expresión.

Las variables locales se pueden utilizar para:

Filtrar datos
Agregar
Eliminar
Actualizar matrices

Las variables de actualización se pueden utilizar para:

Establecer temporizadores
ver variables
Desconectar / Actualizar
Establecer una actualización continua

La función a!save se utiliza para guardar valores en varios objetivos. También se usa cuando el valor ingresado por el usuario debe modificarse antes de que se guarde en la entrada de la regla. Finalmente, también se usa cuando necesitamos guardar una variable local en una entrada de regla.

Evidencia

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

josealbertoc5443 — Mon, 08 Aug 2022 22:51:04 GMT

aliciam0003

José Castillo

Para poder acelerar el desarrollo de las interfaces existen las plantillas, sirviendo como guías para conocer los patrones de interfaces:

Mostrar y ocultar diseños
Combinar diseños
Ensamblar elementos dinámicos en las interfaces

El insertar componentes en las interfaces en Appian es intuitivo y sencillo, basta con arrastrar los componentes en la pantalla y de esta forma presentar la información a los usuarios, Appian muestra esta información con ayuda de funciones.

Uno de los componentes más usados son los formularios, llamando a la función a!formLayout(), que presentan diversos elementos, además de presentar 3 parámetros principales:

Label: nombre que se mostrará en la interfaz para el formulario
Contents: todos los elementos contenidos en el formulario, a más de uno se separan por comas
Buttons: los botones que se muestran en el formulario

Los registros e informes no requieren un diseño de formulario.

Cada componente en Appian se puede editar al seleccionarlo, mostrando "La configuración de componentes", también existe la posibilidad de ingresar al "Modo de expresión", donde se podrá modificar y definir los componentes como una expresión en Appian.

Las reglas de entrada pueden funcionar en los formularios para poder guardar información y que esta no se pierda con el tiempo.

Para poder facilitar el modificar elementos de selección dentro de componentes como: listas de selección, radio Buttons, etc, la mejor práctica es usar constantes.

Para pasar la información entre formularios, lo típico es usar un botón que permita dicha acción, haciendo uso de la función a!buttonLayout(), se establece el parámetro "Submit" como verdadero para que la información sea pasada.

Variables Locales

Funcionan para manejar las consultas en una interfaz y añadir cierto comportamiento dinámico en la interfaz, se crean con la función a!localVariables(). A diferencia de las rule inputs, las variables locales solo funcionan y se encuentran en la interfaz en la que fueron creadas así como no es necesario establecer un tipo de dato. Unos de los usos de las variables locales son:

Almacenar datos de consultas
Servir para realizar filtro de datos
Remover o actualizar arreglos
Reducción de carga del sistema

El proceso por el cual un dato pasa de una interfaz a otra por medio de variables locales es:

Se rellena el formulario
Se almacena la información en variables locales
Se envían los datos por medio de la función a!save()
Se guardan en rule inputs
Se envían a otros objetos de Appian

Appian 19 ya posee la capacidad de actualizar las variables locales de manera automática y estas pueden ser usadas para:

Establecer temporizadores
Observar variables
Realizar actualizaciones continuos o desactivarlas

Otra forma de realizar las actualizaciones es mediante la función a!refreshVariable(), puediendo establecer una hora en la que se actualice o actualizarse al cambiar otra variable local.

Ejercicio

community.appian.com/.../6661.Ejercicio-Interfaces-Parte-1.pdf

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

erickdavidt7585 — Mon, 08 Aug 2022 22:41:57 GMT

Buena noche Marco Polo Martínez Badillo

Adjunto mi resumen y mi ejercicio

Interfaces 102: Build Interfaces Using an Expression

En esta lección se aprendió a crear interfaces a través del modo de expresión esto consta del desarrollo a base de código el cual proporciona appian y en este modo tiene 2 grandes ventajas tanto la función de auto completar como la función de detallar paso a paso que hace cada función o instrucción, hemos aprendido tantos nuevas funciones como funciones que ya se habían estado utilizando a lo largo de todo el curso esta es una gran ventaja para cuando se quiere utilizar layouts de ejemplos y poderlo modificar desde código, también crear variables locales para posteriormente utilizarlos en las reglas de entrada, las variables locales se pueden utilizar tanto para filtrar datos como para devolver datos y pasarlo a las reglas de entrada, también se pueden utilizar para establecer temporizadores, para actualizar datos, Agregar y eliminar.

RE: Day 11: ¿Que entendiste de: Interfaces 102: Build Interfaces Using an Expression?

schavez — Mon, 08 Aug 2022 22:21:09 GMT

Buenas tardes blancac0001

community.appian.com/.../5444.Day-11.docx

Presentado por Santiago Chavez Zapata