1 / 12

CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB

CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB. JpGraph. 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.

caleb-holmes
Download Presentation

CREACION DINAMICA DE IMAGENES EN APLICACIONES WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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(); ?>

More Related