Crear<\/strong><\/p>\nSe inicia el asistente de creaci\u00f3n de la aplicaci\u00f3n:<\/p>\n
En la pantalla \u00bfQu\u00e9 tipo de Aplicaci\u00f3n desea Crear?<\/em> hacemos clic en el icono Escritorio<\/em> y hacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\nEn la pantalla Nombre<\/em>, ingresamos el nombre de la aplicaci\u00f3n, para el resto de los valores lo dejamos por defecto.<\/p>\nNombre: Demo Informes Interactivos<\/strong><\/p>\nHacemos clic en el bot\u00f3n azul Siguiente.<\/strong><\/p>\nEn la pantalla P\u00e1ginas<\/em>, eliminamos la p\u00e1gina de Inicio haciendo clic en el bot\u00f3n de la cruz (+) y creamos una p\u00e1gina de tipo Informe:<\/p>\nOrigen de la Tabla: Tabla<\/strong><\/p>\nNombre de la Tabla: DEMO_PRODUCT_INFO<\/strong><\/p>\nTipo de Informe: Interactiva<\/strong><\/p>\nHacemos clic en el bot\u00f3n azul Agregar P\u00e1gina<\/strong><\/p>\nLuego, hacemos clic en el bot\u00f3n azul Siguiente<\/strong><\/p>\nEn la pantalla Componentes Compartidos<\/em>, aceptamos el valor por defecto y hacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\nEn la pantalla Atributos<\/em>, asignamos:<\/p>\nIdioma de preferencia: Espa\u00f1ol (Estados Unidos) (es-us) <\/strong>[Indicar el idioma que corresponda<\/em>]<\/p>\nPreferencia de Idioma de Usuario Derivada de: Idioma Primario de la Aplicaci\u00f3n<\/strong><\/p>\nHacemos clic en el bot\u00f3n azul Siguiente<\/strong>.<\/p>\nEn la pantalla Confirmar<\/em>, verificamos los datos ingresados y hacemos clic en el bot\u00f3n azul Crear Aplicaci\u00f3n.<\/strong><\/p>\nEjecutamos la aplicaci\u00f3n y la p\u00e1gina de inicio mostrar\u00e1 nuestro Informe Interactivo reci\u00e9n creado.<\/p>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen01.jpg?resize=750%2C374&ssl=1\")
<\/p>\n
Tipos de Informes Interactivos seg\u00fan tipo de usuario<\/h3>\n
En Oracle Apex tenemos la posibilidad de crear diferentes tipos de Informes dependiendo el rol que tengamos en un momento dado, si trabajamos con Apex como un usuario desarrollador o trabajamos como un usuario final.<\/p>\n
Informe Primario<\/strong> (este informe es configurado por defecto) (S\u00f3lo para usuarios desarrolladores<\/em>). El informe primario es el que se muestra inicialmente. Los informes primarios por defecto no se pueden renombrar o eliminar.<\/p>\nInformes Alternativos <\/strong>(S\u00f3lo para usuarios desarrolladores<\/em>). Permite a los desarrolladores crear varios dise\u00f1os de informes. Solamente los desarrolladores pueden guardarlos, renombrarlos o borrar un Informe Alternativo. <\/strong><\/p>\nInforme P\u00fablico<\/strong> (Usuario finales y desarrolladores<\/em>). Este informe puede ser visto por todos los usuarios. Sin embargo, s\u00f3lo el usuario que crea un informe p\u00fablico puede guardarlo, renombrarlo o borrarlo. Aunque todos los usuarios pueden ver un informe p\u00fablico, ellos solamente pueden guardarlo con un nuevo nombre de Informe.<\/p>\nInforme Privado<\/strong> (Usuario finales y desarrolladores<\/em>). S\u00f3lo el usuario que crea el informe privado puede verlo, guardarlo, renombrarlo o eliminarlo.<\/p>\nPersonalizar Informe Interactivo<\/h3>\n
Como podemos ver, el Informe Interactivo necesita de varias personalizaciones para que se ajuste a un reporte entendible por parte de nuestros usuarios.<\/p>\n
Como usuarios desarrolladores podemos crear una gran variedad de informes que representen requerimientos por parte de nuestros usuarios. Veremos varios ejemplos de personalizaci\u00f3n.<\/p>\n
Ejemplo 1<\/strong><\/p>\nNos solicitan que mostremos los productos disponibles de las diferentes categor\u00edas con su respectiva imagen de producto.<\/p>\n
Para mostrar u ocultar columnas en el Informe Interactivo usamos el bot\u00f3n Acciones<\/strong> estando en modo de ejecuci\u00f3n de la p\u00e1gina 1 y seleccionamos la opci\u00f3n Seleccionar Columnas.<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen02.jpg?resize=183%2C316&ssl=1\")
<\/p>\n
Mostrar las siguientes columnas:<\/p>\n
Product Id, Product Name, Product Description, List Price, Produc Image<\/em><\/p>\nOcultar las siguientes columnas:<\/p>\n
Category, Filename, Image Last Update, Mimetype, Product Avail y Tags<\/em><\/p>\nMovemos hacia arriba la columna Product Image para que sea la primera columna que se visualiza y aplicamos los cambios haciendo clic en el bot\u00f3n azul Aplicar<\/strong>.<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen03.jpg?resize=392%2C354&ssl=1\")
<\/p>\n
Editar Nombres de Columnas del Informe<\/h3>\n
Hacemos clic en Editar P\u00e1gina 1<\/strong> en la barra del desarrollador que se encuentra en la parte inferior de la pantalla.<\/p>\nDesde el Panel de la izquierda<\/strong>, estando en la vista \u00e1rbol de Presentaci\u00f3n<\/strong>, hacemos clic sobre el Informe Interactivo DEMO_PRODUCT_INFO y posamos nuestra mirada en el panel de la derecha en propiedades de la regi\u00f3n y cambiamos el Titulo del Informe Interactivo por \u201cInforme de Productos<\/strong>\u201d.<\/p>\nExpandimos las columnas desde el panel de la izquierda y modificamos los nombres de las columnas visibles, colocando su nombre en el atributo Cabecera<\/strong> en la secci\u00f3n de Cabecera<\/strong> del panel de la derecha en propiedades de la columna: C\u00f3digo, Nombre, Descripci\u00f3n, Precio <\/em>e Imagen<\/em> y guardamos los cambios haciendo clic en el bot\u00f3n Guardar<\/strong> en la parte superior derecha de la p\u00e1gina.<\/p>\nAsignar formato moneda para la columna Precio<\/h3>\n
Seleccionamos la columna LIST_PRICE y en el panel derecho de propiedades de la columna en la secci\u00f3n Apariencia<\/strong>, seleccionamos en M\u00e1scara de Formato<\/strong>: $5.234,10 (FML999G999G999G999G990D00<\/em>)<\/p>\nMostrar Imagen en el Informe Interactivo<\/h3>\n
Hacemos clic en Editar P\u00e1gina 1<\/strong> en la barra del desarrollador que se encuentra en la parte inferior de la pantalla.<\/p>\nDesde el Panel de la izquierda<\/strong>, estando en la vista \u00e1rbol de Presentaci\u00f3n<\/strong>, hacemos clic sobre la columna PRODUCT_IMAGE y pasamos nuestra mirada al panel de la derecha en propiedades de la columna en la secci\u00f3n Identificaci\u00f3n<\/strong>, en el atributo Tipo<\/strong> seleccionamos Mostrar Imagen, <\/strong>luego hacemos clic en el bot\u00f3n Guardar.<\/strong><\/p>\nGuardar Informe como Informe Principal<\/p>\n
Si a esta instancia cerramos nuestra aplicaci\u00f3n y salimos del navegador perderemos todos los cambios que hemos realizado en el Informe Interactivo, por ello es momento de guardar el Informe como el Informe Principal.<\/p>\n
Desde la ejecuci\u00f3n de la p\u00e1gina de Inicio hacemos clic en el bot\u00f3n Acciones<\/strong> y seleccionamos la opci\u00f3n Guardar Informe<\/strong>.<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen04.jpg?resize=621%2C219&ssl=1\")
<\/p>\n
Seleccionamos: Guardar: Como Valores de Informe por Defecto<\/strong><\/p>\nTipo de Informe por Defecto: Primario<\/strong><\/p>\nHacemos clic en el bot\u00f3n Aplicar<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen05.jpg?resize=750%2C319&ssl=1\")
<\/p>\n
Crear Informe Alternativo<\/h3>\n
Ejemplo 2<\/strong><\/p>\nEn este caso vamos a crear un Informe Alternativo<\/strong> que nos muestre todos los productos (disponibles y no disponibles) agrupados por categor\u00edas de productos y que los productos que no est\u00e1n disponibles se muestren en el informe como una fila con un color naranja.<\/p>\nPara realizar esta personalizaci\u00f3n, vamos al bot\u00f3n Acciones <\/strong>y seleccionamos la opci\u00f3n Seleccionar Columnas<\/strong> y pasamos la columna Category<\/strong> al cuadro de Mostrar columnas<\/strong>.<\/p>\nNuevamente hacemos clic en el bot\u00f3n Acciones<\/strong> y seleccionamos la opci\u00f3n Formato<\/strong> y dentro de ella seleccionamos Divisi\u00f3n de Control<\/strong>. Se abre una ventana de di\u00e1logo y en ella ingresamos:<\/p>\nColumna: Category<\/strong><\/p>\nEstado: Activado<\/strong><\/p>\nHacemos clic en el bot\u00f3n Aplicar<\/strong> para cerrar la ventana de Di\u00e1logo.<\/p>\nDe esta forma mostramos en el Informe Interactivo los productos agrupados por categor\u00eda de productos.<\/p>\n
![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen06.jpg?resize=750%2C534&ssl=1\")
<\/p>\n
Resaltar Filas<\/h3>\n
Para resaltar filas dependiendo de una condici\u00f3n dada, como por ejemplo mostrar todas las filas de productos no disponibles con un color rosado, hacemos clic en el bot\u00f3n Acciones<\/strong> y seleccionamos la opci\u00f3n Formato<\/strong> y dentro de ella seleccionamos Resaltar<\/strong> y realizamos las siguientes configuraciones:<\/p>\nNombre: Productos<\/strong> No Disponibles<\/strong><\/p>\nTipo de Resaltado: Fila<\/strong><\/p>\nColor de Fondo: #FF7755<\/strong><\/p>\nColor de Texto: #000000<\/strong><\/p>\nCondici\u00f3n:<\/p>\n
Columna: Product Avail<\/strong><\/p>\nOperador: =<\/strong><\/p>\nExpresi\u00f3n: N<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen07.jpg?resize=607%2C273&ssl=1\")
<\/p>\n
De este modo muy simple podemos ver que las filas resaltadas en color naranja son aquellas que corresponden a los productos no disponibles.<\/p>\n
Guardar Informe Alternativo<\/p>\n
Para guardar los cambios realizados al informe sin perder el informe principal, hacemos clic en el bot\u00f3n Acciones<\/strong> y seleccionamos Guardar Informe<\/strong>.<\/p>\nSeleccionamos:<\/p>\n
Guardar: Como Valores de Informe por Defecto<\/strong><\/p>\nTipo de Informe por Defecto: Alternativo<\/strong><\/p>\nNombre: Productos por Categor\u00eda<\/strong><\/p>\nHacemos clic en el bot\u00f3n Aplicar<\/strong><\/p>\n <\/strong>Podemos ver que se ha creado una lista de selecci\u00f3n en el lado izquierdo del bot\u00f3n acciones que nos permite seleccionar el Informe que queremos visualizar.<\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen08.jpg?resize=750%2C477&ssl=1\")
<\/p>\n
Nota:<\/u> Al pasar al informe principal veremos los cambios realizados para crear el informe alternativo, si salimos de nuestra sesi\u00f3n y volvemos a iniciar sesi\u00f3n podremos ver que el Informe Principal es el que hab\u00edamos guardado primero y luego si seleccionamos el Informe Alternativo vemos el Informe de Categor\u00eda de Productos.<\/p>\nA\u00f1adiendo Columnas Calculadas<\/h3>\n
Ejemplo 3<\/strong><\/p>\nEs posible crear columnas calculadas para agregar a nuestro Informe Interactivo. Por ejemplo podemos querer tener una columna que se muestre el precio con impuestos incluidos y que aquellos productos que su precio sea mayor a $100 se muestren en color verde.<\/p>\n
Para ello, hacemos clic en el bot\u00f3n Acciones<\/strong> y seleccionamos Formato<\/strong> y luego seleccionamos Calcular. <\/strong>Se abre la ventana de di\u00e1logo e ingresamos los siguientes datos:<\/p>\nCabecera de Columna: Precio con Impuesto<\/strong><\/p>\nExpresi\u00f3n de C\u00e1lculo: F * 1.07<\/strong> (el F<\/strong> representa la columna Precio y el impuesto es del 7%<\/strong> adicional), hacemos clic en el bot\u00f3n Aplicar<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen09.jpg?resize=632%2C540&ssl=1\")
<\/p>\n
De esta forma se agrega una columna calculada a nuestro Informe Interactivo.<\/p>\n
Para resaltar las los productos cuyo precio son mayores a $100, hacemos clic en el bot\u00f3n Acciones<\/strong> y luego en Formato<\/strong> y seleccionamos Resaltar<\/strong>.<\/p>\nRealizamos las siguientes configuraciones:<\/p>\n
Nombre: Productos Productos con Precio > $100<\/strong><\/p>\nTipo de Resaltado: Fila<\/strong><\/p>\nColor de Fondo: #99FF99<\/strong><\/p>\nColor de Texto: #000000<\/strong><\/p>\nCondici\u00f3n:<\/p>\n
Columna: Precio<\/strong><\/p>\nOperador: ><\/strong><\/p>\nExpresi\u00f3n: 100<\/strong><\/p>\nHacemos clic en el bot\u00f3n Aplicar<\/strong><\/p>\nGuardamos el Informe como un Informe Alternativo llamado: Productos Con Impuestos Incluidos<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen10.jpg?resize=750%2C338&ssl=1\")
<\/p>\n
M\u00faltiples Informes Interactivos en una P\u00e1gina<\/h3>\n
Actualmente en la p\u00e1gina de inicio disponemos de un solo Informe Interactivo. A partir de la versi\u00f3n 5.0 podemos tener varios Informes Interactivos en una misma p\u00e1gina de Apex.<\/p>\n
Vamos a crear otro informe Interactivo que se acomode en el lado derecho del Informe Actual.<\/p>\n
Desde el Dise\u00f1ador de P\u00e1ginas de la P\u00e1gina de Inicio, estando ubicados en el panel izquierdo en la ficha Presentaci\u00f3n, hacemos clic con el bot\u00f3n derecho del rat\u00f3n en Regiones<\/strong> y seleccionamos Crear Regi\u00f3n<\/strong>.<\/p>\nSeleccionamos la Regi\u00f3n y pasamos nuestra mirada al panel derecho de propiedades de la regi\u00f3n y le indicamos que sea una Regi\u00f3n de Tipo: Informe Interactivo<\/strong> y le cambiamos el nombre por: Informe de Clientes<\/strong>.<\/p>\nIngresamos la siguiente Consulta SQL:<\/p>\n
SELECT * FROM demo_customers;<\/em><\/p>\nEn la secci\u00f3n Cuadr\u00edcula<\/strong>:<\/p>\nIniciar Nueva Fila: No<\/strong><\/p>\nColumna: 7<\/strong><\/p>\nAmpliaci\u00f3n de Columna: Autom\u00e1tico<\/strong><\/p>\n![\"\"](\"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/imagen11.jpg?resize=750%2C330&ssl=1\")
<\/p>\n
De este modo podemos visualizar que el primer Informe de Productos se inicia en la columna 1 hasta la 6 y el Informe de Clientes se inicia en la columna 7 para terminar en la columna 12. Como el Informe de Clientes es mucho m\u00e1s amplio horizontalmente, se puede ver que se activa la barra de desplazamiento horizontal para poder navegar por todo el Informe Interactivo.<\/p>\n
Conclusiones<\/h3>\n
Podemos seguir trabajando en innumerables personalizaciones de los Informes Interactivos y guardarlos como diferentes Informes ya sean Alternativos, Privados o P\u00fablicos y eso va a depender de las necesidades de nuestros usuarios o clientes.<\/p>\n
No he abarcado todas las posibilidades de personalizaci\u00f3n de los Informes Interactivos, pero como podemos observar Oracle Apex nos provee de esta potente caracter\u00edstica para mostrar todos los datos de nuestra base de datos en forma r\u00e1pida, clara y altamente personalizable al gusto del usuario.<\/p>\n
Hemos aprendido en este art\u00edculo:<\/p>\n
\n- Como crear y guardar Informes Interactivos<\/li>\n
- C\u00f3mo crear y guardar Informes Alternativos<\/li>\n
- Personalizar los Informes Interactivos usando columnas resaltadas, columnas calculadas, filtros, formatos, etc.<\/li>\n
- C\u00f3mo crear m\u00faltiples Informes Interactivos en una misma p\u00e1gina en Apex.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
Para todas aquellas personas que no conocen Oracle Apex puedo decirles que en este art\u00edculo podr\u00e1n encontrar una de las funcionalidades que m\u00e1s se utiliza en los desarrollos en Apex que son el uso de los Informes Interactivos. Si estamos trabajando con una base de datos Oracle, de nada nos sirve tener una base deContinue reading “Personalizaci\u00f3n de Informes Interactivos en Oracle Apex 5.0”<\/span><\/a><\/p>","protected":false},"author":132749711,"featured_media":16654,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":true},"categories":[121913,121930],"tags":[121903,121942,121943,121944],"class_list":["post-13039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-oracle-apex-5-0","tag-apex","tag-ir","tag-reporte-interactivo","tag-reportes","entry"],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paMvMS-3oj","amp_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/kiusi.com\/wp-content\/uploads\/2015\/06\/Destacada-Personalizacion-de-Informes-Interactivos-en-Oracle-Apex-5.0.jpg?fit=2949%2C1735&ssl=1","_links":{"self":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/users\/132749711"}],"replies":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/comments?post=13039"}],"version-history":[{"count":3,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13039\/revisions"}],"predecessor-version":[{"id":16131,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/posts\/13039\/revisions\/16131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media\/16654"}],"wp:attachment":[{"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/media?parent=13039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/categories?post=13039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiusi.com\/en\/wp-json\/wp\/v2\/tags?post=13039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}