18
Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES CON IREPORT IReport IReport es un diseñador visual de código libre para JasperReports escrito en Java. Es un programa que ayuda a los usuarios y desarrolladores que usan las bibliotecas o librerías JasperReports para diseñar reportes visualmente. A través de una interfaz rica y simple de usar, IReport provee las funciones más importantes para crear reportes en menos tiempo. IReport genera archivos “jasper” y “print” de prueba. IReport nació como una herramienta de desarrollo, Ing. Martín Salcedo Quiñones Página 1

DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Embed Size (px)

Citation preview

Page 1: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

DISEÑO DE REPORTES CON IREPORT

IReport

IReport es un diseñador visual de código libre para JasperReports escrito en Java.

Es un programa que ayuda a los usuarios y desarrolladores que usan las

bibliotecas o librerías JasperReports para diseñar reportes visualmente. A través

de una interfaz rica y simple de usar, IReport provee las funciones más

importantes para crear reportes en menos tiempo. IReport genera archivos

“jasper” y “print” de prueba. IReport nació como una herramienta de desarrollo,

Ing. Martín Salcedo Quiñones Página 1

Page 2: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IIpero puede utilizarse como una herramienta de oficina para adquirir datos

almacenados en una base de datos, sin pasar a través de alguna otra aplicación.

IReport en NetBeans

Los desarrolladores de iReport sacaron un plugin para NetBeans a finales de

Diciembre del 2007. Para los que programaron en .net habrán usado un

CristalReports, así en Java viene a ser iReport. Pero iReport es un editor visual

para generar los reportes por medio de la librería jasperReport. Después de todo

esto, para lo que usamos NetBeans como entorno de desarrollo quizá no era el

más adecuado tener que usar dos herramientas por separado, sin embargo en

febrero del 2008 sale un plugin de iReport para NetBeans lo cual es una mejora de

los utilitarios que ofrece el entorno NetBeans.

Vamos instalando el plugin o complemento de iReport para NetBeans (se aplica a

partir de la versión 6.0) siguiendo los siguientes pasos:

1. Estando en el entorno de NetBeans, en la barra de menú selecciona la opción

herramientas (tolos) y luego la opción de complementos (plugins).

Ing. Martín Salcedo Quiñones Página 2

Page 3: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II2. Se apertura una ventana de complementos disponibles, dando la posibilidad de

descargar nuevos complementos. Los complementos (plugins) de IReport para

NetBeans hay que descargarlo de internet a través de la página web de

NetBeans, la misma que te obligará a que te registres previamente.

Después de agregar los complementos referidos a ireport-designer y a

jasperreport, dar clic en el botón de comando Instalar. Se muestra una ventana

indicando los complementos que se quiere instalar.

Ing. Martín Salcedo Quiñones Página 3

Page 4: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Dar clic en el botón de comando Siguiente.

Ing. Martín Salcedo Quiñones Página 4

Page 5: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IISe marca el ChecBox referido a Aceptar los términos de los acuerdos de

licencia y finalmente dar clic en el botón de comando Instalar.

Una vez finalizado la instalación se debe mostrar la ventana de que la

instalación se completó satisfactoriamente. Luego damos clic en el botón de

comando Finalizar (Finish).

Vamos a proceder a usar el archivo conector de mysql (.jar) para IReport.

Seleccionar la opción Herramientas (Tools) / Opciones (Options). Luego

seleccionamos el botón de la barra de herramientas referido a IReport.

Ing. Martín Salcedo Quiñones Página 5

Page 6: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Seleccionar la pestaña Classpath.

Ahora agrega el archivo jar a través del botón de comando Add JAR

Ing. Martín Salcedo Quiñones Página 6

Page 7: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Damos clic en el botón de comando Aceptar

Ing. Martín Salcedo Quiñones Página 7

Page 8: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IIFinalmente damos clic en el botón de comando Aceptar para cerrar la ventana

Opciones.

3. Estando en el entorno de NetBeans, selecciona nuevamente la opción de

Herramientas y luego la opción referido a la primera opción referido a

DataSources.

A través del botón de comando New procedemos a establecer la conexión con

la base de datos.

4. Debemos tener un proyecto abierto o creamos otro para hacer uso del IReport.

Si tuviéramos un proyecto llamado Reportes, nos ubicamos en el paquete

Reportes y dando clic botón derecho del mouse procedemos a buscar la

opción EmptyReport. Luego de seleccionar EmptyReport, dar clic en el botón

de comando Siguiente e indicamos el nombre de reporte a diseñar. Finalmente

dar clic en el botón de comando Terminar. El entorno de NetBeans se verá el

entorno de IReport.

Ing. Martín Salcedo Quiñones Página 8

Page 9: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

El modo de uso para diseñar reportes con IReport en el entorno NetBeans es

similar si lo usas como un software aparte.

Usando IReport 3.7.2

Ejecuta el archivo aplicación ireport.

Ing. Martín Salcedo Quiñones Página 9

Page 10: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IISe muestra el siguiente entorno.

Dar clic aquí

Ing. Martín Salcedo Quiñones Página 10

Page 11: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Indicar el nombre de la conexión (jdbcUniversidad), el nombre de la base de datos

en JDBC URL y finalmente el usuario y el password. Dar clic en el botón de

comando Test para verificar la conexión.

Solicitará indicar el password y luego dar clic en el botón de comando OK. Debe

salir un mensaje de conexión satisfactoria.

Ing. Martín Salcedo Quiñones Página 11

Page 12: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Nuevamente estando en el entorno de IReport, selecciona.

Ing. Martín Salcedo Quiñones Página 12

Page 13: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IIAl dar clic en el botón de comando Open this Template se muestra

Dar clic en el botón de comando Siguiente.

Ing. Martín Salcedo Quiñones Página 13

Page 14: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual IIAl dar clic en el botón de comando Terminar, el entorno de IReport se visualia de

la siguiente manera.

Seleccionar la opción Query.

Escribe la sentencia SELECT para visualizar las Escuelas Profesionales

Ing. Martín Salcedo Quiñones Página 14

Page 15: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Luego de dar clic en el botón de comando OK.

Seleccionar un objeto Static Text para colocar un título al reporte.

Ing. Martín Salcedo Quiñones Página 15

Page 16: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Usando objetos Static Text coloca los títulos para cada uno de los campos.

Ing. Martín Salcedo Quiñones Página 16

Page 17: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Usando los campos que se muestran en la vista Report Inspector arrastra los

campos a la zona de Detail del diseño colocando debajo del título.

Procede a hacer una vista preliminar del reporte.

Ing. Martín Salcedo Quiñones Página 17

Page 18: DISEÑO DE REPORTES CON IREPORT - …files.uladech.edu.pe/.../SESION_13/...iReport.pdf · Universidad Católica Los Ángeles de Chimbote – Programación Visual II DISEÑO DE REPORTES

Universidad Católica Los Ángeles de Chimbote – Programación Visual II

Solicitará el ingreso del password y luego al dar clic en el botón de comando

Aceptar se visualizará el reporte.

Ing. Martín Salcedo Quiñones Página 18