Presentacion 2.2

14
2.2.1 DESARROLLO DE PAGINAS WEB DINAMICAS

Transcript of Presentacion 2.2

Page 1: Presentacion 2.2

2.2.1 DESARROLLO DE PAGINAS WEB DINAMICAS

Page 2: Presentacion 2.2

CONFIGURACION DEL ENTRONO DE TRABAJO DE LA BD

Page 3: Presentacion 2.2

Para realizar una requisición de acceso desde el Web hasta una base de datos no sólo se necesita de un browser del Web y de un Servidor Web, sino también de un software de procesamiento (aplicación CGI), el cual es el programa que es llamado directamente desde un documento HTML en el cliente. Dicho programa lee la entrada de datos desde que provienen del cliente y toma cierta información de variables de ambiente. El método usado para el paso de datos está determinado por la llamada CGI.

Una vez se reciben los datos de entrada (sentencias SQL o piezas de ellas), el software de procesamiento los prepara para enviarlos a la interfaz en forma de SQL, y luego ésta procesa los resultados que se extraen de la base de datos.

Page 4: Presentacion 2.2

La interfaz contiene las especificaciones de la base de datos necesarias para traducir las solicitudes enviadas desde el cliente, a un formato que sea reconocido por dicha base. Además, contiene toda la información, estructuras, variables y llamadas a funciones, necesarias para comunicarse con la base de datos.

El software de acceso usualmente es el software distribuido con la base de datos, el cual permite el acceso a la misma, a través de solicitudes con formato. Luego, el software de acceso recibe los resultados de la base de datos, aún los mensajes de error, y los pasa hacia la interfaz, y ésta a su vez, los pasa hasta el software de procesamiento.

Page 5: Presentacion 2.2

Cualquier otro software (servidor HTTP, software de redes, etc.) agrega enlaces adicionales a este proceso de extracción de la información, ya que el software de procesamiento pasa los resultados hacia el servidor Web, y éste hasta el browser del Web (ya sea directamente o a través de una red).

Page 6: Presentacion 2.2

LENGUAJES DE PROGRAMACION

Page 7: Presentacion 2.2

HTML

Es el lenguaje de marcado mas extendido para la creación de pág.. Web.

La presentación de la pág.. Depende directamente del navegador utilizado. El mismo documento no tiene el mismo formato en pantalla si se visualiza con diferentes navegadores, HTML se limita a describir la estructura y el contenido de un documento y no el formato de la pág.. En la pantalla.

HTML en un lenguaje muy sencillo, pero al mismo tiempo muy limitado. Por esta razón generalmente se utiliza acompañado de otros lenguajes tales como el JavaScript, que ofrecen funcionalidades adicionales.

Page 8: Presentacion 2.2

SQL

Es un lenguaje de consulta estructurado de tipo declarativo, utilizado para el acceso a bases de datos relacionales, el cual permite especificar diversos tipos de operaciones sobre las mismas.

Una de sus características es el manejo del algebra y el calculo relacional permitiendo lanzar consultas con el fin de recuperar de una forma sencilla información de interés de una BD, así como también hacer cambios sobre la misma.

Page 9: Presentacion 2.2

PHP

Es un lenguaje de programación interpretado de propósito general ampliamente usado y que esta diseñado especialmente para la creación de pág.. Web dinámicas. Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos sin costo alguno.

Page 10: Presentacion 2.2

JAVASCRIPT

Es utilizado principalmente en pág.. Web, y posee una sintaxis semejante a la del lenguaje Java y el lenguaje C, aunque a diferencia de estos no requiere compilación.se utiliza principalmente para crear páginas web dinámicas.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.

Page 11: Presentacion 2.2

FORMULARIOS DINÁMICOS EN PAGINAS WEB DEL LADO DEL

SERVIDOR

Page 12: Presentacion 2.2

Una situación que se nos presenta cuando trabajamos con sitios web es la de crear campos de manera dinámica. En esta breve entrada explicaré como pueden crearse campos dinámicos en una página HTML aprovechando JavaScript.

Supongamos el siguiente escenario:  Nos solicitan una página para la captura de artículos con la particularidad de que el usuario pueda agregar tantos como desee. La finalidad es claro: acelerar la captura.

Comenzaremos agregando un formulario que incluirá un enlace para permitir que el usuario vaya agregando los campos que requiera:

Page 13: Presentacion 2.2

12345678910

<form id="formdinamico" name="formdinamico" action="prueba.php"> <table border="0" width="100%"> <tr> <td></td> <a href='JavaScript:agregarCampo();'> Agregar campo de captura </a> </tr> </table> </form>

Page 14: Presentacion 2.2

para poder agregar campos de manera dinámica a un formulario deberemos establecer primero un contenedor de los elementos. Para ello usaremos un DIV que definiremos de la siguiente manera:

123

<div id="contenedorcampos"> </div>