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

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

  Discussion posts and replies are publicly visible

Parents
  • 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:

    • Presentar la información claramente
    • Mostrar sólo la información necesaria
    • Facilitar la navegación del usuario

    Modo de Diseño

    Este modo nos permite arrastrar componentes y configurar sus propiedades para construir interfaces. Y consta de los siguientes elementos:

    • Live view: Es el espacio de trabajo a donde arrastramos los componentes y los colocamos.
    • Palette: Usamos la Palette para encontrar los elementos principales, como los componentes y demás.
    • Configuration Panel: Nos permite configurar los objetos en el Live view para que tengan cierto comportamiento o valores.

    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:

    • Form Layout 
    • Card And Billboard Header Layouts
    • Section Layout
    • Box Layout
    • Card Layout
    • Column and Side by Side Layout

    Componentes

    Se usan cuando ya tenemos construida la estructura de nuestra interfaz, se usan para mostrar y manipular datos.

    Los componentes se dividen en

    • Inputs
    • Selection
    • Display
    • Action
    • Grids
    • Charts
    • Pickers

    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

    • Record Type: Se utiliza para mostrar records en una interfaz o para almacenarlas y pasarle la información a un process model.
    • Primitive Data Type: Guardan Integers, Booleans, etc.

    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:

    • Almacenar información de un Query
    • Mostrar información de forma condicional
    • Capturar datos del usuario para modificar la interfaz

    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

    Step-by-Step # 9

    Step-by-Step # 9

    Step-by-Step # 9

    Step-by-Step # 9

Reply
  • 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:

    • Presentar la información claramente
    • Mostrar sólo la información necesaria
    • Facilitar la navegación del usuario

    Modo de Diseño

    Este modo nos permite arrastrar componentes y configurar sus propiedades para construir interfaces. Y consta de los siguientes elementos:

    • Live view: Es el espacio de trabajo a donde arrastramos los componentes y los colocamos.
    • Palette: Usamos la Palette para encontrar los elementos principales, como los componentes y demás.
    • Configuration Panel: Nos permite configurar los objetos en el Live view para que tengan cierto comportamiento o valores.

    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:

    • Form Layout 
    • Card And Billboard Header Layouts
    • Section Layout
    • Box Layout
    • Card Layout
    • Column and Side by Side Layout

    Componentes

    Se usan cuando ya tenemos construida la estructura de nuestra interfaz, se usan para mostrar y manipular datos.

    Los componentes se dividen en

    • Inputs
    • Selection
    • Display
    • Action
    • Grids
    • Charts
    • Pickers

    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

    • Record Type: Se utiliza para mostrar records en una interfaz o para almacenarlas y pasarle la información a un process model.
    • Primitive Data Type: Guardan Integers, Booleans, etc.

    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:

    • Almacenar información de un Query
    • Mostrar información de forma condicional
    • Capturar datos del usuario para modificar la interfaz

    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

    Step-by-Step # 9

    Step-by-Step # 9

    Step-by-Step # 9

    Step-by-Step # 9

Children
No Data