Nota:

Uso de APEX para crear una aplicación a partir de una hoja de cálculo

Introducción

Oracle Application Express (APEX) es una plataforma de desarrollo con poco código que permite a los clientes crear fácilmente aplicaciones impresionantes, escalables y seguras con funciones de primera clase, que se pueden desplegar en cualquier lugar. También se incluye de forma gratuita en todas las versiones actuales de Oracle Database, incluidos los servicios de Oracle Autonomous Data Warehouse y Oracle Autonomous Transaction Processing.

En este laboratorio se mostrará cómo crear una aplicación APEX sólida con datos importados desde una hoja de cálculo de negocio común. Muchos clientes están desperdiciando enormes cantidades de tiempo y energía, manteniendo sus flujos de trabajo de negocio y datos críticos en hojas de cálculo no gestionables. Es un hecho común, las hojas de cálculo no se amplían. ¿Y si su cliente pudiera crear una aplicación multiusuario segura, escalable y a partir de esa hoja de cálculo que pudiera ahorrar tiempo y dinero? ¡Eso es lo que aprenderá en este laboratorio!

Introducción al laboratorio de APEX

Objetivos

Destinatarios

Requisitos

Creación de una instancia de Oracle Autonomous Database

APEX es una función de Oracle Database, incluidos los servicios Oracle Autonomous Data Warehouse y Oracle Autonomous Transaction Processing. Utilizaremos una instancia de Oracle Autonomous Transaction Processing en Oracle Cloud Infrastructure (OCI) para alojar y un espacio de trabajo de APEX.

Vídeo de visión general

Paso 1 de APEX

¡Hecho divertido! ¿Qué es un espacio de trabajo APEX?

Un espacio de trabajo de APEX es un dominio lógico donde se definen aplicaciones APEX. Cada espacio de trabajo está asociado a uno o más esquemas de base de datos (usuarios de base de datos), que se utilizan para almacenar los objetos de base de datos como tablas, vistas, paquetes, etc. Estos objetos de base de datos suelen ser de los que se crean aplicaciones APEX.

  1. En la consola de OCI, abra el menú de recursos, vaya a Oracle Database y seleccione Autonomous Transaction Processing.

  2. En la sección Ámbito de lista, seleccione el compartimento Luna que se ha asignado a la instancia. Amplíe los signos menos hasta que encuentre el compartimento efímero y selecciónelo.

  3. Haga clic en Crear base de datos autónoma.

  4. Lo único que debe agregar en la página de configuración de Autonomous Database es una contraseña para el usuario administrador. Desplácese por el formulario a la sección Crear credenciales de administrador e introduzca una contraseña de 12 a 30 dígitos. Asegúrese de que sea uno que pueda recordar porque lo utilizará más tarde. Observe el formulario y acepte todos los valores por defecto.

    Campo Información recomendada
    Compartimento Compruebe que se ha seleccionado el compartimento Luna
    Nombre mostrado Aceptar el valor por defecto
    Nombre de base de datos Aceptar el valor por defecto
    Seleccionar un tipo de carga de trabajo Procesamiento de Transacciones
    Seleccione un tipo de despliegue Infraestructura compartida
    Versión de base de datos 19c
    Recuento de OCPU 1
    Almacenamiento (TB) 1
    Usuario ADMIN (No se puede editar)
    Contraseña Crear una contraseña de 12-30 caracteres
    Seleccionar acceso de red Permitir acceso seguro desde cualquier lugar
    Seleccionar un tipo de licencia Bring Your Own License (BYOL)

  5. Haga clic en Crear base de datos autónoma.

    El proceso de creación de la base de datos tardará unos instantes. A medida que se aprovisiona, el icono de ATP se mostrará en naranja.

Una vez finalizado, el icono de ATP se mostrará en verde y estará disponible. Asegúrese de tener una celebración pequeña, ya que ha tardado unos instantes en iniciar y configurar la base de datos más potente del mundo.

Configuración del espacio de trabajo APEX

Como acaba de crear una nueva instancia de Oracle Autonomous Database, deberá configurar APEX para su primer uso. En los siguientes pasos, se conectará como administrador para inicializar un espacio de trabajo y crear un usuario denominado demo. A continuación, se desconectará y volverá a conectarse como el nuevo usuario (demo) para empezar a crear su primera aplicación increíble.

Vídeo de visión general

APEX Paso 2

  1. Haga clic en el separador Tools para acceder a la sección de herramientas de la base de datos en la que encontrará un enlace a la aplicación APEX.

  2. Haga clic en Abrir APEX para comenzar.

  3. Introduzca la contraseña de administrador utilizada para crear Oracle Autonomous Database en el primer paso y haga clic en Conectar a administración.

  4. Haga clic en Crear espacio de trabajo.

  5. En el cuadro de diálogo Create Workspace, creará un nuevo usuario junto con un nuevo espacio de trabajo para alojar la aplicación. Introduzca la siguiente información y haga clic en Crear espacio de trabajo:

    Propiedad Valor
    Usuario de Base de Datos DEMO
    Contraseña utilice la misma contraseña que utilizó anteriormente u otra de sus opciones
    Nombre de Espacio de Trabajo DEMO


    Ha creado correctamente un nuevo espacio de trabajo denominado DEMO con un nuevo usuario denominado DEMO.

    Ahora deberá desconectarse del espacio de trabajo Admin y conectarse al espacio de trabajo DEMO. La forma más sencilla de hacerlo es hacer clic en DEMO en el mensaje Espacio de trabajo creado que probablemente se encuentre en la parte superior de la pantalla.

  6. Esto le desconectará del espacio de trabajo de administración y le permitirá conectarse al nuevo espacio de trabajo DEMO. Rellene la contraseña y haga clic en Conectar.

Creación de una aplicación a partir de una hoja de cálculo

En esta sección, aprenderá a crear una aplicación APEX con los datos importados desde una hoja de cálculo. Para simplificar la demostración, utilizará datos de ejemplo integrados en APEX. Sin embargo, los pasos serían los mismos si estuviera cargando sus propios datos o los de un cliente.

Ahora que ha iniciado sesión en su espacio de trabajo, puede empezar a crear aplicaciones APEX. Creará una aplicación simple basada en una hoja de cálculo. Tenga en cuenta que APEX es ideal para diversas aplicaciones, desde aplicaciones simples como esta hasta aplicaciones grandes y sofisticadas basadas en objetos de base de datos locales, objetos SQL activados para REST e incluso API de REST.

Mientras que los desarrolladores de APEX dedican la mayor parte de su tiempo al creador de aplicaciones, también debe investigar el taller de SQL, donde puede crear y mantener objetos de base de datos, el desarrollo de equipos, donde puede realizar un seguimiento de grandes proyectos de desarrollo de APEX y la galería de aplicaciones, que contiene una gran cantidad de aplicaciones de productividad y ejemplo que se pueden instalar en cuestión de minutos.

Vídeo de visión general

Paso 3 de APEX

Cargar datos de proyecto y tareas

  1. En la página inicial del espacio de trabajo de APEX, haga clic en Creador de aplicaciones.

  2. Haga clic en Crear una nueva aplicación.

  3. Haga clic en Desde un archivo.

    Al crear una aplicación a partir de un archivo, APEX le permite cargar archivos CSV, XLSX, XML o JSON y, a continuación, crear aplicaciones basadas en los datos contenidos en esos archivos. También puede copiar y pegar datos de CSV o cargar datos de ejemplo. Para esta demostración, cargará los datos de ejemplo que se incluyen con la aplicación.

  4. En el asistente de carga de datos, haga clic en la opción Copiar y pegar en la parte superior.

  5. Seleccione Proyecto y tareas en la lista de juegos de datos de ejemplo y, a continuación, haga clic en Siguiente.

  6. Revise los datos analizados para la aplicación de demostración y haga clic en Siguiente.

  7. Seleccione Nueva tabla para cargar datos. Verifique que el propietario de tabla esté definido en Demostración. Defina el nombre de la tabla en PROJECT_TASKS y haga clic en Cargar datos.

    Después de hacer clic en Cargar datos, verá un selector hasta que el asistente termine de cargar los datos.

    Nota: El asistente de carga de datos ha creado una nueva tabla y ha rellenado esa tabla con los registros de los datos de ejemplo. Ahora creará la aplicación basada en datos de la nueva tabla.

  8. En el cuadro de diálogo Cargar datos, verifique que se hayan cargado 73 filas en la tabla PROJECT_TASKS y, a continuación, haga clic en Ver tabla.

  9. Ahora está en el explorador de objetos, revise la estructura de la tabla y otra información que se creará. En la barra de herramientas de la tabla, haga clic en el botón Crear aplicación.

  10. En la página Crear aplicación, haga clic en Crear aplicación.

    En la página Crear aplicación, revise las páginas mostradas, que formarán la base de la nueva aplicación. Puede hacer clic en el botón Editar de cada página para agregar personalizaciones hacia arriba si ya sabe lo que desea. Haga clic para revisar cada uno si tiene tiempo.

  11. En Funciones, haga clic en el enlace Comprobar todo para incluir todas las funciones disponibles en la aplicación. Haga clic en Crear aplicación.

  12. Espere unos instantes a que se cree la aplicación. Cuando termine el asistente, se le redirigirá a la página inicial de la aplicación en App Builder.

  13. Haga clic en Ejecutar Aplicación. Esto abrirá la aplicación de tiempo de ejecución en un nuevo separador del explorador, lo que le permitirá ver cómo verán los usuarios finales la aplicación.

  14. Introduzca sus credenciales de usuario y haga clic en Conectar.

    Nota: Utilice el mismo nombre de usuario y contraseña que utilizó para conectarse al espacio de trabajo de APEX. (DEMOSTRACIÓN)

  15. Explore la aplicación y familiarícese con el aspecto general.

  16. Haga clic en Panel de control (en el menú inicial o el menú de navegación) para ver los gráficos por defecto que se crearon automáticamente.

  17. Haga clic en Búsqueda de tareas de proyecto, en el menú de navegación y experimente con la búsqueda de facetas. Haga una nota mental sobre cómo funcionan las búsquedas, aquí es donde se mostrará al cliente donde puede mejorar la aplicación y hacer que los datos sean más útiles.

  18. Haga clic en Informe de tareas de proyecto para ver un informe interactivo y, a continuación, haga clic en el icono de edición de un registro para mostrar los detalles en una página de "formulario" editable.

  19. A continuación, navegue a la página Calendario y revise los datos mostrados. Observe que el comportamiento por defecto permite mostrar la información al deslizar el puntero del mouse sobre un evento y hacer clic en un evento no hace nada diferente.

    Nota: Puede que tenga que retroceder varios meses para ver los datos.

  20. Por último, revise las opciones disponibles en Administración.

    Nota: Como bonificación, en la pantalla Administración, consulte si puede averiguar cómo cambiar el tema del tema predeterminado Vita al tema Redwood Light.

En esta sección, obtendrá experiencia de primera mano con la personalización de la aplicación para casos de uso específicos. Comenzará cambiando la página de búsqueda de facetas para ayudar a aclarar los datos y hacerlo más utilizable para la situación específica. La búsqueda por facetas permite a los usuarios reducir los resultados de búsqueda mediante filtros basados en la clasificación de artículos. La página de búsqueda incluye facetas de la izquierda que se pueden utilizar fácilmente para limitar los datos que se muestran en el informe de la derecha.

Vídeo de visión general

APEX Paso 4

Al revisar la página Búsqueda de tareas de proyecto en la aplicación, puede comprobar y desactivar varias facetas para crear diferentes vistas de los datos. En la vista predeterminada, al comprobar una faceta, los recuentos de todas las facetas restantes se actualizarán para mostrar el número de registros que cumplen los nuevos criterios. Personalizaremos algunas de las facetas en los siguientes pasos.

Al consultar las facetas, observará que la sección Estado está en la página y puede utilizar casillas de control para seleccionar varios valores, uno o varios.

  1. En la aplicación de tiempo de ejecución, vaya a la página de búsqueda haciendo clic en Búsqueda de tareas de proyecto. Dado que ejecutó esta aplicación desde APEX App Builder, se muestra una barra de herramientas de desarrollador en la parte inferior de la pantalla.

    Nota: los usuarios finales que se conecten directamente a la aplicación no verán esta barra de herramientas.

  2. En la barra de herramientas del desarrollador, haga clic en Edit Page 3 (Editar página 3).

  3. También puede volver al separador APEX App Builder en su explorador manualmente seleccionando el separador o ventana del explorador adecuado. Una vez en el Creador de aplicaciones, haga clic en 3 - Búsqueda de tareas de proyecto.

    Ahora debe estar en el diseñador de páginas. El diseñador de páginas es donde pasará la mayoría del tiempo mejorando su aplicación. Hay tres paneles en el diseñador de páginas. El panel izquierdo muestra inicialmente el árbol de representación, con una lista de componentes de página. El panel central muestra el diseño, una representación de la página y Galería, desde la que puede arrastrar y soltar nuevos componentes en el diseño. El panel derecho es el editor de propiedades, donde puede cambiar los atributos del componente seleccionado.

    El estado es un criterio de búsqueda muy común, por lo que para que la aplicación sea más útil, deseará reordenar las facetas de modo que el estado esté entre Proyecto y Asignado a, lo que lo hará visible para una mejor facilidad de uso.

  4. En el árbol de representación (panel izquierdo), en Buscar, en Facetas, haga clic y mantenga pulsado P3_STATUS y arrástrelo hasta que esté en P3_PROJECT y, a continuación, suelte el mouse.

    Actualmente, la faceta Status es una serie de casillas de control. Sin embargo, es poco probable que los usuarios deseen seleccionar más de uno a la vez, por lo que lo convertirá en un grupo de radio.

  5. Continuando con P3_STATUS seleccionado, en el editor de propiedades (panel derecho), busque Identificación y, a continuación, Tipo. Cambie el tipo de Grupo de casillas de control a Grupo de radio.

  6. Desplácese más abajo por el panel de propiedades y busque Entradas de lista y, a continuación, Entradas de recuento cero y cambie este campo de Ocultar a Mostrar último.

  7. En la parte superior derecha de la página, haga clic en Guardar y ejecutar página para guardar los cambios realizados en las facetas y revisar la aplicación.

  8. En el entorno de tiempo de ejecución, haga clic en uno de los estados. Revise cómo se actualizan los recuentos de las otras facetas en función de su selección. Observe también cómo puede seleccionar uno de los demás estados para ordenar los datos rápidamente o haga clic en Borrar para restablecer las opciones.

    Puede que haya notado que las facetas salen de la parte inferior de la página. Sería preferible colapsar las tres últimas facetas para facilitar la visualización de todas las opciones disponibles. Cuidemos esto en los próximos pasos.

  9. Vuelva al entorno de desarrollo (APEX App Builder) mediante el enlace de edición de la barra de herramientas del desarrollador o navegue manualmente al separador del explorador adecuado.

  10. En el árbol de representación (panel izquierdo), en Buscar, en Facetas, haga clic en P3_ASSIGNED_TO, mantenga pulsada la tecla Mayús y, a continuación, haga clic en P3_COST, de modo que se seleccionen tres facetas. En el editor de propiedades (panel derecho), dentro del filtro de la parte superior, introduzca collap para que sólo se muestren dos atributos. En Avanzado y, a continuación, en Reducido inicialmente, cambie el conmutador a seleccionado.

    Nota: en lugar de introducir un filtro, también puede desplazarse hacia abajo por las propiedades hasta que encuentre el atributo correcto que desea actualizar.

  11. Haga clic en Guardar y ejecutar página para ver la página de búsqueda mejorada.

Excelente trabajo. Ahora ha tomado la aplicación de hoja de cálculo básica de los clientes y ha agregado algunas funcionalidades que ayudan a mejorar su usabilidad. En la siguiente sección, agregará algunas mejoras a la sección del informe.

Mejorar el informe y el formulario

En esta sección, obtendrá información sobre las capacidades de los informes interactivos y aprenderá a mejorar una página de formulario desde el punto de vista de los usuarios finales. La página Informe de tareas del proyecto utiliza un informe interactivo para mostrar los registros. Los informes interactivos son demasiado potentes, ya que permiten a los usuarios finales modificar los datos que se muestran y cambiar las características de visualización. Para este informe, agregará un salto de columna, una columna de cálculo, un agregado y un gráfico. A continuación, ordenará los datos y guardará el informe para que todos los usuarios los vean.

Vídeo de visión general

Paso 5 de APEX

Nota: Los usuarios finales pueden realizar todos los pasos siguientes, excepto guardar informes alternativos. Hay muchas capacidades adicionales disponibles para los usuarios finales, las cuales no se tratan a continuación.

  1. En el entorno de tiempo de ejecución, haga clic en Informe de tareas de proyecto.

  2. Haga clic en la cabecera de columna Proyecto y, a continuación, seleccione Salto de control, que es el icono de la derecha debajo de la cabecera del proyecto.

    Aquí agregará una columna de cálculo que compara el presupuesto con el costo del proyecto. APEX permite a los usuarios finales definir nuevas columnas basadas en columnas existentes en un informe y la capacidad de agregar cálculos. Las columnas se seleccionan en el cálculo mediante una letra asociada a cada columna.

  3. En la parte superior del informe, haga clic en Acciones, seleccione Datos y, a continuación, seleccione Recursos informáticos.

  4. En el cuadro de diálogo Compute recién abierto, introduzca el nombre de la nueva columna como Presupuesto frente a costo. A continuación, utilice la lista desplegable de Máscara de formato para seleccionar la máscara de $5240.10 y se mostrará como FML999G999G999G999G990D00. Gracias a nosotros, el selector de columnas selecciona las columnas que desea empezar por I. Introduzca un espacio y un guión y, a continuación, seleccione la columna H para que la expresión parezca a la de la imagen de ejemplo. Haga clic en Aplicar.

    Propiedad Valor
    Etiqueta de Columna Presupuesto V - Costo
    Máscara de Formato 5234,10 $
    Expresión de Cálculo I - H


    Esto agrega una nueva columna Budget V Cost a su informe interactivo.

  5. Para agregar el presupuesto frente al costo de cada proyecto, haga clic en Acciones, seleccione Datos y, a continuación, seleccione Agregar.

  6. En el cuadro de diálogo Agregado, seleccione la función Suma y elija la nueva columna de la lista desplegable Costo del presupuesto frente a y, a continuación, haga clic en Aplicar.

    Aunque puede ver el presupuesto total frente al costo de cada proyecto, sería mucho más fácil ver los totales en un gráfico para obtener una visión general de todos los proyectos.

  7. En el informe, haga clic en Acciones, seleccione Gráfico. Utilice la lista desplegable para introducir la siguiente información mediante la selección de gráfico de barras y haga clic en Aplicar.

    Propiedad Valor
    Etiqueta Proyecto
    Valor **Costo de presupuesto frente a
    Función Suma
    Ordenar Etiqueta-Ascendente
    Orientación Horizontal


  8. Después de hacer clic en Aplicar, se mostrará el gráfico. Pase el cursor sobre partes del gráfico interactivo para ver los datos. Alterne entre la vista de informe y la vista de gráfico mediante los iconos de la parte superior del informe a la izquierda del botón Acciones.

  9. Para facilitar el resumen de los datos, deberá asegurarse de que todos los registros se ordenan por fecha de inicio y, a continuación, por fecha de finalización dentro de cada proyecto. En la parte superior del informe, haga clic en el icono Ver informe, haga clic en Acciones, seleccione Datos y, a continuación, seleccione Ordenar.

  10. En el cuadro de diálogo de ordenación, introduzca la siguiente información y haga clic en Aplicar.

    Fila Propiedad Valor
    2 Columna Fecha de inicio
    3 Columna Fecha de finalización
    3 Clasificación nula Null Always Last


    Ahora que ha realizado modificaciones en el informe interactivo, es importante guardar el diseño del informe. Los usuarios finales solo pueden guardar informes privados que pueden ver o informes públicos que otros usuarios también pueden ver.

    Nota: Los desarrolladores pueden eliminar la capacidad de los usuarios finales para guardar informes públicos cambiando los atributos del informe en el diseñador de páginas.

    Los desarrolladores pueden guardar el informe como informe principal (por defecto) o un informe alternativo para que se puedan acceder a distintas vistas de los datos para distintos casos de uso. En los siguientes pasos, guardará el informe como un informe alternativo.

  11. En el informe, haga clic en Acciones, seleccione Informe y, a continuación, seleccione Guardar informe.

  12. En la lista desplegable Guardar (solo se muestra para desarrolladores), seleccione Configuración de informe por defecto.

    Nota: Los usuarios finales pueden guardar informes privados y públicos; sin embargo, solo los desarrolladores (que han ejecutado la aplicación desde el creador de aplicaciones) pueden guardar los informes primarios y alternativos.

  13. En Guardar informe predeterminado, seleccione Alternativo, en el campo Nombre, introduzca Revisión de presupuesto y, a continuación, haga clic en Aplicar.

    Se mostrará una nueva lista de selección en la parte superior del informe que muestra todos los informes guardados disponibles para el usuario.

  14. Vuelva a la vista de informe inicial y seleccione 1. Informe principal y, a continuación, haga clic en Restablecer.

    En la siguiente sección, mejoraremos las páginas del formulario. Las páginas de formulario permiten a los usuarios finales actualizar fácilmente un único registro de información. Es muy común que estas páginas sean páginas modales, por lo que se muestran en la parte superior de la página original, y la página original aparece atenuada y no se puede acceder a ella sin cerrar primero la página modal. Las ventajas de las páginas modales son que se puede llamar a la misma página desde muchas otras páginas. Incluyen todo el procesamiento, validaciones, etc., dentro de la definición de página, son fáciles de utilizar y proporcionan una experiencia de usuario muy directa.

    Por defecto, las páginas de formulario generadas por el Asistente de Creación de Aplicaciones son páginas modales. La página modal para el mantenimiento de las tareas del proyecto abarca importantes bienes inmuebles. Esto podría mejorarse fácilmente colocando las fechas en la misma línea, y el coste y el presupuesto en la misma línea. Por último, el estado permite introducir valores, por lo que debe restringir la entrada de datos agregando una lista de estados permitidos.

  15. En el entorno de tiempo de ejecución, en la página Informe de tareas de proyecto, haga clic en el icono de edición de cualquier registro.

    Se mostrará la página de formulario modal para el registro seleccionado.

  16. En la barra de herramientas del desarrollador, en la parte inferior de la pantalla, haga clic en Editar página 5.

    Nota: Si tiene dificultades para navegar por la barra de herramientas del desarrollador, navegue manualmente al separador del explorador del creador de aplicaciones de APEX. Si está en la página inicial de la aplicación, navegue hasta la página haciendo clic en 5 - Tareas de proyecto. Si ya está en otra página del diseñador de páginas, utilice el selector de páginas de la barra de herramientas para navegar a la página 5.

    Los elementos se pueden mover arrastrándolos y soltándolos en el panel Diseño. También puede arrastrar nuevos componentes como regiones, elementos y botones de la galería, debajo del diseño, al diseño.

  17. En el diseñador de páginas, con la página 5 cargada, en Diseño (panel medio), haga clic en P5_END_DATE y mantenga pulsado el mouse. Arrastre el elemento hacia arriba y hacia la derecha, hasta que esté directamente después de P5_START_DATE y se muestre una casilla de color amarillo oscuro. Libere el mouse para colocar el elemento en la nueva ubicación.

    Como alternativa al uso de arrastrar y soltar, también puede cambiar la posición de los elementos mediante atributos en el panel de diseño.

  18. (Método alternativo) En Page Designer, en Layout (o el árbol de representación en el panel izquierdo), seleccione P5_BUDGET. En el editor de propiedades (panel derecho), en Diseño, anule la selección de Iniciar nueva fila.

    Nota: En cuanto anule la selección de Iniciar Nueva Fila, el elemento se moverá a estar en la misma línea que el elemento anterior, en Diseño.

    A continuación, mejorará el informe para limitar la entrada de datos. Para limitar la entrada de datos para un elemento una de las técnicas más sencillas es convertir un elemento de texto, que permite introducir cualquier dato, en una lista de selección.

  19. En el diseñador de páginas, en el árbol de representación (panel izquierdo), seleccione P5_STATUS. En el editor de propiedades (panel derecho), introduzca la siguiente información:

    Grupo Atributo Valor
    Identificación Tipo Seleccionar lista
    Lista de valores Tipo Consulta SQL
      Mostrar valores adicionales Desactivar
      Valor de Visualización nulo Escriba - Seleccionar estado -


  20. En Lista de valores y en el campo Consulta SQL, introduzca el siguiente código:

    select distinct status d, status r
from project_tasks
order by 1

  21. Es importante guardar los cambios antes de realizar la prueba. En el diseñador de páginas, en la barra de herramientas (en la parte superior), haga clic en Guardar.

    Nota: Si pulsa Guardar y ejecutar en la barra de herramientas, se mostrará un mensaje en lugar de la página que se está ejecutando. Este es el comportamiento esperado, ya que las páginas modales no se pueden ejecutar directamente desde el diseñador de páginas.

  22. Vuelva al entorno de tiempo de ejecución y refresque el explorador, o haga clic en Cancelar en la página modal para volver a la página Informe de tareas de proyecto.

  23. En la página Informe de tareas de proyecto, haga clic en el icono de edición de cualquier registro. Revise el diseño mejorado y haga clic en Estado para ver la lista de estados disponibles.

    ¡Bien hecho! Ha aprendido a personalizar la funcionalidad básica de generación de informes en la aplicación APEX sencilla. Ha mostrado cómo crear relaciones de datos simples y mostrarlas en forma de gráfico. También ha demostrado que incluso los usuarios finales pueden utilizar la poderosa funcionalidad de APEX si esto está en el interés de los clientes. En la siguiente sección, accederá a la aplicación de calendario.

Mejorar el calendario (opcional)

En este paso, aprenderá a mejorar el calendario de un caso de uso de cliente. Enlazará una página de calendario existente a una página de formulario modal. La página Calendario por defecto muestra el proyecto, en lugar del nombre de la tarea, y solo muestra la fecha de inicio, donde el cliente puede querer ver eventos basados en la duración. Cambiaremos estos elementos para ilustrar personalizaciones básicas a fin de comenzar con el calendario.

Visión general de vídeo

Paso 6 de APEX

  1. En el entorno de tiempo de ejecución, haga clic en Calendario.

    Nota: Puede que tenga que utilizar las flechas de la parte superior del calendario para desplazarse hacia atrás o hacia adelante para ver los datos mostrados.

  2. En la barra de herramientas del desarrollador, haga clic en Edit Page 6 (Editar página 6). También puede volver al separador del explorador de APEX App Builder y navegar manualmente a la página 6.

    Cambiaremos la columna que se muestra en la vista de calendario y realizaremos la duración de los eventos según la actualización de los atributos de calendario.

  3. En Diseñador de páginas, en el panel de presentación (panel izquierdo), haga clic en la entrada Calendario y, a continuación, haga clic en el separador Atributos que encontrará en el Editor de propiedades como segundo separador junto al separador Región.

  4. En el editor de propiedades (panel derecho), en Configuración y, a continuación, en Mostrar columna, haga clic en la lista desplegable de la columna de visualización y seleccione TASK_NAME, y en la lista desplegable Columna de fecha de finalización, seleccione END_DATE.

  5. En el diseñador de páginas, en la barra de herramientas, haga clic en Guardar y ejecutar para revisar los cambios.

    Echa un vistazo al calendario revisado y puede darse cuenta de que tal vez cambiar a eventos basados en la duración no será tan fresco como usted pensó que sería. Por lo tanto, hagamos un ligero cambio y eliminemos la columna de fecha de finalización agregada anteriormente.

  6. Vuelva a APEX App Builder y, en Page Designer, seleccione Page 6. En el árbol de representación (panel izquierdo), haga clic en Calendario y vuelva a hacer clic en Atributos en el separador de página del extremo derecho.

  7. En el editor de propiedades (panel derecho), para la configuración y la columna de fecha de finalización, seleccione - Seleccionar - para borrar la entrada END_DATE y hacer que el calendario sea un poco más fácil de usar.

  8. En el diseñador de páginas, haga clic en Guardar y ejecutar para ver el calendario mejorado.

    La siguiente mejora que haremos es cambiar lo que hace clic en un evento de calendario. Actualmente, al hacer clic o pasar el mouse sobre una entrada de calendario, se muestran los detalles del evento. El cliente cree que sería más útil permitir a los usuarios finales enlazar directamente al formulario de tareas del proyecto para que puedan actualizar fácilmente los detalles. Por lo tanto, enlazaremos elementos en el calendario en los siguientes pasos.

  9. Navegue hasta APEX App Builder y asegúrese de que Page Designer se muestra con la página 6 seleccionada.

    Crearemos un enlace de vista/edición de la región de Calendario a Página 5, la página de formulario Tareas de proyecto que ha modificado en la práctica anterior.

  10. En el diseñador de páginas, en el árbol de representación (panel izquierdo), haga clic en Calendario y, a continuación, haga clic en el separador Atributos en el editor de propiedades (panel derecho). En la sección Atributos Configuración, busque la entrada Ver/Editar enlace. Haga clic en el lugar donde indica No se ha definido ningún enlace.

  11. Utilice la lista desplegable y los campos de selección para introducir la siguiente información en el formulario resultante y, a continuación, haga clic en Aceptar:

    Propiedad Valor
    Tipo Página en esta Aplicación
    Página 5
    Definir Elementos > Nombre P5_ID
    Definir elementos > Valor &ID.
    Limpiar Caché 5
    acción Restablecer Paginación


    Es importante que el calendario se actualice cada vez que se cambie el nombre de la tarea o la fecha de inicio mediante el nuevo enlace. Para garantizar que la página se actualice correctamente, debe definir una acción dinámica para refrescar la región de calendario cuando se cierre el cuadro de diálogo (página modelo). Una acción dinámica es una forma declarativa de definir la interactividad del cliente. Los desarrolladores especifican cuándo se dispara un evento, qué acciones se deben realizar y qué componentes se debe realizar la acción.

  12. En el diseñador de páginas, en el árbol de representación (panel izquierdo), haga clic con el botón derecho en la región Calendario y seleccione Crear acción dinámica en el menú.

  13. Con la acción dinámica seleccionada, en el editor de propiedades (panel derecho), introduzca la siguiente información:

    Grupo Propiedad Valor
    Identificación Nombre Refrescar calendario
    Cuando Evento Cuadro de Diálogo Cerrado
      Tipo de Selección Región
      Región Calendario


  14. En el árbol de representación (panel izquierdo), en la acción Verdadero de la acción dinámica, seleccione Mostrar. En el editor de propiedades (panel derecho), introduzca la siguiente información:

    Grupo Propiedad Valor
    Identificación acción Actualizar
    Elementos afectados Tipo de Selección Región
      Región Calendario


  15. En el diseñador de páginas, en la barra de herramientas, haga clic en Guardar y ejecutar para revisar la aplicación finalizada.

  16. En el entorno de tiempo de ejecución, en Calendario, seleccione un evento para ver el comportamiento mejorado del calendario. Seleccione un elemento en el calendario y realice una actualización. En la página de formulario Tarea de proyecto, actualice el nombre de la tarea y la fecha de inicio. Haga clic en Aplicar Cambios.

  17. Confirme que el calendario se refresca para mostrar los detalles actualizados.

¡Excelente! Ha creado una base de datos de transacciones autónomas de Oracle y convertido una hoja de cálculo de negocio típica en una potente aplicación. Ha acotado los datos y ajustado muchos de los valores por defecto para mostrar solo algunas de las personalizaciones que los clientes pueden elegir para que sus aplicaciones sean aún mejores. Siéntase libre de correr a través de esta demostración hasta que pueda hacerlo cómodamente sin las instrucciones.

Ahora puede mostrar con confianza al cliente el poder de APEX y Oracle Autonomous Database.

Más recursos de aprendizaje

Explore otras prácticas en docs.oracle.com/learn o acceda a contenido de aprendizaje más gratuito en el canal YouTube de Oracle Learning. Además, visite education.oracle.com/learning-explorer para convertirse en un explorador de formación de Oracle.

Para obtener documentación sobre los productos, visite Oracle Help Center.