JFreeChart

J. Almachi, N. Benalczar, D. Flores, P. Vsconez, Escuela Politcnica del Ejrcito

II. GUI
ResumenEn este trabajo se presenta un breve resumen acerca de cmo generar grficos por medio de la librera JFreeChart con el fin de una mejor visualizacin grfica por parte del usuario; para ello se explicar de qu se trata esta librera y cmo podemos hacer uso de la misma para generar diferentes grficos como diagramas de pasteles, diagramas de barras, grficas de funciones y componentes HMI. Se busca familiarizar al lector con los trminos utilizados en el presente artculo para ello se presentar definiciones sencillas y concisas para mayor entendimiento. Palabras claveJFreeChart GUI HMI librera Framework JCommon

Es un programa informtico que acta de interfaz de usuario, utilizando un conjunto de imgenes y objetos grficos para representar la informacin y acciones disponibles en la interfaz. Su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicacin con el sistema operativo de una mquina o computador.

Fig. 1. Ejemplo de GUI

III. HMI I. INTRODUCCIN Hoy en da, JFreeChart es la biblioteca grfica ms utilizada para Java con la versin 1.0.14 que llega a ms de 450.000 descargas hasta la fecha. Esta biblioteca fundada en febrero de 2000 por David Gilbert facilita a los programadores mostrar grficos de calidad en sus aplicaciones permitiendo una mejor visualizacin para los usuarios, adems JFreeChart es un software libre que se distribuye con cdigo fuente completo sujeto a los trminos de la GNU Lesser General Public License, requiere nicamente la plataforma Java 2, est diseado para su uso en aplicaciones, applets, servlets y JSP. y es utilizado por unos 40000 a 50000 programadores. FreeChart permite crear todo tipo de grficos ya sea rea, barra, ejes, lineales, lnea de tiempo, etc. Las clases de JFreeChart crean objetos Graphic2D que se pueden en aplicaciones de escritorio, o exportar a imgenes o PDF para incluirlos en aplicaciones web. JFreeChart dibuja automticamente las escalas de los ejes y leyendas. Con el ratn informtico permite hacer zoom en la interfaz de la grfica automticamente y cambiar algunos ajustes a travs del men local.
Fig. 2. Ilustracin HMI

Los sistemas HMI podemos pensarlos como una ventana de un proceso. Esta ventana puede estar en dispositivos especiales como paneles de operador o en una computadora. Los sistemas HMI en computadoras se los conoce tambin como software HMI (en adelante HMI) o de monitoreo y control de supervisin. Las seales de los procesos son conducidas al HMI por medio de dispositivos como tarjetas de entrada/salida en la computadora, PLCs (Controladores lgicos programables), RTU (Unidades remotas de I/O ) o DRIVEs (Variadores de velocidad de motores). Todos estos dispositivos deben tener una comunicacin que entienda el HMI.

III. JFREECHART A. Definicin

texto, clases de interfaz de usuario para mostrar informacin acerca de las aplicaciones y gestin de diseo personalizada. B. Grficos realizados con JFreeChart

JFreeChart es una biblioteca escrita 100% en java que facilita a los desarrolladores mostrar grficos de calidad profesional en sus aplicaciones, tiene un amplio conjunto de caractersticas dentro de las cuales incluye: Un API coherente y bien documentado, respaldado por una gran variedad de tipos de graficas. Un diseo flexible fcilmente extendible, y la posibilidad de ser usado tanto en tecnologas de servidor (aplicaciones Web) y de cliente (Swing, por ejemplo). Soporte para varios tipos de salida, incluyendo componentes Swing, archivos de imagen como PNG y JPEG, y formatos grficos de vectores (incluyendo PDF, EPS y SVG).

PieChart

JFreeChart puede crear grficos circulares con los datos que se ajustan a la interfaz PieDataset:

Con JFreeChart se pueden obtener diferentes tipos de grficos que pueden ser:
Fig. 5. Ejemplo Pie Chart
Tipos de Grficos Grfico Circular Diagrama de Gantt Grficos de Barras Horizontal y Vertical Barras Apiladas Grficas Especficas Tabla de Viento

Grficos XY

Single Valued

Las secciones individuales del pastel pueden ser separadas y la tabla puede tomar una forma elptica, como se muestra en el siguiente ejemplo:

Line

Termmetro

Spline

Brjula

Grfica Polar

Dispersin

Indicador de Velocidad

Burbujas

Fig. 3. Grficos generados por JFreeChart

Adems los grficos, es posible colocar varios marcadores en el rea de grfica.

Fig. 6. Extraccin de las secciones del Pastel

BarChart

Se pueden crear una serie de barras con JFreeChart, utilizando los datos que se ajustan al CategoryDataSet.

Fig.4. Ejemplo de varios marcadores en el rea de grfica

JFreeChart se apoya en la librera JCommon que es una coleccin de clases de utilidad que presenta las siguientes caractersticas: configuracin y cdigo de direccin de dependencia, un framework de registro general, utilidades de

Fig. 7. Grfico de Barras Horizontales

Fig. 8. Grfico de Barras Verticales Fig. 11. Grfico de Lneas

Las barras verticales y horizontales pueden ser mostradas con efectos en 3 dimensiones:

XYPlots

El tercer tipo de dataset, el XYDataset, se utiliza para generar otros tipos de grfico. El estndar XY Plot tiene ejes numricos X,Y. Por defecto, las lneas se dibujan entre cada punto de datos.

Fig. 9. Barras Verticales en 3 dimensiones

Fig. 12. Grfico XYPlot

Se pueden dibujar diferentes formas en los puntos de los datos, en lugar de dibujar las lneas entres los puntos de datos, para un diagrama de dispersin.

Fig. 10. Barras Horizontales en 3 dimensiones

LineChart

El grfico de lneas es generado empleando CategoryDataset el mismo que es tambin utilizado para los grficos de barras.
Fig. 13. Grfico XYPlot con Diferentes Formas en los Puntos

AreaChart

Se puede generar grficos de reas para los datos en un CategoryDataset o en un XYDataset. El siguiente ejemplo usa el ltimo.

Fig. 14. Grfica de reas

StepChart

Fig. 15. Grfico de Pasos

GanttChart

Fig. 16. Diagrama de Gantt

IV. FUNCIONAMIENTO DEL PROGRAMA A. Diagrama UML

Fig. 17. Diagrama UML

B. Componentes del Programa Al iniciar el programa aparecer una ventana que contiene el men con las diferentes opciones que permite realizar nuestra aplicacin.

Finalmente al accionar el botn de Crear Diagrama Pastel aparecer un cuadro de dilogo en donde el usuario podr ingresar el ttulo del grfico.

Fig. 21. Ingreso del ttulo del grfico

Fig. 18. Men Principal

Dependiendo de la opcin que seleccione el usuario aparecer una nueva ventana con el contenido correspondiente, en cada una de las ventanas se localiza un botn Regresar al Men que nos permite retornar al men principal. La primera opcin que muestra el men permite realizar un Diagrama de Pastel, al ser presionado este botn se mostrar un cuadro de dilogo en donde el usuario podr ingresar el nmero de divisiones que requiere que tenga su diagrama de pastel.

Fig. 22. Ejemplo del Diagrama de Pastel

La segunda opcin que muestra el men permite realizar un Diagrama de Barras, al ser presionado este botn se mostrar dos cuadros de dilogo, en el primero el usuario deber ingresar el nmero de eventos que corresponde al nmero de conjuntos de barras y en el segundo deber ingresar el nmero de variables que corresponde al nmero de barras de cada grupo (evento).

Fig. 19. Ingreso del nmero de divisiones

Seguidamente aparecer una ventana en donde el usuario podr ingresar el nombre de la particin al igual que el porcentaje correspondiente. Tambin el usuario podr ver un ejemplo predeterminado.

Fig. 23. Ingreso del nmero de eventos

Fig. 24. Ingreso del nmero de variables

Fig. 20. Ventana para el ingreso de los datos y vista del modelo predeterminado del Diagrama de Pastel

A continuacin aparecer una ventana en donde el usuario podr ingresar el nombre de cada evento, el valor de cada variable en cada evento y el nombre de cada variable. Adems podr ingresar el ttulo del grfico y el ttulo del eje vertical y horizontal. De igual manera que en el Diagrama de Pastel, el usuario podr ver un ejemplo predeterminado.

Por ltimo el men muestra una opcin que nos permite visualizar algunos ejemplos de Componentes HMI, al presionar este botn aparecer una ventana donde se mostrar un velocmetro y tres termmetros. El usuario podr aumentar o disminuir la velocidad al igual que para el caso de los termmetros, adems en cada termmetro se presentar opciones para la ubicacin del rango de temperatura.

Fig. 25. Ventana para el ingreso de datos y vista del modelo predeterminado del Diagrama de Barras Fig. 28. Ejemplo de Componentes HMI

V. CONCLUSIONES [1] Se pudo comprobar la gran utilidad y el servicio que nos presta la librera JFreeChart cuando nos referimos a la elaboracin de elementos grficos, sobresaliendo su versatilidad de manejo para el usuario. [2] Se verific que los grficos implementados por la librera JFreeChart pueden ser fcilmente manipulados por el usuario pensando siempre en la conveniencia del mismo. De esta manera se podr obtener una mejor apreciacin visual del trabajo realizado.
Fig. 26. Ejemplo del Diagrama de Barras

[3] Se adapt la librera a NetBeans haciendo uso de sus caractersticas principales, brindando una explicacin clara de su manejo y buen empleo. [4] Se pudo aportar la gestin de un programa realizado en NetBeans con el fin de facilitar el entendimiento del manejo de la librera JFreeChart, exponiendo algunas clases de la misma. Web Sites (Sitios Web): [1] Simn Cdric. A. (2009). Curso de grficos con Java y OpenFlashChart para aplicaciones web , http://es.scribd.com/doc/19482288/Curso-de-Graficos-ConJava, extrado 29 de noviembre del 2011 desde fuente. [2] Yaima Cordero Rosales. A. (2005). Generacin de grficos utilizando la librera JFreeChart,http://renia.cujae.edu.cu/index.php/revistacientif ica/article/viewFile/113/pdf_31, extrado 28 de noviembre del 2011 desde fuente. [3] Fundation Wikimedia, Inc. A. (2011). JFreeChart, http://es.wikipedia.org/wiki/JFreeChart, extrado 28 de noviembre del 2011 desde fuente. [4] David Gilbert. A. (2002). La Librera JFreeChart, http://docs.google.com/viewer?a=v&q=cache:vqkJ_qshdwEJ:

La tercera opcin encontrada en el men permite realizar la Grafica de Funciones, al presionar este botn aparecer una ventana en donde el usuario podr ingresar la funcin al igual que su dominio.

Fig. 27. Ejemplo de la Grfica de Funcin

ktipsntricks.com/data/ebooks/java/jfreechart-0.9.1-USv1.pdf+the+jfreechart+class+library+developer+guide+down load+free&hl=es&gl=ec&pid=bl&srcid=ADGEEShvAAnDu hgSKfJfDUf4CISvfzJdKg2MAwSA75by3eQh3ZlluMSrhN9 7ETT2-NuMJa0E3ylxx4P2UwP2s4PsLGilvsTpnY0dZiUEHncJGJd-td 7zRJ4tUgs8m997DseqLnXwI&sig=AHIEtbSP0Z_gkDh0KA PKKMWPCOrOwD_eYg&pli=1, extrado 02 de diciembre del 2011 desde fuente. [5] Jaime Hablutzel. A. (2009). JFreeChart: Facil creacin de grficos estadsticos en Java , http://elespaciodejaime.wordpress.com/tag/jfreechart/, extrado 29 de noviembre del 2011 desde fuente. JavaResourses. A. (2006). Tutorial de JFreeChart, http://www.javaresources.biz/jfreechart_tutorial.jsp, extrado 01 de diciembre del 2011 desde fuente. [6] Dustin Marx y Michael G. Martin. A. (2007). Introduccin a JFreeChart, http://www.oracle.com/technetwork/articles/marx-jchart 085298.html, extrado 30 de noviembre del 2011 desde fuente. [7] Martn Nourino. A. (2010). Introduccin a HMI, http://www.ensode.net, extrado 05 de diciembre del 2011 desde fuente. INFORMACIN DE LOS AUTORES Johanna Maricela Almachi Toapanta, naci en Quito, Ecuador, 6 de mayo de 1990. Sus estudios primarios y secundarios los realiz en la Unidad Educativa Experimental FAE No.1, obteniendo el ttulo de bachiller tcnico, especialidad Electrnica. Actualmente est cursando sus estudios universitarios en la Escuela Politcnica del Ejrcito en la carrera de Ingeniera Electrnica en Automatizacin y Control. Norma Elizabeth Benalczar Alvarez, naci el 8 de Mayo de 1990 en la ciudad de Quito. Sus estudios primarios y secundarios los realiz en el Colegio de Amrica, obteniendo el ttulo de bachiller, especialidad Ciencias. Actualmente est cursando sus estudios universitarios en la Escuela Politcnica del Ejrcito en la carrera de Ingeniera Electrnica en Automatizacin y Control.

Denis Michael Flores Pazos, naci el 18 de Octubre de 1990 en la ciudad de Quito, Ecuador. Sus estudios primarios los realiz en la escuela Domingo Faustino Sarmiento, continuando su preparacin secundaria en el Colegio Tcnico Experimental Salesiano Don Bosco obteniendo el ttulo de bachiller tcnico, especialidad Electricidad y Electrnica. Actualmente est cursando sus estudios universitarios en la Escuela Politcnica del Ejrcito en la carrera de Ingeniera Electrnica en Automatizacin y Control. Gustavo Patricio Vsconez Endara, naci en Quito, Ecuador, 29 de Agosto de 1990. Sus estudios primarios los realiz en la escuela Daro Figueroa Larco, continuando su preparacin secundaria en el Colegio Liceo Naval obteniendo el ttulo de bachiller, especialidad Fsico Matemtico. Actualmente est cursando sus estudios universitarios en la Escuela Politcnica del Ejrcito en la carrera de Ingeniera Electrnica en Automatizacin y Control.