Ver código fuente

<keywords content="keywords">
nueva, crear, creando, formas, pantalla, pantallas, campos, construir, actividad
</keywords> 
<div class="Section1">
= <span>Creando Formas</span><br> =

Luego de modelar el cuadro de flujo y de incluir la información necesaria para cada actividad o tarea en el proceso, el siguiente paso es crear las formas o pantallas que serán desplegadas en una Aplicación Web para el usuario final. 

<br>

Con Bizagi, cada actividad dentro del proceso está representada por una forma web que despliega su información (necesaria y consultas) de modo que los usuarios del proceso puedan interactuar con una aplicación web amigable para el usuario que lleve a cabo cada una de las actividad del proceso, guardando la información necesaria para su ejecución. 

<br>

En este paso, Bizagi arregla los datos manejados por las distintas actividades del flujo en formas o pantallas, asociando estas formas a cada una de las actividades que componen el proceso. 

<br>

Debajo está la información necesaria para crear y modificar, adecuadamente, las formas disponibles en Bizagi. 

<br>

== Formas  ==

Una forma es un conjunto de información asociada que es desplegada en una pantalla de la aplicación. 

<br>

Las principales características de una Forma son:<br>

[[Image:Bulletazul.gif]] La forma es construida usando un Diseñador de Formas que ayuda al usuario a ver como se vería en la aplicación web<br>

[[Image:Bulletazul.gif]] La información necesaria puede ser creada desde el Diseñador de Formas<br>

[[Image:Bulletazul.gif]] Un Nombre Visual siempre es necesario<br>

[[Image:Bulletazul.gif]] La información en las formas puede ser organizada en grupos o pestañas 

<br>

=== Artículos Relacionados:<br> ===

*[[Propiedades Generales de las Formas|'''Propiedades Generales de los Campos en la Forma''']] Configure y personalice su forma<br>
*[[Tipos de Campo|'''Tipos de Campo''']] use texto, números, fechas, listas, configure búsquedas, use formas creadas... 
*[[Propiedades Avanzadas de las Formas|'''Propiedades Avanzadas de una Forma''']] editar, borrar, duplicar formas<br>
*[[Tabla Grilla|'''Tablas (Grillas)''']] Aprenda cómo construir y configurar tablas en formas<br>
*[[Pestañas|'''Pestañas y Grupos''']] Organice sus formas<br>
*[[Formas Globales de Resumen y Asistentes|'''Formas Globales y de Resumen''']] Use formas para información general 
*[[Formas Globales de Resumen y Asistentes#Formas_Asistentes|'''Formas Asistentes''']] Construya un Asistente de una actividad!! 
*[[Administracion de Entidades#How_to_customize_forms_for_entity_administration|'''Formas de Entidades Paramétricas''']] Crear y editar formas para manejar Entidades Paramétricas 
*[[Calculos Con Expresiones|'''Calculos en las formas''']] Aprender como realizar calculos en las formas de las actividades.

<br>
<div class="Section2">
=== ¿Cómo Crear una Forma?<br> ===

1.<span> </span>Las formas están asociadas con las actividades y se crean directamente desde el proceso para facilitar la identificación, creación y edición de éstas. 

En el [[Definir las Formas con el Asistente de Proceso|Asistente del Proceso vaya]] al paso Número 3: Definir Formas. 

[[Image:Forms Image 001.jpg|center]]<br>

2.<span> </span>De acuerdo al diseño de la forma seleccionada, la [[Datos del Proceso: Entidades y Atributos|<u>información (o datos) necesarios</u>]] en la forma puede ser previamente incluida o esta puede ser creada a medida que el usuario crea la forma usando el Modelador de Formas (Forms Designer).<br>

<br>

3. Abra la forma a ser creada. <br>

Una nueva ventana será abierta; contiene todo lo que el usuario necesita para crear la pantalla de la actividad. La manera en que la Forma es creada es como será vista en la pantalla.<br>

<br>

4. Para incluir atributos a la forma, arrástrelos y suéltelos en donde se necesite. <br>

Los atributos tendrán el [[Tipos de Campo|<u>Tipo de Campo</u>]] que corresponda a la forma en que fueron creados. <br>

Por ejemplo, si un atributo fue creado como un string este será desplegado como Texto<br>

<br>

5. Cuando la Forma está completa, haga clic en Guardar (Save) y cierre la ventana.<br>

<br>
<div align="center">
{| class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="405"
|-
| valign="top" width="100%" | 
'''<span>Ejemplo</span>'''<span>: En un proceso de Aplicación para Solicitud de Crédito, empieza cuando el cliente declara un interés en obtener un crédito con un banco. La información del cliente debe ser llenada en:</span>

|}
</div>
<br>

[[Image:Creating Forms1 Image003.jpg|center|Image:Creating_Forms1_Image003.jpg]] 

<br>
<div align="center">
{| class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" width="405"
|-
| valign="top" width="100%" | 
<span>Abajo está el Modelo de Datos sugerido.</span>

|}
</div>
<br>

[[Image:Creating Forms1 Image004.jpg|center|Image:Creating_Forms1_Image004.jpg]] 

<br>

<br>El siguiente video mostrará: '''Cómo construir una forma, cómo cambiar el orden de los atributos y hacerlos necesarios o editables (o no editables/necesarios)'''. 

<br>
<div><div align="center">
<videoflash>LNn9EUiP7nk|640|505|</videoflash>
</div></div>
<br>

Bizagi le permite al usuario la inclusión de uno o más atributos al mismo tiempo. Para incluir varios atributos, seleccionelos utilizando CTRL + Click o SHIFT + Click. 

También es posible incluir todos los atributos de una entidad al mismo tiempo. Haga clic derecho en la entidad que contenga los atributos que serán añadidos a la forma y seleccione la opción para añadir los elementos hijos (Add Child Elements). Todos los atributos de la entidad serán añadidos al final de la forma. 

Para saber en que parte del modelo de datos se encuentra un atributo que ha sido añadida a la forma, seleccione el atributo en la Forma y el atributo será resaltado en la caja (Data Binding box). 



[[Image:Creating_Forms8_Image024.jpg|center]]



<br>Este video mostrará '''Cómo incluir nuevos atributos al modelo de datos para poder agregarlos a la forma.'''<br><br>
<div><div align="center">
<videoflash>DqrUoiIRhYA|640|505|</videoflash>
</div>
<br>
<div class="Section3">
== El Diseñador de Formas<br> ==

[[Image:Creating Forms1 Image006.jpg|center]] 

<br>

=== 1. Mapeo de Datos<br> ===

Contiene el Modelo de Datos creado para el proyecto. 

Las entidades y atributos pueden ser creados antes de diseñar la forma o pueden ser agregados a medida que el usuario identifica una necesidad para la información. 

Arrastre el atributo a la Pantalla (Display) para mostrarlo en la forma. 

<br>

=== 2. Tipos de Campo  ===

Cada campo tiene un cierto tipo de datos que fue seleccionado cuando el atributo se creó. <br>

En una forma, cada atributo puede ser desplegado con diferentes tipos de datos, por ejemplo texto, número, lista, botón, etc.<br>

Tan pronto como un atributo es arrastrado a la Pantalla (Display), este tomará un tipo por defecto, pero puede ser convertido a otro. <br>

Para mayor información vaya a [[Tipos de Campo|<u>Tipos de Campo</u>]]<br>

<br>

=== 3. Propiedades  ===

Todas las formas creadas usando Bizagi Studio tienen propiedades especiales asociadas a cada uno de los campos en la forma. Estas propiedades varían dependiendo del tipo del campo seleccionado. Las propiedades básicas para los campos en una forma son representadas por las siguientes pestañas: 

Información Básica, Render, Entidad Relacionada, Configuraciones Visuales, Apariencia y Avanzadas (Basic Information, Render, Related Entity, Visual Settings, Appearance y Advanced).<br>

Para mayor información vaya a [[Propiedades Generales de las Formas|<u>Propiedades</u>]] 

<br>

=== 4. Pantalla (Display)  ===
<div><div><div></div></div></div></div></div></div>
El área de Display le muestra al usuario cómo la forma lucirá en la Aplicación Web. 

[[Image:Creating Forms1 Image010.jpg|center]] 

[[Image:Creating Forms1 Image011.jpg|center]] 

<br>
<div></div></div><div><div align="center">
{| style="width: 438px; height: 116px" class="MsoNormalTableNota" border="1" cellspacing="0" cellpadding="0"
|-
| valign="top" width="100%" | 
'''<span lang="ES-CO">Nota:</span>'''<span lang="ES-CO"> Puede seleccionar y cambiar varios registros al mismo tiempo. Simplemente oprima CTRL+ clic o SHIFT+ clic </span><span lang="ES-CO">sobre los elementos que desea seleccionar.</span><span lang="ES-CO"> Estarán disponibles para: borrar, cambiar si son visibles, editables o requeridos. También cambiar propiedades como el nombre, la descripción o texto de ayuda</span>

|}
<br><div><div></div></div></div></div>
<br><comments />