Day 9 Con tus propias palabras dime ¿Que entendiste de: Interfaces 101: Build Forms and Other Interfaces?

Interfaces 101

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:

• live view
• the palette
• The configuration panel

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.

Layouts

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

Patterns

Son una combinacion de componentes y expresiones dinamicas que permiten user-interface designs

Algunos ejemplos son:

Cards as Choices

Comments

Grid with Detail

Design Library

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

• Label: Las etiquetas identifican el componente, así que use etiquetas que identifiquen claramente el contenido

• Display value: Para que los usuarios vean el valor de un campo
• Save input to: Para guardar los datos que los usuarios introducen en el formulario, configure el campo Guardar entrada en. Normalmente, usará un campo de entrada de regla para asignar el valor a un campo de datos en el tipo de registro.

• Read Only: Active la casilla de solo lectura si no desea que un usuario pueda modificar los datos de este campo.

• Validation: Las validaciones garantizan que los usuarios introduzcan un valor válido en un campo, lo que puede evitar problemas con los datos más adelante.

• Visibility: Puede utilizar esta propiedad para hacer que los componentes de la interfaz sólo sean visibles bajo determinadas condiciones, mediante una expresión.

Configure Local Variables

Ocupamos variables locales en interfaces generalmente cuando:

• Guardamos datos de una consulta

• Mostramos informacion respecto a una condición

• Capturamos datos de un usuario para modificar la interfaz

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 101

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:

• live view
• the palette
• The configuration panel

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.

Layouts

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

Patterns

Son una combinacion de componentes y expresiones dinamicas que permiten user-interface designs

Algunos ejemplos son:

Cards as Choices

Comments

Grid with Detail

Design Library

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

• Label: Las etiquetas identifican el componente, así que use etiquetas que identifiquen claramente el contenido

• Display value: Para que los usuarios vean el valor de un campo
• Save input to: Para guardar los datos que los usuarios introducen en el formulario, configure el campo Guardar entrada en. Normalmente, usará un campo de entrada de regla para asignar el valor a un campo de datos en el tipo de registro.

• Read Only: Active la casilla de solo lectura si no desea que un usuario pueda modificar los datos de este campo.

• Validation: Las validaciones garantizan que los usuarios introduzcan un valor válido en un campo, lo que puede evitar problemas con los datos más adelante.

• Visibility: Puede utilizar esta propiedad para hacer que los componentes de la interfaz sólo sean visibles bajo determinadas condiciones, mediante una expresión.

Configure Local Variables

Ocupamos variables locales en interfaces generalmente cuando:

• Guardamos datos de una consulta

• Mostramos informacion respecto a una condición

• Capturamos datos de un usuario para modificar la interfaz

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