Day 8: ¿Que entendiste de los temas: Reports: Build Basic Charts and Grids y Sites: Create a Custom and Focused User Experience?

Jesús Reyes Hernández

Reports: Build Basic Charts and Grids

Gráficos circulares y de anillo: se utilizan cuando desea comparar partes de un todo, funciona bien cuando se tiene pocas categorías (5 o menos categorías).

• gráficas de columnas: se utilizan mejor cuando quiere mostrar una comparación directa entre un conjunto limitado de categorías.
• Gráfica de barras: se utilizan cuando se quiere comparar categorías que son secuenciales o basadas en el tiempo, o cuando las etiquetas son largas y las categorías abundantes.
• Gráficos de líneas: se utilizan para rastrear cambios o números a lo largo del tiempo
• cuadrículas editables y de solo lectura: se utilizan para brindar a los usuarios una visión más detallada de sus datos.
• KPIs: permiten monitorear números clave de desempeño y dar aviso cuando se requiera una acción.

Para configurar cuadrículas podemos utilizar el tipo de registro como la fuent de estos y acceder a los datos, incluyendo los datos de registro relacionados.

Se pueden configurar dos tipos de filtros:

• Filtros de registro
• Filtros de usuario

Se puede activar la clasificación y la selección para la cuadrícula.

Aplicar agrupaciones principales y secundarias para comparar datos en varias categorías.

Aplicar filtros parar ocultar datos que los usuarios empresariales no necesitan.

Personalizar los colores y tamaño de la altura para que se van mejores.

Después de crear cuadriculas y gráficos hay que agregarlos a una sola interfaz maestra, esta interfaz maestra se utilizara para crear un objeto de tipo reporte, aseguraremos este objeto de tipo informe utilizando el grupo meta de espectadores y para finalizar agregarlo como una página en un sitio.

Step-by-step #12

Step-by-step #13

Course Objectives

After you complete this course, you’ll be able to

• Explain the purpose of interfaces in applications
• Describe how to use rule inputs and local variables
• Create and configure a simple interface
• Recall user interface design best practices to apply when building interfaces
• Test an interface

After you complete this lesson you’ll be able to

• Explain how to use interfaces in an application
• Recall key principles of user interface design

User Interface Design

Building effective business applications requires more than just satisfying the functional requirements. Applications must also enable users to complete their work efficiently to maximize productivity. Making interfaces as intuitive as possible reduces training costs and ramp-up time. And, of course, users expect beautiful interfaces that look rich and modern.

Recap

Business users interact with applications through interfaces, and you can use interfaces across your applications, such as in landing pages, reporting interfaces, and tasks. You should also apply principles of user interface design when designing your interfaces.

After you complete this lesson, you’ll be able to

• Identify key work areas in the interface object
• Explain how to use templates, layouts, components, and patterns 
• Differentiate between Design Mode and Expression Mode

Templates

• When you first open a new interface, you can choose to apply a template. Templates provide structure to your interface, auto-populating crucial components. When you use a template, various options are provided in four categories: Forms, Pages, and Examples. Click on a number to learn about the template type.

Recap

In the interface object, you can use Design Mode and Expression Mode to build your interface. In Design Mode, drag and drop content from the palette and configure component properties to build interfaces quickly. Expression Mode allows you to directly edit the interface’s expression.

After you complete this lesson you’ll be able to

• Create an interface object
• Describe the purpose of rule inputs
• Recall how to add rule inputs to an interface

Rule inputs are variables that pass data into or out of an interface.

After you complete this lesson you’ll be able to

• Explain how to add layouts and components to the canvas
• Recall important component configurations
• Describe how to display and save user inputs

Recap

To build your interface, first use layouts to organize the content, then add components to display data. Then, use the Component Configuration pane to make changes to the configuration as needed—for example, to update the labels, add conditional visibility, or save data to a rule input.

After you complete this lesson you’ll be able to

• Define local variables
• List examples of how you can use local variables
• Recall how to configure local variables

Recap

• Local variables define and store temporary values within an expression, and they have many uses in interfaces. Define local variables in Expression Mode using the function a!localVariables(), which should wrap around the entire interface expression. For more details and use cases, visit Appian Documentation(opens in a new tab).

After you complete this lesson you’ll be able to

• Explain the purpose of testing an interface
• Identify the two main approaches to testing and when to use them
• Explain the purpose of the Performance tab

There are two main methods for testing, depending on the function of your interface: manual testing (for editable interfaces) or using test cases via the Test Inputs pane (for read-only interfaces).

Para testear forms

• Checar los display value…
• Dar submit sin llenar todo
• Poner valores que no cumplan con las validaciones…

En Appian existe una variedad de componentes gráficos para representar data, dentro de los cuales encontramos los más utilizados comúnmente como:

• Pie charts: Son excelentes cuando se busca comparar categorías pertenecientes a una población, no es recomendable usarlo cuando se tienen muchas categorías.
• Column charts: Realiza una comparación entre un número límitado de categorías, así como su comportamiento a través del tiempo.
• Bar charts: Realiza una comparación cuando las categorías no son secuenciales o basadas en el tiempo, así mismo cuando el texto es largo visualmente.
• Line charts: Cuando se busca visualizar el comportamiento de una variable a través del tiempo.
• Read only grids: Son grids pequeños los cuáles proporcionan más detalle e información al usuario de negocio, así mismo se puede hacer uso de links para proporcionar más detalle.
• KPI cards: Componentes importantes donde podemos mostrar números generales relacionados a nuestro reporte como total, promedio, conteos, etc.

Los aspectos claves para construir reportes eficientes y de que estos generen impacto son:

• Utilizar componentes que se ajusten a las necesidades de tus usuarios de negocio.
• Utilizar el grafico correspondiente para cada caso, ya sea comportamientos a través del tiempo, comparaciones numéricas, etc.
• No forzar la información a encajar en un gráfico.
• Utilizar record types para nuestros gráficos ya que esto nos ayudará a acelerar la construcción de nuestros reportes.
• Aplicar agrupaciones primarias y secundarias para comparar datos a través de multiples categorías.
• Aplicar filtros para no mostrar información que los usuarios no necesitan.
• Personalizar los gráficos para hacer los dashboards más atractivos al usuario.

Una vez se construyan los gráficos de forma separada a través de interfaces, se realizará la construcción de nuestro reporte, para ello seguiremos los siguientes pasos clave desde
una perspectiva de alto nivel:

1. Agregar nuestros gráficos a una interfaz maestra.
2. Actualizar nuestros grupos de seguridad en la interfaz maestra.
3. Agregar nuestra interfaz maestra como página a uno de nuestros sitios.

Día 8

El comprender las posibilidades de Appian en el desarrollo de reportes es de suma importancia puesto que son parte fundamental de las aplicaciones.

• Los gráficas y los grids sumarizan informacion a lo largo de la aplicación.
• La construcción de gráficas y grids se hace con componentes drag and drop
• Cada gráfica tiene su propósito
• Tenemos disponible la guía UX design guide para profundizar

Los grids pueden usar los record type como fuente de datos

Hay dos posiblidades de filtrado

• a nivel record filter
•  a nivel user filter

Podemos habiltar la posiblidad de sortear y filtrar un grid

Tenemos herramiemtas de diseño para personalizar el grid

Tenecomo como opciones la creación de 

• readn only grid, solo para mostrar informacion
• Editable grid para crear registros

Un grid puede usarse en un char para dar zoom a cierta información

Entra los mútiplease charts disponibles tenemos

• bar chart
• pie chart
• column chart

Cada uno con su propósito para lo cual es de suma importancia que antes de incluir un chart determinos si vamos a mostrar acumulados mensuales o un comparativo global entre montos, ya que esto determinará el tipo de chart a usar.

Es importantísimo tener los charts, en general la informacion a explotar, ya que el diseño del modelo de datos puede ser impactado por la informacion requerida en los reportes finales.

Día 8 

El comprender las posibilidades de Appian en el desarrollo de reportes es de suma importancia puesto que son parte fundamental de las aplicaciones. 

• Los gráficas y los grids sumarizan informacion a lo largo de la aplicación. 
• La construcción de gráficas y grids se hace con componentes drag and drop 
• Cada gráfica tiene su propósito 

• Tenemos disponible la guía UX design guide para profundizar 

Los grids pueden usar los record type como fuente de datos 

Hay dos posiblidades de filtrado 

• a nivel record filter 
•  a nivel user filter 

Podemos habiltar la posiblidad de sortear y filtrar un grid 

Tenemos herramiemtas de diseño para personalizar el grid 

Tenecomo como opciones la creación de  

• readn only grid, solo para mostrar informacion 
• Editable grid para crear registros 

Un grid puede usarse en un char para dar zoom a cierta información 

Entra los mútiplease charts disponibles tenemos 

• bar chart 
• pie chart 
• column chart 

Cada uno con su propósito para lo cual es de suma importancia que antes de incluir un chart determinos si vamos a mostrar acumulados mensuales o un comparativo global entre montos, ya que esto determinará el tipo de chart a usar. 

Es importantísimo tener los charts, en general la informacion a explotar, ya que el diseño del modelo de datos puede ser impactado por la informacion requerida en los reportes finales. 

Marco Polo Martínez Badillo

Entiendo que el uso de gráficas en Appian se basa en el componente de interfaz de usuario llamado "Gráfico" (Chart). Este componente permite representar visualmente los datos de forma dinámica y efectiva. Algunos tipos de gráficas disponibles en Appian incluyen gráficos de barras, gráficos de líneas, gráficos de pastel, gráficos de dispersión y gráficos de área.

Una vez agregado el componente de gráfico, puedes configurar los datos que deseas representar. Appian ofrece varias opciones para proporcionar los datos, como consultas a bases de datos, fuentes externas o datos generados internamente en la aplicación. puedes elegir el tipo de gráfico que mejor se adapte a tus necesidades. Puedes vincularlo con otros componentes o acciones en tu aplicación.

Por ejemplo, puedes permitir que los usuarios hagan clic en una parte específica del gráfico para filtrar los datos o mostrar más detalles.

Hay dos tipos de registros para mostrar: los informes de valor empresarial que se centran en KPI y son más visuales. y las métricas de proceso, que son utilizados para identificar problemas gracias a la medición de eficiencia.

En Appian siempre se menciona que podemos tomar ideas de otros desarrollos, por lo que nos da ideas desde su sitio SAIL Design para guiarnos en buenas prácticas y diseño de informes.

Hecho por: Josué Quintero