Introducción Parte 1

From Lianjapedia
Jump to: navigation, search

Este artículo ofrece una introducción general a Lianja y Lianja App Builder. El público objeto es para principiantes que no saben nada acerca de Lianja y quieren obtener una comprensión de la plataforma de aplicaciones Lianja y cómo desarrollar aplicaciones utilizando Lianja App Builder.

Vea También

Getting Started (Video)

Read this in English

Introducción Parte 2

Introducción Parte 3

Introducción Parte 4

Lianja App Builder

Lianja App Builder - Home



El Lianja App Builder está contenido dentro de una sola ventana que consta de varios Workspace Panels (paneles de espacio de trabajo) que se pueden activar haciendo clic en las pestañas de selección de la Modebar (barra vertical izquierda).

Se empieza en el App Center en el panel Home.

Aquí tiene acceso con un clic a las aplicaciones publicadas, la documentación en línea y las acciones clave de desarrollo de aplicaciones.


Open Lianja Demo App



Para iniciar la aplicación de ejemplo 'lianjademo', haga clic en su ícono 'Lianja Demo' en el App Center.

El panel Pages se selecciona automáticamente y la aplicación 'lianjademo' se carga en el Page Builder.


Page Builder

El Page Builder es el centro de coordinación para la construcción de aplicaciones de escritorio y web en Lianja.

El Page Builder es el diseño visual y el panel de área de trabajo de desarrollo y a ésto es lo que vamos a concentrarnos en este tutorial.

Usando el Page Builder puede crear visualmente una aplicación centrada en los datos que se pueden combinar y otros contenidos interesantes desde una amplia variedad de fuentes de datos, bases de datos, servicios web usando REST, y otras fuentes de datos personalizados.

Si usted no es un programador pero tiene un buen conocimiento de dominio de su negocio, lo más probable es que sea capaz de construir una aplicación que no requiere programación en lo absoluto.

¿Cómo es posible ésto se preguntará?

Usted encontrará en el transcurso de estos tutoriales cómo Lianja tiene una visión radicalmente diferente del proceso de desarrollo de aplicaciones en comparación con otras bases de datos y herramientas de desarrollo web.

Pages Workspace



Como se mencionó anteriormente, se usa Page Builder para construir visualmente una aplicación centrada en los datos.

En Lianja, las aplicaciones se componen de una variedad de elementos visuales.

Usando Page Builder, usted arregla estos elementos visuales en una aplicación.

El elemento base es una Page (página).

Las Páginas se componen de Sections (secciones).


Page



Hay varios tipos de secciones pre-construidas utilizadas para ayudar a acelerar su desarrollo: Form (forma), Grid (cuadrícula), WebView (vista web), Image Strip (tira de imagen), Canvas (lienzo) y TabView. una sección Form se compone de Fields (campos) y Gadgets.

Para desarrolladores profesionales, también se puede desarrollar secciones y Gadgets personalizados en el contexto, Visual FoxPro, JavaScript, PHP o Python y reutilizarlos a través de muchas de las aplicaciones que construya.


Para que sea más fácil construir aplicaciones que se ejecutarán desde su escritorio, así como en un navegador web, Lianja tiene una característica completa Estructura de Aplicación. Este marco de aplicación es una implementación de la estructura de aplicaciones Visual FoxPro 9. Se ha extendido ampliamente para proporcionar el más moderno y fácil uso de componentes que son multi-plataforma, de lenguaje e interfaz de usuario independiente.

Usted puede construir secciones y Gadgets personalizados utilizando el Marco de Aplicaciones Lianja en el contexto, Visual FoxPro, JavaScript, PHP y Python. Para detalles completos de la Estructura de Aplicación Lianja vea la documentación en el panel Home.

Construya su primera Aplicación Lianja

La forma más fácil de mostrar el poder y la simplicidad de Lianja es construyendo una aplicación!

Regrésese al App Center en el panel Home hacienda clic en la ficha 'Home' ubicado en la Modebar en el lado izquierdo de la la ventana principal o el botón herramienta 'Home' en el Headerbar. Puede alternar entre los diferentes paneles en cualquier momento.

Crear una Aplicación

Crear una aplicación



Ahora haga clic en la opción 'Create an App' (Crear una Aplicación).

También puede crear aplicaciones desde el panel Apps hacienda clic en el botón + del actionbar de la pestaña 'Apps'.


Lianja App Wizard


El panel Apps se seleccionará automáticamente y se abrirá el Lianja App Wizard.

Haga clic en 'Next' para continuar.


Lianja App Wizard



Escribe un nombre para tu aplicación.

También puede seleccionar el tipo o los tipos de cliente en que se ejecutará su aplicación. Los tipos también se pueden modificar en la configuración de la aplicación más adelante, si es necesario.

Dejar todos los tipos seleccionados y haga clic en 'Next' para continuar.


Lianja App Wizard



Seleccione su lenguaje de programación preferido. Para aplicaciones web y móviles, seleccione 'JavaScript'.

Este es el lenguaje de programación predeterminado de la aplicación, no significa que todo el código de la aplicación debe estar escrito en ese lenguaje o que su aplicación debe incluir ningún código.

Selecciona 'JavaScript' y haga clic en 'Next' para continuar.


Lianja App Wizard



Opcionalmente, elija una base de datos.

La base de datos 'southwind' es una base de datos de ejemplo incluida en la distribución y utilizada en los tutoriales y documentación.

Selecciona 'southwind' y haga clic en 'Next' para continuar.


Lianja App Wizard



La página final del asistente muestra un resumen de la configuración de la aplicación.

Haga clic en 'Finish' para continuar.


Las Aplicaciones Lianja se componen de páginas

Ahora el panel Pages le mostrará una página en blanco.

Las páginas son los elementos visuales básicos de una aplicación y, a su vez, se dividen en secciones (Sections).

El App Inspector tendrá la pestaña vertical 'Pages' seleccionada y la pestaña 'Tables' mostrará las tablas de la base de datos 'southwind'.

Si no puede ver las tablas, seleccione la pestaña 'Databases' y haga doble clic en 'southwind'.

Agregar secciones Form a las páginas

Agregar una sección Form



Haga clic en la tabla 'customers' y arrastrarlo hasta la página en blanco para crear una sección Form y rellenarla con las columnas de la tabla.

No se preocupe el orden en que se agregan los campos de la sección Form ya que se pueden reordenar o eliminar por completo después. Vamos a obtener un formulario predeterminado ya diseñado.

También puede agregar una sección del formulario de las Form Tools y arrastre la tabla o campos individuales en él para poblarlo.

Vamos a ver cómo se hace con una sección Grid.


Agregar secciones Grid a las páginas

Agregar una sección Grid



Ahora haga clic en el botón de Sections en las Form Tools. Seleccione 'Grid', y una sección Grid vacía se agrega a la página.


Llenar una sección Grid Con los datos

Llenar una sección Grid Con los datos


Haga clic para seleccionar la tabla orders en el panel 'Tables' y arrástrela a la sección Grid que acaba de crear. La Grid se rellena con las columnas de la tabla orders.

Las columnas de la Grid se pueden mover mediante arrastrar y soltar los encabezados de columna de la cuadrícula.

Columnas individuales se pueden personalizar en los atributos de la columna en el App Inspector.

Clic derecho en el encabezado de la columna le permite ocultar o insertar una columna.

Tenga en cuenta también, que los datos con los que está trabajando en vivo usted los está viendo exactamente cómo se verá la aplicación en tiempo de ejecución.


Nota: desde Lianja v4.2 'Move Column Left' y 'Move Column Right' también están disponibles desde el menú contextual de clic derecho.

Right-click Context Menu


Arrastrar y Soltar

Arrastrar y Soltar



También puede crear secciones Grid usando arrastrar y soltar. Sólo tiene que pulsar la tecla Shift mientras arrastra la tabla order_details a una parte vacía de la página y se agregará y se rellena una nueva sección Grid.


Relacionar secciones

Relationship Builder



Ahora que tiene una página básica que contiene tres secciones predefinidas se puede relacionar el cliente en la sección Form customers a sus órdenes en la Grid orders y cada orden con sus detalles de la orden (Grid order_details).

En Lianja ésto es simple: cada Sección se puede relacionar visualmente a otras secciones de la página con el Relationship Builder (generador de relaciones).

Haga clic en el signo + en el panel del Relationship Builder junto a la sección principal.

A continuación, haga clic en el encabezado de sección para la sección secundaria con la que desea relacionarse.


Nota para los desarrolladores avanzados. Juntas Relacionales se hacen fácilmente y super rápido. Si las claves primarias y externas elegidas por Lianja no son las deseadas, se pueden especificar manualmente en los atributos de la sección en el App Inspector.

Generador de Relaciones Visual

Relationship Builder



Ahora verá que el Relationship Builder muestra un diagrama de la relación entre las secciones.

Cada sección puede referirse a una o más secciones dependientes, que pueden ser de cualquier tipo: Form, Grid, WebView, Image Strip, TabView, Attachments (Adjuntos) o Custom (Personalizado).

Añada nuevas relaciones entre las secciones haciendo clic en el signo + junto al principal y luego haga clic en el encabezado de la sección dependiente.

Si desea hacer un cambio, puede desconectar una relación haciendo clic en el signo -.


Relacione visualmente tantas secciones como desee. Uno-a-uno o uno-a-muchos totalmente compatible. No se requiere programación.

Personalizar una página

Atributos en el App Inspector



Para personalizar la apariencia de una página, establezca sus atributos.

Haga clic en el encabezado de la página y el App Inspector cambiará a la pestaña "Atributos".

Dentro de la pestaña Attributes hay pestañas internas para 'Page', 'Section', 'Formitem' y 'GridColumn'.


Atributos en el App Inspector: ventana flotante



Al hacer doble clic en el título 'Attributes' de la pestaña vertical se abre la ficha Attributes en una ventana flotante.

Para obtener más información sobre el App Inspector, consulta el vídeo aquí.


Atributos (App Inspector cerrado)



Si el App Inspector está cerrado, haga doble clic en la barra de encabezados de la página o haga clic en el botón herramientas engranaje.

En el caso de sections y Gadgets, haga doble clic en su encabezado.

En el caso de campos, divisores y separadores de columnas, haga doble clic en el título.


Atributos (App Inspector cerrado)



El cuadro de diálogo Page Attributes (atributos de página) se desliza desde la parte derecha de la ventana principal.


Cambiar atributos



Ahora cambie el 'Title' (título) de la página y el 'Header Caption' (título del encabezado), como se muestra.


Personalizar una Sección

Atributos de Sección


Para personalizar la apariencia de las secciones, haga clic en la sección de clientes y se seleccionará en la ficha Attributes del App Inspector.

(Si el App Inspector está cerrado, haga doble clic en el encabezado de Sección y el cuadro de diálogo Section Attributes se deslizará.)

Cambie el 'Caption' (título del encabezado) de la sección a Customers (clientes), a continuación, repita el mismo proceso para la sección Orders (pedidos) y la sección Order_details (detalles del pedido).


Listo para ejecutar

Listo para ejecutar


Ahora la página debería ser como ésta.


Desktop App View

Desktop App View


Para ver la aplicación en vista en tiempo de ejecución, haga clic en el icono Desktop App View de la barra de encabezados.


Desktop App View y Development View

Desktop App View


Ahora podrá ver la aplicación ejecutándose! Es tan simple como eso.

Puede moverse entre los registros usando los controles de navegación en la barra de acción.

Para volver a la vista de desarrollo simplemente haga clic en el icono Development view de la barra de encabezados.


Introducción Parte 2