5.1.1.3 PHP.

Las siguientes definiciones han sido tomadas de:

- http://es.wikipedia.org/wiki/.php

- http://www.php.net/

PHP es un lenguaje de programación intrepretado, diseñado originalmente para la creación de páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTL+.

PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente PHP

Tools, o, Personal Home Page Tools). Fue creado originalmente por Rasmus Lerdof en 1994; sin embargo la implementación principal de PHP es producida ahora por The PHP Group y sirve como el estándar de facto para PHP al no haber una especificación formal. Publicado bajo la PHP License, la Free

Software Fundation considera esta licencia como software libre.

PHP es un lenguaje interpretado de propósito general ampliamente usado y que está diseñado especialmente para desarrollo web y puede ser embebido dentro de código HTML. Generalmente se ejecuta en un servidor web, tomando el código en PHP como su entrada y creando páginas web como salida. Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos y plataformas sin costo alguno. PHP se encuentra instalado en más de 20 millones de sitios web y en un millón de servidores, aunque el número de sitios en PHP ha empezado a compartir su cuota con otros lenguajes desde hace unos años. Es también el módulo Apache más popular entre las computadoras que utilizan Apache como servidor web. La más reciente versión principal del PHP fue la versión 5.2.6 de 1 de mayo de 2008.

El gran parecido que posee PHP con los lenguajes más comunes de programación estructurada, como C y Perl, permiten a la mayoría de los programadores crear aplicaciones complejas con una curva de aprendizaje muy corta. También les permite involucrarse con aplicaciones de contenido dinámico sin tener que aprender todo un nuevo grupo de funciones.

Aunque todo en su diseño está orientado a facilitar la creación de página web, es posible crear aplicaciones con una interfaz gráfica para el usuario, utilizando la extensión PHP-Qt o PHP-GTK. También puede ser usado desde la línea de órdenes, de la misma manera como Perl o Python pueden hacerlo, a esta versión de PHP se la llama PHP CLI (Command Line Interface).

Cuando el cliente hace una petición al servidor para que le envíe una página web, el servidor ejecuta el intérprete de PHP. Éste procesa el script solicitado que generará el contenido de manera dinámica (por ejemplo obteniendo información de una base de datos). El resultado es enviado por

el intérprete al servidor, quien a su vez se lo envía al cliente. Mediante extensiones es también posible la generación de archivos PDF, Flash, así como imágenes en diferentes formatos.

Permite la conexión a diferentes tipos de servidores de bases de datos tales como MySQL, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y SQLite. Análisis, diseño e implementación de un sitio Web Departamental: Creación, modificación y almacenamiento de contenidos

Adolfo Miguel Catalán García Manso Page 73‐

PHP también tiene la capacidad de ser ejecutado en la mayoría de los sistemas operativos, tales

como UNIX (y de ese tipo, como Linux o Mac OS X) y Windows, y puede interactuar con los servidores

de web más populares ya que existe en versión CGI, módulo para Apache, e ISAPI.

PHP es una alternativa a las tecnologías de Microsoft ASP y ASP.NET (que utiliza C# VB.NET

como lenguajes), a ColdFusion de la compañía Adobe (antes Macromedia), a JSP/Java de Sun

Microsystems, y a CGI/Perl. Aunque su creación y desarrollo se da en el ámbito de los sistemas libres,

bajo la licencia GNU, existe además un IDE (entorno de desarrollo integrado) comercial llamado Zend

Studio. Recientemente, CodeGear (la división de lenguajes de programación de Borland) ha sacado al

mercado un entorno integrado de desarrollo para PHP, denominado Delphi for PHP. Existe un módulo

para Eclipse uno de los IDE más populares.

Historia:

PHP fue originalmente diseñado en Perl, en base a la escritura de un grupo de CGI binarios

escritos en el lenguaje C por Rasmus Lerdorf en el año 1994 para mostrar su C.V. y guardar ciertos

datos, como la cantidad de tráfico que su página web recibía. El 8 de junio de 1995 fue publicado

"Personal Home Page Tools".

Características:

• Favorables:

1. Es un lenguaje multiplataforma.

2. Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan

en la actualidad, destaca su conectividad con MySQL.

3. Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados

ext's o extensiones).

4. Posee una amplia documentación en su página oficial, entre la cual se destaca que todas

las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda.

5. Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.

6. Permite las técnicas de Progrmación Orientada a Objetos.

7. Biblioteca nativa de funciones sumamente amplia e incluida.

8. No requiere definición de tipos de variables.

9. Tiene manejo de excepciones (desde php5).

• Desfavorables:

Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de

programar (muchos otros lenguajes tampoco lo hacen), aún estando dirigido a alguna en particular, el

programador puede aplicar en su trabajo cualquier técnica de programación y/o desarrollo que le

permita escribir código ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que

en PHP se han hecho del patrón de diseño, MODELO VISTA CONTROLADOR (o MVC), que permiten

separar el tratamiento y acceso a los datos, la lógica de control y la interfaz de usuario en tres

componentes independientes

5.1.4 Base de Datos.

A la hora de seleccionar la base de datos, tendremos en cuenta sólo las versiones gratuitas más

conocidas y robustas del mercado.

5.1.4.3 MySQL Server.

Las siguientes definiciones han sido tomadas de:

- http://es.wikipedia.org/wiki/MySQL/:

- http://www.mysql.com/

MySQL es la base de datos open source más popular. Su continuo desarrollo y su creciente

popularidad están haciendo de MySQL un competidor cada vez más directo de gigantes en la materia de

las bases de datos como Oracle.

MySQL es un sistema de administración de bases de datos (Database Management System,

DBMS) para bases de datos relacionales.

Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas relacionales

orientados a objetos. MySQL, como base de datos relacional, utiliza multiples tablas para almacenar y

organizar la información.

MySQL fue escrito en C y C++ y destaca por su gran adaptación a diferentes entornos de

desarrollo, permitiendo su ínteractuación con los lenguajes de programación más utilizados como PHP,

Perl y Java y su integración en distintos sistemas operativos.

También es muy destacable, la condición de open source de MySQL, que hace que su utilización

sea gratuita e incluso se pueda modificar con total libertad, pudiendo descargar su código fuente (salvo

aquellas en las que se ofrece soporte dedicado). Esto ha favorecido muy positivamente en su desarrollo

y continuas actualizaciones, para hacer de MySQL una de las herramientas más utilizadas por los

programadores orientados a Internet.

Las principales características de este gestor de bases de datos son las siguientes:

• Aprovecha la potencia de sistemas multiprocesador, gracias a su implementación multihilo.

• Soporta gran cantidad de tipos de datos para las columnas.

• Dispone de API's en gran cantidad de lenguajes (C, C++, Java, PHP, etc).

• Gran portabilidad entre sistemas.

• Soporta hasta 32 índices por tabla.

• Gestión de usuarios y passwords, manteniendo un muy buen nivel de seguridad en los datos. Análisis, diseño e implementación de un sitio Web Departamental: Creación,

modificación y almacenamiento de contenidos

Adolfo Miguel Catalán García Manso Page 95‐

Características de la versión 5.0.22

• Un amplio subconjunto de ANSI SQL 99, y varias extensiones.

• Soporte a multiplataforma.

• Procedimientos almacenados.

• Triggers.

• Cursores.

• Vistas actualizables.

• Soporte a VARCHAR.

• INFORMATION_SCHEMA.

• Modo Strict.

• Soporte X/Open XA de transacciones distribuidas; transacción en dos fases como parte de esto,

utilizando el motor InnoDB de Oracle.

• Motores de almacenamiento independientes (MyISAM para lecturas rápidas, InnoDB para

transacciones e integridad referencial).

• Transacciones con los motores de almacenamiento InnoDB, BDB Y Cluster; puntos de

recuperación (savepoints) con InnoDB.

• Soporte para SSL.

• Query caching.

• Sub-SELECTs (o SELECTs anidados).

• Réplica con un maestro por esclavo, varios esclavos por maestro, sin soporte automático para

multiples maestros por esclavo.

• indexing y buscando campos de texto completos usando el motor de almacenamiento MyISAM.

• Embedded database library.

• Soporte completo para Unicode.

• Conforme a las reglas ACID usando los motores InnoDB, BDB y Cluster.

• Shared-nothing clustering through MySQL Cluster.

La gran mayoría de gente usa este gestor en Internet por sus ventajas:

• Sin lugar a duda, lo mejor de MySQL es su velocidad a la hora de realizar las operaciones, lo

que le hace uno de los gestores que ofrecen mayor rendimiento.

• Su bajo consumo lo hacen apto para ser ejecutado en una máquina con escasos recursos sin

ningún problema.

• Las utilidades de administración de este gestor son envidiables para muchos de los gestores

comerciales existentes, debido a su gran facilidad de configuración e instalación.

• Tiene una probabilidad muy reducida de corromper los datos, incluso en los casos en los que los

errores no se produzcan en el propio gestor, sino en el sistema en el que está.

• El conjunto de aplicaciones Apache-PHP-MySQL es uno de los más utilizados en Internet en

servicios de foro y de buscadores.

8.1.3. HTML

Es el lenguaje de marcado predominante para la construcción de páginas web. Es usado

para describir la estructura y el contenido en forma de texto, así como para

complementar el texto con objetos tales como imágenes.

HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>).

HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y

puede incluir un script (por ejemplo JavaScript), el cual puede afectar al

comportamiento de navegadores web y otros procesadores de HTML.

En nuestra aplicación el documento HTML es el encargado de la visualización web de

la misma. En él se muestra el mapa, la ventana de configuración, y el diagrama de

barras. Desde él y usando JavaScript se lee toda la información a visualizar desde

archivos en formato XML.

Un documento HTML se divide en dos grandes bloques:

1. El bloque <head>: define la cabecera del documento HTML. Esta cabecera suele

contener información sobre el documento que no se muestra directamente al usuario.

Como por ejemplo el título de la ventana del navegador. En él, nosotros hemos

declarado las variables globales y todas las funciones que usamos para el desarrollo.

2. El bloque <body>: define el contenido principal o cuerpo del documento. Esta es la

parte del documento html que se muestra en el navegador; dentro de esta etiqueta

pueden definirse propiedades comunes a toda la página, como color de fondo y

márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas.

En este bloque, ayudándonos del software Dreamweaver (programa muy utilizado en la

programación y diseño web), para facilitar nuestra tarea y así no tener que escribir a

mano todas las etiquetas, hemos incluido todos elementos de nuestra aplicación (tablas,

divs, títulos, list/menu, etc).

También se incluye en este bloque todo el código JavaScript que gestiona el

funcionamiento dinámico de la página.

8.1.6. JavaScript

JavaScript es un lenguaje de scripts desarrollado por Netscape para incrementar las

funcionalidades del lenguaje HTML. Sus características más importantes son:

1. JavaScript es un lenguaje interpretado, es decir, no requiere compilación. El

navegador del usuario se encarga de interpretar las sentencias JavaScript contenidas en

una página HTML y ejecutarlas adecuadamente.

2. JavaScript es un lenguaje orientado a eventos. Cuando un usuario pincha sobre un

enlace o mueve el puntero sobre una imagen se produce un evento. Mediante JavaScript

se pueden desarrollar scripts que ejecuten acciones en respuesta a estos eventos.

3. JavaScript es un lenguaje orientado a objetos. El modelo de objetos de JavaScript está

reducido y simplificado, pero incluye los elementos necesarios para que los scripts

puedan acceder a la información de una página y puedan actuar sobre la interfaz del

navegador.

En nuestra aplicación hemos incluido JavaScript de las dos formas posibles en las que

esto se puede hacer:

1. Embebido en el código HTML, entre las etiquetas o tags <script> y </script>.

2. Como archivo .js que se carga con la página HTML. Para ello, debe indicarse en las

tags anteriores el nombre y ubicación del archivo .js que contiene el script JavaScript.

<script src="../20_4v2/elabel.js" type="text/javascript"></script>

<script src="../20_4v2/diagram.js" type="text/javascript"></script>

La librería diagram.js es especialmente útil para mostrar un diagrama de barras

dependiente de la entrada de datos que le introduzca el usuario o de datos presentes en

una base de datos.

Para la construcción de este diagrama hay que tener en cuenta dos objetos:

1. Diagram object

Este objeto ofrece la posibilidad de dibujar un diagrama en una posición definida con un

tamaño definido dentro del tamaño del documento.

Esta es la forma en la que hemos definido el diagrama en nuestra aplicación:

//Se indica la posición del diagrama en el documentos

D.SetFrame(45, 575, 685,575 + (vsimtrab.length*55) );

//Indica el rango de valors en los ejes x e y de la gráfica

D.SetBorder( 0, 100,-1, vsimtrab.length);

//Modifica el estilo del texto

D.Font="font-family:Verdana;font-weight:bold;font-size:11pt;lineheight:15pt;line-width:15pt;"; Aplicación web para la geolocalización y monitorización en tiempo real de los

recursos integrantes de una red Grid

_______ __________ ___________________________________

30

//Pone título al diagrama

D.SetText("","","Performance Graph");

D.YScale= 0;

D.XScale=" %";

D.SetGridColor("#8CACBB", "#CCCCCC");

D.Draw("#DEE7EC", "#000000",false);

2. The Box object

Este objeto lo usamos para mostrar una barra en la pantalla. Más en concreto en el

diagrama. Con el propósito de encontrar la posición y el tamaño apropiado de la barra.

Es posible mover, redimensionar, y borrar una barra después de haber sido dibujada.

Esta es la forma en la que creamos las barras en nuestra aplicación:

for (i=0; i<vsimtrab.length; i++){

vj[i]=D.ScreenY(i+0,5);

bottom= D.ScreenX(0)

if (i%2==0) {

vBars[i] = new Box(bottom,vj[i]+12, D.ScreenX(vporciento[i]),

vj[i]-12, "#333366","mar.gif", "#FFFFFF","","#000000");

vBars2[i] = new Bar(bottom - 37,vj[i]-12,

D.ScreenX(vporciento[i]), vj[i]-12, ""," ", "#000000","");

{

else {

vBars[i] = new Box(bottom,vj[i]+12, D.ScreenX(vporciento[i]),

vj[i]-12, "#8894A4","verde.gif", "#FFFFFF","","#000000");

vBars2[i] = new Bar(bottom - 37,vj[i]-12,

D.ScreenX(vporciento[i]), vj[i]-12, ""," ", "#000000","");

{

{

Vamos creando una barra de cada color de forma alternativa.

El fragmento de código donde las barras se redimensionan para mostrar los datos

actualizados en tiempo real es el siguiente:

vBars[i].ResizeTo(bottom,vj[i]-12,D.ScreenX(vporciento[i])-bottom,24);