CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB

Presentación del tema: "CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB"— Transcripción de la presentación:

1 CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB
JpGraph

2 INTRODUCCION. Gráficos en las paginas web?. se puede incorporar gráficos a nivel estático o dinámico. Estático: el grafico ya esta desarrollado previamente. Dinámico: el grafico se genera en el momento de consultar o acceder a la pagina. JpGraph es una herramienta para la creación dinámica de graficas en paginas generadas con php

3 JpGraph Es una librería que incluye una serie de clases -código orientado a objetos- que sirven para crear imágenes con todo tipo de gráficas, dinámicamente desde páginas PHP. Con JpGraph se pueden crear gráficas complejas con un mínimo de código y con un control muy detallado. Considera un único requerimiento: que se tenga instalado el soporte para la librería GD Graphics library Es una librería gratuita (para uso no comercial), fácil de instalar y de fácil manejo.

4 CARACTERISTICAS DE JpGraph
Reducido peso en bytes de las imágenes resultado. Habitualmente unos pocos KB. Uso de la Interpolación matemática para obtener curvas a partir de unos pocos valores. Diversos tipos de gráficas 2D o 3D, como de puntos, líneas, tartas, barras, cajas... Escalas flexibles tanto en el eje X como el Y, que se ajustan al juego de datos que se tenga que representar.

5 CARACTERISTICAS DE JpGraph
Soporte para generar gráficas con varios juegos de valores a la vez. Configurable con distintos tipos de colores, leyendas, tipografías, imágenes de fondo, etc. • Soporte para adjuntar texto a las imágenes con párrafos multilínea y soporte para fuentes TTF (tipos de letra). Amplía documentación con 150 páginas de tutorial y una extensa referencia de clase.

6 COMO CREAR LAS IMAGENES
El uso de la librería supone dos aspectos fundamentales: Crear una imagen con la etiqueta <img> de HTML En el atributo src se coloca la ruta hacia el script PHP que se encarga de generar la gráfica. En el archivo PHP que generará la gráfica se debe incluir: Las librerías apropiadas para el tipo de gráfica que se desea realizar. Una instancia del objeto JpGraph correspondiente. Los datos a visualizar. Llamar a los métodos adecuados para mostrar la imagen.

7 TIPOS DE IMÁGENES DISPONIBLES EN JpGraph. (solo algunos)

8 TIPOS DE IMÁGENES DISPONIBLES EN JpGraph. (solo algunos)

9 INSTALACION Y CONFIGURACION.
Para que PHP pueda disponer de la librería de clases de JpGraph, se debe configurar PHP para que soporte formatos gráficos. phpinfo() describe todas las características que soporta PHP, en consecuencia, en esta descripción debe aparecer que esta disponible la extensión GD_library. Si esta extensión no estuviese disponible se la debe habilitar en el archivo de inicialización ‘php.ini’ localizado en “../apache/php/” extension=php_gd.dll La librería de clases JpGraph, se puede localizar en el lugar que uno desee, pero es recomendable que se localice en el directorio de trabajo ‘htdocs’

10 EJEMPLO DE CREACION DE IMÁGENES #1
En un documento html debe aparecer la siguiente referencia: <img src="fig1.php"  border=0 align=center width =300 height=200> Grafico generado por fig1.php

11 El archivo fig1.php es: <?php
include ("c:apache/htdocs/jpgraph-1.6.2/src/jpgraph.php"); include ("c:apache/htdocs/jpgraph-1.6.2/src/jpgraph_line.php"); $ydata = array(11,3,8,12,5,1,9,13,5,7); // Crea el area para el grafico $graph = new Graph(350,250,"auto"); $graph->SetScale("textlin"); // Crea la grafica de lineas (dibuja) $lineplot=new LinePlot($ydata); $lineplot->SetColor("blue"); // Adiciona el grafico de lineas al area del grafico $graph->Add($lineplot); // Despliega el grafico $graph->Stroke(); ?>

12