HTPMD Pas Prolgo

UNASAM Ingeniería de Sistemas e Informática
SESIÓN8
EL IREPORT, INSTALACIÓN, PARTES DE LA VENTANA
PRINCIPAL. PASOS PARA CREAR REPORTES Y
SUBREPORTES CON IREPORT.
1. JasperReports
Biblioteca de creación de informes que puede entregar el contenido de datos al monitor,
la impresora o ficheros PDF, XML, XLS, CSV y XML. Usado en gran variedad de
aplicaciones Java, incluyendo J2EE o aplicaciones web de forma dinámica.
Entre sus características
- Puede estar incluida en cualquier aplicación java.
- Scriptlets que acompaña a la definición del informe que se pueden invocar en
cualquier momento por la definición para realizar un procesamiento adicional,
basados en java tiene muchos ganchos y se pueden invocar antes o después de las
etapas de la generación de informes.
2. El IReport
Herramienta visual, constructor o diseñador de informes intuitivo y poderoso fácil de
usar para JasperReports, escrito en Java, permite corregir de forma visual informes
complejos, con imágenes, subinformes entre otros, esta integrado con la biblioteca
grafica JFreeChar open source, que es la más difundidas, los datos que imprime pueden
ser recuperados de diferentes fuentes. Por ejemplo, uniones de JDBC, TableModels,
JavaBeans, XML, entre otros.
Características
• 100% escrito en Java, open source y gratuito.
• Maneja el 98 % de las etiquetas JasperReports.
• Con sus herramientas diseña líneas, elipses, rectángulos, campos de texto y subreportes.
• Internacionalización en forma nativa.
• Podemos navegar por la estructura del documento, mediante las bandas.
PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

• El recopilador y exportador están integrados.

• Soporta JDBC y JavaBeans.
• Incluye asistentes de apoyo en la creación de los informes, subinformes y plantillas.
• Su instalación es bastante fácil.
2.1. Instalación de iReport
Para hacer la instalación se tiene que descargar la aplicación de internet y luego se hace la
instalación la cual es bastante rápida y sencilla.
2.2. Abrir iReport

Cuando se abre el iReport al hacer doble click en su icono, se muestra la siguiente
interfaz, la cual muestra una barra de menús y unas ventanas como el inspector de
reportes y la ventana de bienvenida entre otras, tal como se muestra a continuación.
2.3. Diseñar el reporte en iReport

2.3.1. Crear la conexión u origen de datos del Reporte.
Para empezar con el diseño lo primero es crear la conexión de iReport con el origen de datos
para lo cual se tiene que hacer click en el icono de conexión que carga la siguiente
ventana.

Que muestra las diferentes conexiones que ya existen en el iReport, para crear una nueva
conexión haga click en el botón nuevo y se muestra la siguiente pantalla.
Ventana en la cual se muestran los diferentes tipos de orígenes de datos que puedes seleccionar,
pero por defecto esta seleccionado el origen de base de datos mediante JDBC, al hacer click en
el botón se muestra la siguiente ventana.

En esta ventana conexión de base de datos JDBC, se deben configurar los datos: nombre de la
conexión, driver en este caso Mysql, usuario y contraseña la misma que pusiste en la
configuración de tu servidor Mysql. Configurados esos datos hacemos un test de presionando el
botón con el fin de probar la conexión, como se muestra a continuación.
En la ventana que se muestra solicita ingresar la contraseña del servidor de base de datos que
estas utilizando, en este caso Mysql, aceptamos OK y se muestra la siguiente ventana.
Si los datos de la conexión son correctos nos muestra las ventanas donde confirma que la
prueba de conexión es correcta, Aceptamos y se vuelve a mostrar la pantalla.
En esta ventana simplemente nos queda grabar presionando en el botón Save.

Se vuelve a mostrar la ventana de conexiones donde aparece la que acabamos de crear,

entoces cerramos presionando el botón Close para poder continuar.
Aparece seleccionado por defecto la nueva conexión y podemos continuar.

2.3.2. Crear el diseño del reporte.
Para cumplir con esta tarea se procede de la siguiente manera.
a. Crear el reporte
Se procede de la siguiente manera.
Desde el menú Archivo→New al hacer click, se muestra la siguiente ventana

En la ventana nuevo archivo podemos seleccionar cualquiera de las plantillas,

de preferencia elegir la plantilla en blanco y se hace click en el botón
Se muestra la ventana New, en la cual se debe configurar el nombre del reporte

y establecer el directorio en el cual se debe guardar este reporte, se recomienda
guardarlo en la carpeta generada a partir de haber creado el paquete Reportes en
el proyecto desde donde se pretende utilizar dicho reporte, tal como se ha hecho
en la ventana mostrada, luego hacer click en el botón

Se muestra la ventana de felicitaciones e indica que el reporte se a creado de

manera satisfactoria, entonces se hace click en el botón

En esta ventana se muestra el entorno para diseñar el reporte teniendo varias

sub ventanas como el inspector de reportes.
En la cual se muestra los elementos que tiene y que se pueden incluir en el

reporte, como son: el título, cabecera de la página, detalle, campos, parámetros,
entre otros. Así también se tiene la ventana de diseño.
Ventana que muestra principalmente las bandas que conforman el reporte por
ejemplo el título, la cabecera de página, columna de la cabecera, detalles, entre
otros los cuales se puede agregar o quitar de la siguiente manera.
1. Quitar una banda

Sobre la banda damos anticlick y en el menú emergente hacemos click en el item Delete
Band, al hacerlo se elimina la banda seleccionada, en este ejemplo la banda cabecera de
página, como se observa a continuación.
2. Agregar una banda
Sobre el inspector de reportes buscamos la banda eliminada hacemos anticlick

y en el item AddBand hacemos click y se agrega la banda eliminada como se
muestra a continuación.

b. Cargar datos del reporte

Se procede a hacer click en el icono que muestra la ventana.
En la cual se recomienda primero desactivar el check activar recuperar los campos

para poder escribir la consulta que trae los datos al reporte y al activar el check, se
pide la ventana del password de Mysql, ingresada la clave si la consulta es correcta
se muestran los campos que tiene la consulta escrita, al aceptar OK, se muestra la
interfaz para el diseño del reporte.
c. Visualizar datos del reporte
Reporte general
Para visualizar los datos del reporte se despliega la ficha campos o Fields muestra
los campos que devuelve la consulta.

Entonces a partir de esto se arrastra los campos en el a la banda de Detalles

y se configuran tamaños de los campos etiquetas y bandas con el fin de
obtener la mejor presentación de los datos, como se muestra a continuación.
Haciendo esto se presiona el botón Preview y se muestra la información del

reporte.
Reporte con parámetros

En este caso para demostrar el uso de parámetros vamos a plantearnos que nuestro
cliente desea contar con un reporte que permita visualizar las escuelas profesionales

de una facultad que le pasamos como parametro, el proceso es casi el mismo con la
diferencia que se incluye el parametro como se muestra en los siguientes pasos.
1. Creamos el reporte

Creamos el parametro
Desplegamos el item Parametres, donde podemos ver que ya existen algunos por
defecto y para incluir uno nuevo procedemos de la siguiente manera.
Anticlick sobre parameters y luego

click en el item agregar parámetros.
Se crea el parámetro
Hacer anticlick en el item parameters

y el menú contextual click en
Renombrar. Como se muestra en la
ventana.
Hacer anticlick en el item parameters

y el menú contextual click en
Renombrar. Como se muestra en la
ventana.

2. Creamos la consulta
Se procede igual con la diferencia que en la consulta se utiliza el atributo Facultad el

cual se escribe mediante el formato $P{Facultad}.
3. Visualizamos los datos del reporte
Cargamos los datos.
Previsualizamos los datos

Lo primero que pide es el valor del parametro, lo incluimos y al aceptar se

muestra el reporte siguiente.
Reporte con subreportes

Para diseñarreportes con sub reportes usando de iReport, debemos tener en cuenta que en
realidad, va estar formado por dos reportes uno que incluye la cabecera o información
general y el otro donde se incluye el detalle del reporte, por ejemplo, mediante la base de
datos basemateriales, si el cliente requiere tener un reporte que nos muestre por ejemplo
por cada facultad quienes son sus docentes y de estos (Dni, apellidos y nombres juntos,
dirección y genero), entonces este es un caso típico en el cual se debe hacer uso de
subreportes. La recomendación es primero construir el reporte detalle y luego el de cabecera
el cual va incluir el detalle como un sub reporte de este. Se procede de la siguiente manera:
a. Reporte detalle.
Por su puesto doy por sentado que lo primero que se debe hacer es cargar la herramienta
iReport y tener el directorio en donde se debe guardar el proyecto (se recomienda que sea
dentro del paquete Reportes del proyecto desde donde vas a usar el reporte).
• Crear el reporte


Procedemos a quitar las bandas del reporte y solo nos quedamos con cabecera de
columna y detalle.
Hasta llegar a la siguiente forma.

Le quitamos los márgenes
Y queda de esta forma, sin márgenes:

• Incluir sus datos mediante una consulta.
Para hacerlo se procede de la siguiente manera:

Como quermos filtrar ese detalle por la facultad entonces surge la necesidad de crear
un parametro al cual le llamaremos idfac, para crearlo se procede de la siguiente
manera.
Ahora si podemos incluir la consulta para sacar informacion del origen de datos, se
procede de la siguiente manera.

Ingresamos la consulta, utilizando el parámetro que habíamos creado.

Cargamos los datos

Arrastramos los campos a la banda de detalle.
Cambiamos el alto y el largo tanto de las etiquetas de la columna como los campos
del detalle, recomendando un alto de 14 y el largo de acuerdo a la información que
se va a visualizar, el margen superior tanto de las etiquetas y de los campos 2.

Ahora procedemos a ponerle una tabla, usando la herramienta rectángulo.
Quedando de la siguiente manera:
Para que aparezcan los datos nos vamos a las bandas que están distribuidas a la
izquierda, en la ventana inspector de reportes.
Arrastramos la etiqueta Dni a su rectángulo correspondiente, como se muestra a

continuación.

Lo mismo para el detalle.
Y asi sucesivamente para todas las etiquetas y campos del reporte. Le damos como
heigth de las bandas igual a 16 y queda de la siguiente manera.
Para probar el reporte presionamos en la ficha Preview.

Aparece la caja de dialogo que nos solicita ingresar el valor de un parámetro idfac.
Ingresamos el ide de la facultad, aceptamos y nos muestra el reporte como sigue:
Con esto podemos decir que ya contamos con la parte del detalle o reporte detalle.
b. Reporte cabecera
Para el reporte de cabecera, en realidad este es el reporte final, donde queremos
mostrar las facultades y como detalle usaremos el reporte del mismo nombre como
un sub reporte. Entoces procedemos de la siguiente manera.
Crear el reporte

Seleccionamos la plantilla y abrimos la plantilla.
Ingresamos el nombre del reporte y continuamos.

Quitamos algunas bandas del reporte
Cargamos la consulta.

Se muestran los campos en el inspector del reporte

Agregamos los campos que queremos en la banda de detalle.
Visualizamos el reporte, nos aparece
Habiendo comprobado que funciona ahora procedemos con la generación del sub
reporte para esto volvemos al modo diseño.

Ubicamos en la paleta de herramientas el sub reporte.
Lo arrastramos a la parte detalle del reporte cabecera, e inmediatamente aparece la

ventana.
Nos pide para el sub reporte, crear un nuevo reporte o elegir uno ya existente, en este

caso usaremos el que hemos creado como detalle, por lo tanto configuraremos así.
Nos pide que elijamos la conexión, le decimos que use la del principal y continuamos.
Como estamos trabajando con el reporte de detalle y este tiene un parámetro, nos pide
que establezcamos el valor de ese parámetro, esto lo hacemos como se visualiza a
continuación.

Ahora click en siguiente
Nos muestra el directorio del parámetro del reporte y terminamos

Le damos los márgenes y tamaño adecuado y visualizamos.
Ahora le ponemos cuadros y configuramos su posición, con lo cual al visualizarlo

tendremos el reporte con sub reportes.

Con esto finalizamos el diseño, para llamarlo desde un programa en java usamos
nuestra clase impresor, el método imprimir general.

Bibliografía
https://www.ecured.cu/IReport
chrome-
extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.udb.edu.sv/udb_files/recursos
_guias/informatica-tecnologico/programacion-orientada-a-objetos-(fet)/2019/i/guia-12.pdf

HTPMD Pas Prolgo

Cargado por

Copyright:

Formatos disponibles

HTPMD Pas Prolgo

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

HTPMD Pas Prolgo

Cargado por

Copyright:

Formatos disponibles

UNASAM Ingeniería de Sistemas e Informática

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

• El recopilador y exportador están integrados.

2.2. Abrir iReport

2.3. Diseñar el reporte en iReport

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

En esta ventana simplemente nos queda grabar presionando en el botón Save.

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Se vuelve a mostrar la ventana de conexiones donde aparece la que acabamos de crear,

Aparece seleccionado por defecto la nueva conexión y podemos continuar.

Desde el menú Archivo→New al hacer click, se muestra la siguiente ventana

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

En la ventana nuevo archivo podemos seleccionar cualquiera de las plantillas,

Se muestra la ventana New, en la cual se debe configurar el nombre del reporte

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Se muestra la ventana de felicitaciones e indica que el reporte se a creado de

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

En esta ventana se muestra el entorno para diseñar el reporte teniendo varias

En la cual se muestra los elementos que tiene y que se pueden incluir en el

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

2. Agregar una banda

Sobre el inspector de reportes buscamos la banda eliminada hacemos anticlick

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

b. Cargar datos del reporte

En la cual se recomienda primero desactivar el check activar recuperar los campos

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Entonces a partir de esto se arrastra los campos en el a la banda de Detalles

Haciendo esto se presiona el botón Preview y se muestra la información del

Reporte con parámetros

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Anticlick sobre parameters y luego

Hacer anticlick en el item parameters

Hacer anticlick en el item parameters

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Se procede igual con la diferencia que en la consulta se utiliza el atributo Facultad el

Cargamos los datos.

Previsualizamos los datos

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Lo primero que pide es el valor del parametro, lo incluimos y al aceptar se

Reporte con subreportes

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Hasta llegar a la siguiente forma.

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Le quitamos los márgenes

Y queda de esta forma, sin márgenes:

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

• Incluir sus datos mediante una consulta.

Para hacerlo se procede de la siguiente manera:

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Ingresamos la consulta, utilizando el parámetro que habíamos creado.

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Cargamos los datos

PROGRAMACIÓN III - 2022-I Mag. Ing. Miguel Angel Silva Zapata

Ahora procedemos a ponerle una tabla, usando la herramienta rectángulo.

Quedando de la siguiente manera:

Arrastramos la etiqueta Dni a su rectángulo correspondiente, como se muestra a