Introducción a App Builder - Lección 1: Crear una aplicación

Esta es la primera lección de la serie de tutoriales Introducción a App Builder, en la que aprenderás conceptos y desarrollarás habilidades con App Builder construyendo una aplicación de cumplimiento de pedidos llamada Northwinds.

Requisitos previos

Esta serie de tutoriales requiere acceso a una instancia de App Builder 4.48 con la base de datos Northwinds ya instalada. Hay dos formas de obtener una:

• Solicitar una instancia de capacitación con la base de datos Northwinds preinstalada, o

• Descargar e instalar un paquete de lanzamiento que contenga la base de datos Northwinds en tu propia instancia.

Solicitar una instancia de capacitación

Para obtener acceso temporal a una instancia de App Builder que ya tenga la base de datos Northwinds como fuente de datos existente, contacta al Equipo de Capacitación de Jitterbit.

Descargar e instalar Northwinds

Para usar tu propia instancia de App Builder para este tutorial, sigue estos pasos para descargar e instalar la base de datos Northwinds en ella:

1. Descargar el paquete de lanzamiento
   Usa los enlaces a continuación para descargar el paquete de lanzamiento correcto para uno de estos dos tipos de base de datos:

   Tipo de base de datos	Enlace de descarga
   PostgreSQL	Northwinds PostgreSQL
   Microsoft SQL Server	Northwinds Microsoft SQL Server

2. Instalar el paquete de lanzamiento
   A continuación, instala el paquete de lanzamiento en tu instancia de App Builder:

   1. Inicia sesión en App Builder.

   2. Ve a IDE.

      Nota

      El entorno de diseño integrado, o IDE, proporciona acceso rápido a todos los comandos y configuraciones que necesitas al construir aplicaciones. Aprende más sobre ello en IDE.

   3. En Desplegar, haz clic en Instalar versión.

   4. Haz clic en + Paquete y luego haz clic en Examinar.

   5. Selecciona el archivo .LP descargado.

   6. Haz clic en Guardar. El panel de Versión a la derecha mostrará la información del paquete.

   7. Cierra el diálogo de Paquete.

   8. Confirma que los detalles sean correctos y haz clic en el botón Instalar.

3. Desbloquear la aplicación
   Finalmente, desbloquea la aplicación para que tengas acceso a la base de datos Northwinds:

   1. Selecciona IDE > Servidores de Datos.

   2. En el panel de Servidores de Datos, haz clic en Ver Todas las Fuentes de Datos.

   3. Localiza la fuente de datos Northwinds que has instalado y selecciónala. El panel de Fuente de Datos mostrará sus detalles.

   4. En el panel de Fuente de Datos, haz clic en Más > Desbloquear Fuente de Datos.

Crear una nueva aplicación

Después de seguir los pasos anteriores para descargar e instalar Northwinds, estás listo para comenzar a construir tu primera aplicación.

1. Accede al Menú del Sitio, la página de inicio de App Builder, haciendo clic en el icono de hamburguesa en la parte superior derecha para acceder al panel de acciones, luego selecciona Menú del Sitio.

   Nota

   El panel de acciones es una lista de enlaces a recursos importantes en App Builder. Aprende más sobre esto en panel de acciones.

2. Accede al IDE haciendo clic en su botón en la parte superior.

3. En el panel de Construir, haz clic en + Aplicación. Se abrirá el diálogo de Crear Nueva Aplicación:

   

4. En la sección ① Detalles, haz lo siguiente:

   1. Ingresa un nombre para tu nueva aplicación en el campo Nombre de la Aplicación. En esta serie de tutoriales, utilizaremos el nombre Northwinds.

   2. (Opcional) En Subir Logo de la Aplicación, arrastra y suelta una imagen, haz clic en Examinar para encontrar una, o selecciona una imagen existente del menú desplegable.

5. En la sección Data Source ②, selecciona Existing Source.

6. En la sección Home Page ③, selecciona Left Menu.

7. Haz clic en Proceed. Se abre el diálogo Add a Source to your application.

8. Selecciona Link to existing source y luego haz clic en el botón Next.

9. En el paso Pick sources, selecciona la base de datos relacional Northwinds.

10. Haz clic en el botón Link 1 Source.

11. En la página de resumen, haz clic en el botón Done.

App Builder creará tu aplicación.

Start designing your application

Ahora que App Builder ha creado la aplicación, puedes encontrarla regresando al menú del sitio y haciendo clic en la aplicación recién creada. Su página de inicio está vacía por ahora:

Para comenzar a agregar elementos a tu aplicación, ve a Action Drawer > App Workbench. Llegarás a la página de inicio del App Workbench, que se ve así:

El App Workbench es el área principal donde diseñas tus aplicaciones. Es donde encontrarás las herramientas de desarrollo con las que construirás tu aplicación y donde pasarás la mayor parte de tu tiempo desarrollando. Aprende más sobre ello en App Workbench.

El desarrollo de aplicaciones en App Builder se divide en capas, con cada capa representando un aspecto diferente del proceso de desarrollo, y el App Workbench se divide en pestañas que reflejan esta compartimentación. Al seguir las lecciones, trabajarás en cada una de las capas en orden, ayudándote a entender cómo fluye la información a través de App Builder.

Next steps

Estás listo para comenzar a diseñar tu aplicación de App Builder. Procede a la siguiente página de esta serie de tutoriales, Lesson 2: Add data to your application.