Difference between revisions of "Introducción Parte 1"

Revision as of 12:15, 29 May 2014

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

Vea el vídeo

Read this in English

Lianja App Builder

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 Home Workspace.

Aquí tiene acceso con un clic a las aplicaciones publicadas y las acciones clave de desarrollo de aplicaciones.

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.

Para iniciar la Aplicación de ejemplo lianjademo, haga clic en su ícono en el App Center.

El Pages Workspace se selecciona automáticamente y la App lianjademo se carga en el Page Builder.

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.

Páginas

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 Página (Page).

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

Secciones

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 (Dispositivos).

Para desarrolladores profesionales, también se puede desarrollar secciones Personalizadas y dispositivos 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 dispositivos 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 Home Workspace.

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 Home Workspace 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 Workspace Panels en cualquier momento.

Creando una Aplicación

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

También puede crear aplicaciones desde el Apps Workspace Panel hacienda clic en el botón + del Actionbar del Apps Panel ubicado en la Apps Sidebar.

El diálogo Create an App se desliza desde la izquierda de la ventana principal.

Escriba el nombre de la Aplicación que desea crear y pulse Enter o haga clic en el botón Create (Crear).

Las Aplicaciones Lianja se componen de páginas

Ahora el Pages Workspace Panel 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).

Haga doble clic en la base de datos de southwind en la barra lateral del panel Databases.

Usted se dará cuenta que las tablas contenidas en la base de datos southwind ahora se muestran en el panel Tables.

Agregando secciones Form a las páginas

Haga clic en la tabla 'customers' y arrastrarlo hasta la página en blanco para crear una sección de Forma 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.

Agregando secciones Grid a las páginas

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.

Llenando 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 haciendo doble clic en el encabezado de la columna.

Clic Derecho en el encabezado de la columna le permite ocultar 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.The grid columns can be moved around by dragging and dropping the grid column headers. Individual columns can be customized by double-clicking on the column header. Right-clicking on the column header allows you to hide a column.

Arrastrar y Soltar

También puede crear secciones Grid usando arrastrar y soltar. Sólo tiene que pulsar la tecla Ctrl 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.

Relacionando secciones

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 haciendo doble Clic correspondiente en el encabezado de la sección cambiándolos en la sección atributos de diálogo.

Generador de Relaciones Visual

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.

Personalizando una página

Para personalizar la apariencia de la página, haga doble clic en la Barra de Encabezados de la Página o haga clic en el botón herramientas Engranaje.

Usted puede personalizar la apariencia de las secciones y dispositivos haciendo doble clic en su encabezado.

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

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

Ahora cambie el Title (Título) de la Página y el Header Caption (Título del Encabezado), como se muestra.

Personalizando una Sección

Para personalizar la apariencia de las secciones, haga doble clic en el encabezado de Sección y el cuadro de diálogo Section Attributes (Atributos de Sección) se deslizará.

Cambie el Title (Título) de la Sección a Customers (Clientes), a continuación, repita el mismo proceso para la sección Orders (de pedidos) y la sección Order_details.

Listo para ejecutar

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

Desktop App View

Para ver la aplicación en Vista en Tiempo de Ejecución, haz clic en el icono Desktop App View de la Barra de Encabezados.

Desktop App View y Development 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.