Diseñar la App offline de flexygo¶

Una vez creada la aplicación, será necesario darle funcionalidad creando los objetos, páginas, menús y funciones. Hay 5 pasos básicos para crear una aplicación y otros 4 pasos adicionales que permiten dotarla de mayor funcionalidad.

Pasos básicos¶

Crear objetos
Crear páginas de lista y de vista
Ampliar el modelo de datos con vistas
Crear menús

Pasos adicionales¶

Editar la página de inicio
Añadir funciones JS
Ampliar los estilos de la App con clases CSS
Añadir recursos estáticos

Crear un objeto¶

Asistente de objetos¶

Puedes crear nuevos objetos desde cero o basarte en objetos existentes.
En la sección de objetos pulsaremos el botón + (Crear nuevo objeto).
Después accederemos al asistente de objetos offline, donde solo asignaremos un nombre, descripción e icono para el objeto y la colección, además del nombre de la tabla o vista en la que se basará. Pulsa el botón Guardar y Continuar para ir al segundo paso.

Añadir propiedades¶

Ahora puedes usar el asistente de objetos.

A continuación crearemos y configuraremos cada una de las propiedades del objeto.

Configuración de propiedades.

A diferencia del entorno flexygo, en el entorno offline, cuando las propiedades son del tipo combo o dbcombo, tendremos la opción de añadir un objeto o una vista en lugar de establecer una sentencia SQL.

Ampliar el modelo de datos mediante vistas de objeto¶

Las vistas de objeto se utilizan para combos desplegables o para ampliar la información que se muestra en las listas de objetos o páginas de vista. Todas estas vistas se crearán como tablas y se enviarán al dispositivo móvil. Solo necesitas rellenar la información principal, la sentencia SQL y guardar.

Puedes consultar el esquema de base de datos generado en cualquier momento utilizando el botón de esquema.

Páginas de objeto¶

Cabe destacar que la plataforma de desarrollo creará automáticamente las páginas de vista y lista para cada objeto que creemos mediante el asistente. Por lo tanto, podemos usar las plantillas iniciales y rediseñarlas a nuestro gusto, además de añadir nuevas.

Tenemos la opción de editar plantillas existentes o crear nuevas. Solo debemos rellenar las secciones de descripción (nombre, tipo, título), las secciones HTML (cabecera, cuerpo, pie, vacío) y la sentencia SQL en caso de necesitar información adicional a la ofrecida por el propio objeto con sus propiedades.

Menús de la App¶

Son los accesos directos a los objetos que vamos a ofrecer en el dispositivo. En la sección de menús tendremos el botón para añadir nuevos menús, además de la posibilidad de editar los existentes. Al crear nuevos menús, en cuanto pulsemos el botón de añadir, se generará un menú genérico que deberemos modificar con la opción Editar.

Pasos adicionales¶

Diseño de la página de inicio¶

Acceso y diseño de la HomePage de AppOffline.

Añadir JavaScript adicional¶

Podemos ampliar la funcionalidad creando nuestras propias funciones JS o utilizando funciones nativas del entorno Offline flexygo.

Funciones JavaScript propias¶

Uso de funciones nativas de flexygo¶

Podemos utilizar cualquiera de las funciones nativas integradas en flexygo. Para consultarlas simplemente:

En modo dispositivo > F12 -> Consola > Flexygo + Intro, accedemos a las funciones autodocumentadas:

Añadir estilos adicionales¶

Añadir recursos adicionales¶

Añadir un logo¶

Puedes establecer el logo de la pantalla de inicio de sesión de la app en la configuración miscelánea de flexygo, como se muestra en la imagen.