NUEVAS TECNOLOGÍAS EN EL SECTOR DEL RIEGO. DESARROLLO DE ... · universidad politÉcnica de valencia escuela tÉcnica superior del medio rural y enologÍa nuevas tecnologÍas en

UNIVERSIDAD POLITÉCNICA DE VALENCIA

ESCUELA TÉCNICA SUPERIOR DEL MEDIO RURAL Y ENOLOGÍA

NUEVAS TECNOLOGÍAS EN EL SECTOR DEL RIEGO. DESARROLLO DE UNA PÁGINA WEB DINÁMICA CON ACCESO

A DATOS PARA LA EMPRESA HIDROCONTA S.A.

TRABAJO FIN DE CARRERA

Alumno: D. Ricardo Herranz Peris

Director Académico: Prof. D. Jaime Arviza Valverde

Director Experimental: Prof. D. Pablo González Altozano

Valencia, Febrero del 2003

I

ÍNDICE GENERAL 1.- INTRODUCCIÓN ................................................................................................................................1 2.- OBJETIVOS..........................................................................................................................................3 3.- REQUERIMIENTOS DEL SISTEMA ...............................................................................................5

3.1.- HARDWARE ......................................................................................................................................5 3.2.- SOFTWARE .......................................................................................................................................5

4.- HERRAMIENTAS DE IMPLEMENTACIÓN Y DESARROLLO .................................................7 4.1.- HARDWARE ......................................................................................................................................7 4.2.- SOFTWARE .......................................................................................................................................8

5.- INTRODUCCIÓN A LOS LENGUAJES DE PROGRAMACIÓN WEB.....................................10 5.1.- INTRODUCCIÓN A LA WEB..............................................................................................................10 5.2.- LENGUAJE HTML ..........................................................................................................................11 5.3.- DIFERENCIA ENTRE PÁGINAS ESTÁTICAS Y PÁGINAS DINÁMICAS....................................................11 5.4.- PÁGINAS DINÁMICAS......................................................................................................................12

5.4.1.- Páginas dinámicas de cliente ................................................................................................12 5.4.2.- Páginas dinámicas de servidor..............................................................................................13

5.5.- LENGUAJES DE PROGRAMACIÓN DEL LADO DEL CLIENTE ...............................................................14 5.5.1.- Javascript ..............................................................................................................................14 5.5.2.- Visual Basic Script.................................................................................................................14 5.5.3.- DHTML..................................................................................................................................15 5.5.4.- Applets de Java......................................................................................................................16

5.6.- LENGUAJES DE PROGRAMACIÓN DEL LADO DEL SERVIDOR.............................................................16 5.6.1.- CGI ........................................................................................................................................16 5.6.2.- ASP ........................................................................................................................................17 5.6.3.- PHP .......................................................................................................................................18

6.- CRITERIOS DE DESARROLLO.....................................................................................................19 6.1.- ELECCIÓN DEL LENGUAJE DE PROGRAMACIÓN ...............................................................................19 6.2.- ASP. DESCRIPCIÓN GENERAL DE LA PLATAFORMA ........................................................................22 6.3.- CONFIGURACIÓN DEL SERVIDOR EN LOCAL ....................................................................................25 6.4.- ESTRUCTURA GENERAL DEL SITIO WEB..........................................................................................25 6.5.- INTERACCIÓN ASP-BASE DE DATOS ..............................................................................................27 6.6.- ARCHIVOS DE INCLUSIÓN ...............................................................................................................30 6.7.- DISEÑO DE ICONOS PARA EL SITIO WEB..........................................................................................32

7.- DESCRIPCIÓN DEL ENTORNO ....................................................................................................35 7.1.- BARRA DE NAVEGACIÓN ................................................................................................................35 7.2.- SISTEMAS DE CHEQUEO PREVIOS A LA CARGA DE LA PÁGINA DE INICIO..........................................38 7.3.- PAGINA DE INICIO...........................................................................................................................42

7.3.1.- Enlaces de acceso y navegación al sitio Web........................................................................43 7.3.2.- Logotipo y lema de la empresa..............................................................................................45 7.3.3.- Contactos por correo electrónico ..........................................................................................46 7.3.4.- Datos del Web master y contador de visitas..........................................................................46

7.4.- SECCIÓN DE EMPRESA ....................................................................................................................47 7.5.- SECCIÓN DE PRODUCTOS ................................................................................................................50

7.5.1.- Contadores ............................................................................................................................51 7.5.2.- Válvulas de membrana ..........................................................................................................55 7.5.3.- Hidrantes ...............................................................................................................................59 7.5.4.- Válvulas de contralavado ......................................................................................................62 7.5.5.- Pilotos y accesorios ...............................................................................................................64 7.5.6.- Bombas dosificadoras............................................................................................................67 7.5.7.- Telegestión.............................................................................................................................69

7.6.- TARIFAS .........................................................................................................................................74 7.6.1.- Acceso libre ...........................................................................................................................75 7.6.2.- Acceso a usuarios registrados ...............................................................................................78

II

7.6.3.- Registrarse.............................................................................................................................81 7.7.- INSTALACIONES..............................................................................................................................84

7.7.1.- Descripción............................................................................................................................85 7.7.2.- Navegador de imágenes.........................................................................................................85

8.- INCLUSIÓN DEL SITIO WEB EN EL SERVIDOR......................................................................88 9.- CONCLUSIONES...............................................................................................................................90 10.- ANEJOS.............................................................................................................................................91

10.1.- ANEJO 1: RELACIÓN DE ARCHIVOS DEL PROGRAMA .....................................................................91 10.1.1.- Imágenes..............................................................................................................................91 10.1.2.- Scripts y Base de Datos ....................................................................................................115 10.1.3.- Páginas Web......................................................................................................................116

10.2.- ANEJO 2: SCRIPTS.......................................................................................................................117 10.2.1.- Animate.js ..........................................................................................................................117 10.2.2.- Connof.inc .........................................................................................................................139 10.2.3.- Connon.inc.........................................................................................................................139 10.2.4.- Impmodelos.inc..................................................................................................................139 10.2.5.- Lecturalengua.inc ..............................................................................................................140 10.2.6.- Navcond.js .........................................................................................................................141 10.2.7.- Navegacion.inc ..................................................................................................................153 10.2.8.- Pagina.inc..........................................................................................................................160 10.2.9.- Paint.list.............................................................................................................................160 10.2.10.- Plantilla.inc .....................................................................................................................168 10.2.11.- Popup.inc.........................................................................................................................170 10.2.12.- Tarifaplantilla.inc............................................................................................................170 10.2.13.- Tarifauser.inc ..................................................................................................................182 10.2.14.- Testlengua.inc..................................................................................................................191

10.3.- ANEJO 3: PÁGINAS WEB ASP.....................................................................................................192 10.3.1.- Bomba.asp .........................................................................................................................193 10.3.2.- Bombatipo.asp ...................................................................................................................196 10.3.3.- Contador.asp .....................................................................................................................200 10.3.4.- Contadortipo.asp ...............................................................................................................204 10.3.5.- Contralavado.asp ..............................................................................................................206 10.3.6.- Contratipo.asp ...................................................................................................................210 10.3.7.- Croquishid.asp...................................................................................................................215 10.3.8.- Default.asp.........................................................................................................................223 10.3.9.- Empresa.asp ......................................................................................................................232 10.3.10.- Eskema-hc.asp .................................................................................................................236 10.3.11.- Hidrante.asp ....................................................................................................................241 10.3.12.- Hidrantetipo.asp ..............................................................................................................245 10.3.13.- Insta.asp...........................................................................................................................249 10.3.14.- Instatipo.asp ....................................................................................................................255 10.3.15.- Membrana.asp .................................................................................................................257 10.3.16.- Membranatipo.asp...........................................................................................................261 10.3.17.- Navegador.asp.................................................................................................................268 10.3.18.- Pilotos.asp .......................................................................................................................268 10.3.19.- Pilototipo.asp...................................................................................................................272 10.3.20.- Plano.asp .........................................................................................................................275 10.3.21.- Producto.asp....................................................................................................................276 10.3.22.- Registrar.asp....................................................................................................................285 10.3.23.- Tarifa.asp.........................................................................................................................289 10.3.24.- Tarifalibre.asp .................................................................................................................293 10.3.25.- Tarifauser.asp..................................................................................................................296 10.3.26.- Telegestion.asp ................................................................................................................302 10.3.27.- Valida.asp........................................................................................................................309

10.4.- ANEJO 4: BASE DE DATOS ..........................................................................................................310 11.- BIBLIOGRAFÍA.............................................................................................................................351

III

ÍNDICE DE FIGURAS FIGURA 1. ESQUEMA DE FUNCIONAMIENTO DE LAS PÁGINAS DINÁMICAS DEL LADO DEL SERVIDOR ...........17 FIGURA 2. ESTRUCTURA DEL SITIO WEB .....................................................................................................27 FIGURA 3. BARRA DE NAVEGACIÓN. SECCIÓN DE INICIO .............................................................................36 FIGURA 4. BARRA DE NAVEGACIÓN. SECCIÓN DE EMPRESA ........................................................................36 FIGURA 5. BARRA DE NAVEGACIÓN. SECCIÓN DE PRODUCTOS ....................................................................36 FIGURA 6. BARRA DE NAVEGACIÓN. SECCIÓN DE TARIFAS..........................................................................37 FIGURA 7. BARRA DE NAVEGACIÓN. SECCIÓN DE INSTALACIONES..............................................................37 FIGURA 8. BARRA DE NAVEGACIÓN. SECCIÓN DE IDIOMAS I .......................................................................37 FIGURA 9. BARRA DE NAVEGACIÓN. SECCIÓN DE IDIOMAS II......................................................................38 FIGURA 10. ALERTA DE RESOLUCIÓN DE PANTALLA ...................................................................................39 FIGURA 11. VISUALIZACIÓN DEL SITO WEB CON UNA RESOLUCIÓN SUPERIOR A LA OPTIMIZADA ...............39 FIGURA 12. VISUALIZACIÓN DEL SITO WEB CON UNA RESOLUCIÓN INFERIOR A LA OPTIMIZADA ................40 FIGURA 13. VISTA GENERAL DE DEFAULT.ASP ............................................................................................43 FIGURA 14. EFECTO DEL SCRIPT PARA ALTERNANCIA DE IMÁGENES ...........................................................44 FIGURA 15. EFECTO DEL SCRIPT PARA MUESTRA DE TEXTO EXPLICATIVO...................................................44 FIGURA 16. LOGOTIPO CON HERRAMIENTA PARA EL CAMBIO DE IDIOMA ....................................................45 FIGURA 17. APPLET ENCARGADO DE DESPLAZAR EL LEMA DE LA EMPRESA ................................................46 FIGURA 18. SECUENCIAS DEL APPLET DE INFORMACIÓN DE LOS CREADORES DEL SITIO WEB.....................47 FIGURA 19. PÁGINA DE LA SECCIÓN EMPRESA ............................................................................................47 FIGURA 20. VENTANA EMERGENTE CON PLANO DE LOCALIZACIÓN.............................................................48 FIGURA 21. ICONO DE SELECCIÓN ...............................................................................................................50 FIGURA 22. SECCIÓN DE PRODUCTOS ..........................................................................................................51 FIGURA 23. CONTADORES ...........................................................................................................................52 FIGURA 24. MENÚ DESPLEGABLE DE CONTADORES.....................................................................................53 FIGURA 25. PÁGINA BASE DE CONTADORES ................................................................................................54 FIGURA 26. CONTADORES. CARACTERÍSTICAS TÉCNICAS............................................................................54 FIGURA 27. CONTADORES. ESPECIFICACIONES............................................................................................55 FIGURA 28. VÁLVULAS HIDRÁULICAS DE MEMBRANA. DESCRIPCIÓN .........................................................56 FIGURA 29. VÁLVULAS HIDRÁULICAS DE MEMBRANA. ÁBACOS DE PÉRDIDA DE CARGA.............................57 FIGURA 30. VÁLVULAS HIDRÁULICAS DE MEMBRANA. CAUDALES ACONSEJABLES ....................................58 FIGURA 31. VÁLVULAS HIDRÁULICAS DE MEMBRANA. TIPOS DE VÁLVULAS ..............................................58 FIGURA 32. HIDRANTE ................................................................................................................................59 FIGURA 33. PÁGINA DE HIDRANTES.............................................................................................................60 FIGURA 34. HIDRANTES. EJEMPLO DE APLICACIÓN .....................................................................................61 FIGURA 35. HIDRANTES. EJEMPLO DE APLICACIÓN. SELECCIÓN DE COMPONENTE......................................61 FIGURA 36. VÁLVULAS DE CONTRALAVADO. DESCRIPCIÓN........................................................................62 FIGURA 37. VÁLVULAS DE CONTRALAVADO. ÁBACO Y DIMENSIONES ........................................................63 FIGURA 38. VÁLVULAS DE CONTRALAVADO. TABLA DE DIMENSIONES Y CAUDALES ..................................63 FIGURA 39. PILOTOS DE REGULACIÓN. PILOTOS DE BRONCE .......................................................................65 FIGURA 40. PILOTOS DE REGULACIÓN. ESTRUCTURA DEL PILOTO...............................................................66 FIGURA 41. ACCESORIOS PARA VÁLVULAS .................................................................................................66 FIGURA 42. BOMBAS DOSIFICADORAS.........................................................................................................67 FIGURA 43. BOMBAS DOSIFICADORAS. CARACTERÍSTICAS..........................................................................68 FIGURA 44. BOMBAS DOSIFICADORAS. MATERIALES ..................................................................................68 FIGURA 45. TELEGESTIÓN ...........................................................................................................................69 FIGURA 46. TELEGESTIÓN. ESQUEMA TRP .................................................................................................71 FIGURA 47. TELEGESTIÓN. PROPIEDADES TRP ...........................................................................................72 FIGURA 48. SECCIÓN DE TARIFAS................................................................................................................74 FIGURA 49. MUESTRA DEL MENÚ LATERAL DE PRODUCTOS ........................................................................77 FIGURA 50. TARIFAS DE ACCESO LIBRE. EJEMPLO DE TABLA DE PRODUCTOS..............................................78 FIGURA 51. VALIDACIÓN DE USUARIOS REGISTRADOS ................................................................................79 FIGURA 52. ERROR EN LA VALIDACIÓN DE USUARIOS. ................................................................................80 FIGURA 53. PÁGINA DE TARIFAS PARA USUARIOS REGISTRADOS.................................................................81 FIGURA 54. FORMULARIO DE REGISTRO ......................................................................................................83 FIGURA 55. SECCIÓN DE INSTALACIONES ....................................................................................................84 FIGURA 56. NAVEGADOR DE IMÁGENES ......................................................................................................86 FIGURA 57. VISOR DE IMÁGENES.................................................................................................................87

Nuevas tecnologías en el sector del riego. Desarrollo de una página Web dinámica con acceso a datos para la empresa Hidroconta S.A.

Herranz Peris, Ricardo 1

1.- Introducción

Hoy en día, una empresa que aprecie lo más mínimo sus posibilidades

de mercado y desee llegar un poco más allá del ámbito local y familiar en el

mundo de las relaciones comerciales, requiere de una herramienta

indispensable para darse a conocer al mercado, esa herramienta es Internet.

Internet permite a través de las páginas Web, que una empresa, por muy

pequeña que ésta sea y por pocos recursos de los que disponga, se de a

conocer en el mundo entero. La tecnología de las comunicaciones a través de

la red ha llegado más allá de la mera información, permitiendo a los potenciales

clientes y a los ya común y globalmente denominados “navegantes” de la red

interactuar con las páginas Web incluso con la posibilidad de solicitar productos

y comprarlos a través de la misma red, lo que coloquialmente se denomina

“comercio electrónico”.

A esta posibilidad de interactuar el usuario de la red (a partir de ahora

navegante) con los servicios que una empresa presta a través de su página

Web, junto con otras ventajas que se irán presentando en el desarrollo del

presente proyecto, es a lo que se denomina “páginas Web dinámicas”.

Las páginas Web dinámicas pueden estar programadas mediante

lenguajes que van un poco más allá que el tradicional lenguaje Web HTML

como son los lenguajes basados en “Javascript”, “cgi-bin”, “Visual Basic

Script”, “Perl”, etc… y que dan lugar a páginas del tipo “.php”, “.asp”, “.cgi”,

“xml”, “cfm”, etc.

Estas necesidades que se están generando en el mundo actual son las

que han llevado a la empresa Hidroconta S.A. a desarrollar una página Web

corporativa en la que puedan darse a conocer al mundo entero tanto ellos,

como sus productos.



A partir de esta necesidad nace el desarrollo y la creación de este

trabajo final de carrera, cuya finalidad primordial es el diseño, la creación y el

mantenimiento del espacio Web que representará a Hidroconta S.A. dentro de

la extensa red de comunicaciones que hoy en día es Internet.



2.- Objetivos

El objetivo principal de este trabajo final de carrera es el diseño,

creación, realización y administración del espacio Web que ha de representar a

la empresa dedicada a contadores y válvulas automáticas, Hidroconta S.A., en

la red de comunicaciones más extensa del mundo: Internet.

Mediante la realización de este proyecto, también se pretende

implementar a la aplicación de diversas funciones como son:

• Posibilidad de ofrecer los productos y sus características, además de los

precios, de una manera fácil de controlar y actualizar.

• Permitir una plataforma multilingüe sin la necesidad de volver a

programar cada una de las páginas, mediante la actualización

correspondiente de la base de datos.

• Permitir la aparición de nuevos productos sin necesidad de volver a

crear una página nueva.

Para el desarrollo de estos objetivos nos hemos decantado por el

desarrollo de páginas Web en formato .asp. Este tipo de páginas, como

explicaremos más adelante, se basa en la tecnología de los lenguajes de

programación Web del lado del servidor, el cual es capaz de conectar el

contenido de las páginas Web convencionales a bases de datos estándar como

pueden ser las realizadas en SQL, Oracle, Access, u otro sistema de bases de

datos, confiriendo a la página Web una funcionalidad e interacción mucho

mayor a la que se puede conseguir con la programación en HTML.

Con la adición a la página de otros lenguajes de programación Web,

como el Javascript y el HTML dinámico entre otros, conseguimos aportar a la



página Web un aspecto mucho más atractivo y crear efectos que dan mayor

funcionalidad y vistosidad al espacio Web.



3.- Requerimientos del sistema

En este apartado se describen los requerimientos de hardware

(elementos materiales de un ordenador personal) y de software (conjunto de

programas y técnicas informáticas) para la correcta visualización de la página

Web desarrollada.

3.1.- Hardware

Los requerimientos de hardware para la visualización de la página Web

son los mismos que se necesitan para la conexión a Internet de cualquier

ordenador personal:

• Ordenador personal.

• Tarjeta de red o módem (según el tipo de conexión a la red).

• Tarjeta gráfica VGA con posibilidad de configuración a una resolución

mínima de 800 X 600 píxeles y 256 colores (aunque su resolución

óptima es de 1024 x 768 píxeles).

• Cable para la conexión de red.

• Ratón compatible.

3.2.- Software

Los requerimientos de software para la visualización de la página Web

se reducen a un sistema operativo para el funcionamiento del equipo y de un



software para la navegación a través de Internet como pueden ser el Internet

Explorer o Netscape Navigator (o cualquier otro compatible con la tecnología

del HTML dinámico y los Scripts de Java).



4.- Herramientas de implementación y desarrollo

En este apartado se describen todas las herramientas que han sido

utilizadas para el desarrollo de este trabajo final de carrera.

4.1.- Hardware

La página Web ha sido desarrollada haciendo uso de los tres equipos

informáticos que se describen a continuación:

Equipo 1:

• Microprocesador Pentium® 4 a 2,40 GHz

• 512 MB de memoria RAM

• 40 GB de disco duro

• Monitor TFT 15”

Equipo 2:




• Monitor 17”



Equipo 3:




• Monitor 14”

4.2.- Software

A continuación se detalla el software utilizado para la realización de la

página Web dinámica:

• Microsoft® Access XP. Creación de la base de datos que se encarga de

gestionar el contenido de la página Web.

• Microsoft® PowerPoint XP. Diseño de botones, tablas y gráficas y

montaje de imágenes y croquis.

• Microsoft® Photo Editor 3.02. Aplicación de efectos y retoques

fotográficos.

• Microsoft® Paint 5.1. Depuración y limpieza de imágenes.

• Microsoft® Bloc de Notas. Creación de scripts y archivos de inclusión.

• Microsoft® FrontPage XP. Creación de efectos Web y formatos de

diseño dentro de las páginas Web.



• Macromedia® Dreamweaver 4. Diseño y elaboración de la página Web.

• Xat.com Image Optimizer. Optimizador de imágenes destinadas a formar

parte de la página Web.

• Power Translator 7. Traductor de textos.

• Word Reference. Traducción de términos específicos.

• Altavista.tr. Traductor on-line de textos.

• Vox.es. Diccionario y traductor de idiomas.

• Coffee Cup Gif Animator. Creación de gifs animados.

• Internet Information Server 5. Emulador de servidor Web.

• Microsoft® Developer Network. Ayuda de programación Visual Basic.



5.- Introducción a los lenguajes de programación Web

En este apartado se describe de una manera global los lenguajes de

programación Web. Para ello veremos algunos conceptos básicos de la

programación Web y los tipos de páginas más comunes que nos podemos

encontrar en Internet.

5.1.- Introducción a la Web

Dentro de la red que Internet forma podemos encontrar distintos

servicios como pueden ser:

• Correo electrónico

• IRC o Chat

• FTP

• El propio Web

La Web no es más que un sistema de hipertexto, lo cual no es ni más ni

menos que un entramado de páginas conectadas a través de enlaces. La Web

no se limita exclusivamente a mostrar texto y enlaces, sino que también ofrece

imágenes, videos, sonido y todo tipo de presentaciones. Debido a esto el

término hipertexto ha sido progresivamente desplazado por un nuevo término:

hipermedia, que hace referencia a la posibilidad de acceder a los distintos

recursos multimedia que la Web nos ofrece.



5.2.- Lenguaje HTML

Una página Web aunque nosotros la vemos en nuestro navegador, o

cliente Web, como una sola entidad, está compuesta por diferentes ficheros

como imágenes, sonidos y la parte fundamental, el código fuente.

El código de las páginas está escrito en HTML, que indica básicamente

donde se ha de colocar cada texto, imagen o vídeo y la forma de colocarlos

dentro de la página.

El objetivo con el que se creó el HTML fue meramente de carácter

divulgativo, no se pensó en él como un área de ocio con carácter multimedia,

de modo que no es capaz de dar respuesta por sí solo a los posibles usos que

la red proporciona hoy en día. Por ello este lenguaje se ha visto reforzado y

complementado por otros lenguajes de mayor potencia y flexibilidad.

5.3.- Diferencia entre páginas estáticas y páginas dinámicas.

Dentro de la Web nos podemos encontrar dos tipos de páginas:

• Páginas estáticas. Son aquellas que se presentan sin movimiento y sin

funcionalidades más allá de los enlaces. Este tipo de páginas se

programan con el lenguaje HTML que no permite crear efectos ni

funcionalidades diferentes de las representadas por los enlaces.

• Páginas dinámicas. Páginas con capacidad de albergar efectos

especiales y con capacidad de poder interactuar con ellas, y que

requiere de lenguajes de programación distintos al HTML.



5.4.- Páginas dinámicas

Hemos de tener en cuenta que en el diseño de una página Web

dinámica, entran a formar parte un conjunto de lenguajes de programación, que

en ningún caso sustituyen al HTML, sino que se embeben dentro de él

completándolo y potenciándolo.

Las páginas dinámicas se pueden clasificar según donde carguen el

peso específico de su programación, o lo que es lo mismo, según los efectos y

las funcionalidades se procesen en un sitio o en otro. Según esta división

podremos encontrar dos tipos de páginas dinámicas:

• Páginas dinámicas de cliente.

• Páginas dinámicas de servidor.

5.4.1.- Páginas dinámicas de cliente

Son aquellas páginas que se procesan en el cliente, es decir, que la

carga del procesamiento de la página recae sobre el navegador del usuario que

accede a dicha página.

El código necesario para poder realizar este tipo de programación se

basa en lenguajes que se incluyen dentro del mismo código HTML y que

suelen recibir el nombre de “SCRIPT”. Los lenguajes usados para generar

páginas Web dinámicas del lado del cliente son principalmente el Javascript y

el Visual Basic Script.

La principal desventaja de este tipo de páginas dinámicas es que tienen

una gran dependencia del sistema donde se están ejecutando, ya que cada

navegador e incluso la versión del mismo, es capaz de ejecutar unas acciones



y no otras de lo llamados scripts, lo que motiva que no todas las páginas

dinámicas del lado del cliente sean capaces de ser cargadas por los distintos

navegadores.

Entre las ventajas de este tipo de páginas se puede destacar, que éstas

descargan al servidor de ciertos trabajos y ofrecen respuestas inmediatas a las

acciones del usuario.

5.4.2.- Páginas dinámicas de servidor

Las páginas dinámicas del lado del servidor son aquellas que se

interpretan y ejecutan por el propio servidor, enviando al cliente una página ya

codificada en código HTML de fácil interpretación por la totalidad de los

navegadores.

Las páginas Web dinámicas del lado del servidor son útiles para muchas

situaciones, como trabajos en los que se ha de acceder a información situada

en una base de datos y donde, por razones de seguridad, ciertos cálculos no

pueden ser realizados en el ordenador del usuario.

Las páginas dinámicas del servidor se escriben en el mismo archivo

HTML mezclado con el código HTML, al igual que ocurría en las páginas del

cliente. Cuando una página del lado del servidor es solicitada por el cliente, el

servidor ejecuta los scripts y genera el resultado en una página escrita

únicamente en lenguaje HTML que es enviada al cliente.

En las páginas Web dinámicas del lado del servidor existen varios

lenguajes como el Common Gateway Interface (CGI), el Active Server Pages

(ASP), Hipertext Preprocesor (PHP) y el Java Server Pages (JSP).

Entre las ventajas de este tipo de servidor se encuentra el hecho de que

el cliente no puede ver los scripts, de manera que se “protege” el trabajo del



programador. Además son independientes del navegador del usuario, ya que el

código recibido por éste, es HTML de fácil interpretación.

Como desventajas, señalamos que se requiere un servidor más potente

que el necesario para albergar páginas del lado del cliente. Además, estos

servidores pueden albergar menos usuarios concurrentes, ya que se requiere

más tiempo de procesamiento por cada uno de ellos.

5.5.- Lenguajes de programación del lado del cliente

5.5.1.- Javascript

Lenguaje de programación del lado del cliente, utilizado para crear

pequeños aplicaciones, encargadas de realizar acciones concretas dentro del

ámbito de una página Web. Es el lenguaje de programación del lado del cliente

más utilizado debido a su compatibilidad con la mayoría de los navegadores.

Entre las acciones típicas que se realizan con este lenguaje podemos

encontrar dos vertientes. Por un lado, la creación de efectos especiales para

crear contenidos dinámicos y elementos de la página que tengan movimiento,

cambien de color o cualquier otro tipo de acción dinámica. Por otro lado

Javascript nos permite ejecutar instrucciones como respuesta a acciones

realizadas por el usuario creando de eso modo una interactividad entre el

cliente y la página Web.

5.5.2.- Visual Basic Script

Es un lenguaje de programación de scripts del lado del cliente pero que

sólo es compatible con el Internet Explorer, por lo que se desaconseja este

lenguaje frente al Javascript para la realización de scripts del lado del cliente.



El modo de funcionamiento y los recursos a los que se puede acceder

son similares al Javascript. Este lenguaje se basa en el conocido Visual Basic,

siendo una versión reducida del mismo.

Se recomienda este lenguaje para la realización de Intranets en las que

se utilice únicamente Internet Explorer como navegador y el programador esté

acostumbrado a la programación en Visual Basic.

5.5.3.- DHTML

El DHTML es una capacidad, más que un lenguaje, que poseen los

navegadores más modernos de mostrar y ocultar elementos de la página,

modificar posiciones, dimensiones o colores.

El DHTML permite un mayor control sobre las páginas ya que los nuevos

navegadores poseen una nueva estructura capaz de trabajar con capas que

pueden ser ocultadas, mostradas y desplazadas a gusto del programador,

obteniendo páginas de mayor capacidad y vistosidad.

Dentro del concepto DHTML también se puede incluir las hojas de

estilos en cascada o CSS (Cascade Style Sheets).

Las CSS permiten crear páginas de una manera más exacta y uniforme,

pudiendo hacer cosas como preformatear las páginas de un sitio Web

definiendo los márgenes, colores, tipos de letra, fondos, etc. para todas las

páginas del sitio o solo para las que decidamos.



5.5.4.- Applets de Java

Los applets de Java se tratan de pequeños programas hechos en Java,

que se transfieren con las páginas Web y que el navegador ejecuta en la

misma página. Un applet está programado y precompilado en Java.

La ventaja de un applet frente a un script consiste en que son mucho

menos dependientes del navegador e incluso del sistema operativo del

ordenador en el que se ejecuta, debido a que basa su funcionamiento en Byte

Codes que pueden ser interpretados por la Máquina Virtual de Java que cada

ordenador posee. Además el lenguaje en Java tiene una potencia superior al

Javascript lo que permite un mayor número de aplicaciones y posibilidades a la

hora de crear con Java.

Como desventaja tenemos que el applet es más lento en la carga que el

script y su espacio en la página es muy limitado y los applets no se mezclan

con el resto de componentes de la página por lo que no podremos actuar sobre

éstos.

5.6.- Lenguajes de programación del lado del servidor

5.6.1.- CGI

Es el sistema más antiguo de programación de páginas dinámicas del

lado del servidor. Actualmente se encuentra un poco desfasado a causa de su

dificultad y la pesada carga que generan en el servidor.

Los CGI se escriben en el lenguaje Perl por lo general, pero también

pueden usarse lenguajes como el C, C++ o el Visual Basic.



5.6.2.- ASP

Es el lenguaje desarrollado por Microsoft para la creación de páginas

dinámicas del servidor. El ASP se escribe en la misma página Web y usa como

lenguaje el Visual Basic Script o JScript (Javascript de Microsoft).

Las páginas que se ejecutan en el servidor pueden realizar accesos a

bases de datos, conexiones en red, y otras tareas para crear la página final que

verá el cliente. El cliente solamente recibe una página con el código HTML

resultante de la ejecución en el servidor (Figura 1). Como la página resultante

contiene únicamente código HTML, es compatible con todos los navegadores.

El tipo de servidores que usan este lenguaje son aquellos basados en

Windows NT, aunque también se pueden usar servidores con Win98 e incluso

Linux si instalamos los componentes adecuados, aunque lo mejor será trabajar

con un servidor Web con Internet Information Server (Windows NT) que es para

el que está pensado.

Figura 1. Esquema de funcionamiento de las páginas dinámicas del lado del servidor



5.6.3.- PHP

El PHP al igual que el ASP se escribe dentro del código HTML, lo que lo

convierte en un lenguaje de fácil utilización.

El PHP podría ser considerado como el lenguaje análogo del ASP, pero

utilizado sobre plataformas Unix y Linux.

Ambos lenguajes, resultan bastante útiles para la explotación de las

bases de datos, y su aprendizaje resulta accesible para una persona que posea

unos conocimientos básicos de programación. Cualquiera de ellos, tanto el

ASP como el PHP, resulta la mejor opción que existe actualmente para hacer

evolucionar un sitio Web programado en HTML.

Como ya se ha comentado, los lenguajes del lado del servidor, ejecutan

los scripts en el propio servidor y envían el resultado al cliente en forma de

código HTML. Resulta obvio, por lo tanto, que para poder probar el programa

será necesaria la colocación del mismo en el servidor, no es por tanto posible

trabajar offline (sin conexión a la red), tal como se hace con el código HTML.

Para evitar este problema hemos de convertir nuestro equipo en un servidor

Web, para poder trabajar en local (en el propio ordenador), sin necesidad de

colocar las páginas en un servidor vía FTP (sistema de transferencia de

archivos vía Web).



6.- Criterios de desarrollo

6.1.- Elección del lenguaje de programación

La base fundamental para la elaboración de este trabajo, ha sido la

necesidad que ha tenido la empresa Hidroconta S.A. por crear un espacio

propio donde poder darse a conocer a un mercado muy extenso al que ofrecer

sus productos, dentro de la gran “autopista” de la información que supone

Internet.

Entre los requisitos exigidos al sitio Web destacan los que a continuación

se detallan:

• Rapidez en la velocidad de acceso y navegación de las páginas Web

que conforman el sitio.

• Diseño moderno y funcional.

• Soporte para una plataforma multilingüe.

Una vez establecida la necesidad de elaboración de dicho espacio Web,

se pasó a la elección del lenguaje en el que iban a ser programadas las

páginas que le dieran una estructura sólida.

La primera decisión concerniente al lenguaje de programación que se

debía tomar era la referente al tipo de página que más se iba adaptar a

nuestras necesidades de diseño: las páginas Web dinámicas o las estáticas.

Las páginas Web estáticas por lo general dotan al sitio Web de mayor

velocidad de descarga pero se quedan bastante cortas en cuanto a la posible

inclusión de efectos que dotarán a la página de mayor vistosidad y modernidad.



Las páginas estáticas no permiten la interactividad del cliente con el sitio Web

lo que imposibilita muchas de las funciones que se desean incorporar. Ademas

exigiría el diseño de un mayor número de páginas Web, como más adelante se

explica.

Una vez decantados por la opción más moderna y potente, como son las

páginas Web dinámicas, era el momento de decidir si crear un espacio Web

dinámico del lado del cliente o del lado del servidor.

Ante este nuevo dilema, la elección se decantó hacia las páginas del

lado del servidor, ya que éstas tienen un soporte multiplataforma que permiten

visualizar nuestras páginas con prácticamente cualquier navegador Web y bajo

cualquier sistema operativo, ya que éste tipo de páginas ejecutan los scripts en

el servidor, descargando al navegador de dichas operaciones, y envían al

cliente el resultado de la ejecución de los mismos en formato HTML, de fácil

lectura por todos los navegadores.

Otra ventaja que poseen las páginas Web dinámicas frente las estáticas

es que el cliente sólo tiene acceso a la información solicitada, quedando el

resto de la misma protegida. El trabajo del programador queda oculto en el

servidor, mostrándose únicamente el resultado de la ejecución de los scripts.

Para aclarar este último párrafo se puede acudir a un ejemplo de página

Web de un banco, en la que el cliente tiene acceso a todos sus datos, pero no

al de los demás clientes del banco, aunque dichos datos también se

encuentren almacenados en el servidor.

Por todo ello se decide utilizar para nuestro sitio Web lenguaje basado

en la tecnología de las páginas Web dinámicas del lado del servidor. En cuanto

al lenguaje de programación a utilizar, las páginas Web dinámicas del lado del

servidor se pueden programar en los distintos lenguajes que se detallan a

continuación:

• ASP



• JSP

• PHP

• CGI

De estos lenguajes, el CGI es el primero en ser descartado. Los motivos

principales por los cuales se desestima el uso de este lenguaje para la

realización de la página Web se basa en la dificultad del lenguaje PERL en el

que se basa el CGI y la pesada carga que suponen dichos scripts para el

servidor en el que se alojan, generando páginas de lenta descarga y con

limitaciones para ejecutarse ante la concurrencia de clientes que dispuestos a

consultar el sitio Web al mismo tiempo.

Otro de los lenguajes que han sido rápidamente desestimados para la

elaboración de este sitio Web fue el lenguaje JSP (Java Server Pages). El

motivo es la dificultad y la rigidez de su programación, mientras que los

lenguajes Web dinámicos del lado del servidor que basan su lenguaje en

scripts (como el ASP o el PHP) son más sencillos y flexibles para la

programación, ya que éstos no se orientan a objetos tal y como ocurre con

Java.

Entre los dos lenguajes que nos quedan, el PHP y el ASP, la decisión se

decantó hacia el ASP, ya que los dos lenguajes tienen prácticamente las

mismas funciones, pero el ASP está pensado para ser utilizado bajo

plataformas Windows a través del módulo Internet Information Server para el

caso de los Windows de la familia NT (Win NT, W2000, Win XP) o del Personal

Web Server para los de la familia Windows95 (W95, W98, Win ME) mientras

que el PHP muestra su rendimiento óptimo bajo plataformas Unix o Linux.

Debido a que los sistemas en que se va a trabajar son mayoritariamente

Windows NT y en el caso de que el servidor usase una plataforma distinta a la

de Microsoft, también se puede adaptar mediante su módulo correspondiente



(p.e. para los Apache de Linux, el ChiliSoft), nos decantamos por programar las

páginas Web de nuestro sitio en el lenguaje dinámico del lado del servidor

basado en scripts de la tecnología Microsoft: ASP.

6.2.- ASP. Descripción general de la plataforma

ASP es la abreviatura utilizada para referirse a las Active Server Pages,

que es una plataforma desarrollada por Microsoft, destinada a servir de soporte

en la realización de páginas Web dinámicas.

Las características fundamentales de esta plataforma son las siguientes:

• Se ejecuta en el servidor, por lo que el navegador no recibe la carga de

ejecutar el código ASP ya que el servidor se encarga de ello y envía el

resultado al navegador cliente en formato HTML estándar de fácil

interpretación por los navegadores Web.

• Se programa en lenguaje script. No es un lenguaje de programación

propiamente dicho, ya que no genera aplicaciones independientes, sino

que los scripts se entremezclan dentro de un documento, por ejemplo

HTML, para darle funcionalidad y permitir la interacción con él.

Las ventajas que este tipo de lenguaje proporciona son:

• Mayor seguridad al ejecutarse en el servidor, por lo que el código fuente

no es enviado al navegador, y el cliente no puede obtener, por lo tanto,

el código fuente de nuestras páginas.

• Mayor funcionalidad. Al ejecutarse en el servidor, podemos realizar

funciones inimaginables en el cliente, como guardar datos en una base

de datos, compartir archivos entre usuarios, etc.



• Mayor compatibilidad con los navegadores. Al ejecutarse completamente

en el servidor, se generan páginas Web exclusivamente escritas en

HTML, con lo que no estamos forzando al cliente a tener soporte para

los scripts utilizados en el desarrollo de la página.

• Lenguaje sencillo. ASP se suele programar generalmente en Visual

Basic Script (VBScript), el cual es un lenguaje casi idéntico al Visual

Basic, lenguaje ampliamente desarrollado y utilizado, con multitud de

soportes técnicos y referencias de ayuda.

• Multi-lenguaje. ASP no es en realidad un lenguaje de programación, sino

una plataforma de soporte para diversos lenguajes de scripts en el

servidor. Esto implica que aunque generalmente se use el VBScript para

el desarrollo de las páginas ASP, también se pueden utilizar otros

lenguajes como el JavaScript, PerlScript, Rexx, y muchos otros.

• Su bajo coste, debido a que el servidor Web viene ya incluido en los

sistemas operativos de Microsoft.

Como ya sabemos, el ASP no se ejecuta en el navegador, sino en el

servidor Web, de manera que cuando un cliente solicita una página Web ASP

se producen los siguientes procesos:

1. El navegador localiza el servidor Web y lanza la petición HTTP en la cual

le solicita una página ASP.

2. El servidor busca esta página ASP en su disco, si la encuentra la carga

en el servidor, sino envía un mensaje de error.

3. El servidor interpreta el ASP, la cual contiene entremezclado el lenguaje

HTML y el código script del servidor. Cuando encuentra HTML, lo envía

tal y como está a un buffer de salida (espacio de memoria para

almacenamiento). Cuando encuentra código script , lo ejecuta y el



resultado generado lo envía al mismo buffer de salida en forma de

HTML.

4. El servidor envía el contenido del buffer de salida al navegador, el cual

contiene exclusivamente código HTML.

5. El navegador recibe un documento HTML, de extensión .asp.

Para añadir el código script de servidor puede emplearse la etiqueta

HTML <script>, tal y como se hace en JavaScript (script de cliente), pero

requiere de un parámetro para indicar al servidor que es él quien ha de ejecutar

el script, este parámetro es RUNAT con el valor “server”. Otro parámetro a

añadir en la etiqueta script es el lenguaje en el que va escrito. Este parámetro

es LANGUAGE y el valor que usaremos es “VBScript”.

Por lo tanto, para añadir el código ASP en una página HTML debemos

escribir:

<SCRIPT LANGUAGE=”VBSCRIPT” RUNAT=”SERVER”>

Aquí escribimos el código ASP

</SCRIPT>

Para abreviar la inclusión de código ASP en los documentos HTML

existe una alternativa que consiste en usar las marcas <% y %> quedando de

la siguiente manera:

<%

Aquí escribimos el código ASP

%>

Para indicar el lenguaje que vamos a usar en los scripts se incluirá al

principio de todo el código la etiqueta:

<%@LANGUAGE=”VBSCRIPT”%>



6.3.- Configuración del servidor en local

Debido a que los scripts del ASP deben ser ejecutados en el servidor, es

necesario para poder realizar pruebas mientras se va programando, tener

configurado el ordenador como si fuera un servidor para que sea capaz de leer

el ASP y mostrarnos el resultado HTML tal y como haría un servidor ISP

(Proveedor de Servicios de Internet) que hospedara nuestra Web.

Lo primero que necesitamos para ejecutar nuestras páginas ASP es

tener instalado el Internet Information Server en nuestro equipo local

(recordamos que las páginas se programaron en equipos bajo el sistema

operativo Windows 2000 Profesional).

Con el fin de poder probar nuestras páginas Web en ASP,

necesitaremos también un navegador que sea capaz de visualizar páginas

HTML. Para el desarrollo de nuestras páginas nos sobra con un editor de

textos normal y corriente como podría ser el Bloc de Notas del Windows, pero

nos dará más funcionalidad y ayuda un editor HTML tipo WYSIWYG (“What

you see is what you get”, “Lo que ves es lo que tienes”) como puede ser el

Dreamweaver o el Frontpage.

6.4.- Estructura general del sitio Web

Una vez decidido que el tipo de lenguaje de programación a utilizar para

el desarrollo del sitio Web iba a ser el ASP mediante scripts de Visual Basic

Script se pasó a realizar una estructura de los contenidos a albergar por las

páginas, así como un esquema fundamental del funcionamiento de las mismas.



La estructura del sitio Web (Figura 2) comprendería pues, cuatro

apartados fundamentales que serían:

• Empresa

• Productos

• Tarifas

• Instalaciones

Una página inicial nos da acceso a las cuatro categorías establecidas en

las que se dividen los contenidos.

El apartado de Empresa muestra los datos principales de la misma, junto

con una descripción de su filosofía, planos de acceso a las instalaciones de la

fábrica y demás datos relacionados con la empresa.

Dentro de la sección destinada a Productos, se alberga toda la

información referente a los productos desarrollados por Hidroconta.

La categoría Tarifas nos permite acceder al catálogo de productos y a

las tarifas vigentes hasta la fecha.

La última división correspondiente a las Instalaciones muestra algunos

ejemplos del funcionamiento de sus productos, así como soluciones especiales

adoptadas en distintas instalaciones de riego a presión con productos

Hidroconta.



Figura 2. Estructura del sitio Web

6.5.- Interacción ASP-Base de Datos

Una de las ventajas que presentan las páginas Web dinámicas del lado

del servidor y en concreto las páginas escritas en ASP, por la que nos hemos

decantado, es la posibilidad de vincular el contenido de nuestra página Web

con una Base de Datos, permitiendo así al navegante de nuestro sitio Web

acceder a la información contenida en nuestra base y posibilitando una

interacción del cliente con el sitio de manera que pueda seleccionar el

contenido a visualizar y nosotros podamos restringir el acceso a la información

que no le sea de interés y que deseemos proteger.

Para realizar la conexión de las distintas páginas Web a la Base de

Datos se ha realizado un script en un archivo de inclusión que se incorpora a

cada una de las páginas en las que se desea realizar la conexión.



Ese script tiene la siguiente estructura:

<%

set conn = Server.Createobject("adodb.connection")

conn.Open("DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &

Server.MapPath("\bd\hidroconta.mdb"))

%>

Con esta estructura lo que estamos haciendo es:

1. Establecemos una conexión del tipo ADO a una Base de Datos alojada

en el servidor.

2. Abrimos la Base de Datos especificando el driver adecuado para el

manejo de la Base y la ubicación de la misma dentro del directorio

disponible en nuestro servidor para alojar el sitio Web.

Una vez establecida la conexión con la Base de Datos podemos obtener

de ella toda la información deseada a través de la realización de consultas SQL

(Structured Query Language), que es el lenguaje universal utilizado para la

comunicación con Bases de Datos.

Finalizadas todas las consultas que se desean realizar en una página a

la Base de Datos se debe cerrar la conexión a la misma mediante su

correspondiente script:

<%

conn.close

%>

De entre las ventajas que se obtienen al conectar el contenido de las

páginas Web a una Base de Datos, hemos de destacar la posibilidad de



rellenar el contenido de la página Web según los criterios que se establezcan

en las consultas SQL.

Con una correcta combinación de las consultas SQL y los VBScript

conseguiremos un considerable ahorro en la programación, reduciendo

drásticamente el total de páginas a programar y liberando así de peso al

servidor encargado de albergar nuestra información.

Ese ahorro de programación lo explicaremos con un ejemplo:

• Si hubiésemos programado la página en código HTML y deseáramos

abarcar el apartado correspondiente a Tarifas, no nos hubiera quedado

más remedio que programar una página para cada uno de los productos.

Hidroconta posee en su catálogo una veintena de grupos de productos,

lo que se traduce en tener que diseñar 20 páginas Web distintas, con su

diseño, estructura, inclusión de imágenes y relaciones entre las páginas.

• Ese mismo apartado, programado en ASP, y con las consultas SQL, nos

reduce el trabajo a diseñar una única página Web que contendrá las

distintas consultas a la Base de Datos. Según los criterios que reciba la

consulta, rellenará la página ASP con los resultados correspondiente a

un grupo de productos o a otro. De esta manera hemos conseguido

reducir el trabajo de 20 páginas a sólo una.

Siguiendo esta misma filosofía y adaptando correctamente la consulta

SQL y el contenido de la Base de Datos conseguimos diseñar un espacio Web

con plataforma multilingüe. Esto quiere decir que diseñando la página una sola

vez, la podemos mostrar en tantos idiomas como deseemos con tan solo añadir

las traducciones en los campos correspondientes de la Base de Datos sin

necesidad de volver a generar una nueva página para cada idioma en el que se

quiera mostrar.



6.6.- Archivos de inclusión

Una de las nuevas características que posee la programación Web tras

el avance y desarrollo de los actuales programas de navegación Web son los

archivos de inclusión.

Los archivos de inclusión son archivos de texto (generados mediante

cualquier tipo de editor de textos) de extensión .inc que son incluidos dentro del

código de programación de la página Web mediante una sentencia como la que

a continuación se muestra:



Este tipo de archivos sigue la filosofía de las hojas de estilo en cascada

(CSS, Cascade Style Sheet) de manera que scripts concretos, que se repiten

en más de una página, pueden ser incluidos a través de una mera referencia al

archivo que los contiene, sin necesidad de repetir todo el contenido de los

mismos tantas veces como se quiera hacer uso de ellos.

Nuestro sitio Web contiene una serie de archivos de inclusión con unas

funciones específicas en las páginas Web programadas. Estas funciones se

detallan a continuación:

• Connon.inc. Este archivo es el encargado de indicarle al servidor la

ubicación y el tratamiento que debe recibir la Base de Datos a la que

queremos conectar, así como de realizar y establecer la cadena de

conexión correspondiente, dejando la base preparada para poder

acceder a ella a través de los medios específicos para esta función

como son las consultas SQL.

• Connof.inc. Mediante este archivo de inclusión desconectamos la Base

de Datos de la página ASP con la intención de liberar memoria y agilizar

las tareas en el servidor.



• Impmodelos.inc. Este archivo define las funciones que establecen las

distintas consultas SQL para acceder al contenido de la Base de Datos

de manera que para realizar dichas consultas solo sea necesario llamar

a la función, y no tener que definir la consulta cada vez que se desee

realizar.

• Lecturalengua.inc. Este archivo de características similares al anterior se

encarga de escribir los mensajes en la página Web según el idioma

seleccionado.

• Navegacion.inc. Este script se encarga de generar el menú de

navegación que nos permitirá movernos a través del contenido de la

Web. Otra de las funciones que hace es controlar la generación de las

ventanas emergentes (pop-up) que se muestran en el sitio Web en

determinados enlaces.

• Pagina.inc. Con este script podemos controlar en todo momento en que

página se encuentra el navegante, pudiendo de esa manera cambiar el

idioma en todo momento sin perder la ubicación del cliente en nuestro

sitio.

• Plantillahtml.inc. Este archivo de inclusión hace las funciones de una

CSS, aportando a las páginas de nuestro sitio Web el formato deseado

como los colores de los enlaces, el fondo, barras de desplazamiento,

etc.

• Popup.inc. Este archivo de inclusión también se encarga de controlar la

generación de las ventanas emergentes.

• Tarifaplantilla.inc. Con este archivo de inclusión sustituimos el

plantillahtml.inc como una CSS para las páginas de la sección Tarifas,



las cuales incluyen unas funciones específicas que más adelante se

detallan.

• Tarifauser.inc. Tiene la misma función que el archivo de inclusión

anterior pero para las páginas correspondientes al acceso a tarifas para

usuarios registrados.

• Testlengua.inc. Este archivo es fundamental para el funcionamiento del

sitio Web como una plataforma multilingüe. La función de este script es

detectar la lengua de configuración del navegador del cliente, y según su

configuración muestra nuestra página en un idioma o en otro y genera

una cookie (mecanismo para guardar información acerca del usuario en

el ordenador del mismo) para recordar en otra sesión el idioma preferido

por el navegante. Otra de sus funciones es detectar en caso de que

exista una cookie de nuestro sito Web en el ordenador del usuario, el

idioma preferido. En caso de que el usuario decida cambiar el idioma de

la página, la cookie tomará el valor nuevo para los próximos accesos.

6.7.- Diseño de iconos para el sitio Web

Todos los iconos y botones utilizados en este sitio Web han sido

específicamente diseñados para el proyecto.

Para la creación de la librería de iconos se ha tratado de adaptar las

características de diseño de la imagen corporativa de Hidroconta, usando

aquellos colores y formas geométricas que más se adecuan a dicha imagen.

La librería de iconos diseñada para el sitio Web es la siguiente:



Función principal de la imagen Nombre de la imagen Imagen

Accesorios accesorios.jpg

Accesorios para válvulas accesvalv.jpg

Validar contraseña aceptar.gif

Válvulas automáticas automatico.jpg

Bombas dosificadoras bombas.jpg

Cancelar contraseña Cancelar.gif

Contadores contadores.jpg

Válvulas de contralavado contralavado.jpg

Correo electrónico correo.gif

Contador doméstico domesticos.jpg

Contador electromagnético electromag.jpg

Sección empresa emp.jpg

Alternativa sección empresa emp2.jpg

Selección idiomas español gotaes.gif

Selección idioma inglés gotain.gif

Hidrantes hidrantes.jpg

Válvulas Hidroflush hidroflush.jpg

Indicadores de caudal indicador.jpg



Función principal de la imagen Nombre de la imagen Imagen

Sección instalaciones ins.jpg

Alternativa sección instalaciones ins2.jpg

Válvulas de membrana membrana.jpg

Pilotos de regulación pilotos.jpg

Sección productos pro.jpg

Alternativa sección productos pro2.jpg

Registro de usuarios Registrar.jpg

Selección seleccion.gif

Solenoides solenoide.jpg

Subir subir.gif

Sección tarifas tar.jpg

Alternativas sección tarifas tar2.jpg

Tarifas usuarios registrados tarifar.jpg

Telegestión telegestión.jpg

Contadores ultrasonidos ultrasonidos.jpg

Ventosas Ventosas.jpg

Anterior volver.jpg

Contadores Woltmann woltmann.jpg



7.- Descripción del entorno

En este apartado del trabajo se describe detalladamente cada una de las

secciones del sitio Web. La intención del apartado será por lo tanto explicar el

funcionamiento y el diseño de cada una de las páginas que componen nuestro

sitio.

7.1.- Barra de navegación

La barra de navegación se incorpora en cada una de las páginas

componentes de nuestro sitio Web, a través de un archivo de inclusión.

La barra de navegación esta diseñada a partir de un script de Java. Este

script está controlado a través de un archivo precompilado de java denominado

“navcond.js”.

La barra de navegación permite ser configurada en la gran mayoría de

sus características:

• Ancho de los botones.

• Numero de apartados y de los sub-apartados que los componen.

• Colores de la barra de herramientas.

La barra de navegación usada para este sitio Web se compone de seis

apartados:

• Inicio (Figura 3). Este botón da acceso desde cualquier página a la

página de inicio del sitio Web.



Figura 3. Barra de navegación. Sección de inicio

• Empresa (Figura 4). Con este apartado podemos acceder a la sección

de empresa, enviar un correo electrónico a la empresa y visualizar los

planos de acceso a la misma.

Figura 4. Barra de navegación. Sección de empresa

• Productos (Figura 5). Da acceso al apartado de los productos y a cada

uno de las páginas de acceso correspondientes a las distintas

categorías de productos:

o Contadores

o Válvulas de contralavado

o Hidrantes

o Válvulas de membrana

o Pilotos y accesorios

o Bombas dosificadoras

o Telegestión

Figura 5. Barra de navegación. Sección de productos

• Tarifas (Figura 6). Esta sección se divide en otras tres unidades:



o Acceso libre

o Acceso a usuarios registrados

o Registrarse

Figura 6. Barra de navegación. Sección de tarifas

• Instalaciones (Figura 7). En el menú correspondiente a las instalaciones

se puede acceder de una manera rápida a las páginas explicativas de

las instalaciones de riego, colocadas a modo de ejemplo en la página

Web, en las que se muestran diversas situaciones de difícil solución

técnica, solucionadas satisfactoriamente mediante productos Hidroconta.

Figura 7. Barra de navegación. Sección de instalaciones

• El último de los apartados en los que se divide la barra de navegación

corresponde al cambio de idiomas (Figura 8). Este apartado es, por

tanto, una opción para poder cambiar en todo momento el idioma

preferido para la visualización del contenido de la página Web, sin

importar la situación en la que nos encontremos en el mapa de

contenidos de nuestro sitio Web.

Figura 8. Barra de navegación. Sección de idiomas I



El funcionamiento de esta opción se basa en el cambio del valor de una

variable de sesión que almacena el idioma preferido por el navegante

para la visualización de las páginas. La variable de sesión es un tipo de

variable que es accesible desde cualquier script mientras exista

conexión entre el cliente y el servidor, pudiendo almacenar en ella datos

sobre la configuración del cliente para poder adaptar nuestros

contenidos a sus preferencias.

El cambio de este valor en la variable de sesión origina que las consultas

SQL encargadas de imprimir en pantalla los mensajes de texto apunte

hacia los campos de las tablas de la Base de Datos que almacenan los

contenidos en el idioma seleccionado (Figura 9).

Figura 9. Barra de navegación. Sección de idiomas II

7.2.- Sistemas de chequeo previos a la carga de la página de inicio

Como ya hemos ido introduciendo a lo largo del desarrollo de este

documento, la página Web diseñada dispone de una serie de scripts cuyo fin

principal es la detección de los parámetros del cliente, requeridos y necesarios

para el correcto funcionamiento del sitio Web.

Estos scripts tienen dos funciones: detección de la configuración de la

resolución de pantalla del cliente y establecer el idioma de preferencia para el

navegador.

El primer script se encarga de detectar la resolución de pantalla del

cliente. Se basa en un script de Java que se encarga de comparar los

parámetros de resolución de la pantalla del cliente con las variables definidas



por el programador, de manera que si no coinciden se envía al navegador un

mensaje aconsejando al cliente que adecue los parámetros de la configuración

de su resolución de pantalla para una correcta visualización de nuestro sitio

Web (Figura 10).

Figura 10. Alerta de resolución de pantalla

La resolución de pantalla para la que se ha diseñado nuestro sitio Web

corresponde a 1024 píxeles de ancho por 768 de alto. Esta configuración es la

habitual para los equipos actuales que suelen ir provistos de pantallas de 15

pulgadas. De todas formas esta resolución es la recomendada, pero no

necesaria, de manera que si un navegante accede a nuestra pantalla con una

resolución superior a la establecida (Figura 11) el único problema que tendrá

será que el espacio de diseño de las páginas no llegará a ocupar el disponible

en la pantalla.

Figura 11. Visualización del sito Web con una resolución superior a la optimizada



En el caso de que la resolución del cliente sea inferior a la optimizada, el

efecto será el contrario al caso anterior, de manera que el espacio de diseño de

la página Web sobrepasará el espacio disponible en pantalla (Figura 12).

Figura 12. Visualización del sito Web con una resolución inferior a la optimizada

El segundo script de detección automática de parámetros del cliente es

el encargado de establecer la lengua de preferencia para el navegante,

mostrando nuestras páginas en un idioma o en otro según el resultado de la

detección.

El funcionamiento de este script se basa en tres procesos distintos

mediante los que, a través de una adecuada combinación las órdenes enviadas

por el script, configuramos el idioma para imprimir los mensajes de nuestras

páginas.

Los procesos en los que se basa el script de detección del idioma son:



• Detección del idioma en las cookies.

• Detección del idioma del navegador.

• Selección del navegante.

La secuencia que adopta el script para la selección del idioma es la

siguiente:

1. Comprueba en el ordenador del cliente la existencia de una cookie de

nuestro sitio Web. En caso de encontrarla captura el idioma almacenado

en la cookie y lo establece como predeterminado.

2. Si no detecta una cookie de nuestro sitio en el ordenador del cliente, el

script pasa a capturar del navegador una variable que nos indica el

idioma en que el cliente tiene configurado su navegador Web,

estableciéndolo como idioma predeterminado. Una vez establecido el

idioma, el script genera una cookie con el idioma de preferencia del

cliente, para su detección en una próxima conexión a nuestro sitio Web.

3. La última de las funciones de las que se encarga este script es de

gestionar el cambio de idioma on-line. Esto quiere decir que si el cliente

decide en cualquier momento cambiar de idioma, el script genera una

nueva cookie con las nuevas preferencias, sobrescribiendo la cookie

existente, y genera la variable de sesión necesaria para que otro script

(Lecturalengua.inc) realice los cambios de idioma y muestre los

mensajes en el nuevo idioma de preferencia.



7.3.- Pagina de inicio

La página de inicio de nuestro sitio Web corresponde a la página

denominada Default.asp (Figura 13). La ventaja de llamar a la página inicial de

un sitio Web con un nombre de este tipo se basa en que los servidores poseen

una serie de documentos como predeterminados (entre ellos default.asp) de

manera que podemos ejecutar la página de inicio con tan sólo escribir la ruta

hasta ella (no es necesario incluir el nombre del documento). Esto permite que

si tenemos contratado un dominio Web, como es nuestro caso, podemos

ejecutar la página inicial con tan sólo escribir el nombre del dominio en la barra

de direcciones de nuestro navegador.

De esta forma el acceso a nuestra página Web una vez colocada en

Internet se reducirá a escribir en la barra de direcciones del navegador la

siguiente dirección: www.hidroconta.com, sin necesidad de tener que escribir la

ruta completa (www.hidroconta.com/default.asp).

La página inicial de nuestro sitio Web se compone de cuatro secciones

fundamentales:

• Enlaces de acceso y navegación al sitio Web.

• Logotipo y lema de la empresa.

• Contactos por correo electrónico.

• Datos del Web master y contador de visitas.



Figura 13. Vista general de default.asp

7.3.1.- Enlaces de acceso y navegación al sitio Web

Desde la página inicial de nuestro sitio Web permitimos al cliente tener

acceso a los cuatro apartados fundamentales de la estructura del sitio. Esos

apartados y sus respectivos enlaces son:

• Empresa.

• Productos.

• Tarifas.

• Instalaciones.

Los distintos enlaces a las secciones principales de nuestro sitio Web se

realizan a través de unas imágenes de enlace, que llevan asociados dos scripts

de Java y un efecto de HTML dinámico.



El primer script de Java se encarga de mostrar una imagen alternativa

cuando paseamos el puntero del ratón por encima de una imagen de enlace

(Figura 14), obteniendo un efecto de zoom sobre la misma.

Figura 14. Efecto del script para alternancia de imágenes

El segundo script es el encargado de controlar las capas creadas

mediante HTML dinámico de manera que al pasar el puntero del ratón sobre un

enlace nos muestre un texto explicativo de la imagen (Figura 15) dentro de la

zona creada para ese fin entre las imágenes de enlace.

Figura 15. Efecto del script para muestra de texto explicativo

Las distintas imágenes nos dan acceso a las páginas:

• Empresa.asp

• Producto.asp

• Tarifa.asp



• Insta.asp

El contenido de estas páginas se detalla en su correspondiente apartado.

7.3.2.- Logotipo y lema de la empresa

El logotipo de la empresa para la página inicial ha sido aprovechado

como herramienta de selección de idiomas (Figura 16). De esta manera si se

accede a la página inicial de nuestro sitio Web y se desea cambiar el idioma de

preferencia, bastará con que pinchemos con el ratón en la burbuja pequeña del

logotipo de la empresa que posee el idioma de cambio, ya que la burbuja

grande siempre nos muestra la bandera del idioma seleccionado en ese

momento.

Figura 16. Logotipo con herramienta para el cambio de idioma

Por otra parte, el lema de la empresa consta de un Applet de Java

encargado de mover por la pantalla dos capas superpuestas en dirección

contraria (Figura 17). La capa inferior contiene una imagen con el nombre de la

empresa mientras la capa superior desplaza un texto con el lema de la

empresa.



Figura 17. Applet encargado de desplazar el lema de la empresa

7.3.3.- Contactos por correo electrónico

Desde la página de inicio tenemos la posibilidad de enviar un correo

electrónico a la empresa, para solicitar la información que se desee y al Web

master de la página para remitirle algún comentario, sugerencia o problema en

la navegación por las páginas del sitio Web.

7.3.4.- Datos del Web master y contador de visitas

Otra de las herramientas presentes en la página inicial de nuestro sitio

Web es un contador de visitas que almacena el número de entradas que

nuestra página Web ha recibido desde que se colocó en la red. Este contador

de visitas es un servicio suministrado gratuitamente por distintas entidades

presentes en la red que junto con la función principal de registrar los acceso a

la página ofrece un servicio suplementario de estadísticas al Web master, con

las que se puede tener constancia en todo momento del funcionamiento de

nuestra página y del interés despertado por la misma dentro de la comunidad

virtual que es Internet.

Por último en la página inicial existe otro Applet de Java que nos

muestra una secuencia de imágenes concatenándolas entre ellas y creando un

efecto de imagen animada (Figura 18). Este Applet muestra información sobre

la resolución óptima de pantalla y datos sobre los diseñadores y Web master

del sitio.



Figura 18. Secuencias del Applet de información de los creadores del sitio Web.

7.4.- Sección de empresa

Esta sección corresponde a la página empresa.asp (Figura 19) a la que

se puede acceder desde la página de inicio en el enlace correspondiente a

empresa o desde la barra de navegación.

La página Web de empresa.asp se basa en un texto descriptivo de la

empresa, y los datos del domicilio social de la misma.

Junto con los principales datos de la empresa se muestra una relación

de los certificados de calidad obtenidos por Hidroconta y un plano de

localización de la empresa.

Figura 19. Página de la sección Empresa



El plano de localización se muestra en una ventana emergente (Figura

20) de tamaño ajustable por el usuario y con barras de desplazamiento

(adaptadas al sitio Web en colores y forma). El control de esas ventanas

emergentes se realiza a través de un script de Java encargado de generar las

ventanas a un tamaño seleccionado, y con los parámetros deseados.

Figura 20. Ventana emergente con plano de localización

Los parámetros que se pueden seleccionar para la generación de las

ventanas emergentes son:

• URL: Nos permite seleccionar la página que queremos que sea

ejecutada en la ventana emergente.

• Toolbar: Permite ocultar o mostrar, según nuestras necesidades, la barra

de herramientas del navegador.

• Scrollbars: Esta función nos da la opción de controlar la aparición de las

barras de desplazamiento.

• Location: Permite decidir si mostramos o no la barra de direcciones en el

navegador.



• Statusbar: Esta opción gestiona la barra de estado en el navegador.

• Menubar: Permite ocultar cuando deseamos la barra de herramientas

presente en las ventanas de nuestro navegador.

• Resizable: Con esta opción decidimos si la ventana emergente creada

puede ser redimensionada por el navegante mediante el arrastre de sus

márgenes con el puntero del ratón.

• Width y Height: Con estos parámetros podemos especificar en píxeles el

alto y el ancho de las ventanas emergentes a generar.

• Left y Top: Estos dos parámetros nos permite decidir en píxeles la

posición que ha de ocupar la ventana emergente con respecto a los

márgenes superior e izquierdo de la pantalla.

Para precisar con más detalle la localización de la empresa se ha

dispuesto de un enlace a una página Web con un localizador de ciudades y

mapas de carreteras que muestran los accesos a la ciudad donde se encuentra

ubicada la empresa desde cualquier otra ciudad. Este enlace se muestra en

una pantalla distinta con la intención de no desviar al navegante de su visita a

nuestro sitio Web.

Una última herramienta en la sección de empresas, sólo disponible

desde la barra de navegación es la posibilidad de remitir un correo electrónico

a la dirección de e-mail de la empresa para la solicitud de información.



7.5.- Sección de productos

Esta sección contiene toda la información referente a los productos

fabricados por Hidroconta. La sección de productos se corresponde con el

contenido de la página Web Producto.asp (Figura 22).

Los distintos productos que se muestran desde esta página se clasifican

en siete apartados que son:

• Contadores

• Válvulas de membrana

• Hidrantes

• Válvulas de contralavado

• Pilotos y accesorios

• Bombas dosificadoras

• Telegestión

Los enlaces a los distintos sub-apartados se han diseñado manteniendo

la misma tecnología de scripts que en los presentes en la página inicial del sitio

Web. En este caso al colocar el puntero del ratón sobre el enlace, la imagen

diseñada como icono del producto, cambia por otra imagen que indica el

producto que estamos seleccionando en ese momento con el ratón (Figura 21).

Figura 21. Icono de selección



A la vez que se produce el efecto del cambio de imagen, se produce otro

efecto consistente en la aparición en el margen derecho de la pantalla del

usuario de una imagen del producto que se está señalando.

Otro componente presente en esta página consiste en una secuencia de

imágenes diseñada mediante la tecnología Shockwave de Macromedia, que

produce una animación de imágenes que se implementan en el espacio de la

página tal y como lo hace un Applet de Java.

Figura 22. Sección de productos

7.5.1.- Contadores

El apartado de los contadores corresponde a la página Web

contador.asp (Figura 23).

Este apartado esta compuesto de un menú desplegable que se rellena

automáticamente con los distintos tipos de contadores fabricados por

Hidroconta. Los distintos elementos que componen el menú de selección de

productos se obtienen de la base de datos del sito Web mediante unas

consultas determinadas y concretas.



Figura 23. Contadores

Este menú está realizado mediante elementos de formulario Web, de

manera que los distintos valores seleccionados, pueden ser posteriormente

enviados a través del URL (posibilidad de enviar variables a través de un

hipervínculo) por medio del elemento “submit” del formulario que envía al

destino especificado en los parámetros del formulario las variables deseadas

(Figura 24).

En la página de destino, podemos recoger esas variables enviadas por

la URL por medio de una función del lenguaje ASP (“Request.Querystring”).

Esta función se encarga de recoger variables enviadas por la red y

almacenarlas o tratarlas según la manera que se especifique (imprimirlas,

guardarlas, calcular con ellas, etc.).

Según el elemento de menú que el visitante de la página seleccione, se

accede a otra página (contadortipo.asp) que muestra el contenido definido para

dicho producto.



Este menú de selección posee los siguientes elementos:

• Chorro único tipo UAR

• Chorro múltiple esfera seca

• Woltmann

• Electromagnético FLOMAG

Figura 24. Menú desplegable de contadores

Como ya se ha comentado, dependiendo del valor seleccionado, se

procede automáticamente a la creación de su página Web correspondiente,

gracias a la estructura creada en la Base de Datos y en las consultas SQL, que

nos permite con una sola página base, mostrar tantas páginas como se

deseen.

La estructura de la página base encargada de mostrar el contenido de

los contadores (Figura 25) se detalla en los siguientes párrafos.

La estructura general de la página base consta en primer lugar de una

imagen lateral que recuerda el tipo de producto que estamos consultando, así

como el nombre del modelo en cuestión, una fotografía y la descripción general

del producto escogido.



Figura 25. Página base de contadores

Como información complementaria se puede acceder a dos enlaces con

una información más detallada y técnica. El primero de estos enlaces

corresponde con las características técnicas del producto seleccionado, en él

se nos detalla información sobre los materiales de fabricación, componentes

del contador y características de montaje (Figura 26).

Figura 26. Contadores. Características técnicas



El segundo enlace que tenemos disponible desde este apartado es el

correspondiente a las especificaciones del producto (Figura 27). Este apartado

detalla datos de carácter propiamente técnico como las dimensiones en las que

el producto está disponible, los caudales, presiones y otros datos.

Figura 27. Contadores. Especificaciones

7.5.2.- Válvulas de membrana

Las válvulas de membrana se muestran a través de la página Web

membrana.asp, que tiene la misma estructura que la definida anteriormente

para contadores.asp.

En este caso al seleccionar un producto del desplegable, se nos permite

el acceso a la página base encargada de mostrarnos el producto elegido

(membranatipo.asp).



La página correspondiente a las válvulas de membrana se divide en tres

secciones principales:

• Descripción

• Pérdidas de carga

• Tipos de válvulas

El apartado correspondiente a la descripción (Figura 28) muestra

información básica referida a las válvulas de membrana desarrolladas por

Hidroconta, así como unas fotografías de algunas de ellas y aplicaciones

hidráulicas para las que se aconseja el uso de este tipo de válvulas.

Figura 28. Válvulas hidráulicas de membrana. Descripción

Otro de los componentes en esta sección es un enlace para poder

acceder a las características técnicas del producto, tal y como ocurría en la

página base de contadores.



El segundo apartado es el de las pérdidas de carga (Figura 29). Esta

sección muestra un ábaco con las pérdidas de carga generadas en las válvulas

hidráulicas de membrana de Hidroconta, según el caudal circulante y las

dimensiones de las válvulas.

Unas imágenes incluidas en la misma sección detallan todas las

dimensiones de interés de las válvulas. Esas dimensiones se muestran en la

tabla correspondiente a dimensiones cuyo enlace está activo en este apartado

de la página.

Figura 29. Válvulas hidráulicas de membrana. Ábacos de pérdida de carga

Otro de los enlaces que también se puede visitar es el que corresponde

a los caudales de trabajo aconsejados según las dimensiones de la válvula

elegida (Figura 30).



Figura 30. Válvulas hidráulicas de membrana. Caudales aconsejables

El tercero y último de los apartados de está página Web es el

correspondiente a los tipos de válvulas (Figura 31). En esta sección se muestra

una relación de los distintos tipos de válvulas hidráulicas de membrana

diseñadas por Hidroconta. Junto con la relación de válvulas se muestra

también algunas fotografías de algunas de ellas y la descripción de cada una.

Figura 31. Válvulas hidráulicas de membrana. Tipos de válvulas



7.5.3.- Hidrantes

Hidrante.asp es la página de acceso a los Hidrantes y la página base a

la que se accede desde el menú desplegable de selección de productos es

hidrantetipo.asp.

Se entiende por un hidrante el conjunto compuesto por un contador de

chorro múltiple o turbina tipo Woltmann, una válvula hidráulica de membrana y

un equipo de maniobra constituido de pilotos de regulación debidamente

conectados (Figura 32).

Figura 32. Hidrante

La página Web correspondiente a los hidrantes se compone entre otras

cosas, de la descripción y definición de hidrante, fotografías, las principales

funciones para las que están diseñadas y las posibles aplicaciones

agronómicas de los mismos (Figura 33).



Figura 33. Página de hidrantes

A parte de la información general sobre los hidrantes, podemos acceder

a dos enlaces que nos muestra información específica. Uno de estos enlaces

muestra las ventajas de los hidrantes de Hidroconta frente a la mayoría de los

hidrantes presentes en el mercado.

El segundo de los enlaces de características técnicas a los que se puede

acceder desde esta página son los caudales de trabajo, en él se presenta una

tabla con los caudales de trabajo aconsejables según el diámetro de paso del

hidrante.

Como novedad de diseño, esta página muestra un último apartado

correspondiente a un ejemplo de aplicación (Figura 34). Este ejemplo nos

muestra un croquis relativo a un ejemplo de hidrante de Hidroconta. Según

recorremos el ratón por los distintos componentes del hidrante, se va

generando una fotografía real del componente seleccionado (Figura 35), dando

así una idea más general y concreta de la composición y montaje de los

hidrantes Hidroconta.



Figura 34. Hidrantes. Ejemplo de aplicación

Figura 35. Hidrantes. Ejemplo de aplicación. Selección de componente



7.5.4.- Válvulas de contralavado

La página ASP encargada de generar el contenido relativo a las válvulas

de contralavado es la página contratito.asp, y se genera según los parámetros

recibidos por el menú desplegable presente en el sub-apartado de válvulas de

contralavado (contralavado.asp).

Las válvulas de contralavado disponibles en el catálogo de productos de

Hidroconta corresponde al modelo Hidroflush.

La página de las válvulas Hidroflush se compone de dos secciones

principales: descripción y ábacos y dimensiones.

La sección de descripción de válvulas Hidroflush (Figura 36) presenta

fotografías del producto, una descripción general, y las características más

destacables de este tipo de válvulas de contralavado.

Figura 36. Válvulas de contralavado. Descripción



La segunda de las secciones es la correspondiente a los ábacos y

dimensiones (Figura 37). Esta sección nos muestra un ábaco de las pérdidas

de carga presentes en las válvulas de contralavado Hidroflush según el caudal

circulante y las dimensiones de la válvula.

Figura 37. Válvulas de contralavado. Ábaco y dimensiones

A parte del ábaco, también se nos muestra mediante croquis y secciones

de válvulas una relación de las dimensiones de mayor importancia y una tabla

de dimensiones y caudales aconsejados (Figura 38).

Figura 38. Válvulas de contralavado. Tabla de dimensiones y caudales



7.5.5.- Pilotos y accesorios

Este apartado se corresponde con el contenido de la página pilotos.asp.

En el apartado de pilotos y accesorios se presenta el menú desplegable,

igual al presente en los demás apartados de productos, con dos posibles

opciones: pilotos de regulación y accesorios para válvulas.

Según la opción elegida en el desplegable, la página base pilototipo.asp

generará el contenido sobre un tema o sobre el otro.

La opción de los pilotos de regulación consta de una pequeña

descripción del producto y de cuatro apartados relativos a los pilotos:

• Pilotos de bronce

• Pilotos de plástico

• Pilotos de flotador

• Estructura del piloto

En el apartado de pilotos de bronce (Figura 39) podemos acceder a una

foto-composición con los distintos modelos disponibles en el catálogo de

Hidroconta para los pilotos de bronce.



Figura 39. Pilotos de regulación. Pilotos de bronce

El apartado de pilotos de plástico, muestra al mismo estilo que para los

pilotos de bronce, un montaje con los productos presentes en el catálogo.

Accediendo al apartado de pilotos de flotador podemos obtener una

imagen con los modelos disponibles del producto en cuestión.

El último de los apartados en la sección de los pilotos de regulación es el

relativo a la estructura de los pilotos (Figura 40). Este apartado nos muestra

paso a paso cómo es el montaje de un piloto de regulación, pudiendo de esa

manera ver las piezas que lo componen y la manara de ensamblarlas.



Figura 40. Pilotos de regulación. Estructura del piloto

La opción de accesorios para válvula, genera en pilototipo.asp una

página con contenidos relativos a accesorios (Figura 41).

En este caso la página vuelve a mostrarnos una descripción general del

producto y un enlace que genera una imagen con los distintos accesorios para

válvulas (en este caso sólo en plástico).

Figura 41. Accesorios para válvulas



7.5.6.- Bombas dosificadoras

Las bombas dosificadoras se presentan en la página Web bomba.asp

(Figura 42), mediante la selección en el menú desplegable se accede a la

página base de las bombas dosificadoras bombatipo.asp rellenada con el

contenido correspondiente.

Esta página está compuesta de los siguientes apartados:

• Descripción del producto

• Componentes

• Funcionamiento

• Materiales

• Características

Figura 42. Bombas dosificadoras



Los apartados de materiales y características de la bomba se presentan

en el espacio de la página mediante unos enlaces que generan las tablas

correspondientes (Figuras 43 y 44).

Figura 43. Bombas dosificadoras. Características

Figura 44. Bombas dosificadoras. Materiales



7.5.7.- Telegestión

Este producto se presenta en la página Web telegestión.asp (Figura 45).

El producto para la telegestión diseñado por Hidroconta es el

Hidrocontrol HC-2002-C.

La página de telegestión se divide en cinco secciones:

• Principio de funcionamiento

• Software

• Transmisor receptor programable

• Observaciones

• Agrupaciones de TRP (transmisor receptor programable)

Figura 45. Telegestión



La sección del principio de funcionamiento explica resumidamente la

estructura del sistema de gestión y funcionamiento del Hidrocontrol.

En software se detallan las principales funciones de la aplicación

encargada de controlar el sistema de telegestión.

En el apartado del transmisor receptor programable se muestran

distintos esquemas de montaje del sistema de telegestión. Este apartado se

detallará más detenidamente más adelante.

En observaciones se hace constar ciertas actuaciones a llevar a cabo en

caso de averías o fallo de alimentación.

El apartado de las agrupaciones de transmisores receptores

programables explica las distintas formas de agrupar los TRP y sus

características.

La sección de los transmisores receptores programables presenta las

distintas formas de distribuir el Hidrocontrol en campo según cuatro esquemas

generales de funcionamiento (Figura 46):

• Esquema general de comunicación vía cable sin repetidor. La

comunicación entre el sistema central y los distintos TRP situados en

campo se realiza mediante una línea de dos hilos común para

alimentación y comunicación.

• Esquema de comunicación vía radio. La comunicación entre la estación

central se realiza vía GSM o UHF. En el receptor un interfaz se encarga

de distribuir la información a los distintos TRP dispuestos en campo

mediante un cable de dos hilos común para alimentación y

comunicación.



• Esquema general de comunicación vía cable con línea de seguridad de

comunicaciones. Este esquema incluye la red de alimentación y

comunicaciones, un cable de dos hilos de seguridad para asegurar la

comunicación en caso de corte de uno de los cables.

• Esquema general de comunicación vía cable con repetidor de apoyo.

Este esquema está pensado para casos en los que hay una elevada

concentración de TRP en campo o la distancia es bastante grande y la

comunicación puede llegar debilitada. Para amplificar la señal se instala

un repetidor de señal de apoyo.

Figura 46. Telegestión. Esquema TRP

Los distintos esquemas están diseñados mediante una imagen de fondo

con el esquema general seleccionado. Cuando pasamos el puntero del ratón

sobre alguno de los elementos del esquema general aparece una imagen que

explica la función o características del mismo.



Al pasar el ratón sobre un TRP una imagen muestra los valores

detallados sobre el transmisor (Figura 47), que son:

• Componentes

• Características

• Valores ajustables

• Alarmas del TRP

Figura 47. Telegestión. Propiedades TRP

Los componentes de un TRP son un microcontrolador y un circuito

integrado módem que transmite la información entre el PC de gestión y el TRP.

Las principales características de un TRP son una batería interna de 12

voltios y un reloj interno.

El TRP permite ajustar los siguientes valores:

• Caudalímetro de número de litros por pulso

• Pulso de las bobinas del solenoide Latch



• Retardo del cierre

• Tensión mínima de la batería

• Medida del caudal instantáneo

• La presión mínima en un determinado tiempo

• El caudal máximo por tiempo

• Alarma de riego

Los transmisores receptores programables disponen de alarmas de

aviso para los siguientes casos:

• Apertura y cierre de la bobina

• Reloj no sincronizado

• Desconexión de la alimentación

• Nivel bajo de batería

• Caudal máximo superado

• Fugas de agua con el hidrante cerrado

• Falta de riego en el hidrante



7.6.- Tarifas

La sección de tarifas de Hidroconta se genera en la página Web

tarifa.asp (Figura 48). Desde esta sección se muestran las tarifas de todos los

productos presentes en el catálogo comercial de Hidroconta.

La sección de tarifas se compone de tres apartados fundamentales:

• Acceso libre

• Acceso a usuarios registrados

• Registrarse

Los enlaces de esta sección se han diseñado del mismo modo que en la

sección de productos, mediante dos scripts, uno de Java y el otro de HTML

dinámico, que se encargan de gestionar el efecto de alternancia de imágenes

cuando pasamos el ratón por encima del enlace.

Figura 48. Sección de tarifas



7.6.1.- Acceso libre

La página de tarifas con acceso libre corresponde a tarifalibre.asp.

En esta sección se añade un nuevo script de Java. Este script se

encarga de gestionar el funcionamiento de un nuevo menú presente en el

lateral de la página (Figura 49).

Este menú lateral tiene la característica de que puede ser mostrado u

ocultado según desee el usuario de nuestra página, con tan solo pinchar con el

ratón en la solapa del menú lateral.

El menú lateral se compone de un conjunto de enlaces, que se

corresponden con los productos del catálogo de Hidroconta. Según

seleccionamos un enlace u otro, la página de tarifas de libre acceso se rellena

con una relación de los modelos y códigos del catálogo, correspondientes al

producto elegido.

El contenido del menú lateral y por lo tanto, la relación de productos

presentes en el catálogo de Hidroconta está compuesto por:

• Contadores

o Chorro único esfera seca

o Chorro múltiple esfera seca

o Woltmann WE-SCH

o Woltmann hélice tangencial

o Woltmann WP para riego

o Electromagnéticos FLOMAG

o Indicadores de caudal



o Contadores de ultrasonidos

o Accesorios

• Válvulas

o Hidráulicas de membrana VHM

Hidráulicas de membrana

Reductoras y sostenedoras

Limitadoras de caudal

Alivio rápido

Electroválvulas

Flotador

Altitud

o Automáticas de control SINGER

Reductoras y sostenedoras


Alivio rápido

Con solenoide


Altitud

Flotador

Control de bomba y antirrotura

o Accesorios

Pilotos de regulación

Accesorios para válvulas

Solenoides y programadores

Ventosas

• Bombas dosificadoras



o Eléctricas

Como se puede ver, el catálogo de productos es bastante extenso, y el

hecho de poder tener toda esa relación de productos disponibles en la página

Web mediante un solo clic del ratón nos ofrece grandes ventajas funcionales y

de manejo en general.

Figura 49. Muestra del menú lateral de productos

Una vez seleccionado un producto en el menú lateral, la página se

compone automáticamente con una tabla generada dinámicamente y rellenada

mediante los registros presentes en la Base de Datos según la consulta

generada por los parámetros enviados al pinchar el correspondiente enlace en

dicho menú lateral (Figura 50).

La tabla de productos adapta el número de filas, al número de registros

resultantes de la consulta a la Base de Datos mediante un bucle programado

en Visual Basic Script que se encarga de recorrer uno por uno los registros del

recordset (resultado de la consulta a la Base de Datos) y a su vez ir generando

las filas correspondientes en la tabla de productos de la página Web.



Mediante este proceso somos capaces de generar todas las tablas que

deseemos con el contenido seleccionado a través de una única pagina Web

programada en ASP.

Figura 50. Tarifas de acceso libre. Ejemplo de tabla de productos.

7.6.2.- Acceso a usuarios registrados

La página para el acceso exclusivo a los usuarios registrados en nuestro

sitio corresponde a tarifauser.asp.

Esta página contiene también el catálogo completo de productos de

Hidroconta, pero a diferencia del catálogo mostrado en la sección de tarifas de

acceso libre, en este apartado se puede consultar los precios de cada uno de

los productos, mientras que en la sección anterior (si eres un usuario no

registrado) sólo se podía consultar el código del producto y para solicitar más



información sobre él se debía remitir un correo electrónico a la empresa con el

fin de solicitar los precios de los productos deseados.

El acceso a esta página se realiza a través de su enlace correspondiente

en la tarifas de precios. Al pinchar en el enlace correspondiente se abre una

nueva ventana emergente con las siguientes características:

• Reducido tamaño

• Ausencia de barras de herramientas y exploración

• Ausencia de barras de desplazamiento

En esta página se solicita un nombre de usuario y una contraseña de

acceso (Figura 51).

Figura 51. Validación de usuarios registrados

Si se desea salir de esta ventana bastará con apretar el botón de

cancelar y la página se cerrará automáticamente regresando a la página en la

que nos encontrábamos (sección de tarifas).

Cuando introducimos un nombre de usuario y una contraseña y

apretamos al botón de aceptar, se generan una secuencia de comandos y se

ejecutan unos scripts de Visual Basic que se encargan de comprobar los

parámetros enviados al servidor y compararlos con los datos almacenados, de

manera que si el script detecta el nombre de usuario en el servidor, comprueba

que la contraseña introducida sea la adecuada



En caso de que la contraseña, el nombre de usuario o ambos valores no

sean correctos, el script nos envía directamente a una página de error (Figura

52) en la que se muestran los datos introducidos y se solicita que se vuelvan a

introducir en caso de que sean erróneos.

Si el usuario no recuerda los datos de acceso se pueden solicitar a

través de la página de error por medio de un mensaje de correo electrónico al

administrador del sitio Web.

Figura 52. Error en la validación de usuarios.

Cuando el script comprueba que el nombre de usuario y la contraseña

introducida son correctos, el código nos redirecciona a la página encargada de

gestionar el catálogo de productos de Hidroconta con los correspondientes

productos.

En este caso la página del catálogo se presenta en una nueva ventana,

para que el navegante pueda acceder a ella sin tener que introducir la

contraseña cada vez que se desea visualizar el precio de un producto,

pudiendo ver otros apartados del sitio Web sin necesidad de abandonar esta

sección (Figura 53).



Figura 53. Página de tarifas para usuarios registrados

La contraseña y el nombre del usuario se almacenan en una variable de

sesión de manera que se puede acceder a todos los apartados dentro de la

sección de tarifas para los usuarios registrados. Esta variable de sesión

permanece activa mientras existe una conexión entre el cliente y el servidor.

Cuando pasa un determinado tiempo (en nuestro caso 15 minutos) la variable

de sesión pierde los valores almacenados, de manera que si se quiere volver a

consultar una tarifa en la sección de usuarios registrados se requiere volver a

introducir los parámetros establecidos (usuario y contraseña).

7.6.3.- Registrarse

Como ya hemos comentado en el apartado anterior, para poder acceder

a la sección de tarifas para usuarios registrados es necesario registrarse en el

sitio Web para que el administrador de la página active el nombre de usuario y

la contraseña.



Este registro lo formalizamos a través de un formulario Web presente en

la página registrar.asp (Figura 54).

Al registro de usuarios en el sitio Web se accede desde un enlace

presente en la sección de tarifas. Este enlace genera una nueva ventana Web

que contiene el correspondiente formulario de registro.

Los datos solicitados al navegante para darse de alta como usuario son:

• Nombre de usuario

• Contraseña

• Repetir la contraseña

• Dirección de correo electrónico

• Nombre

• Apellidos

• Localidad

• Provincia

• País

• Nombre de la empresa

• Interés sobre los productos Hidroconta

• Forma por la cual conoció el sitio Web



Este formulario Web se envía directamente a dos direcciones de correo

electrónico, la del administrador del sitio Web y a una dirección de la empresa

Hidroconta.

Figura 54. Formulario de registro

De todos los datos solicitados en el formulario de registro, solamente los

registros marcados en color rojo son indispensables para procesar el alta en el

sitio Web.

Algunos de estos datos son requeridos por el administrador del sitio Web

para gestionar correctamente las cuentas de usuarios, mientras que otros datos

son información comercial que va destinada a la empresa para disponer de un

pequeño control de posibles clientes.



7.7.- Instalaciones

La sección de instalaciones de nuestro sitio Web corresponde con la

página insta.asp (Figura 55).

En el apartado de instalaciones se trata de mostrar y describir las

soluciones adoptadas en algunas de las instalaciones de riego más

características en las que se han instalado productos de la empresa Hidroconta

S.A. con el fin de salvar ciertas situaciones de solución más compleja y menos

común que las generalmente adoptadas.

Las instalaciones mostradas en esta sección son:

• Comunidad de regantes de La Serratilla en los términos municipales de

Vilamarxant y Pedralba en la provincia de Valencia.

• Comunidad de regantes Grupo V del término municipal de Cehegín en la

provincia de Murcia. De esta comunidad de regantes se han

seleccionado tres instalaciones debido a sus particularidades poco

comunes.

Figura 55. Sección de instalaciones



Las distintas opciones que se presentan en la sección de instalaciones

nos dan acceso a la página instatipo.asp encargada de mostrar el contenido

correspondiente según el enlace seleccionado.

La página de las instalaciones se divide en dos secciones principales:

• Descripción

• Navegador de imágenes

7.7.1.- Descripción

En este apartado de la página de instalaciones se describe las

características propias de la instalación elegida.

En este apartado se plantea la problemática aparecida en la comunidad

de regantes, se explica la solución adoptada y se muestra la ejecución de

dichas soluciones.

Junto con las descripciones de las distintas problemáticas surgidas se

muestran distintas fotografías de la instalación para facilitar y ayudar a

entender las soluciones adoptadas.

7.7.2.- Navegador de imágenes

El navegador de imágenes nos permite mediante un applet de Java

visualizar todas las imágenes relacionadas con la instalación seleccionada

(Figura 56).



El navegador de imágenes consta de seis apartados:

• Título. Muestra el nombre de la foto en la que nos encontramos.

• Descripción. Breve descripción de la fotografía mostrada.

• Menú desplegable. Menú que contiene todas las fotografías presentes

en el navegador para efectuar un acceso directo a la imagen deseada.

• Botones de navegación. Botones de navegación dispuestos para poder

acceder de manera ordenada a las fotografías presentes en el

navegador.

• Fotografía de baja resolución. Muestra preliminar de la fotografía

seleccionada.

• Botón de ampliación. Botón para ampliar la imagen seleccionada.

Figura 56. Navegador de imágenes

Cuando pinchamos en el botón para la ampliación de las imágenes se

genera un visor (Figura 57) con las siguientes características:

• Auto Zoom. Al aparecer el visor, éste se adapta automáticamente al

tamaño original de la imagen. En caso de mantener esta opción

seleccionada cuando cambiamos las dimensiones del visor, las

imágenes se adaptan al nuevo tamaño.



• Zoom In. Cuando la opción Auto Zoom no está activada se puede

ampliar el tamaño de la imagen para ver detalles de la fotografía

• Zoom Out. Al igual que la opción anterior, este botón permite alejar la

imagen para tener una vista general de la fotografía.

• Efectos. Un desplegable nos permite efectuar diversos efectos gráficos

sobre la fotografía como son:

o Brillo

o Oscuridad

o Escala de grises

o Leve difuminado

o Trazos artísticos

o Fotografía en negativo

o Espejo vertical

o Grabado

o Sin efectos

Figura 57. Visor de imágenes



8.- Inclusión del sitio Web en el servidor

Una vez la página Web está finalizada, el siguiente paso es alojar

nuestro sitio Web en un servidor adecuado.

Los servicios que se requieren de un servidor para poder alojar una

página Web dinámicas del lado del servidor programada en el lenguaje ASP es

que tengan incorporados el correspondiente módulo para la ejecución de los

scripts ASP.

El servidor elegido para el hospedaje de nuestro sitio Web pertenece a la

empresa proveedora de servicios Arrakis. Para el alojamiento del sitio Web se

necesita también la contratación de un dominio que proporcione una dirección

física a nuestro dominio dentro de la inmensa red de páginas Web que es

Internet. El dominio contratado para alojar nuestro sitio Web ha sido

www.hidroconta.com.

El servidor encargado de alojar nuestro sitio Web está constituido por

una máquina bajo el sistema operativo Linux. Este hecho motivó una pequeña

reestructuración de los scripts encargados de realizar las conexiones entre las

páginas Web y nuestra base de datos, debido a que las cadenas de conexión a

las bases de datos son distintas bajo un sistema operativo Linux que bajo uno

Windows.

El sistema utilizado para colocar el contenido de nuestro sitio Web en el

dominio hidroconta.com es por medio de los protocolos de transferencia de

archivos (Files Transfer Protocol) o más conocidos por su acrónimo FTP.

Mediante un programa encargado de gestionar las conexiones FTP,

efectuamos las correspondientes actualizaciones del dominio. El acceso al

dominio Web vía FTP es restringido y solo se puede realizar mediante la

introducción de una contraseña y un nombre de usuario, que generalmente



solo es conocido por el administrador del sitio Web o Web master y es

proporcionado por el proveedor de servicios de Internet (ISP).



9.- Conclusiones

En el mundo actual Internet está desplazando a una gran parte de los

servicios tanto de comunicación como de información, llegando incluso a

competir con servicios comerciales y empresariales.

Este hecho motiva a que cualquier empresa decidida a prosperar dentro

del mundo comercial diseñe un espacio Web que le represente dentro de la

gran autopista de la información que es Internet.

Tras la elaboración del sitio Web correspondiente al dominio

www.hidroconta.com se puede asegurar que se ha conseguido la elaboración

de un espacio Web de fácil navegación, agradable estancia y que presta un

servicio técnico, comercial e informativo sobre los productos ofrecidos por la

empresa Hidroconta S.A. utilizando las tecnologías más avanzadas en el

mundo de la programación de páginas Web.



10.- Anejos

10.1.- Anejo 1: Relación de archivos del programa

10.1.1.- Imágenes

Las imágenes y los botones utilizados en la página Web se encuentran

almacenadas en el directorio imágenes.

Las imágenes se distribuyen en el directorio siguiendo la estructura que a

con tinuación se muestra:

• \imagenes 14/02/2003 21:42 <DIR> .

14/02/2003 21:42 <DIR> ..

03/02/2003 16:01 <DIR> fondos

03/02/2003 16:01 <DIR> foto1

03/02/2003 16:01 <DIR> hidrante

04/02/2003 20:35 <DIR> pilotos

04/02/2003 22:28 <DIR> tablas

03/02/2003 16:01 <DIR> tarifas

03/02/2003 16:01 <DIR> telege~1 telegestion

26/11/2002 18:37 5.019 acc2-1.jpg

09/12/2002 14:03 2.713 acces_~1.jpg acces_cont.jpg

30/11/2002 14:37 1.361 acceso~1.jpg accesorios.jpg

30/11/2002 14:45 1.293 accesv~1.jpg accesvalv.jpg

29/01/2003 11:38 2.095 aceptar.gif



28/01/2003 11:39 1.150 aceptar.jpg

15/10/2002 19:26 5.878 aenor.gif

15/10/2002 19:12 1.767 afre.gif

03/12/2002 18:38 1.015 agrega~1.jpg agregar-cesta.jpg

30/11/2002 14:45 1.358 automa~1.jpg automatico.jpg

15/01/2003 12:08 6.441 b1.gif

15/01/2003 12:08 6.431 b2.gif

15/01/2003 12:08 6.035 b3.gif

15/01/2003 12:08 6.798 b4.gif

15/01/2003 12:20 6.525 b5.gif

04/10/2002 17:47 393 blanco.jpg

07/11/2002 19:35 8.726 bomba.gif

11/11/2002 10:55 7.067 bombac~1.jpg bombacapa.jpg

30/11/2002 14:44 1.206 bombas.jpg

28/01/2003 11:48 2.141 cancelar.gif

28/01/2003 11:39 1.210 cancelar.jpg

14/11/2002 18:44 1.827 caract~1.jpg caracteristicas.jpg

30/11/2002 14:45 1.234 cesta.jpg

07/11/2002 11:58 16.015 contad~1.jpg contador256.jpg

30/11/2002 14:44 1.142 contad~2.jpg contadores.jpg

08/11/2002 13:30 5.406 contmult.jpg

26/11/2002 10:50 3.357 contra01.jpg

11/11/2002 16:04 4.934 contra1.jpg

11/11/2002 10:45 7.899 contra~2.jpg contracapa.jpg

30/11/2002 14:43 1.245 contra~1.jpg contralavado.jpg

26/11/2002 10:15 4.713 contra~1.gif contra-sk-1.gif




26/11/2002 10:16 4.318 co0573~1.gif contra-sk-5.gif

15/01/2003 11:28 18.865 correo.gif

30/11/2002 14:44 1.313 domest~1.jpg domesticos.jpg

13/11/2002 19:22 3.942 domest~2.jpg domesticouar.jpg

30/01/2003 11:09 15.713 electro.gif



15/11/2002 11:38 17.787 electro2.gif

30/11/2002 14:43 1.276 electr~1.jpg electromag.jpg

07/11/2002 17:33 2.523 emp.jpg

30/11/2002 14:54 2.914 emp2.jpg

07/11/2002 20:18 6.857 fondo.gif

04/12/2002 10:45 6.374 fondo2.gif

15/01/2003 16:21 15.872 fondo2.jpg

16/01/2003 12:21 4.100 fondo3.jpg

16/01/2003 12:23 3.677 fondo4.jpg

11/11/2002 17:23 740 fondoc~1.jpg fondocelda.jpg

07/11/2002 10:33 3.458 gota2.gif

07/11/2002 10:34 2.219 gota3.gif

07/11/2002 11:20 3.829 gotaes.gif

07/11/2002 11:23 1.408 gotaes2.gif

07/11/2002 11:19 4.043 gotain.gif

07/11/2002 11:24 1.549 gotain2.gif

07/11/2002 11:39 4.642 gotas.gif

21/11/2002 11:37 9.130 hid1.jpg

21/11/2002 11:38 12.638 hid2.jpg

21/11/2002 11:41 9.379 hid3.jpg

11/11/2002 13:51 10.754 hidran~3.jpg hidrante1.jpg

11/11/2002 10:42 8.077 hidran~2.jpg hidrantecapa.jpg

30/11/2002 14:42 1.201 hidran~1.jpg hidrantes.jpg

11/11/2002 11:11 1.843 hidroa~1.gif hidroanim.gif

26/11/2002 10:51 10.013 hidroc~2.gif hidroconta11.gif

26/11/2002 10:48 8.564 hidroc~1.gif hidroconta12.gif

26/11/2002 10:18 6.722 hidroc~1.jpg hidroconta12.jpg

30/11/2002 14:41 1.313 hidrof~1.jpg hidroflush.jpg

03/10/2002 20:13 3.672 hidrotit.gif

30/11/2002 14:41 1.267 indica~1.jpg indicador.jpg

09/12/2002 14:08 3.037 indica~2.jpg indicadores.jpg

07/11/2002 17:33 2.614 ins.jpg

30/11/2002 14:54 3.601 ins2.jpg

17/01/2003 12:37 5.016 instal1.jpg



17/01/2003 13:01 3.054 instal2.jpg

15/10/2002 19:05 3.181 iqnet.gif

03/12/2002 12:04 1.452 latera~1.gif lateral-en.gif

03/12/2002 12:04 1.448 latera~2.gif lateral-es.gif

16/10/2002 16:50 78.868 locali~1.gif localizacion.gif

18/11/2002 19:11 5.667 memb1.jpg

19/11/2002 11:13 4.390 memb2.jpg

19/11/2002 11:45 4.015 memb3.jpg

19/11/2002 11:45 4.128 memb4.jpg

19/11/2002 11:44 5.035 memb5.jpg

11/11/2002 10:36 8.381 membra~1.jpg membracapa.jpg

30/11/2002 14:40 1.161 membrana.jpg

11/11/2002 13:12 7.879 membra~2.jpg membrana1.jpg

30/01/2003 11:27 2.623 michel~1.gif michelinlogo.gif

03/02/2003 13:28 2.557 obras1.gif

03/02/2003 13:29 3.881 obras2.gif

11/11/2002 16:29 7.284 piloto1.jpg

11/11/2002 10:50 5.841 piloto~1.jpg pilotocapa.jpg

30/11/2002 14:40 1.201 pilotos.jpg

07/11/2002 17:33 2.496 pro.jpg

07/11/2002 12:08 9.889 pro1.gif

07/11/2002 12:04 6.452 pro2.gif

30/11/2002 14:54 2.757 pro2.jpg

11/11/2002 11:17 107.234 produc~1.gif productos.gif

11/11/2002 11:17 92.645 produc~1.swf productos.swf

30/11/2002 14:39 1.156 regist~1.jpg registrar.jpg

07/11/2002 19:18 2.117 selecc~1.gif seleccion.gif

02/12/2002 13:15 529 snow.gif

30/11/2002 14:37 1.312 soleno~1.jpg solenoide.jpg

09/12/2002 14:10 2.493 soleno~2.jpg solenoides.jpg

19/11/2002 17:13 1.539 subir.gif

14/11/2002 11:10 4.070 tablas.jpg

07/11/2002 17:33 2.393 tar.jpg

30/11/2002 14:54 2.632 tar2.jpg



30/11/2002 14:37 1.302 tarifar.jpg

03/12/2002 17:19 11.488 tarifas.jpg

28/11/2002 17:04 10.497 telecapa.jpg

28/11/2002 19:14 4.808 teleca~1.jpg telecapamini.jpg

28/11/2002 16:31 4.512 telege~1.gif telegestion.gif

30/11/2002 14:37 1.281 ultras~1.jpg ultrasonidos.jpg

18/11/2002 11:08 3.233 valv1.gif

18/11/2002 12:14 5.265 valv2.gif

18/11/2002 13:00 5.756 valv3.gif

18/11/2002 13:02 9.672 valvulas.gif

30/11/2002 14:37 1.255 ventosa.jpg

09/12/2002 14:11 3.352 ventosas.jpg

21/11/2002 11:07 2.536 volver.gif

15/11/2002 11:41 15.191 woltmann.gif

30/11/2002 14:38 1.383 woltmann.jpg

09/12/2002 13:43 7.290 woltma~1.gif woltmannsch.gif

09/12/2002 13:47 6.521 woltma~2.gif woltmannwp.gif

• \imagenes\fondos

15/02/2003 15:50 <DIR> .

15/02/2003 15:50 <DIR> ..

14/11/2002 12:00 7.643 backv.jpg

14/11/2002 12:00 8.206 bombasv.jpg

14/11/2002 12:00 7.310 contad~1.jpg contadorv.jpg

14/11/2002 12:00 8.118 contrav.jpg

14/11/2002 12:00 6.851 hidran~1.jpg hidrantesv.jpg

14/11/2002 12:00 6.353 hydran~1.jpg hydrantsv.jpg

14/11/2002 12:00 7.680 membra~1.jpg membranev.jpg

14/11/2002 12:00 7.768 membv.jpg

14/11/2002 12:00 6.787 mixingv.jpg

14/11/2002 12:00 7.523 pilotosv.jpg

14/11/2002 12:00 7.524 pilotsv.jpg



01/12/2002 13:16 4.092 ratev.jpg

01/12/2002 13:17 4.281 tarifav.jpg

28/11/2002 17:46 8.236 telegv.jpg

28/11/2002 17:46 8.781 telemv.jpg

14/11/2002 12:00 7.295 waterv.jpg

• \imagenes\foto1

15/02/2003 15:56 <DIR> .

15/02/2003 15:56 <DIR> ..

17/01/2003 12:38 1.869 001_1.jpg

17/01/2003 12:38 1.440 002_2.jpg

17/01/2003 12:37 2.090 003_3.jpg

17/01/2003 12:37 4.031 004_4.jpg

17/01/2003 12:37 5.016 005_5.jpg

17/01/2003 12:37 5.104 006_6.jpg

17/01/2003 12:41 2.285 007_7.jpg

17/01/2003 12:41 1.959 008_8.jpg

17/01/2003 12:41 2.151 009_9.jpg

17/01/2003 12:40 1.392 010_10.jpg

17/01/2003 12:40 2.288 011_11.jpg

17/01/2003 12:40 4.218 012_12.jpg

17/01/2003 12:51 3.683 013_13.jpg

17/01/2003 12:51 2.422 014_14.jpg

17/01/2003 12:50 1.879 015_15.jpg

17/01/2003 12:50 2.529 016_16.jpg

17/01/2003 12:50 2.259 017_17.jpg

17/01/2003 12:49 2.922 018_18.jpg

17/01/2003 12:54 1.549 019_19.jpg

17/01/2003 12:54 2.680 020_20.jpg

17/01/2003 12:54 2.642 021_21.jpg

17/01/2003 12:54 1.541 023_23.jpg

17/01/2003 12:53 1.306 024_24.jpg



17/01/2003 12:57 2.282 025_25.jpg

17/01/2003 12:57 1.217 026_26.jpg

17/01/2003 12:57 1.402 027_27.jpg

17/01/2003 12:57 3.450 028_28.jpg

17/01/2003 12:58 2.824 029_29.jpg

17/01/2003 12:58 2.457 030_30.jpg

17/01/2003 13:01 2.864 031_31.jpg

17/01/2003 13:01 3.054 032_32.jpg

17/01/2003 13:00 3.506 033_33.jpg

17/01/2003 13:00 2.401 034_34.jpg

17/01/2003 13:01 1.532 035_35.jpg

17/01/2003 13:01 2.613 036_36.jpg

17/01/2003 13:01 1.555 037_37.jpg

17/01/2003 16:18 17.653 b1.jpg

17/01/2003 16:22 18.389 b10.jpg

17/01/2003 16:22 19.508 b11.jpg

17/01/2003 16:20 22.413 b12.jpg

17/01/2003 16:31 21.321 b13.jpg

17/01/2003 16:30 21.379 b14.jpg

17/01/2003 16:29 20.409 b15.jpg

17/01/2003 16:29 21.931 b16.jpg

17/01/2003 16:28 20.481 b17.jpg

17/01/2003 16:27 20.930 b18.jpg

17/01/2003 16:42 19.823 b19.jpg

17/01/2003 16:18 22.321 b2.jpg

17/01/2003 16:41 19.805 b20.jpg

17/01/2003 16:40 22.681 b21.jpg

17/01/2003 16:39 17.692 b23.jpg

17/01/2003 16:38 20.828 b24.jpg

17/01/2003 16:47 20.552 b25.jpg

17/01/2003 16:46 20.254 b26.jpg

17/01/2003 16:46 20.565 b27.jpg

17/01/2003 16:45 21.899 b28.jpg

17/01/2003 16:44 21.148 b29.jpg



17/01/2003 16:17 21.423 b3.jpg

17/01/2003 16:43 19.363 b30.jpg

17/01/2003 17:17 21.121 b31.jpg

17/01/2003 17:13 21.543 b32.jpg

17/01/2003 17:11 20.767 b33.jpg

17/01/2003 17:10 20.961 b34.jpg

17/01/2003 17:02 20.004 b35.jpg

17/01/2003 16:54 20.401 b36.jpg

17/01/2003 16:53 20.052 b37.jpg

17/01/2003 16:16 22.348 b4.jpg

17/01/2003 16:15 19.806 b5.jpg

17/01/2003 16:13 21.535 b6.jpg

17/01/2003 16:25 22.070 b7.jpg

17/01/2003 16:24 21.933 b8.jpg

17/01/2003 16:23 18.124 b9.jpg

• \imagenes\hidrante 15/02/2003 16:06 <DIR> .

15/02/2003 16:06 <DIR> ..

20/11/2002 17:42 11.415 caza.jpg

22/11/2002 18:18 11.852 caza-en.jpg

20/11/2002 17:49 15.194 contador.jpg

22/11/2002 18:19 14.920 contad~1.jpg contador-en.jpg

20/11/2002 17:47 8.879 correc~1.jpg corrector.jpg

22/11/2002 18:19 8.446 correc~2.jpg corrector-en.jpg

20/11/2002 17:41 53.821 croquis.jpg

25/11/2002 13:01 84.288 croqui~1.jpg croquis-en.jpg

20/11/2002 17:48 10.487 emisor.jpg

22/11/2002 18:19 10.421 emisor~1.jpg emisor-en.jpg

20/11/2002 17:54 7.987 filtro.jpg

22/11/2002 18:17 7.955 filtro~1.jpg filtro-en.jpg

20/11/2002 17:55 14.594 hidrante.jpg



20/11/2002 17:51 8.414 limita~1.jpg limitador.jpg

22/11/2002 18:19 7.771 limita~2.jpg limitador-en.jpg

20/11/2002 17:52 8.925 manome~1.jpg manometro.jpg

22/11/2002 18:20 8.715 manome~2.jpg manometro-en.jpg

20/11/2002 17:55 13.006 membrana.jpg

22/11/2002 18:18 12.656 membra~1.jpg membrana-en.jpg

21/11/2002 17:27 8.638 minicr~1.jpg minicroquis.jpg

20/11/2002 17:54 12.570 orificio.jpg

22/11/2002 18:18 12.374 orific~1.jpg orificio-en.jpg

20/11/2002 17:52 8.565 reductor.jpg

22/11/2002 18:20 8.303 reduct~1.jpg reductor-en.jpg

20/11/2002 17:53 9.949 soleno~1.jpg solenoide.jpg

22/11/2002 18:21 9.136 soleno~2.jpg solenoide-en.jpg

20/11/2002 17:53 16.914 valvula.jpg

22/11/2002 18:17 16.506 valvul~1.jpg valvula-en.jpg

• \imagenes\pilotos 15/02/2003 16:10 <DIR> .

15/02/2003 16:10 <DIR> ..

26/11/2002 18:37 6.251 acc1-1.jpg

26/11/2002 18:35 5.322 acc1-2.jpg

26/11/2002 18:37 5.019 acc2-1.jpg

26/11/2002 18:35 4.820 acc2-2.jpg

26/11/2002 19:19 2.303 acces-sk.gif

27/11/2002 10:21 54.104 bronce~2.jpg bronce-en.jpg

27/11/2002 10:22 54.556 bronce~1.jpg bronce-es.jpg

27/11/2002 10:22 61.379 estruc~1.jpg estructura.jpg

27/11/2002 11:49 6.189 fittin~1.jpg fitting1-1.jpg

27/11/2002 10:36 72.235 fittings.jpg

27/11/2002 10:19 36.744 flotad~1.jpg flotador-en.jpg

27/11/2002 10:21 38.069 flotad~2.jpg flotador-es.jpg

26/11/2002 18:43 3.443 pilot1-1.jpg



27/11/2002 11:49 3.431 pilot1~1.jpg pilot1-1-en.jpg

26/11/2002 18:44 3.140 pilot1-2.jpg


26/11/2002 18:44 3.587 pilot2-1.jpg


26/11/2002 18:44 3.932 pilot2-2.jpg


26/11/2002 16:00 3.971 piloto~1.jpg piloto-sk.jpg

27/11/2002 10:20 38.944 plasti~1.jpg plastico-en.jpg

27/11/2002 10:21 40.191 plasti~2.jpg plastico-es.jpg

• \imagenes\tablas 15/02/2003 16:17 <DIR> .

15/02/2003 16:17 <DIR> ..

27/11/2002 19:30 18.584 bo7dc4~1.gif bombas-en-pr.gif

27/11/2002 19:28 46.868 bombas~4.gif bombas-en-s1.gif

27/11/2002 19:28 44.929 bombas~3.gif bombas-en-s2.gif

27/11/2002 19:30 18.936 bo77d4~1.gif bombas-es-pr.gif

27/11/2002 19:28 47.197 bombas~2.gif bombas-es-s1.gif

27/11/2002 19:28 45.414 bombas~1.gif bombas-es-s2.gif

19/11/2002 16:58 12.076 cargav~2.gif cargavhm-en.gif

19/11/2002 11:27 12.004 cargav~1.gif cargavhm-es.gif

15/11/2002 11:24 26.641 chorro~3.gif chorrom-en-ct.gif

14/11/2002 16:41 42.350 chorro~1.gif chorrom-en-sp.gif

15/11/2002 11:25 26.718 chorro~4.gif chorrom-es-ct.gif

14/11/2002 16:41 41.844 chorro~2.gif chorrom-es-sp.gif

18/12/2002 12:56 13.582 diapos~1.jpg diapositiva1.jpg

18/12/2002 12:56 14.504 diapos~2.jpg diapositiva10.jpg

15/11/2002 11:26 33.172 electr~1.gif electro-en-ct.gif

15/11/2002 12:14 38.081 electr~4.gif electro-en-sp.gif

15/11/2002 11:27 32.993 electr~2.gif electro-es-ct.gif

15/11/2002 12:14 38.013 electr~3.gif electro-es-sp.gif



22/11/2002 17:23 32.910 hidran~1.gif hidrante-en-ct.gif

22/11/2002 18:47 14.577 hidran~3.gif hidrante-en-wf.gif

22/11/2002 17:23 32.707 hidran~2.gif hidrante-es-ct.gif

22/11/2002 18:47 14.554 hidran~4.gif hidrante-es-wf.gif

26/11/2002 10:04 38.824 hidrof~1.gif hidroflush-en-ct.gif

26/11/2002 10:10 12.783 hidrof~3.gif hidroflush-en-gf.gif

26/11/2002 10:04 39.674 hidrof~2.gif hidroflush-es-ct.gif

26/11/2002 10:11 12.843 hidrof~4.gif hidroflush-es-gf.gif

14/11/2002 13:39 38.822 uar-en~1.gif uar-en-sp.gif

14/11/2002 13:39 38.154 uar-es~1.gif uar-es-sp.gif

19/11/2002 16:59 39.709 vhm-en~1.gif vhm-en-cau.gif

19/11/2002 16:59 30.510 vhm-en~3.gif vhm-en-ct.gif

19/11/2002 16:59 38.162 vhm-en~2.gif vhm-en-dim.gif

19/11/2002 16:59 39.015 vhm-es~2.gif vhm-es-cau.gif

19/11/2002 16:59 30.635 vhm-es~1.gif vhm-es-ct.gif

19/11/2002 16:59 38.069 vhm-es~3.gif vhm-es-dim.gif

15/11/2002 11:28 33.387 woltma~1.gif woltmann-en-ct.gif

15/11/2002 12:14 40.505 woltma~4.gif woltmann-en-sp.gif

15/11/2002 11:29 33.488 woltma~2.gif woltmann-es-ct.gif

15/11/2002 12:14 39.778 woltma~3.gif woltmann-es-sp.gif

• \imagenes\tarifas

15/02/2003 16:23 <DIR> .

15/02/2003 16:23 <DIR> ..

03/02/2003 16:01 <DIR> en

09/12/2002 17:13 163 blanco~1.jpg blancofila.jpg

05/12/2002 20:56 1.895 ta0bb8~1.gif tarifa1-0.gif

05/12/2002 20:58 533 tarifa~2.gif tarifa1-1.gif



05/12/2002 23:59 275 tae9e3~1.gif tarifa11-11.gif




05/12/2002 23:36 780 tae5fb~1.gif tarifa111-2.gif

05/12/2002 23:49 290 ta6d1f~1.gif tarifa11-2.gif



05/12/2002 23:38 759 taebfb~1.gif tarifa112-3.gif

05/12/2002 23:51 252 ta7d1b~1.gif tarifa11-3.gif



05/12/2002 23:52 299 ta7d17~1.gif tarifa11-4.gif





05/12/2002 23:43 559 taebfb~2.gif tarifa116-1.gif

05/12/2002 23:44 606 taeffb~1.gif tarifa116-2.gif


05/12/2002 23:45 499 taedfb~1.gif tarifa117-1.gif



05/12/2002 20:59 520 ta03c8~1.gif tarifa1-2.gif




06/12/2002 12:45 951 ta7d1d~1.gif tarifa12-3.gif




06/12/2002 12:50 883 ta8d1d~1.gif tarifa12-7.gif





06/12/2002 12:17 755 tae1f9~1.gif tarifa131-1.gif













06/12/2002 12:26 814 taedf9~1.gif tarifa135-2.gif


06/12/2002 12:27 673 taebf9~1.gif tarifa136-1.gif


06/12/2002 12:28 724 taedf9~2.gif tarifa137-1.gif

06/12/2002 12:29 817 tae10a~1.gif tarifa137-2.gif



06/12/2002 12:32 784 taeff9~1.gif tarifa138-1.gif


05/12/2002 21:02 1.782 ta0db8~1.gif tarifa2-0.gif


06/12/2002 12:56 1.947 ta6f13~1.gif tarifa21-1.gif

06/12/2002 13:05 2.018 tae6e3~1.gif tarifa21-10.gif

06/12/2002 13:06 1.872 taeae3~1.gif tarifa21-11.gif

06/12/2002 13:07 1.693 taeee3~1.gif tarifa21-12.gif

06/12/2002 12:57 1.921 ta6f1f~1.gif tarifa21-2.gif

06/12/2002 12:58 2.142 ta7f1b~1.gif tarifa21-3.gif












07/12/2002 18:12 728 taeae4~1.gif tarifa22-11.gif

07/12/2002 18:14 696 taeee4~1.gif tarifa22-12.gif



07/12/2002 18:17 848 taeaf4~1.gif tarifa22-15.gif

07/12/2002 18:19 756 taeef4~1.gif tarifa22-16.gif

07/12/2002 18:20 637 tae205~1.gif tarifa22-17.gif

07/12/2002 18:23 644 tae605~1.gif tarifa22-18.gif

07/12/2002 18:27 641 taea05~1.gif tarifa22-19.gif


07/12/2002 18:29 641 tae6ee~1.gif tarifa22-20.gif

07/12/2002 18:32 647 taeaee~1.gif tarifa22-21.gif

07/12/2002 18:35 638 taeeee~1.gif tarifa22-22.gif

09/12/2002 17:04 545 tae2fe~1.gif tarifa22-23.gif

07/12/2002 18:40 604 tae6fe~1.gif tarifa22-24.gif

07/12/2002 18:42 584 taeafe~1.gif tarifa22-25.gif

07/12/2002 18:44 642 taeefe~1.gif tarifa22-26.gif

07/12/2002 18:46 652 tae20f~1.gif tarifa22-27.gif

07/12/2002 18:48 629 tae60f~1.gif tarifa22-28.gif

07/12/2002 18:50 633 taea0f~1.gif tarifa22-29.gif

06/12/2002 13:12 788 ta7f1d~1.gif tarifa22-3.gif


07/12/2002 18:53 490 taeae0~1.gif tarifa22-31.gif


06/12/2002 13:16 852 ta7f15~1.gif tarifa22-5.gif


06/12/2002 13:18 888 ta8f1d~1.gif tarifa22-7.gif




08/12/2002 13:03 919 ta6f1f~2.gif tarifa23-1.gif

08/12/2002 13:21 1.859 tae6e1~1.gif tarifa23-10.gif



08/12/2002 13:07 672 ta7f1b~2.gif tarifa23-2.gif








05/12/2002 21:07 589 ta0dc8~1.gif tarifa2-4.gif


08/12/2002 13:46 1.457 tae6ee~2.gif tarifa24-10.gif

08/12/2002 13:48 1.383 taeaee~2.gif tarifa24-11.gif

08/12/2002 13:49 1.411 taeeee~2.gif tarifa24-12.gif

08/12/2002 13:50 1.380 tae2fe~2.gif tarifa24-13.gif

08/12/2002 13:52 1.400 tae6fe~2.gif tarifa24-14.gif

08/12/2002 13:54 1.356 taeafe~2.gif tarifa24-15.gif

08/12/2002 13:56 1.360 taeefe~2.gif tarifa24-16.gif

08/12/2002 13:25 1.271 ta7f1d~2.gif tarifa24-2.gif




08/12/2002 13:38 1.029 ta8f1d~2.gif tarifa24-6.gif






05/12/2002 21:24 1.749 ta0fb8~1.gif tarifa3-0.gif


05/12/2002 21:35 732 ta513f~1.gif tarifa3-10.gif

08/12/2002 14:01 1.723 ta6127~1.gif tarifa31-0.gif

05/12/2002 21:36 757 ta613b~1.gif tarifa3-11.gif

08/12/2002 14:04 724 ta6123~1.gif tarifa31-1.gif




08/12/2002 14:33 631 taebe3~1.gif tarifa31-11.gif

08/12/2002 14:35 711 taefe3~1.gif tarifa31-12.gif



08/12/2002 14:12 672 ta7127~1.gif tarifa31-4.gif

08/12/2002 14:13 712 ta7123~1.gif tarifa31-5.gif



08/12/2002 14:18 624 ta8127~1.gif tarifa31-8.gif

08/12/2002 14:21 698 ta8123~1.gif tarifa31-9.gif


05/12/2002 21:29 607 ta0bc8~1.gif tarifa3-3.gif

09/12/2002 17:00 569 ta0fc8~1.gif tarifa3-4.gif



05/12/2002 21:32 661 ta0bd8~1.gif tarifa3-7.gif

05/12/2002 21:33 702 ta0fd8~1.gif tarifa3-8.gif

05/12/2002 21:34 728 ta03e8~1.gif tarifa3-9.gif

05/12/2002 21:38 1.817 ta01c8~2.gif tarifa4-0.gif







05/12/2002 21:46 598 ta0dd8~1.gif tarifa4-7.gif
















05/12/2002 23:00 574 ta6737~1.gif tarifa6-12.gif

05/12/2002 22:47 576 ta6733~1.gif tarifa6-13.gif



05/12/2002 23:02 602 ta7737~1.gif tarifa6-16.gif

05/12/2002 22:48 554 ta7733~1.gif tarifa6-17.gif




05/12/2002 23:03 619 ta5b3f~1.gif tarifa6-20.gif

05/12/2002 22:50 589 ta6b3b~1.gif tarifa6-21.gif

05/12/2002 23:05 439 ta6b37~1.gif tarifa6-22.gif
























05/12/2002 22:52 1.150 ta6347~1.gif tarifa6-42.gif

05/12/2002 22:53 1.819 ta6343~1.gif tarifa6-43.gif

05/12/2002 23:24 1.854 ta634f~1.gif tarifa6-44.gif

05/12/2002 23:25 1.163 ta734b~1.gif tarifa6-45.gif

05/12/2002 23:26 1.151 ta7347~1.gif tarifa6-46.gif


05/12/2002 22:57 540 ta0dd8~2.gif tarifa6-6.gif





05/12/2002 22:15 1.111 ta0bc8~3.gif tarifa7-1.gif

05/12/2002 22:16 1.845 ta0fc8~3.gif tarifa7-2.gif

05/12/2002 22:18 2.270 ta03d8~3.gif tarifa7-3.gif


05/12/2002 22:21 1.008 ta0dc8~4.gif tarifa8-1.gif

05/12/2002 22:22 1.013 ta01d8~4.gif tarifa8-2.gif








• \imagenes\tarifas\en

15/02/2003 16:38 <DIR> .

15/02/2003 16:38 <DIR> ..



23/01/2003 15:49 1.351 1-0.gif

23/01/2003 15:55 373 11-0.gif

23/01/2003 15:52 771 111-1.gif

23/01/2003 15:54 735 111-2.gif

23/01/2003 15:58 470 112-1.gif

23/01/2003 15:58 483 112-2.gif

23/01/2003 15:59 700 112-3.gif

23/01/2003 16:00 465 113-1.gif

23/01/2003 16:01 712 113-2.gif

23/01/2003 16:01 469 114-1.gif

23/01/2003 16:02 612 115-1.gif

23/01/2003 16:03 475 116-1.gif

23/01/2003 16:03 484 116-2.gif

23/01/2003 16:04 345 117-1.gif

23/01/2003 16:07 375 12-0.gif

23/01/2003 16:07 813 12-1.gif

23/01/2003 16:08 834 12-2.gif

23/01/2003 16:08 891 12-3.gif

23/01/2003 16:09 931 12-4.gif

23/01/2003 16:29 906 12-5.gif

23/01/2003 16:29 892 12-6.gif

23/01/2003 16:30 919 12-7.gif

23/01/2003 16:30 818 12-8.gif

23/01/2003 16:31 853 12-9.gif

23/01/2003 16:35 389 13-0.gif

23/01/2003 16:36 685 131-1.gif

23/01/2003 16:37 726 131-2.gif

23/01/2003 16:37 898 131-3.gif

23/01/2003 16:38 801 132-1.gif

23/01/2003 16:39 833 133-1.gif

23/01/2003 16:39 743 134-1.gif

23/01/2003 16:40 746 135-1.gif

23/01/2003 16:40 887 135-2.gif

23/01/2003 16:41 605 136-1.gif



23/01/2003 16:42 786 137-1.gif

23/01/2003 16:42 953 137-2.gif

23/01/2003 16:43 776 137-3.gif

23/01/2003 16:43 742 138-1.gif

23/01/2003 16:44 669 138-2.gif

23/01/2003 16:48 1.298 2-0.gif

23/01/2003 17:00 1.844 21-1.gif

23/01/2003 17:05 1.969 21-10.gif

23/01/2003 17:06 1.693 21-11.gif

23/01/2003 17:06 1.472 21-12.gif

23/01/2003 17:00 1.814 21-2.gif

23/01/2003 17:01 1.968 21-3.gif

23/01/2003 17:02 1.902 21-4.gif

23/01/2003 17:02 1.863 21-5.gif

23/01/2003 17:03 1.840 21-6.gif

23/01/2003 17:03 1.839 21-7.gif

23/01/2003 17:04 1.848 21-8.gif

23/01/2003 17:04 1.989 21-9.gif

23/01/2003 17:11 1.284 22-1.gif

23/01/2003 17:17 780 22-10.gif

23/01/2003 17:17 715 22-11.gif

23/01/2003 17:18 737 22-12.gif

23/01/2003 17:18 648 22-13.gif

23/01/2003 17:19 648 22-14.gif

23/01/2003 17:19 765 22-15.gif

23/01/2003 17:20 624 22-16.gif

23/01/2003 17:21 473 22-17.gif

23/01/2003 17:21 639 22-18.gif

23/01/2003 17:22 615 22-19.gif

23/01/2003 17:12 1.284 22-2.gif

23/01/2003 17:22 658 22-20.gif

23/01/2003 17:23 663 22-21.gif

23/01/2003 17:24 649 22-22.gif

23/01/2003 17:24 653 22-23.gif



23/01/2003 17:25 649 22-24.gif

23/01/2003 17:25 643 22-25.gif

23/01/2003 17:26 605 22-26.gif

23/01/2003 17:26 615 22-27.gif

23/01/2003 17:27 543 22-28.gif

23/01/2003 17:27 543 22-29.gif

23/01/2003 17:12 695 22-3.gif

23/01/2003 17:28 387 22-30.gif

23/01/2003 17:28 430 22-31.gif

23/01/2003 17:13 1.227 22-4.gif

23/01/2003 17:13 753 22-5.gif

23/01/2003 17:14 949 22-6.gif

23/01/2003 17:15 742 22-7.gif

23/01/2003 17:15 695 22-8.gif

23/01/2003 17:16 828 22-9.gif

23/01/2003 17:34 904 23-1.gif

23/01/2003 17:39 1.446 23-10.gif

23/01/2003 17:35 600 23-2.gif

23/01/2003 17:35 678 23-3.gif

23/01/2003 17:36 685 23-4.gif

23/01/2003 17:36 1.291 23-5.gif

23/01/2003 17:37 1.077 23-6.gif

23/01/2003 17:37 555 23-7.gif

23/01/2003 17:38 1.227 23-8.gif

23/01/2003 17:38 993 23-9.gif

23/01/2003 17:41 1.139 24-1.gif

23/01/2003 17:46 1.552 24-10.gif

23/01/2003 17:46 1.340 24-11.gif

23/01/2003 17:47 1.329 24-12.gif

23/01/2003 17:48 1.325 24-13.gif

23/01/2003 17:49 1.312 24-14.gif

23/01/2003 17:50 1.318 24-15.gif

23/01/2003 17:50 1.290 24-16.gif

23/01/2003 17:42 1.096 24-2.gif



23/01/2003 17:42 1.157 24-3.gif

23/01/2003 17:43 1.011 24-4.gif

23/01/2003 17:43 918 24-5.gif

23/01/2003 17:44 1.030 24-6.gif

23/01/2003 17:44 1.041 24-7.gif

23/01/2003 17:45 1.034 24-8.gif

23/01/2003 17:45 1.757 24-9.gif

23/01/2003 17:54 1.344 3-0.gif

23/01/2003 17:55 1.343 31-0.gif

23/01/2003 17:55 1.262 4-0.gif

23/01/2003 17:56 1.292 5-0.gif

24/01/2003 09:40 1.536 6-0.gif

24/01/2003 09:41 509 6-1.gif

24/01/2003 09:50 540 6-10.gif

24/01/2003 09:43 526 6-11.gif

24/01/2003 09:50 546 6-12.gif

24/01/2003 09:43 538 6-13.gif

24/01/2003 09:51 554 6-14.gif

24/01/2003 09:44 527 6-15.gif

24/01/2003 09:51 567 6-16.gif

24/01/2003 09:45 550 6-17.gif

24/01/2003 09:52 564 6-18.gif

24/01/2003 09:45 540 6-19.gif

24/01/2003 09:48 545 6-2.gif

24/01/2003 09:52 574 6-20.gif

24/01/2003 09:46 535 6-21.gif

24/01/2003 09:53 413 6-22.gif

24/01/2003 09:53 409 6-23.gif

24/01/2003 10:07 400 6-24.gif

24/01/2003 09:54 393 6-25.gif

24/01/2003 10:08 411 6-26.gif

24/01/2003 09:54 413 6-27.gif

24/01/2003 10:08 409 6-28.gif

24/01/2003 09:55 421 6-29.gif



24/01/2003 09:41 507 6-3.gif

24/01/2003 10:09 409 6-30.gif

24/01/2003 09:55 405 6-31.gif

24/01/2003 10:09 408 6-32.gif

24/01/2003 09:55 415 6-33.gif

24/01/2003 10:09 388 6-34.gif

24/01/2003 09:56 392 6-35.gif

24/01/2003 10:10 394 6-36.gif

24/01/2003 09:56 423 6-37.gif

24/01/2003 10:11 422 6-38.gif

24/01/2003 09:56 450 6-39.gif

24/01/2003 09:49 516 6-4.gif

24/01/2003 10:11 426 6-40.gif

24/01/2003 09:46 794 6-41.gif

24/01/2003 09:47 903 6-42.gif

24/01/2003 09:47 1.717 6-43.gif

24/01/2003 10:11 1.829 6-44.gif

24/01/2003 10:12 948 6-45.gif

24/01/2003 10:12 934 6-46.gif

24/01/2003 09:42 509 6-5.gif

24/01/2003 09:49 541 6-6.gif

24/01/2003 09:42 519 6-7.gif

24/01/2003 09:50 563 6-8.gif

24/01/2003 09:42 538 6-9.gif

24/01/2003 10:17 307 7-0.gif

24/01/2003 10:18 2.775 7-1.gif

24/01/2003 10:18 2.128 7-2.gif

24/01/2003 10:19 1.696 7-3.gif

24/01/2003 10:17 307 8-0.gif

24/01/2003 10:20 643 8-1.gif

24/01/2003 10:20 595 8-2.gif

24/01/2003 10:21 406 9-0.gif

24/01/2003 10:21 691 9-1.gif

24/01/2003 10:21 738 9-2.gif



24/01/2003 10:22 766 9-3.gif

24/01/2003 10:22 631 9-4.gif

24/01/2003 10:23 642 9-5.gif

24/01/2003 10:23 828 9-6.gif

• \imagenes\telegestion

15/02/2003 16:52 <DIR> .

15/02/2003 16:52 <DIR> ..

28/11/2002 19:38 3.944 hid2mini.jpg

28/11/2002 19:31 3.580 hidmini.jpg

28/11/2002 18:09 6.248 monito~1.jpg monitor-tg.jpg

28/11/2002 19:14 4.808 teleca~1.jpg telecapamini.jpg

28/11/2002 16:21 4.543 telege~1.gif telegestion-en-ala.gif

28/11/2002 16:20 4.628 telege~2.gif telegestion-en-car.gif

28/11/2002 16:20 5.172 telege~3.gif telegestion-en-com.gif

28/11/2002 16:17 3.993 telege~4.gif telegestion-en-imp.gif

28/11/2002 16:18 5.077 te3339~1.gif telegestion-en-int.gif

28/11/2002 16:19 6.153 tef245~1.gif telegestion-en-ord.gif

28/11/2002 16:17 3.485 te1ff0~1.gif telegestion-en-sai.gif

29/11/2002 09:20 38.569 telege~1.jpg telegestion-en-sk1.jpg




28/11/2002 16:19 8.054 te3343~1.gif telegestion-en-trp.gif

28/11/2002 16:21 4.506 te2ffe~1.gif telegestion-en-val.gif

28/11/2002 16:14 4.708 teda26~1.gif telegestion-es-ala.gif

28/11/2002 16:13 4.511 te2ffd~1.gif telegestion-es-car.gif

28/11/2002 16:13 5.067 te173a~1.gif telegestion-es-com.gif

28/11/2002 16:10 4.187 te2f22~1.gif telegestion-es-imp.gif

28/11/2002 16:11 5.119 te3332~1.gif telegestion-es-int.gif

28/11/2002 16:12 6.180 te034e~1.gif telegestion-es-ord.gif

28/11/2002 16:11 3.563 te2ff9~1.gif telegestion-es-sai.gif



29/11/2002 09:21 38.763 te6692~1.jpg telegestion-es-sk1.jpg

29/11/2002 09:21 39.973 te6696~1.jpg telegestion-es-sk2.jpg

29/11/2002 09:20 41.446 te769a~1.jpg telegestion-es-sk3.jpg

29/11/2002 09:21 39.752 te769e~1.jpg telegestion-es-sk4.jpg

28/11/2002 16:12 8.275 te3344~1.gif telegestion-es-trp.gif

28/11/2002 16:14 4.650 te3ffb~1.gif telegestion-es-val.gif

28/11/2002 17:48 7.193 ventan~1.jpg ventana-tg.jpg

10.1.2.- Scripts y Base de Datos

En el directorio de scripts se almacenan los diversos archivos de

inclusión utilizados en las distintas páginas de nuestro sitio Web.

El directorio de la Base de Datos contiene la base encargada de

gestionar el funcionamiento del sitio Web.

• \script

15/02/2003 17:09 <DIR> .

15/02/2003 17:09 <DIR> ..

03/10/2002 20:13 16.040 animate.js

23/01/2001 01:36 41 connoff.inc

10/01/2003 11:56 177 connon.inc

04/12/2002 13:23 744 impmod~1.inc impmodelos.inc

04/12/2002 13:45 592 lectur~1.inc lecturalengua.inc

11/10/2002 19:13 25.765 navcond.js

13/02/2003 20:09 7.745 navega~1.inc navegacion.inc

13/11/2002 17:35 206 pagina.inc

03/02/2003 15:56 3.413 paint~1.lis paint.list

15/01/2003 16:03 1.431 planti~1.inc plantillahtml.inc

16/10/2002 17:38 305 popup.inc



24/01/2003 12:06 13.443 tarifa~1.inc tarifaplantilla.inc

29/01/2003 10:54 9.641 tarifa~2.inc tarifauser.inc

08/10/2002 18:22 1.018 testle~1.inc testlengua.inc

• \bd

15/02/2003 17:14 <DIR> .

15/02/2003 17:14 <DIR> ..

03/02/2003 12:31 544.768 hidroc~1.mdb hidroconta.mdb

10.1.3.- Páginas Web

Las páginas Web se encuentran almacenadas directamente en el

directorio principal del dominio Web.

Las páginas que conforman la estructura del sitio Web son:

15/02/2003 17:19 <DIR> .

15/02/2003 17:19 <DIR> ..

15/02/2003 17:14 <DIR> bd

14/02/2003 21:42 <DIR> imagenes

15/02/2003 17:10 <DIR> script

27/11/2002 19:00 4.067 bomba.asp

27/11/2002 20:15 4.530 bombat~1.asp bombatipo.asp

21/11/2002 11:13 4.005 contador.asp

19/11/2002 12:56 2.725 contad~1.asp contadortipo.asp

26/11/2002 11:00 4.098 contra~1.asp contralavado.asp

14/01/2003 16:39 5.620 contra~2.asp contratipo.asp

14/01/2003 16:33 13.470 croqui~1.asp croquishid.asp

30/01/2003 11:49 11.916 default.asp

30/01/2003 11:34 4.499 empresa.asp



14/01/2003 16:52 7.509 eskema~1.asp eskema-hc.asp

21/11/2002 11:12 4.014 hidrante.asp

14/01/2003 16:32 5.518 hidran~1.asp hidrantetipo.asp

13/02/2003 20:30 7.467 insta.asp

03/02/2003 13:32 3.377 instat~1.asp instatipo.asp

21/11/2002 11:13 4.028 membrana.asp

14/01/2003 16:21 7.970 membra~1.asp membranatipo.asp

20/01/2003 14:03 952 navega~1.asp navegador.asp

26/11/2002 19:31 4.074 pilotos.asp

27/11/2002 12:05 3.365 piloto~1.asp pilototipo.asp

16/10/2002 17:43 341 plano.asp

14/01/2003 15:54 13.958 producto.asp

03/02/2003 12:32 4.295 regist~1.asp registrar.asp

30/01/2003 10:07 5.294 tarifa.asp

24/01/2003 11:43 2.576 tarifa~1.asp tarifalibre.asp

30/01/2003 10:03 5.422 tarifa~2.asp tarifauser.asp

14/01/2003 16:49 8.592 telege~1.asp telegestion.asp

06/02/2003 23:44 1.517 valida.asp

10.2.- Anejo 2: Scripts

10.2.1.- Animate.js



10.2.2.- Connof.inc

<%

'cerramos la conexion

conn.close

%>

10.2.3.- Connon.inc

<%

set conn = Server.Createobject("adodb.connection")

conn.Open

"DSN=access;Database=f:\www.hidroconta.com\HIDROCONTA.MDB"

%>

10.2.4.- Impmodelos.inc

<%

' Imprime los textos e imagenes de los modelos

Function impprod(mensaje, Tabla)



impprod="Select Texto From "&Tabla&" Where IdProducto like

'"&IdProducto&"' and IdModelo Like '"&ProdSel&"' and Lengua like

'"&Session("lengua")&"' and IdTexto like '"&mensaje&"'"

set imtext = Conn.Execute(impprod)

Response.Write imtext("Texto")

imtext.Close

End Function

%>

<%


Function imptgeneral(mensaje, Tabla)

imptgeneral="Select Texto From "&Tabla&" Where IdProducto like

'"&Prod&"' and (Lengua like '"&Session("lengua")&"' or Lengua like 'or') and

IdTexto like '"&mensaje&"'"

set imtgen = Conn.Execute(imptgeneral)

Response.Write imtgen("Texto")

imtgen.Close

End Function

%>

10.2.5.- Lecturalengua.inc

<%

'Funcion que selecciona la lengua en la que se imprime el texto

Function imprimir(mensaje)

imprimir="Select "&Session("lengua")&" From lengua Where variable

Like '"&mensaje&"'"

set im = Conn.Execute(imprimir)



Response.Write im(Session("lengua"))

im.Close

End Function

%>

<%

'Funcion que selecciona la lengua en la que se imprime el texto

Function imprimir2(mensaje)

imprimir2="Select "&Session("lengua")&" From lenguaMenu Where

variable Like '"&mensaje&"'"

set im2 = Conn.Execute(imprimir2)

Response.Write im2(Session("lengua"))

im2.Close

End Function

%>

10.2.6.- Navcond.js

var

isMinNS4=(navigator.appName.indexOf("Netscape")>=0&&parseFloat(navigato

r.appVersion)>=4)?1:0;var isMinIE4=(document.all)?1:0;var

isMinIE5=(isMinIE4&&navigator.appVersion.indexOf("5.")>=0)?1:0;function

hideLayer(layer){if(isMinNS4)layer.visibility="hide";if(isMinIE4)layer.style.visibilit

y="hidden";}function

showLayer(layer){if(isMinNS4)layer.visibility="show";if(isMinIE4)layer.style.visibi

lity="visible";}function

inheritLayer(layer){if(isMinNS4)layer.visibility="inherit";if(isMinIE4)layer.style.visi

bility="inherit";}function

getVisibility(layer){if(isMinNS4){if(layer.visibility=="show")return

"visible";if(layer.visibility=="hide")return "hidden";return



layer.visibility;}if(isMinIE4)return layer.style.visibility;return "";}function

moveLayerTo(layer,x,y){if(isMinNS4)layer.moveTo(x,y);if(isMinIE4){layer.style.l

eft=x;layer.style.top=y;}}function

moveLayerBy(layer,dx,dy){if(isMinNS4)layer.moveBy(dx,dy);if(isMinIE4){layer.st

yle.pixelLeft+=dx;layer.style.pixelTop+=dy;}}function

getLeft(layer){if(isMinNS4)return layer.left;if(isMinIE4)return

layer.style.pixelLeft;return-1;}function getTop(layer){if(isMinNS4)return

layer.top;if(isMinIE4)return layer.style.pixelTop;return-1;}function

getRight(layer){if(isMinNS4)return layer.left+getWidth(layer);if(isMinIE4)return

layer.style.pixelLeft+getWidth(layer);return-1;}function

getBottom(layer){if(isMinNS4)return

layer.top+getHeight(layer);if(isMinIE4)return

layer.style.pixelTop+getHeight(layer);return-1;}function getPageLeft(layer){var

x;if(isMinNS4)return

layer.pageX;if(isMinIE4){x=0;while(layer.offsetParent!=null){x+=layer.offsetLeft;l

ayer=layer.offsetParent;}x+=layer.offsetLeft;return x;}return-1;}function

getPageTop(layer){var y;if(isMinNS4)return

layer.pageY;if(isMinIE4){y=0;while(layer.offsetParent!=null){y+=layer.offsetTop;l

ayer=layer.offsetParent;}y+=layer.offsetTop;return y;}return-1;}function

getWidth(layer){if(isMinNS4){if(layer.document.width)return

layer.document.width;else return layer.clip.right-

layer.clip.left;}if(isMinIE4){if(layer.style.pixelWidth)return

layer.style.pixelWidth;else return layer.clientWidth;}return-1;}function

getHeight(layer){if(isMinNS4){if(layer.document.height)return

layer.document.height;else return layer.clip.bottom-

layer.clip.top;}if(isMinIE4){if(layer.style.pixelHeight)return

layer.style.pixelHeight;else return layer.clientHeight;}return-1;}function

getzIndex(layer){if(isMinNS4)return layer.zIndex;if(isMinIE4)return

layer.style.zIndex;return-1;}function

setzIndex(layer,z){if(isMinNS4)layer.zIndex=z;if(isMinIE4)layer.style.zIndex=z;}f

unction

clipLayer(layer,clipleft,cliptop,clipright,clipbottom){if(isMinNS4){layer.clip.left=clip

left;layer.clip.top=cliptop;layer.clip.right=clipright;layer.clip.bottom=clipbottom;}if(

isMinIE4)layer.style.clip='rect('+cliptop+' '+clipright+' '+clipbottom+'



'+clipleft+')';}function getClipLeft(layer){if(isMinNS4)return

layer.clip.left;if(isMinIE4){var str=layer.style.clip;if(!str)return 0;var

clip=getIEClipValues(layer.style.clip);return(clip[3]);}return-1;}function

getClipTop(layer){if(isMinNS4)return layer.clip.top;if(isMinIE4){var

str=layer.style.clip;if(!str)return 0;var clip=getIEClipValues(layer.style.clip);return

clip[0];}return-1;}function getClipRight(layer){if(isMinNS4)return

layer.clip.right;if(isMinIE4){var str=layer.style.clip;if(!str)return

layer.style.pixelWidth;var clip=getIEClipValues(layer.style.clip);return

clip[1];}return-1;}function getClipBottom(layer){if(isMinNS4)return

layer.clip.bottom;if(isMinIE4){var str=layer.style.clip;if(!str)return

layer.style.pixelHeight;var clip=getIEClipValues(layer.style.clip);return

clip[2];}return-1;}function getClipWidth(layer){if(isMinNS4)return

layer.clip.width;if(isMinIE4){var str=layer.style.clip;if(!str)return

layer.style.pixelWidth;var clip=getIEClipValues(layer.style.clip);return clip[1]-

clip[3];}return-1;}function getClipHeight(layer){if(isMinNS4)return

layer.clip.height;if(isMinIE4){var str=layer.style.clip;if(!str)return

layer.style.pixelHeight;var clip=getIEClipValues(layer.style.clip);return clip[2]-

clip[0];}return-1;}function getIEClipValues(str){var clip=new Array();var

i;i=str.indexOf("(");clip[0]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf(

" ",i+1);clip[1]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf("

",i+1);clip[2]=parseInt(str.substring(i+1,str.length),10);i=str.indexOf("

",i+1);clip[3]=parseInt(str.substring(i+1,str.length),10);return clip;}function

scrollLayerTo(layer,x,y,bound){var dx=getClipLeft(layer)-x;var

dy=getClipTop(layer)-y;scrollLayerBy(layer,-dx,-dy,bound);}function

scrollLayerBy(layer,dx,dy,bound){var cl=getClipLeft(layer);var

ct=getClipTop(layer);var cr=getClipRight(layer);var

cb=getClipBottom(layer);if(bound){if(cl+dx<0)dx=-cl;else

if(cr+dx>getWidth(layer))dx=getWidth(layer)-cr;if(ct+dy<0)dy=-ct;else

if(cb+dy>getHeight(layer))dy=getHeight(layer)-

cb;}clipLayer(layer,cl+dx,ct+dy,cr+dx,cb+dy);moveLayerBy(layer,-dx,-

dy);}function

setBgColor(layer,color){if(isMinNS4)layer.bgColor=color;if(isMinIE4)layer.style.b

ackgroundColor=color;}function

setBgImage(layer,src){if(isMinNS4)layer.background.src=src;if(isMinIE4)layer.st



yle.backgroundImage="url("+src+")";}function

getLayer(name){if(isMinNS4)return

findLayer(name,document);if(isMinIE4)return eval('document.all.'+name);return

null;}function findLayer(name,doc){var

i,layer;for(i=0;i<doc.layers.length;i++){layer=doc.layers[i];if(layer.name==name)r

eturn

layer;if(layer.document.layers.length>0)if((layer=findLayer(name,layer.documen

t))!=null)return layer;}return null;}function getImage(name){if(isMinNS4){return

findImage(name,document);}if(isMinIE4)return

eval('document.all.'+name);return null;}function findImage(name,doc){var

i,img;for(i=0;i<doc.images.length;i++)if(doc.images[i].name==name)return

doc.images[i];for(i=0;i<doc.layers.length;i++)if((img=findImage(name,doc.layers[

i].document))!=null){img.container=doc.layers[i];return img;}return null;}function

getImagePageLeft(img){var x,obj;if(isMinNS4){if(img.container!=null)return

img.container.pageX+img.x;else return

img.x;}if(isMinIE4){x=0;obj=img;while(obj.offsetParent!=null){x+=obj.offsetLeft;o

bj=obj.offsetParent;}x+=obj.offsetLeft;return x;}return-1;}function

getImagePageTop(img){var y,obj;if(isMinNS4){if(img.container!=null)return

img.container.pageY+img.y;else return

img.y;}if(isMinIE4){y=0;obj=img;while(obj.offsetParent!=null){y+=obj.offsetTop;o

bj=obj.offsetParent;}y+=obj.offsetTop;return y;}return-1;}function

getWindowWidth(){if(isMinNS4)return window.innerWidth;if(isMinIE4)return

document.body.clientWidth;return-1;}function

getWindowHeight(){if(isMinNS4)return window.innerHeight;if(isMinIE4)return

document.body.clientHeight;return-1;}function

getPageWidth(){if(isMinNS4)return document.width;if(isMinIE4)return

document.body.scrollWidth;return-1;}function

getPageHeight(){if(isMinNS4)return document.height;if(isMinIE4)return

document.body.scrollHeight;return-1;}function

getPageScrollX(){if(isMinNS4)return window.pageXOffset;if(isMinIE4)return

document.body.scrollLeft;return-1;}function getPageScrollY(){if(isMinNS4)return

window.pageYOffset;if(isMinIE4)return document.body.scrollTop;return-1;}var

isMinIE5_5=(isMinIE5&&navigator.appVersion.indexOf("5.5")>=0)?1:0;var

navBars=new Array();function



NavBarMenuItem(text,link){this.text=text;this.link=link;}function

NavBarMenu(hdrWidth,menuWidth){this.hdrWidth=hdrWidth;this.width=menuWi

dth;this.height=0;this.items=new

Array();this.addItem=navBarMenuAddItem;}function

navBarMenuAddItem(item){this.items[this.items.length]=item;}function

NavBar(width){this.x=0;this.y=0;this.width=width;this.height=0;this.align="left";thi

s.minWidth=0;this.inverted=false;this.menus=new

Array();this.created=false;this.border=2;this.padding=4;this.separator=1;this.bor

derColor="#000000";this.hdrFgColor="#000000";this.hdrBgColor="#999999";thi

s.hdrHiFgColor="#ffffff";this.hdrHiBgColor="#666666";this.itmFgColor="#000000

";this.itmBgColor="#cccccc";this.itmHiFgColor="#ffffff";this.itmHiBgColor="#000

080";this.hdrFontFamily="Arial,Helvetica,sans-

serif";this.hdrFontStyle="plain";this.hdrFontWeight="bold";this.hdrFontSize="10p

t";this.itmFontFamily="MS Sans Serif,Arial,Helvetica,sans-

serif";this.itmFontStyle="plain";this.itmFontWeight="bold";this.itmFontSize="8pt";

this.setSizes=navBarSetSizes;this.setColors=navBarSetColors;this.setFonts=n

avBarSetFonts;this.addMenu=navBarAddMenu;this.create=navBarCreate;this.h

ide=navBarHide;this.show=navBarShow;this.moveTo=navBarMoveTo;this.mov

eBy=navBarMoveBy;this.getzIndex=navBarGetzIndex;this.setzIndex=navBarSe

tzIndex;this.getWidth=navBarGetWidth;this.getMinWidth=navBarGetMinWidth;t

his.getAlign=navBarGetAlign;this.setAlign=navBarSetAlign;this.resize=navBarR

esize;this.invert=navBarInvert;this.isInverted=navBarIsInverted;this.index=navB

ars.length;navBars[this.index]=this;}function

navBarSetSizes(border,padding,separator){if(!this.created){this.border=border;t

his.padding=padding;this.separator=separator;}}function

navBarSetColors(bdColor,hdrFgColor,hdrBgColor,hdrHiFgColor,hdrHiBgColor,it

mFgColor,itmBgColor,itmHiFgColor,itmHiBgColor){if(!this.created){this.borderC

olor=bdColor;this.hdrFgColor=hdrFgColor;this.hdrBgColor=hdrBgColor;this.hdr

HiFgColor=hdrHiFgColor;this.hdrHiBgColor=hdrHiBgColor;this.itmFgColor=itmF

gColor;this.itmBgColor=itmBgColor;this.itmHiFgColor=itmHiFgColor;this.itmHiB

gColor=itmHiBgColor;}}function

navBarSetFonts(hdrFamily,hdrStyle,hdrWeight,hdrSize,itmFamily,itmStyle,itmW

eight,itmSize){if(!this.created){this.hdrFontFamily=hdrFamily;this.hdrFontStyle=

hdrStyle;this.hdrFontWeight=hdrWeight;this.hdrFontSize=hdrSize;this.itmFontF



amily=itmFamily;this.itmFontStyle=itmStyle;this.itmFontWeight=itmWeight;this.it

mFontSize=itmSize;}}function

navBarAddMenu(menu){if(!this.created)this.menus[this.menus.length]=menu;}fu

nction navBarCreate(){var str;var i,j;var norm,high,end;var width,height;var

x,y;var

scrX,scrY;if(this.created||(!isMinNS4&&!isMinIE4))return;str="";if(isMinIE4&&!is

MinIE5){scrX=getPageScrollX();scrY=getPageScrollY();window.scrollTo(getPag

eWidth(),getPageHeight());}if(isMinNS4)str+='<layer

name="navBar'+this.index+'_filler"></layer>\n<layer

name="navBar'+this.index+'_hdrsBase">\n';if(isMinIE4)str+='<div

id="navBar'+this.index+'_filler" style="position:absolute;"></div>\n<div

id="navBar'+this.index+'_hdrsBase"

style="position:absolute;">\n';for(i=0;i<this.menus.length;i++){norm='<table

border=0 cellpadding='+this.padding+'

cellspacing=0'+(this.menus[i].hdrWidth>0?'

width='+this.menus[i].hdrWidth:'')+((isMinIE4&&!isMinIE5)?'

id="navBar'+this.index+'_tbl'+i+'"':'')+'><tr><td'+(this.menus[i].hdrWidth==0?'

nowrap=1'+this.menus[i].hdrWidth:'')+'><span

style="color:'+this.hdrFgColor+';font-family:'+this.hdrFontFamily+';font-

size:'+this.hdrFontSize+';font-style:'+this.hdrFontStyle+';font-

weight:'+this.hdrFontWeight+';">';high='<table border=0

cellpadding='+this.padding+' cellspacing=0'+(this.menus[i].hdrWidth>0?'

width='+this.menus[i].hdrWidth:'')+'><tr><td'+(this.menus[i].hdrWidth==0?'

nowrap=1'+this.menus[i].hdrWidth:'')+'><span

style="color:'+this.hdrHiFgColor+';font-family:'+this.hdrFontFamily+';font-

size:'+this.hdrFontSize+';font-style:'+this.hdrFontStyle+';font-

weight:'+this.hdrFontWeight+';">';end='</span></td></tr></table>';if(isMinNS4)s

tr+='<layer

name="navBar'+this.index+'_head'+i+'">'+norm+this.menus[i].items[0].text+end

+'</layer>\n<layer

name="navBar'+this.index+'_headHigh'+i+'">'+high+this.menus[i].items[0].text+

end+'</layer>\n<layer

name="navBar'+this.index+'_headDummy'+i+'"></layer>\n';if(isMinIE4){str+='<di

v id="navBar'+this.index+'_head'+i+'"



style="position:absolute;">'+norm+this.menus[i].items[0].text+end+'</div>\n<div

id="navBar'+this.index+'_headHigh'+i+'"

style="position:absolute;">'+high+this.menus[i].items[0].text+end+'</div>\n<div

id="navBar'+this.index+'_headDummy'+i+'"

style="position:absolute;">';if(isMinIE5_5)str+='<table cellspacing=0

width="100%"

height="100%"><tr><td> </td></tr></table>';str+='</div>\n';}}if(isMinNS4){

str+='</layer>\n';this.baseLayer=new

Layer(this.width);this.baseLayer.document.open();this.baseLayer.document.writ

e(str);this.baseLayer.document.close();}if(isMinIE4){str+='</div>\n';str='<div

id="navBar'+this.index+'"

style="position:absolute;left:0px;top:0px;">\n'+str+'</div>\n';document.body.inse

rtAdjacentHTML("beforeEnd",str);this.baseLayer=getLayer("navBar"+this.index)

;}width=0;height=0;for(i=0;i<this.menus.length;i++){this.menus[i].hdrNormLayer

=getLayer('navBar'+this.index+'_head'+i);this.menus[i].hdrHighLayer=getLayer('

navBar'+this.index+'_headHigh'+i);this.menus[i].hdrDmmyLayer=getLayer('navB

ar'+this.index+'_headDummy'+i);height=Math.max(height,getHeight(this.menus[

i].hdrNormLayer));this.height=height+2*this.border;if(isMinIE4&&!isMinIE5){widt

h=this.menus[i].hdrWidth;if(width==0)width=eval('document.all.navBar'+this.inde

x+'_tbl'+i+'.clientWidth');navBarIEResizeLayer(this.menus[i].hdrNormLayer,widt

h,height);navBarIEResizeLayer(this.menus[i].hdrHighLayer,width,height);navBa

rIEResizeLayer(this.menus[i].hdrDmmyLayer,width,height);}}x=this.border;y=thi

s.border;for(i=0;i<this.menus.length;i++){width=Math.max(this.menus[i].hdrWidt

h,getWidth(this.menus[i].hdrNormLayer));if(this.menus[i].width==0)this.menus[i].

width=width+2*this.border;moveLayerTo(this.menus[i].hdrNormLayer,x,y);setBg

Color(this.menus[i].hdrNormLayer,this.hdrBgColor);clipLayer(this.menus[i].hdrN

ormLayer,0,0,width,height);inheritLayer(this.menus[i].hdrNormLayer);moveLaye

rTo(this.menus[i].hdrHighLayer,x,y);setBgColor(this.menus[i].hdrHighLayer,this.

hdrHiBgColor);clipLayer(this.menus[i].hdrHighLayer,0,0,width,height);hideLayer

(this.menus[i].hdrHighLayer);moveLayerTo(this.menus[i].hdrDmmyLayer,x,y);if(i

sMinIE4)navBarIEResizeLayer(this.menus[i].hdrDmmyLayer,width,height);clipL

ayer(this.menus[i].hdrDmmyLayer,0,0,width,height);inheritLayer(this.menus[i].h

drDmmyLayer);this.menus[i].hdrDmmyLayer.highLayer=this.menus[i].hdrHighLa

yer;this.menus[i].hdrLeft=x;x+=width+this.border;this.menus[i].hdrRight=x;}this.



minWidth=x;this.width=Math.max(this.minWidth,this.width);moveLayerTo(this.b

aseLayer,this.x,this.y);setBgColor(this.baseLayer,this.borderColor);if(isMinIE4)n

avBarIEResizeLayer(this.baseLayer,this.width,this.height);clipLayer(this.baseLa

yer,0,0,this.width,this.height);this.fillerLayer=getLayer('navBar'+this.index+'_fille

r');moveLayerTo(this.fillerLayer,this.border,this.border);setBgColor(this.fillerLay

er,this.hdrBgColor);width=this.width-2*this.border;height=this.height-

2*this.border;if(isMinIE4)navBarIEResizeLayer(this.fillerLayer,width,height);clipL

ayer(this.fillerLayer,0,0,width,height);inheritLayer(this.fillerLayer);this.hdrsBaseL

ayer=getLayer('navBar'+this.index+'_hdrsBase');if(this.align=="left")this.hdrsOffs

etX=0;else if(this.align=="center")this.hdrsOffsetX=Math.round((this.width-

this.minWidth)/2);else if(this.align=="right")this.hdrsOffsetX=this.width-

this.minWidth;else this.hdrsOffsetX=Math.min(parseInt(this.align,10),this.width-

this.minWidth);moveLayerTo(this.hdrsBaseLayer,this.hdrsOffsetX,0);setBgColor

(this.hdrsBaseLayer,this.borderColor);if(isMinIE4)navBarIEResizeLayer(this.hdr

sBaseLayer,this.minWidth,this.height);clipLayer(this.hdrsBaseLayer,0,0,this.min

Width,this.height);inheritLayer(this.hdrsBaseLayer);for(i=0;i<this.menus.length;i

++){this.menus[i].hdrDmmyLayer.index=this.index;this.menus[i].hdrDmmyLayer.

offsetX=this.menus[i].hdrLeft-

this.border;if(this.menus[i].hdrDmmyLayer.offsetX+this.menus[i].width>this.widt

h)this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrRight-

this.menus[i].width;this.menus[i].hdrDmmyLayer.offsetY=this.height-

this.border;this.menus[i].hdrDmmyLayer.onmouseover=navBarHeaderOn;this.m

enus[i].hdrDmmyLayer.onmouseout=navBarHeaderOff;if(isMinNS4){this.menus[

i].hdrDmmyLayer.document.highLayer=this.menus[i].hdrHighLayer;this.menus[i]

.hdrDmmyLayer.document.link=this.menus[i].items[0].link;this.menus[i].hdrDmm

yLayer.document.captureEvents(Event.MOUSEUP);this.menus[i].hdrDmmyLay

er.document.onmouseup=navBarItemClick;}if(isMinIE4){this.menus[i].hdrDmmy

Layer.highLayer=this.menus[i].hdrHighLayer;this.menus[i].hdrDmmyLayer.link=t

his.menus[i].items[0].link;this.menus[i].hdrDmmyLayer.onclick=navBarItemClick;

}}norm='<table border=0 cellpadding='+this.padding+' cellspacing=0

width="100%"><tr><td><span style="color:'+this.itmFgColor+';font-

family:'+this.itmFontFamily+';font-size:'+this.itmFontSize+';font-

style:'+this.itmFontStyle+';font-weight:'+this.itmFontWeight+';">';high='<table

border=0 cellpadding='+this.padding+' cellspacing=0



width="100%"><tr><td><span style="color:'+this.itmHiFgColor+';font-

family:'+this.itmFontFamily+';font-size:'+this.itmFontSize+';font-

style:'+this.itmFontStyle+';font-

weight:'+this.itmFontWeight+';">';end='</span></td></tr></table>';for(i=0;i<this.

menus.length;i++){width=this.menus[i].width-

2*this.border;str="";for(j=1;j<this.menus[i].items.length;j++){if(isMinNS4)str+='<l

ayer name="navBar'+this.index+'_menu'+i+'_norm'+j+'"

width='+width+'>'+norm+this.menus[i].items[j].text+end+'</layer>\n<layer

name="navBar'+this.index+'_menu'+i+'_high'+j+'"

width='+width+'>'+high+this.menus[i].items[j].text+end+'</layer>\n<layer

name="navBar'+this.index+'_menu'+i+'_dmmy'+j+'"

width='+width+'></layer>\n';if(isMinIE4){str+='<div

id="navBar'+this.index+'_menu'+i+'_norm'+j+'"

style="position:absolute;width:'+width+'px;">'+norm+this.menus[i].items[j].text+e

nd+'</div>\n<div id="navBar'+this.index+'_menu'+i+'_high'+j+'"

style="position:absolute;width:'+width+'px;">'+high+this.menus[i].items[j].text+e

nd+'</div>\n<div id="navBar'+this.index+'_menu'+i+'_dmmy'+j+'"

style="position:absolute;width:'+width+'px;">';if(isMinIE5_5)str+='<table

cellspacing=0 width="100%"

height="100%"><tr><td> </td></tr></table>';str+='</div>\n';}}if(isMinNS4){

this.menus[i].baseLayer=new

Layer(this.menus[i].width);this.menus[i].baseLayer.document.open();this.menus

[i].baseLayer.document.write(str);this.menus[i].baseLayer.document.close();}if(i

sMinIE4){str='<div id="navBar'+this.index+'_menu'+i+'"

style="position:absolute;left:0px;

top:0px;width:'+this.menus[i].width+'px;visibility:hidden;">\n'+str+'</div>\n';docu

ment.body.insertAdjacentHTML("beforeEnd",str);this.menus[i].baseLayer=getLa

yer("navBar"+this.index+"_menu"+i);}}if(isMinIE4&&!isMinIE5)window.scrollTo(x

,y);for(i=0;i<this.menus.length;i++){moveLayerTo(this.menus[i].baseLayer,this.

menus[i].hdrDmmyLayer.offsetX,this.menus[i].hdrDmmyLayer.offsetY);setBgCol

or(this.menus[i].baseLayer,this.borderColor);if(this.menus[i].items.length>1){this

.menus[i].hdrDmmyLayer.menuLayer=this.menus[i].baseLayer;if(isMinNS4)this.

menus[i].hdrDmmyLayer.document.menuLayer=this.menus[i].baseLayer;}else{t

his.menus[i].hdrDmmyLayer.menuLayer=null;if(isMinNS4)this.menus[i].hdrDmm



yLayer.document.menuLayer=this.menus[i].baseLayer;}x=this.border;y=this.bor

der;width=this.menus[i].width-

2*this.border;for(j=1;j<this.menus[i].items.length;j++){this.menus[i].items[j].norm

Layer=getLayer('navBar'+this.index+'_menu'+i+'_norm'+j);this.menus[i].items[j].

highLayer=getLayer('navBar'+this.index+'_menu'+i+'_high'+j);this.menus[i].item

s[j].dmmyLayer=getLayer('navBar'+this.index+'_menu'+i+'_dmmy'+j);height=get

Height(this.menus[i].items[j].normLayer);moveLayerTo(this.menus[i].items[j].nor

mLayer,x,y);setBgColor(this.menus[i].items[j].normLayer,this.itmBgColor);clipLa

yer(this.menus[i].items[j].normLayer,0,0,width,height);inheritLayer(this.menus[i].i

tems[j].normLayer);moveLayerTo(this.menus[i].items[j].highLayer,x,y);setBgCol

or(this.menus[i].items[j].highLayer,this.itmHiBgColor);clipLayer(this.menus[i].ite

ms[j].highLayer,0,0,width,height);hideLayer(this.menus[i].items[j].highLayer);mo

veLayerTo(this.menus[i].items[j].dmmyLayer,x,y);if(isMinIE4)navBarIEResizeLa

yer(this.menus[i].items[j].dmmyLayer,width,height);clipLayer(this.menus[i].items[

j].dmmyLayer,0,0,width,height);inheritLayer(this.menus[i].items[j].dmmyLayer);t

his.menus[i].items[j].dmmyLayer.highLayer=this.menus[i].items[j].highLayer;this.

menus[i].items[j].dmmyLayer.onmouseover=navBarItemOn;this.menus[i].items[j]

.dmmyLayer.onmouseout=navBarItemOff;if(isMinNS4){this.menus[i].items[j].dm

myLayer.document.highLayer=this.menus[i].items[j].highLayer;this.menus[i].ite

ms[j].dmmyLayer.document.parentHighLayer=this.menus[i].hdrHighLayer;this.m

enus[i].items[j].dmmyLayer.document.menuLayer=this.menus[i].baseLayer;this.

menus[i].items[j].dmmyLayer.document.link=this.menus[i].items[j].link;this.menu

s[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);this.menus

[i].items[j].dmmyLayer.document.onmouseup=navBarItemClick;}if(isMinIE4){this

.menus[i].items[j].dmmyLayer.highLayer=this.menus[i].items[j].highLayer;this.m

enus[i].items[j].dmmyLayer.parentHighLayer=this.menus[i].hdrHighLayer;this.m

enus[i].items[j].dmmyLayer.menuLayer=this.menus[i].baseLayer;this.menus[i].it

ems[j].dmmyLayer.link=this.menus[i].items[j].link;this.menus[i].items[j].dmmyLay

er.onclick=navBarItemClick;}y+=height+this.separator;}width=this.menus[i].widt

h;height=y-

this.separator+this.border;this.menus[i].baseLayer.width=this.menus[i].width;thi

s.menus[i].baseLayer.height=height;if(isMinIE4)navBarIEResizeLayer(this.men

us[i].baseLayer,width,height);clipLayer(this.menus[i].baseLayer,0,0,width,height

);this.menus[i].baseLayer.parentHighLayer=this.menus[i].hdrHighLayer;this.men



us[i].baseLayer.onmouseout=navBarMenuOff;}this.created=true;this.resize(this.

width);showLayer(this.baseLayer);}function

navBarHide(){if(this.created)hideLayer(this.baseLayer);}function

navBarShow(){if(this.created)showLayer(this.baseLayer);}function

navBarMoveTo(x,y){this.x=x;this.y=y;if(this.created)moveLayerTo(this.baseLaye

r,this.x,this.y);}function

navBarMoveBy(dx,dy){this.x+=dx;this.y+=dy;if(this.created)moveLayerTo(this.b

aseLayer,this.x,this.y);}function navBarGetzIndex(){if(this.created)return

getzIndex(this.baseLayer);return 0;}function navBarSetzIndex(z){var

i;if(this.created){setzIndex(this.baseLayer,z);for(i=0;i<this.menus.length;i++)setz

Index(this.menus[i].baseLayer,z);}}function navBarGetWidth(){return

this.width;}function navBarGetMinWidth(){return this.minWidth;}function

navBarGetAlign(){return this.align;}function

navBarSetAlign(align){this.align=align;if(this.created)this.resize(this.width);}funct

ion

navBarResize(width){if(this.created){this.width=Math.max(width,this.minWidth);if

(isMinIE4){navBarIEResizeLayer(this.fillerLayer,this.width-

2*this.border,this.height-

2*this.border);navBarIEResizeLayer(this.baseLayer,this.width,this.height);}clipL

ayer(this.fillerLayer,0,0,this.width-2*this.border,this.height-

2*this.border);clipLayer(this.baseLayer,0,0,this.width,this.height);if(this.align=="l

eft")this.hdrsOffsetX=0;else

if(this.align=="center")this.hdrsOffsetX=Math.round((this.width-

this.minWidth)/2);else if(this.align=="right")this.hdrsOffsetX=this.width-

this.minWidth;else this.hdrsOffsetX=Math.min(parseInt(this.align,10),this.width-

this.minWidth);moveLayerTo(this.hdrsBaseLayer,this.hdrsOffsetX,0);for(i=0;i<th

is.menus.length;i++){this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrLeft-

this.border;if(this.hdrsOffsetX+this.menus[i].hdrDmmyLayer.offsetX+this.menus[

i].width>this.width)this.menus[i].hdrDmmyLayer.offsetX=this.menus[i].hdrRight-

this.menus[i].width;}}else this.width=width;}function

navBarInvert(){this.inverted=!this.inverted;}function navBarIsInverted(){return

this.inverted;}function

navBarIEResizeLayer(layer,width,height){layer.style.pixelWidth=width;layer.styl

e.pixelHeight=height;}function navBarHeaderOn(e){var bar;var



x,y;bar=navBars[this.index];if(this.menuLayer!=null){x=bar.x+bar.hdrsOffsetX+th

is.offsetX;y=bar.y+this.offsetY;if(bar.inverted)y=bar.y-

this.menuLayer.height+bar.border;moveLayerTo(this.menuLayer,x,y);this.menu

Layer.left=getPageLeft(this.menuLayer);this.menuLayer.top=getPageTop(this.m

enuLayer);this.menuLayer.right=this.menuLayer.left+this.menuLayer.width+1;thi

s.menuLayer.bottom=this.menuLayer.top+this.menuLayer.height+1;}if(isMinIE4)

{if(bar.activeHeader!=null&&bar.activeHeader!=this){hideLayer(bar.activeHeade

r.highLayer);if(bar.activeHeader.menuLayer!=null)hideLayer(bar.activeHeader.

menuLayer);}bar.activeHeader=this;}showLayer(this.highLayer);if(this.menuLay

er!=null)showLayer(this.menuLayer);}function

navBarHeaderOff(e){if(this.menuLayer!=null){if(isMinIE4){mouseX=window.eve

nt.clientX+document.body.scrollLeft;mouseY=window.event.clientY+document.

body.scrollTop;}if(mouseX>=this.menuLayer.left&&mouseX<=this.menuLayer.ri

ght&&mouseY>=this.menuLayer.top&&mouseY<=this.menuLayer.bottom)return

;hideLayer(this.menuLayer);}hideLayer(this.highLayer);}function

navBarMenuOff(e){if(isMinIE4){mouseX=window.event.clientX+document.body.

scrollLeft;mouseY=window.event.clientY+document.body.scrollTop;if(mouseX>

=this.left&&mouseX<=this.right&&mouseY>=this.top&&mouseY<=this.bottom)re

turn;}hideLayer(this);hideLayer(this.parentHighLayer);}function

navBarItemOn(){showLayer(this.highLayer);}function

navBarItemOff(){hideLayer(this.highLayer);}function

navBarItemClick(e){if(this.link=="")return

true;if(this.menuLayer!=null){hideLayer(this.menuLayer);}if(this.parentHighLayer

!=null){hideLayer(this.parentHighLayer);}hideLayer(this.highLayer);if(this.link.ind

exOf("javascript:")==0)eval(this.link);else window.location.href=this.link;return

true;}var mouseX=0;var

mouseY=0;if(isMinNS4)document.captureEvents(Event.MOUSEMOVE);docum

ent.onmousemove=navBarGetMousePosition;function

navBarGetMousePosition(e){if(isMinNS4){mouseX=e.pageX;mouseY=e.pageY;

}if(isMinIE4){mouseX=window.event.clientX+document.body.scrollLeft;mouseY

=window.event.clientY+document.body.scrollTop;}}var origWidth;var

origHeight;if(isMinNS4){origWidth=window.innerWidth;origHeight=window.inner

Height;}window.onresize=navBarReload;function

navBarReload(){if(isMinNS4&&origWidth==window.innerWidth&&origHeight==w



indow.innerHeight)return;if(isMinIE4)setTimeout('window.location.href =

window.location.href',2000);else window.location.href=window.location.href;}

10.2.7.- Navegacion.inc

<script Language="Javascript">

function fenetre() {

// Definition des elements que l'on souhaite ou non voir apparaitre

// avec 0 = absence, 1 = presence

var win_opt="toolbar=0,location=0,directories=0,status=0,menubar=0,";

win_opt+="scrollbars=0,resizable=1,copyhistory=0,";

// Definition des dimensions de la fenetre

win_opt+="width=200"+",height=150";

// Vous pouvez aussi definir la position de la fenetre a ouvrir

//win_opt+="top=100"+",left=200";

if (window.screen) {

var ah = screen.availHeight - 30;

var aw = screen.availWidth - 10;

var xc = (aw - 200) / 2;

var yc = (ah - 150) / 2;

win_opt+= ",left=" + xc + ",top=" + yc;

}

// Creation de la fenetre en precisant le fichier a afficher et le

// titre de la fenetre



NewWindow = window.open("valida.asp","Hidroconta",win_opt);

// Creation de la propriete creator permettant de referencer

// la fenetre source

NewWindow.creator=self;

}

</script>

<script Language="Javascript">

function registrar() {

// Definition des elements que l'on souhaite ou non voir apparaitre

// avec 0 = absence, 1 = presence

var win_opt="toolbar=0,location=0,directories=0,status=0,menubar=0,";

win_opt+="scrollbars=1,resizable=1,copyhistory=0,";

// Definition des dimensions de la fenetre

win_opt+="width=700"+",height=640";

// Vous pouvez aussi definir la position de la fenetre a ouvrir

//win_opt+="top=100"+",left=200";

if (window.screen) {

var ah = screen.availHeight - 30;

var aw = screen.availWidth - 10;

var xc = (aw - 700) / 2;

var yc = (ah - 640) / 2;

win_opt+= ",left=" + xc + ",top=" + yc;

}

// Creation de la fenetre en precisant le fichier a afficher et le

// titre de la fenetre



NewWindow = window.open("registrar.asp","Hidroconta",win_opt);

// Creation de la propriete creator permettant de referencer

// la fenetre source

NewWindow.creator=self;

}

</script>

<SCRIPT LANGUAGE="JavaScript">



</script>






</script>

<script language="javascript" type="text/javascript">



</script>




</script>

<script language="JavaScript" src="script/navcond.js"></script>

<script language="JavaScript">

var myNavBar1 = new NavBar(0);

var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category

width, second specifies sub category width in pixels)

//add more menus simply by adding more "blocks" of same code below

dhtmlMenu = new NavBarMenu(100, 0);

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("Inicio")%>",

"default.asp"));

myNavBar1.addMenu(dhtmlMenu);


dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("empresa")%>",

"empresa.asp?pactual=empresa.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("menu21")%>",



"javascript:popUp('plano.asp')"));

dhtmlMenu.addItem(new NavBarMenuItem("<%imprimir("contactar")%>",

"mailto:[email protected]?subject=<%imprimir("inform")%>"));





dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("productos")%>",

"producto.asp?pactual=producto.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contador")%>",

"contador.asp?pactual=contador.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("membrana")%>",

"membrana.asp?pactual=membrana.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("hidrante")%>",

"hidrante.asp?pactual=hidrante.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contralavado")%>",

"contralavado.asp?pactual=contralavado.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("pilotos")%>",

"pilotos.asp?pactual=pilotos.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("bombas")%>",

"bomba.asp?pactual=bomba.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("telegestion")%>",

"telegestion.asp?pactual=telegestion.asp"));



dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("tarifas")%>",

"tarifa.asp?pactual=tarifa.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("libre")%>",

"tarifalibre.asp?pactual=tarifa.asp&Producto=0"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrados")%>",

href="javascript:fenetre();"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrar")%>",

"javascript:registrar();"));



dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("instalaciones")%>",

"insta.asp?pactual=insta.asp"));



dhtmlMenu.addItem(new NavBarMenuItem("La Serratilla", ""));

dhtmlMenu.addItem(new NavBarMenuItem("Grupo V-Sector 1", ""));

dhtmlMenu.addItem(new NavBarMenuItem("Grupo V-Sector 2", ""));

dhtmlMenu.addItem(new NavBarMenuItem("Grupo V", ""));


//dhtmlMenu = new NavBarMenu(30,100);

//dhtmlMenu.addItem(new NavBarMenuItem("", ""));

//myNavBar1.addMenu(dhtmlMenu);


dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("cambiar")%>",

"<%Response.Write

Session("pagina")%>?nuevalengua=<%imprimir("lengua")%>&pactual=<%Res

ponse.Write Session("pagina")%>"));


//set menu colors (lineas, letrastit, fondotit, letrestit, restit, letrasmen,

fondomenu, letresmenu, resaltemenu

myNavBar1.setColors("#ffffff", "#ffffff", "#000099", "#ffff00", "#006699", "#ffffff",

"#009977", "#ffff00", "#003333")

//uncomment below line to center the menu (valid values are "left", "center", and

"right"

//myNavBar1.setAlign("center")

var fullWidth;

function init() {

// Get width of window, need to account for scrollbar width in Netscape.

fullWidth = getWindowWidth()



- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

myNavBar1.resize(fullWidth);

myNavBar1.create();

myNavBar1.setzIndex(2);

}

</script>

<body onload="init()">

10.2.8.- Pagina.inc

<%

' Miramos la pagina en la que entramos

if request.querystring("pactual") = "" then

Session("pagina")=Request.form("pactual")

else

Session("pagina")=Request.Querystring("pactual")

end if

%>

10.2.9.- Paint.list

&Imagenes/foto1/001_1.jpg

^Imagenes/foto1/b1.jpg



%Foto1

!Foto1

Esto es la foto #1



%Foto2

!Foto2

Esto es la foto #2



%Foto3

!Foto3

Esto es la foto #3



%Foto4

!Foto4

Esto es la foto #4



%Foto5

!Foto5

Esto es la foto #5





%Foto6

!Foto6

Esto es la foto #6



%Foto7

!Foto7

Esto es la foto #7



%Foto8

!Foto8

Esto es la foto #8



%Foto9

!Foto9

Esto es la foto #9



%Foto10

!Foto10

Esto es la foto #10





%Foto11

!Foto11

Esto es la foto #11



%Foto12

!Foto12

Esto es la foto #12



%Foto13

!Foto13

Esto es la foto #13



%Foto14

!Foto14

Esto es la foto #14



%Foto15

!Foto15



Esto es la foto #15



%Foto16

!Foto16

Esto es la foto #16



%Foto17

!Foto17

Esto es la foto #17



%Foto18

!Foto18

Esto es la foto #18



%Foto19

!Foto19

Esto es la foto #19



%Foto20

!Foto20



Esto es la foto #20



%Foto21

!Foto21

Esto es la foto #21



%Foto23

!Foto23

Esto es la foto #23



%Foto24

!Foto24

Esto es la foto #24



%Foto25

!Foto25

Esto es la foto #25



%Foto26



!Foto26

Esto es la foto #26



%Foto27

!Foto27

Esto es la foto #27



%Foto28

!Foto28

Esto es la foto #28



%Foto29

!Foto29

Esto es la foto #29



%Foto30

!Foto30

Esto es la foto #30





%Foto31

!Foto31

Esto es la foto #31



%Foto32

!Foto32

Esto es la foto #32



%Foto33

!Foto33

Esto es la foto #33



%Foto34

!Foto34

Esto es la foto #34



%Foto35

!Foto35

Esto es la foto #35





%Foto36

!Foto36

Esto es la foto #36



%Foto37

!Foto37

Esto es la foto #37

10.2.10.- Plantilla.inc

<html>

<head>

<title><%imprimir("Titulo")%></title>

<META name="description" content="<%imprimir("descripcion")%>">

<META name="keywords" content="<%imprimir("keywords")%>">

<META name="title" content="<%imprimir("Titulo")%>">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-

1">

</head>

<style>

body { SCROLLBAR-FACE-COLOR: #cccccc;

SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;



SCROLLBAR-SHADOW-COLOR: #ffffff;

SCROLLBAR-3DLIGHT-COLOR: #ffffff;

SCROLLBAR-ARROW-COLOR: #ffffff;

SCROLLBAR-TRACK-COLOR: #ffffff;

SCROLLBAR-DARKSHADOW-COLOR: #ffffff; }

</style>

<style type="text/css"></style>

<body bgcolor="#ffffff" text="#000000" link="#006060" vlink="#006060"

topmargin="0" leftmargin="0">

<style>



</style>

<script language="JavaScript1.2">

function updownshadow(){

if (event.srcElement.className=="popshadow"){

tempobject=event.srcElement

if (event.type=="mousedown"){

tempobject.filters[0].enabled=false

tempobject.style.left=tempobject.style.top=0

}

else{

tempobject.filters[0].enabled=true

tempobject.style.left=tempobject.style.top=-5



}

}

}

if (document.all){

document.body.onmousedown=updownshadow

document.body.onmouseup=updownshadow

}

</script>

10.2.11.- Popup.inc




</script>

10.2.12.- Tarifaplantilla.inc

<html>



<head>






1">

</head>


if (document.layers) {n=1;ie=0}

if (document.all) {n=0;ie=1}

function initlat() {

if (n) tab = document.tabDiv

if (n) poptext = document.poptextDiv

if (ie) tab = tabDiv.style

if (ie) poptext = poptextDiv.style

}

var tabShow=1;

//Hide-Show Layer

function hidepoptext() {

if (tabShow == 0) {

if (n) {

tab.visibility = "hide";

tab.left = 0;

tab.visibility = "show";



poptext.visibility = "hide";

tabShow = 1;

return;

}

if (ie) {

tab.visibility = "hidden";

tab.left = 0;

tab.visibility = "visible";

poptext.visibility = "hidden";

tabShow = 1;

return;

}

}

if (tabShow == 1) {

if (n) {


tab.left = 223;


poptext.visibility = "show";

tabShow = 0;

}

if (ie) {


tab.left = 223;


poptext.visibility = "visible";

tabShow = 0;

}

}

}

</script>



<style>



</style>

</head>

<style>










</style>





var myNavBar1 = new NavBar(0);

var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category

width, second specifies sub category width in pixels)

//add more menus simply by adding more "blocks" of same code below


dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("Inicio")%>",

"default.asp"));



dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("empresa")%>",





"javascript:popUp('plano.asp')"));



dhtmlMenu.addItem(new NavBarMenuItem("<%imprimir("contactar")%>",

"mailto:[email protected]?subject=<%imprimir("inform")%>"));



dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("productos")%>",

"producto.asp?pactual=producto.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contador")%>",

"contador.asp?pactual=contador.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("membrana")%>",

"membrana.asp?pactual=membrana.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("hidrante")%>",

"hidrante.asp?pactual=hidrante.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("contralavado")%>",

"contralavado.asp?pactual=contralavado.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("pilotos")%>",

"pilotos.asp?pactual=pilotos.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("bombas")%>",

"bomba.asp?pactual=bomba.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("telegestion")%>",

"telegestion.asp?pactual=telegestion.asp"));



dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("tarifas")%>",

"tarifa.asp?pactual=tarifa.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("libre")%>",

"tarifalibre.asp?pactual=tarifa.asp&Producto=0"));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrados")%>", ""));

dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("registrar")%>", ""));





dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("instalaciones")%>",

"insta.asp?pactual=insta.asp"));

dhtmlMenu.addItem(new NavBarMenuItem("", ""));





//dhtmlMenu = new NavBarMenu(30,100);

//dhtmlMenu.addItem(new NavBarMenuItem("", ""));

//myNavBar1.addMenu(dhtmlMenu);


dhtmlMenu.addItem(new NavBarMenuItem("<% imprimir("cambiar")%>",

"<%Response.Write

Session("pagina")%>?nuevalengua=<%imprimir("lengua")%>&pactual=<%Res

ponse.Write Session("pagina")%>"));


//set menu colors (lineas, letrastit, fondotit, letrestit, restit, letrasmen,

fondomenu, letresmenu, resaltemenu

myNavBar1.setColors("#ffffff", "#ffffff", "#000099", "#ffff00", "#006699", "#ffffff",

"#009977", "#ffff00", "#003333")

//uncomment below line to center the menu (valid values are "left", "center", and

"right"

//myNavBar1.setAlign("center")

var fullWidth;

function init() {

// Get width of window, need to account for scrollbar width in Netscape.



fullWidth = getWindowWidth()

- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

myNavBar1.resize(fullWidth);

myNavBar1.create();

myNavBar1.setzIndex(2);

}

</script>

<body bgcolor="#FFFFFF" text="#000000" link="#006060" vlink="#006060"

topmargin="0" leftmargin="0" onLoad="initlat(); init()">

<style>



</style>








}



else{



}

}

}

if (document.all){



}

</script>

<div ID=tabDiv style="left: 0px; top: 30px; width: 52px; height: 179px"> <a

href="javascript:hidepoptext();">

<img src="<%imprimir2("solapa")%>" width=42 height=179 alt="Haz clic aquí

para mostrar/ocultar" border="0">

</a> </div>

<div ID=poptextDiv style="left: 1px; top: 30px">

<p style="margin-bottom:0"><font

size="2"><b><%imprimir2("0")%></b></font></p>

<p style="margin-bottom:0; margin-top:0; margin-left:10"><b><font

size="2"><a

href="tarifalibre.asp?Producto=1&pactual=tarifa.asp"><%imprimir2("1")%></a>

</font></b></p>


size="2"><a


</font></b></p>


size="2"><a




</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


<BR>

</font></b></p>

<p style="margin-bottom:0"><b><font

size="2"><%imprimir2("10")%></font></b></p>





<p style="margin-bottom:0; margin-top:0; margin-left:20"><b><font size="2"><a

href="tarifalibre.asp?Producto=111&pactual=tarifa.asp"><%imprimir2("111")%>

</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a><BR></font></b></p>


size="2"><a

href="tarifalibre.asp?Producto=12&pactual=tarifa.asp"><%imprimir2("12")%></a

></font></b></p>





</a></font></b></p>





</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a><BR></font></b></p>




size="2"><a


></font></b></p>


size="2"><a


></font></b></p>




size="2"><a


></font></b></p>


size="2"><a


></font></b></p>


size="2"><BR>

</font></b></p>




size="2"><a


></font></b><font size="2"><BR>

</font></p>

<CENTER>

</CENTER>

</div>

10.2.13.- Tarifauser.inc

<html>

<head>








1">

</head>


if (document.layers) {n=1;ie=0}

if (document.all) {n=0;ie=1}

function initlat() {

if (n) tab = document.tabDiv

if (n) poptext = document.poptextDiv

if (ie) tab = tabDiv.style

if (ie) poptext = poptextDiv.style

}

var tabShow=1;

//Hide-Show Layer

function hidepoptext() {

if (tabShow == 0) {

if (n) {


tab.left = 0;


poptext.visibility = "hide";

tabShow = 1;

return;

}

if (ie) {




tab.left = 0;


poptext.visibility = "hidden";

tabShow = 1;

return;

}

}

if (tabShow == 1) {

if (n) {


tab.left = 223;


poptext.visibility = "show";

tabShow = 0;

}

if (ie) {


tab.left = 223;


poptext.visibility = "visible";

tabShow = 0;

}

}

}

</script>

<style>



</style>

</head>

<style>










</style>




<body bgcolor="#FFFFFF" text="#000000" link="#006060" vlink="#006060"

topmargin="0" leftmargin="0" onLoad="initlat()">

<style>



</style>








}

else{





}

}

}

if (document.all){



}

</script>

<div ID=tabDiv style="left: 0px; top: 30px; width: 52px; height: 179px"> <a

href="javascript:hidepoptext();">

<img src="<%imprimir2("solapa")%>" width=42 height=179 alt="Haz clic aquí

para mostrar/ocultar" border="0">

</a> </div>

<div ID=poptextDiv style="left: 1px; top: 30px">

<p style="margin-bottom:0"><font

size="2"><b><%imprimir2("0")%></b></font></p>


size="2"><a

href="tarifauser.asp?Producto=1&pactual=tarifa.asp"><%imprimir2("1")%></a>

</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>




size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


</font></b></p>


size="2"><a


<BR>

</font></b></p>






href="tarifauser.asp?Producto=111&pactual=tarifa.asp"><%imprimir2("111")%>

</a></font></b></p>





</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a><BR></font></b></p>


size="2"><a

href="tarifauser.asp?Producto=12&pactual=tarifa.asp"><%imprimir2("12")%></

a></font></b></p>





</a></font></b></p>



</a></font></b></p>





</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a></font></b></p>



</a><BR></font></b></p>




size="2"><a


a></font></b></p>


size="2"><a


a></font></b></p>


size="2"><a




a></font></b></p>


size="2"><a


a></font></b></p>


size="2"><BR>

</font></b></p>




size="2"><a


a></font></b><font size="2"><BR>

</font></p>

<CENTER>

</CENTER>

</div>

10.2.14.- Testlengua.inc

<%

'Tratamiento de la lengua

'Damos fecha de caducidad a las galletas

Response.Cookies("lengua").Expires=#1/1/2005#

'Asignamos a la Session el valor de las cookies

Session("lengua")=Request.Cookies("lengua")



'Miramos si se ha seleccionado una nuevalengua y la asigno como lengua

oficial en las cookies y en las session

nuevalengua=Request.Querystring("nuevalengua")

If nuevalengua="es" Then

Response.Cookies("lengua")="es"

Session("lengua")="es"

Elseif nuevalengua="en" Then

Response.Cookies("lengua")="en"

Session("lengua")="en"

End If

'Ahora miramos si no ha seleccionado lengua y no tiene nada en las cookies

para mirar la lengua de su navegador

'La lengua por defecto es el ingles

If Request.Cookies("lengua")="" and nuevalengua="" Then

lengua=left(Request.ServerVariables("http_accept_language"),2)

If lengua<>"es" Then

Response.Cookies("lengua")="en"

Session("lengua")="en"

Else

Session("lengua")="es"

Response.Cookies("lengua")="es"

End If

End If

%>

10.3.- Anejo 3: Páginas Web ASP



10.3.1.- Bomba.asp

<% @ LANGUAGE= "VBSCRIPT" %>










<p>



</p>

<p> </p>

<p align="right"> </p>

<table width="100%">

<tr>

<td width="8%" height="17" background="Imagenes/fondo2.jpg">

<div align="right"><img src="Imagenes/bombas.jpg" width="50"

height="50"></div>

</td>

<td colspan="2" height="17" background="Imagenes/fondo2.jpg"><font

size="+5" color="#2f6479">

<%imprimir("bombas")%>

</font>

<div align="right"></div>

</td>

<td height="41" rowspan="2" width="27%">

<div align="center"><font size="+5" color="#2f6479"><img

src="Imagenes/gotas.gif" width="168" height="112"></font></div>

</td>

</tr>

<tr>

<td colspan="2" height="2" valign="top">

<div align="left"></div>



<form method="post" action="bombatipo.asp">

<table width="73%" border="0">

<tr>

<td width="9%"> </td>

<td background="Imagenes/fondocelda.jpg" width="58%"><b><font

color="#2F6479">

<%imprimir("elige")%>

</font></b></td>


</tr>

<tr>

<td width="9%" height="2"> </td>

<td width="58%" height="2">

<select name="Eleccion">

<%

SQL = "SELECT * FROM Modelos where IdProducto like '6'"

Set rs = conn.Execute(SQL)

While Not rs.EOF

%>

<option

value="<%=rs("IdModelo")%>"><%=rs(""&Session("lengua")&"")%></option>

<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>

<td width="33%" height="2"><font color="2f6479"><b>

<input type=hidden name="pactual" value="bomba.asp">

<input type=hidden name="Producto" value="6">

<input type="submit" value="<%imprimir("entrar")%>

>>">



</b></font></td>

</tr>

</table>

</form>

</td>

<td height="2" width="35%" align="left">

<h3 align="left"> </h3>

</td>

</tr>

<tr>

<td colspan="2" height="407" valign="top" align="center" nowrap>

<div align="center">

<p><b><font color="#2f6479"><a href="producto.asp">

<%imprimir("irprod")%>

</a></font></b><a href="producto.asp"><img src="Imagenes/volver.gif"

align="absmiddle"width="40" height="40" border="0"></a></p>

<p> </p>

<p><img src="Imagenes/bombacapa.jpg" width="225" height="192"></p>

</div>

</td>

<td width="35%" align="left" valign="top">

<div align="justify"><font size="4">

<%imprimir("bombap01")%>

<b><font color="#2f6479">

<%imprimir("contp02")%>

</font></b>




</font></b>






</font></b> </font></div>

<br>



<b><font color="#2f6479"><%imprimir("contp08")%></font></b>







</font></div>

</td>

<td width="27%" height="407" valign="top" align="center">

<p> </p>

<p> </p>

<p><img src="Imagenes/bomba.gif" width="142" height="181"></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>



</p>

</body>

</html>

10.3.2.- Bombatipo.asp









<p>


</p>

<p>

<%ProdSel=request.form("Eleccion")

IdProducto=request.form("Producto")

%>



</p>

<p> </p>

<table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td width="9%" height="25" background="Imagenes/fondo2.jpg"

align="right"><img src="Imagenes/bombas.jpg" width="50" height="50"></td>



<div align="left"><font color="#2f6479"><b><font

size="5"><%impprod"1","Texto5"%></font></b></font></div>

</td>


<div align="right"><a href="bomba.asp"><img src="Imagenes/bombas.jpg"

align="absmiddle" width="40" height="40" border="0"><font size="4"

color="#2f6479">

<%imprimir("volver")%></font></a></div>

</td>

<td height="63" rowspan="2" valign="top" width="31%">


<p><img src="Imagenes/gotas.gif" width="168" height="112"></p>



<p><img src="<%impprod"3","Imagenes"%>" width="142"

height="181"></p>

<table width="80%" border="0" align="center" height="249">

<tr>

<td height="374" valign="top">

<p align="justify"><b><font

size="3"><%impprod"6","Texto5"%></font></b></p>



</td>

</tr>

</table>

<p> </p>

</div>

</td>

</tr>

<tr>

<td height="672" valign="top" width="9%">

<div align="left"><img src="<%impprod"1","Imagenes"%>" width="72"

height="540"></div>

<div align="center"></div>

</td>

<td height="672" valign="top">

<p align="center"> </p>

<p align="center"><img src="<%impprod"2","Imagenes"%>" width="225"

height="192"></p>

<p style="margin-top: 0; margin-bottom: 0" align="center"> </p>

<p style="margin-top: 0; margin-bottom: 0" align="center"><font

color="#2F6479"><b>

<%impprod"8","Texto5"%></b></font></p>

<p align="center"><a href="<%impprod"4","Imagenes"%>"

onclick="NewWindow(this.href,'Croquis','500','320','yes','center');return false"

onfocus="this.blur()"><img src="Imagenes/caracteristicas.jpg" width="77"

height="103" border="0"></a></p>



<p align="center"><b><font color="#2f6479">

<%impprod"9","Texto5"%></font></b></p>

<p style="margin-top: 0; margin-bottom: 0" align="center"><b><font

color="#2f6479"><%impprod"10","Texto5"%></font></b></p>

<p style="margin-top: 0; margin-bottom: 0" align="center"><a

href="<%impprod"5","Imagenes"%>"


onfocus="this.blur()"><img src="Imagenes/tablas.jpg" width="139" height="105"

border="0"></a></p>


<p style="margin-top: 0; margin-bottom: 0"> </p>

<p style="margin-top: 0; margin-bottom: 0"><b><font




onClick="NewWindow(this.href,'Croquis','800','600','yes','center');return false"

onFocus="this.blur()"><img src="Imagenes/tablas.jpg" width="139"




</div>

</div>

</td>

<td height="672" align="left" valign="top">

<p> </p>

<table width="80%" border="0" align="center">

<tr>

<td>

<p align="justify"><b><font size="3"><%impprod"2","Texto5"%>

<%impprod"3","Texto5"%> </font></b></p>







</td>

</tr>

</table>


</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.3.- Contador.asp







<p>


</p>

<p> </p>



<tr>




<div align="right"><img src="Imagenes/contadores.jpg" width="50"

height="50"></div>

</td>


size="+5" color="#2f6479">

<%imprimir("contador")%>

</font>


</td>




</td>

</tr>

<tr>

<td colspan="2" height="45">

<div align="left">

<form method="post" action="contadortipo.asp">


<tr>



color="#2F6479">


</font></b></td>


</tr>

<tr>




<%





While Not rs.EOF

%>

<option


<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>


<input type=hidden name="pactual" value="contador.asp">



>>">

</b></font></td>

</tr>

</table>

</form>

</div>

</td>



</td>

</tr>

<tr>









<p> </p>

<p><img src="Imagenes/contmult.jpg" width="247" height="139"></p>

</div>

</td>









</font></div>

<br>










</font></div>

</td>


<p> </p>

<p align="center"><img src="Imagenes/contador256.jpg" width="255"

height="220"></p>

</td>

</tr>

</table>

<p> </p>



<p> </p>

<p>


</p>

</body>

</html>

10.3.4.- Contadortipo.asp







<p>


</p>

<p>



%>


</p>

<p> </p>

<p> </p>


<tr>


align="right"><img src="<%impprod"1","Imagenes"%>" width="50"

height="50"></td>

<td colspan="2" height="33" background="Imagenes/fondo2.jpg">





size="5"><%impprod"1","Texto"%></font></b></font></div>

</td>




<p> </p>

<p><b><font color="#2f6479"><%impprod"2","Texto"%></font></b></p>

<p><a href="javascript:popUpTabla('<%impprod"4","Imagenes"%>')"><img

src="Imagenes/tablas.jpg" width="139" height="105" border="0"></a></p>

<p> </p>

</div>

</td>

</tr>

<tr>

<td height="437" valign="top" width="9%" rowspan="2">


height="415"></div>


</td>

<td height="283" width="34%"><img src="<%impprod"3","Imagenes"%>"

width="237" height="121"></td>

<td height="437" align="left" width="22%" valign="top" rowspan="2">

<p> </p>

<p align="justify"><b><font size="3">

<%impprod"5","Texto"%>

&nbsp


</font></b></p>

<p align="justify"><font size="3"><b>


</b></font></p>

</td>



</tr>

<tr>

<td height="42" width="34%" valign="top">


<p><font color="#2F6479"><b><%impprod"8","Texto"%></b></font></p>

<p><b>


</b></p>

</div>

</td>


<div align="center"><a href="contador.asp"><img

src="Imagenes/contadores.jpg" width="40" height="40" align="absMIDDLE"

border="0">

<font size="4" color="#2f6479">


</font> </a></div>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.5.- Contralavado.asp









<p>


</p>

<p> </p>



<tr>


<div align="right"><img src="Imagenes/contralavado.jpg" width="50"

height="50"></div>

</td>


size="+5" color="#2f6479">

<%imprimir("contralavado")%>

</font>


</td>




</td>

</tr>

<tr>


<div align="left">

<form method="post" action="contratipo.asp">


<tr>





color="#2F6479">


</font></b></td>


</tr>

<tr>




<%



While Not rs.EOF

%>

<option


<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>


<input type=hidden name="pactual" value="contralavado.asp">



>>">

</b></font></td>

</tr>

</table>

</form>



</div>

</td>



</td>

</tr>

<tr>







<p> </p>

<p><img src="Imagenes/contracapa.jpg" width="237" height="225"></p>

</div>

</td>



<%imprimir("contrap01")%>



</font></b>




</font></b>





<br>












</font></div>

</td>


<p> </p>

<p> </p>

<p align="center"><img src="Imagenes/contra1.jpg" width="178"

height="184"></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.6.- Contratipo.asp









<p>


</p>

<p>



%>


<a name="Descripcion"></a> </p>

<p> </p>

<p> </p>

<table width="100%" height="651">

<tr>


align="right"><img src="Imagenes/hidroflush.jpg" width="50" height="50"></td>



<div align="left"><font color="#2f6479"><b><font size="5">

<%impprod"1","Texto3"%></font></b></font></div>

</td>


align="right"><a href="contralavado.asp"><img

src="Imagenes/contralavado.jpg" width="40" height="40" align="absMIDDLE"

border="0">

<font size="4" color="#2f6479"> <%impprod"2","Texto3"%></font>

</a></td>




<table width="75%" border="1" bordercolor="#333333">

<tr>



<td height="377">

<p align="center"><b><font


<div align="left" style="margin-right: 20">

<ul>

<li><font

color="#333333"><b><%impprod"9","Texto3"%></b></font></li>

<li><b><font color="#333333">

<%impprod"10","Texto3"%>

</font></b></li>

<li><b><font

color="#333333"><%impprod"11","Texto3"%></font></b></li>

</ul>

</div>

</td>

</tr>

</table>

</div>

</td>

</tr>

<tr>

<td colspan="3" height="27" background="Imagenes/fondo2.jpg"

align="center">

<a href="#Descripcion"><img src="Imagenes/gota3.gif" width="20"

height="20" border="0"><font color="#2f6479"><b>


</b></font></a><a href="#Perdidas"> <img src="Imagenes/gota3.gif"

width="20" height="20" border="0"><font color="#2f6479"><b>


</b></font></a> <a href="#Tipos"> <font color="#2f6479"><b>

</b></font></a></td>

</tr>

<tr>





height="540"></div>


</td>

<td height="437" width="32%" nowrap valign="top">

<p> </p>

<p align="center"><img src="Imagenes/hidroconta11.gif" width="226"

height="104"></p>


<p align="center"><img src="Imagenes/contra1.jpg" width="178"

height="184"></p>

</td>


<p> </p>



<p align="justify"><b><font size="3"> <%impprod"6","Texto3"%>

<%impprod"7","Texto3"%> </font></b></p>

</td>

</tr>

<tr>



<p><b> </b></p>

</div>

</td>


<div align="center"><a href="#Descripcion"><img src="Imagenes/subir.gif"

align="absMIDDLE" width="40" height="40" border="0"><b><font

color="#2f6479"><%impprod"12","Texto3"%></font></b></a></div>

</td>

</tr>

</table>



<p> </p>


<tr>

<td height="3">

<p><a name="Perdidas"><img src="Imagenes/gota3.gif" width="20"

height="20"><font color="#2f6479"><b>


</b></font></a></p>

</td>

<td height="3"> </td>

<td align="right" height="3"> </td>

</tr>

<tr>

<td align="center" colspan="3"><img src="<%impprod"2","Imagenes"%>"


</tr>

<tr>

<td align="center" width="54%">

<p><img src="Imagenes/contra-sk-1.gif" width="205" height="177"></p>



</td>








<p><a href="<%impprod"3","Imagenes"%>"



border="0"></a></p>

</td>



<td align="left" width="20%" valign="bottom"><a href="#Descripcion"><img

src="Imagenes/subir.gif" align="absMIDDLE" width="40" height="40"

border="0"><b><font

color="#2f6479"><%impprod"12","Texto3"%></font></b></a></td>

</tr>

</table>

<p> </p>

<p>


</p>

</body>

</html>

10.3.7.- Croquishid.asp







<script LANGUAGE="JavaScript">



</script>

<div id="Layer1" style="position:absolute; left:15px; top:10; width:310;

height:233; z-index:1; visibility: hidden">

<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><img

src="<%imprimir("ckcapa1")%>" width="310" height="223"></b></font></div>

</div>

<div id="Layer2" style="position:absolute; left:15; top:10; width:310; height:233;

z-index:2; visibility: hidden">



</div>





</div>







</div>





</div>





</div>





</div>





</div>





</div>

<div id="Layer10" style="position:absolute; left:15; top:10; width:310;




</div>







</div>





</div>


height:233; z-index:4; visibility: visible">


src="Imagenes/hidrante/hidrante.jpg" width="310"

height="233"></b></font></div>

</div>

<div id="LayerT1" style="position:absolute; left:20px; top:244px; width:300;

height:25px; z-index:4; visibility: hidden; background-color: #2F6479; layer-

background-color: #2F6479; border: 1px none #000000">

<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"

color="#FFFFFF"><%imprimir("ckcapaT1")%></font></div>

</div>

<div id="LayerT2" style="position:absolute; left:20; top:244; width:300;

height:25; z-index:4; visibility: hidden; background-color: #2F6479; layer-




</div>






</div>








</div>






</div>






</div>






</div>






</div>








</div>






</div>






</div>






</div>





color="#FFFFFF"><%imprimir("ckcapaT13")%></font><font face="Arial,

Helvetica, sans-serif" size="5"> </font></div>

</div>




<div align="center"><font color="#FFFFFF" size="5" face="Arial, Helvetica,

sans-serif"><%imprimir("ckcapaT14")%></font></div>

</div>








</div>

<table width="100%" border="0" height="110" cellspacing="0" cellpadding="0">

<tr>

<td height="131">

<div align="right">

<p><img src="Imagenes/hidrotit.gif" width="302" height="79"></p>

<h2><b><font color="#000099"><img src="Imagenes/gota3.gif" width="20"

height="20">

<font color="#2F6479">

<%imprimir("ckejemplo")%>

</font></font></b></h2>

</div>

</td>

</tr>

</table>

<p align="center"><img src="<%imprimir("ckcroquis")%>" width="576"

height="433" usemap="#Map" border="0">

<map name="Map">

<area shape="rect" coords="442,290,467,315" onmouseover="MostrarCapa

('Layer12');MostrarCapa ('LayerT13');OcultarCapa ('Layer13')"

onmouseout="OcultarCapa ('Layer12');OcultarCapa ('LayerT13');MostrarCapa

('Layer13')" href="#">




('Layer13')"href="#">














































('LayerT1')" onmouseout="OcultarCapa ('LayerT1')"href="#">


('LayerT14')" onmouseout="OcultarCapa ('LayerT14')" href="#">


('LayerT15')" onmouseout="OcultarCapa ('LayerT15')" href="#">

</map>

</p>

<p>


</p>

</body>

</html>

10.3.8.- Default.asp








<body onload="dynAnimation()">



<script language="JavaScript" fptype="dynamicanimation">



</script>

<script language="JavaScript1.2" fptype="dynamicanimation"

src="script/animate.js">

</script>




</script>




</script>

<div id="Layer1" style="position:absolute; left:6px; top:88px; width:145px;

height:51px; z-index:1; visibility: hidden">

<div align="center"><font face="Arial, Helvetica, sans-serif" size="5"><b><font

color="#2f6479"><%imprimir("empresa")%></font></b></font></div>

</div>




color="#2f6479"><%imprimir("productos")%></font></b></font></div>

</div>




color="#2f6479"><%imprimir("tarifas")%></font></b></font></div>

</div>




color="#2f6479"><%imprimir("instalaciones")%></font></b></font></div>

</div>



<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:

collapse" bordercolor="#111111" width="1014" id="AutoNumber1"

height="322">

<tr>

<td width="39" height="71"> </td>


<td width="155" height="71" valign="bottom" colspan="2" align="center"> <a

onmouseover="document['fpAnimswapImgFP68'].imgRolln=document['fpAnims

wapImgFP68'].src;document['fpAnimswapImgFP68'].src=document['fpAnimswa

pImgFP68'].lowsrc;MostrarCapa ('Layer1')"

onmouseout="document['fpAnimswapImgFP68'].src=document['fpAnimswapIm

gFP68'].imgRolln; OcultarCapa ('Layer1')"

href="empresa.asp?pactual=empresa.asp">

<img border="0" src="Imagenes/emp.jpg" id="fpAnimswapImgFP68"

name="fpAnimswapImgFP68" dynamicanimation="fpAnimswapImgFP68"

lowsrc="Imagenes/emp2.jpg" width="71" height="71"></a></td>


<td width="104" height="147" rowspan="2" valign="bottom"> </td>

<td width="103" height="147" rowspan="2" valign="bottom"> </td>

<td width="104" height="147" rowspan="2" valign="bottom"> <span> <img

border="0" src="<%imprimir("bubbig")%>" width="120" height="117" alt="<%

imprimir("Cambioes")%>"></span></td>

<td width="103" height="147" rowspan="2" valign="top"> <a

href="default.asp?nuevalengua=<%imprimir("lengua")%>&pactual=default.asp"

><img border="0" src="<%imprimir("bublit")%>" align="left" width="56"

height="56" alt="<% imprimir("Cambioen")%>"></a></td>

<td width="358" height="147" rowspan="2" valign="bottom">

<p align="center">

</td>

<td width="358" height="286" rowspan="5" valign="bottom" align="center"><a

href="mailto:[email protected]"><img src="Imagenes/correo.gif"

width="60" height="60" border="0" alt="<% imprimir("correo")%>"></a>

</td>

</tr>



<tr>

<td width="39" height="76" align="center"> </td>

<td width="38" height="76" align="center"><img border="0"

src="Imagenes/blanco.jpg" width="71" height="71"></td>

<td width="39" height="76" align="left" valign="bottom"> <a





gFP74'].imgRolln; OcultarCapa ('Layer2')"

href="producto.asp?pactual=producto.asp">

<img border="0" src="Imagenes/pro.jpg" id="fpAnimswapImgFP74"


lowsrc="Imagenes/pro2.jpg" align="left" width="71" height="71"></a></td>



</tr>

<tr>


<td width="77" height="110" align="center" rowspan="2" valign="top"

colspan="2">

<div align="left"><a





gFP71'].imgRolln; OcultarCapa ('Layer3')" href="tarifa.asp?pactual=tarifa.asp">

<img border="0" src="Imagenes/tar.jpg" id="fpAnimswapImgFP71"


lowsrc="Imagenes/tar2.jpg" width="71" height="71"></a></div>

</td>

<td width="116" height="110" align="center" rowspan="2"

bordercolor="#CCCCCC"> </td>



<td width="843" height="139" rowspan="3" colspan="6" align="center"

valign="top">

<img border="0" src="Imagenes/hidrotit.gif" width="430" height="94"></td>

</tr>

<tr>

<td width="39" height="71" align="center"> <a





gFP73'].imgRolln; OcultarCapa ('Layer4')" href="insta.asp?pactual=insta.asp">

<img border="0" src="Imagenes/ins.jpg" id="fpAnimswapImgFP73"


lowsrc="Imagenes/ins2.jpg" align="left" width="71" height="71"></a></td>

</tr>

<tr>





</tr>

<tr valign="middle" align="center">

<td width="954" height="23" colspan="11" nowrap> <applet code="Ascroll"

width="1000" height="25" align="center">

<param name="sleep" value="25">

<param name="backcolor" value="#ffffff">

<param name="image" value="Imagenes\fondo4.jpg">

<param name="imageinc" value="1">

<param name="textcolor" value="#0000ff">

<param name="text"

value="<%imprimir("Bienvenida")%>">

<param name="fontface" value="ARIAL">

<param name="pointsize" value="20">

<param name="textinc" value="-2">



</applet> </td>

</tr>

</table>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:

collapse" bordercolor="#111111" width="1014" id="AutoNumber1" height="262"

background="Imagenes/fondo2.jpg">

<tr valign="top" align="center">

<td height="100" valign="middle" width="188">

<p> </p>

<p>




</script>

</p>

<p> </p>

<div align="center"> </div>

</td>

<td height="200" colspan="2" valign="middle" rowspan="2">

<p> <applet CODE="FadingBanner.class" WIDTH="140" HEIGHT="140">

<param name="bgImage" value="none">

<param name="bgColor" value="FFFFFF">



<param name="StartDelay" value="0">

<param name="FadeAmount" value="15">

<param name="FadeSpeed" value="30">

<param name="Hold" value="2">

<param name="FadeToBackground" value="false">

<param name="HoldBackground" value="5">

<param name="DisplayOrder" value="down">

<param name="DefaultTarget" value="right">

<param name="UseSelectColors" value="false">

<param name="DefaultSelectColor" value="ffffff">

<param name="ShrinkOnSelect" value="false">

<param name="defaults" value="SELECTCOLOR=ffffff">

<param name="Images"

value="

Imagenes/b1.gif|

Imagenes/b2.gif|

Imagenes/b3.gif|

Imagenes/b5.gif|

Imagenes/b4.gif|

">

</applet> </p>

<p><b><font color="#2f6479"><a href="mailto:[email protected]"

id="flashlink" flashtype=1 flashcolor="#024ac9"><font

color="#FF0000">[email protected]</font></a></font></b></p>

</td>

<td height="200" valign="bottom" rowspan="2" width="188"> </td>

</tr>

<tr valign="top" align="center">

<td height="117" valign="middle" width="188">


<p style="margin-top: 0; margin-bottom: 0"><b><font color="#2f6479"><%

imprimir("visita")%></font></b></p>

<p style="margin-top: 0; margin-bottom: 0">




//

</script>

</p>

</td>

</tr>

</table>



if (document.all&&document.all.flashlink){

var flashlinks=document.all.flashlink

if (flashlinks.length==null)

flashlinks[0]=document.all.flashlink

function changecolor(which,type,color){

if (type==0){

if (flashlinks[which].style.color!=color)

flashlinks[which].style.color=color

else

flashlinks[which].style.color=''

}

else if (type==1){



if (flashlinks[which].style.backgroundColor!=color)

flashlinks[which].style.backgroundColor=color

else

flashlinks[which].style.backgroundColor=''

}

}

if (flashlinks.length==null){

var

flashengine='setInterval("changecolor(0,'+flashlinks[0].flashtype+',\''+flashlinks[0

].flashcolor+'\')",'+'1000)'

eval(flashengine)

}

else

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

var

flashengine='setInterval("changecolor('+i+','+flashlinks[i].flashtype+',\''+flashlinks

[i].flashcolor+'\')",'+'1000)'

eval(flashengine)

}

}

</script>

</body>

</html>

10.3.9.- Empresa.asp









<p>


</p>

<p> </p>

<table width="1003" border="0">

<tr>

<td width="104" nowrap height="114" background="Imagenes/fondo2.jpg">

<div align="center"><img src="Imagenes/emp2.jpg" width="70"

height="70"></div>

</td>

<td nowrap colspan="2" background="Imagenes/fondo2.jpg">

<div align="center"><img src="Imagenes/hidrotit.gif" width="433"

height="94"></div>

</td>

<td nowrap colspan="3" background="Imagenes/fondo2.jpg">

<div align="left"><img src="Imagenes/gotas.gif" width="168"

height="112"></div>

</td>

<td nowrap width="256" bgcolor="#000099">

<p align="center" style="margin-top: 0; margin-bottom: 0"><font

color="#FFFFFF"><b>Ctra.

Sta. Catalina, 60</b> </font></p>


color="#FFFFFF">30.012

MURCIA</font></p>

<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>


color="#FFFFFF">Tel.:



968 26 77 88</font></p>


color="#FFFFFF">Fax:

968 34 11 49</font></p>

</td>

</tr>

<tr>

<td nowrap height="41" width="104"> </td>

<td nowrap valign="top" colspan="2">

<p> </p>

</td>

<td nowrap> </td>

<td nowrap> </td>

<td nowrap colspan="2">


<p style="margin-top: 0; margin-bottom: 0"><b><font color="#003333"><a

href="javascript:popUp('plano.asp')">

<%imprimir("localizacion")%>

</a></font></b></p>

<p style="margin-top: 0; margin-bottom: 0"><a

href="javascript:popUp('plano.asp')"><img src="Imagenes/gota3.gif" width="29"

height="25" border=0></a></p>

</div>

</td>

</tr>

<tr>

<td nowrap rowspan="3" height="208" valign="top" width="104">

<p align="center"><img src="Imagenes/afre.gif" width="89" height="38"

border="0"></p>

<p align="center" style="margin-top: 0; margin-bottom: 0"><img

src="Imagenes/aenor.gif" width="59" height="109" border="0"></p>

<p align="center" style="margin-top: 0; margin-bottom: 0"><b> <font

size="1" color="#FF0000">ER-0362/2/00</font></b></p>

<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>



<p align="center" style="margin-top: 0; margin-bottom: 0"><img

src="Imagenes/iqnet.gif" width="110" height="50" border="0"></p>

<p align="center" style="margin-top: 0; margin-bottom: 0"><font size="1">

<b>ES-0362/2/00</b></font></p>

</td>

<td nowrap width="105" valign="top">

<p> </p>

</td>

<td nowrap width="340" valign="top">

<div align="justify"><font size="5" color="#000099">

<p>

<%imprimir("DescEmp")%>

</p>

<p>

<%imprimir("descemp1")%>

</p>

</font></div>

</td>

<td valign="top" width="73" nowrap>


</td>

<td width="37"></td>

<td nowrap colspan="2">



color="#2f6479"><%imprimir("localizacion2")%></font></b></p>

<p style="margin-top:0"><a

href="http://www.viamichelin.com/viamichelin/esp/dyn/controller/mapRoadMapD

isplay;jsessionid=MPQ42HFJSF1TCRNNJZWXM4Q?type=In&pageOrigin=300

&rnd=1043921956135" target="_blank"><img src="Imagenes/michelinlogo.gif"

width="148" height="44" border="0"></a></p>

<p><img src="Imagenes/contador256.jpg" width="254" height="206"></p>

</div>

</td>



</tr>

<tr>

<td nowrap valign="top" rowspan="2">


</td>

<td nowrap valign="top" rowspan="2">



</div>

</td>

<td colspan="4" height="21"> </td>

</tr>

<tr>

<td colspan="2" height="34"></td>

<td width="58" height="34"></td>

<td width="256" height="34"></td>

</tr>

</table>


</body>

</html>

10.3.10.- Eskema-hc.asp






<%ProdSel=request.querystring("Esquema")

IdProducto=request.querystring("Producto")

%>







</script>




src="<%imprimir("capa-tg-1")%>" width="245" height="123"></b></font></div>

</div>







</div>





</div>





</div>





</div>





</div>





</div>





</div>







</div>


height:34px; z-index:4; visibility: visible">


color="#2f6479"><b><font

size="3"><%impprod"19","telegestion"%></font></b></font></div>

</div>

<table width="100%" border="0" height="20" cellspacing="0" cellpadding="0">

<tr>

<td height="25">

<div align="right">

<h2 align="center"><b><img src="Imagenes/gota3.gif" width="20"

height="20">

<font color="#2F6479">

<%impprod"1","telegestion"%>

</font></b></h2>

</div>

</td>

</tr>

</table>

<p align="center"><img src="<%impprod"2","telegestion"%>" width="570"

height="428" usemap="#Map" border="0">

<map name="Map">

<area shape="rect" coords="<%impprod"7","telegestion"%>"

onMouseOver="MostrarCapa ('Layer4');OcultarCapa ('Layer13')"

onMouseOut="OcultarCapa ('Layer4');MostrarCapa ('Layer13')"href="#">



onMouseOut="OcultarCapa ('Layer5');MostrarCapa ('Layer13')" href="#">















































</map>

</p>

<p>


</p>

</body>

</html>

10.3.11.- Hidrante.asp







<p>


</p>

<p> </p>



<tr>


<div align="right"><img src="Imagenes/hidrantes.jpg" width="50"

height="50"></div>



</td>


size="+5" color="#2f6479">

<%imprimir("hidrante")%>

</font>


</td>




</td>

</tr>

<tr>


<div align="left">

<form method="post" action="hidrantetipo.asp">


<tr>



color="#2F6479">


</font></b></td>


</tr>

<tr>




<%



While Not rs.EOF



%>

<option


<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>


<input type=hidden name="pactual" value="hidrante.asp">



>>">

</b></font></td>

</tr>

</table>

</form>

</div>

</td>



</td>

</tr>

<tr>



<p><b><font color="#2f6479"><a

href="producto.asp"><%imprimir("irprod")%> </a></font></b><a

href="producto.asp"><img src="Imagenes/volver.gif"


<p> </p>

<p><img src="Imagenes/hidrantecapa.jpg" width="240" height="171"></p>



</div>

</td>



<%imprimir("hidp01")%>






</font></div>

<br>










</font></div>

</td>


<p> </p>

<p> </p>

<p align="center"><img src="Imagenes/hidrante1.jpg" width="245"

height="163"></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>



<p>


</p>

</body>

</html>

10.3.12.- Hidrantetipo.asp







<p>


</p>

<p>



%>


</p>

<p> </p>


<tr>


align="right"><img src="Imagenes/hidrantes.jpg" width="50" height="50"></td>




size="5"><%impprod"1","Texto3"%></font></b></font></div>



</td>


<div align="right"><a href="hidrante.asp"><img

src="Imagenes/hidrantes.jpg" align="absmiddle" width="40" height="40"

border="0"><font size="4" color="#2f6479">

<%impprod"2","Texto3"%></font></a></div>

</td>

<td height="63" rowspan="3" valign="top">




<tr>

<td>



<p align="center"><font color="#333333"><b>



</b></font></p>

</td>

</tr>

</table>

<p><img src="Imagenes/hid2.jpg" width="240" height="125"></p>

<table width="75%" border="1" bordercolor="#333333" cellpadding="2">

<tr>

<td>



<p align="justify" style="margin-left: 20; margin-right: 20"><font

color="#333333"><b>


<div align="justify" style="margin-right: 20">

<ul>



<li><b><font


<li><b><font


<li><b><font


</ul>

</div>

</td>

</tr>

</table>

</div>

<div align="center"><a href="contador.asp"> </a></div>

</td>

</tr>

<tr>


<div align="left"><img src="Imagenes/fondos/hidrantesv.jpg" width="72"

height="540"></div>


</td>



<p align="center"><img src="Imagenes/hid1.jpg" width="275"

height="162"></p>





color="#2F6479"><b><%impprod"6","Texto3"%></b></font></p>


color="#2F6479"><b>




<p align="center"><a

href="javascript:popUpCarac('<%impprod"1","Imagenes"%>')"><img

src="Imagenes/caracteristicas.jpg" width="77" height="103"

border="0"></a></p>



<p align="center"><a href="<%impprod"2","Imagenes"%>"



border="0"></a></p>

</td>

<td height="644" align="left" width="28%" valign="top">

<p> </p>


<tr>

<td>







</td>

</tr>

</table>

<p> </p>

<p align="center"><b><font color="#2f6479"><img src="Imagenes/gota3.gif"

width="20" height="20">


</font></b></p>


href="croquishid.asp"




onfocus="this.blur()"><img src="Imagenes/hidrante/minicroquis.jpg"


</td>

</tr>

<tr>

<td height="42" colspan="2" valign="top">


<p style="margin-top: 0; margin-bottom: 0"><img src="Imagenes/hid3.jpg"

width="352" height="183"></p>

</div>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.13.- Insta.asp





</script>




src="file:///C:/Archivos%20de%20programa/Microsoft%20Office/Office10/fpclas

s/animate.js">

</script>






<p>


</p>

<p> </p>


<tr>


<div align="right"><img src="Imagenes/ins2.jpg" width="70"

height="70"></div>

</td>

<td nowrap width="651" background="Imagenes/fondo2.jpg" height="65">

<h1 align="left"><font color="#2f6479"><b><font size="+7"> Instalaciones

</font></b></font></h1>

</td>

<td nowrap background="Imagenes/fondo2.jpg" height="65" colspan="2">


height="112"></div>

</td>

</tr>

<tr>

<td width="128" nowrap height="70">

<p style="margin-bottom: 0; margin-left: 20; margin-right: 40"> </p>

</td>



<td width="651" nowrap height="70" valign="middle">

<p align="left"><b>Descripción y soluciones adoptadas dentro de

algunas

de las instalaciones de riego más características en las

que se han instalado productos de Hidroconta para salvar situaciones

concretas

de solución compleja o poco común.</b></p>

</td>

<td nowrap height="70" width="122">


<p style="margin-top: 0; margin-bottom: 0" align="left"> </p>

</div>


</td>


</tr>

<tr>

<td width="128" nowrap height="97"> </td>

<td nowrap height="97" valign="top" colspan="2">

<p style="margin-bottom: 0; margin-left: 5" ><b><font size="6"

color="#2f6479">

<a

onMouseOver="document['fpAnimswapImgFP1'].imgRolln=document['fpAnims

wapImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapI

mgFP1'].lowsrc;"

onMouseOut="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg

FP1'].imgRolln" href="instatipo.asp"><img src="Imagenes/ins.jpg"

class="popshadow" width="50" height="50" align="absmiddle"

id="fpAnimswapImgFP1" name="fpAnimswapImgFP1"

dynamicanimation="fpAnimswapImgFP1" lowsrc="Imagenes/seleccion.gif"

border="0"></a><a

onmouseover="document['fpAnimswapImgFP1'].imgRolln=document['fpAnimsw

apImgFP1'].src;document['fpAnimswapImgFP1'].src=document['fpAnimswapImg

FP1'].lowsrc;"



onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImg

FP1'].imgRolln" href="instatipo.asp">C.RR.

La Serratilla</a></font></b></p>

<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"><font size="3"

color="#000000">Comunidad

de regantes de La Serratilla en los términos municipales de

Villamarchante

y Pedralba en la provincia de Valencia</font></p>

</td>


</tr>

<tr>


<td nowrap valign="top" height="76" colspan="2">


color="#2f6479">

<a



mgFP2'].lowsrc;"






border="0"></a><a



FP2'].lowsrc;"


FP2'].imgRolln" href="javascript:void(0)">C.

RR. Grupo V Sector 1</a></font></b></p>


color="#000000">Instalaciones



de caracter especial en el sector 1 de la comunidad de regantes Grupo

V de Cehegín en la provincia de Murcia.</font></p>

</td>


</tr>

<tr>




color="#2f6479">

<a



mgFP3'].lowsrc;"






border="0"></a><a



FP3'].lowsrc;"



RR. Grupo V Sector 2</a></font></b></p>



de caracter especial en el sector 2 de la comunidad de regantes Grupo

V de Cehegín en la provincia de Murcia.</font></p>

</td>


</tr>

<tr>






color="#2f6479">

<a



mgFP4'].lowsrc;"


FP4'].imgRolln" href="tarifalibre.asp?pactual=tarifa.asp&Producto=0"><img

src="Imagenes/ins.jpg" class="popshadow" width="50" height="50"

align="absmiddle" id="fpAnimswapImgFP4" name="fpAnimswapImgFP4"


border="0"></a><a



FP4'].lowsrc;"



RR. Grupo V</a></font></b></p>

<p style="margin-top: 5; margin-left: 25"><font size="3"


de caracter especial de la comunidad de regantes Grupo V de

Cehegín

en la provincia de Murcia.</font></p>

</td>


</tr>

</table>


</body>

</html>



10.3.14.- Instatipo.asp







<p>


</p>

<p>

<%ProdSel=1

IdProducto=8

%>


<a name="0"></a></p>

<p> </p>


<tr>


align="right"><img src="Imagenes/ins.jpg" width="50" height="50"></td>

<td height="28" background="Imagenes/fondo2.jpg" width="39%"

valign="middle">

<div align="right"><font color="#2f6479"><b><font

size="5"></font></b></font></div>

<b><font size="5" color="#2f6479">Instalación X</font></b>

<div align="right"><a href="producto.asp"></a></div>

</td>


<div align="right"><a href="insta.asp"><img src="Imagenes/ins2.jpg"

align="absmiddle" width="40" height="40" border="0"><font size="4"

color="#2f6479">



<%imprimir("volver")%>

</font></a></div>

</td>




</div>

</td>

</tr>

<tr>

<td colspan="3" height="36" align="right">


<p style="margin-top: 0; margin-bottom: 0"><a href="#1"><img

src="Imagenes/gota3.gif" width="20" height="20" border="0"><font

color="#2f6479"><b>

Descripción</b></font></a> <a href="navegador.asp"


onFocus="this.blur()">

<img src="Imagenes/gota3.gif" width="20" height="20" border="0"><font

color="#2f6479"><b>

Navegador de Imágenes</b></font></a></p>

</div>

</td>

</tr>

<tr>


<div align="left"></div>


</td>



<p align="left"><img src="Imagenes/Obras1.gif" width="170" height="150"

style="margin-right: 50; margin-bottom: 30" align="left"><a name="1"></a><img



src="Imagenes/gota3.gif" width="20" height="20" align="absmiddle"

border="0"><font color="#2f6479"><b>

Descripción</b></font></p>

<p align="justify"><b><font color="#ff0000"><font size="3"><img

src="Imagenes/obras2.gif" width="300" height="200"></font></font></b></p>

<p align="justify"><b><font size="3"> </font></b></p>

</td>

<td height="149" valign="bottom" width="23%" align="left"><a

href="#0"><img src="Imagenes/subir.gif" align="absMIDDLE" width="40"

height="40" style="margin-left: 50" border="0"><b><font color="#2f6479">

<%imprimir("subir")%>

</font></b></a></td>

</tr>

<tr>

<td height="42" colspan="2" valign="top"> </td>

<td height="42" valign="bottom" width="23%" align="left"> </td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.15.- Membrana.asp









<p>


</p>

<p> </p>



<tr>


<div align="right"><img src="Imagenes/membrana.jpg" width="50"

height="50"></div>

</td>


size="+5" color="#2f6479">

<%imprimir("membrana")%>

</font>


</td>




</td>

</tr>

<tr>


<div align="left">

<form method="post" action="membranatipo.asp">


<tr>



color="#2F6479">




</font></b></td>


</tr>

<tr>




<%



While Not rs.EOF

%>

<option


<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>


<input type=hidden name="pactual" value="membrana.asp">



>>">

</b></font></td>

</tr>

</table>

</form>

</div></td>





</td>

</tr>

<tr>







<p> </p>

<p><img src="Imagenes/membracapa.jpg" width="246" height="200"></p>

</div>

</td>



<%imprimir("membp01")%>






</font></div>

<br>










</font></div>



</td>


<p> </p>

<p> </p>

<p align="center"><img src="Imagenes/membrana1.jpg" width="258"

height="181"></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.16.- Membranatipo.asp







<p>


</p>

<p>



%>





<p> </p>

<p> </p>


<tr>


align="right"><img src="Imagenes/membrana.jpg" width="50" height="50"></td>




<%impprod"1","Texto2"%> </font></b></font></div>

</td>


align="right"><a href="membrana.asp"><img src="Imagenes/membrana.jpg"

width="40" height="40" align="absMIDDLE" border="0">

<font size="4" color="#2f6479"> <%impprod"2","Texto2"%></font>

</a></td>




<p> </p>


<tr>

<td>



<p align="center"><font

color="#333333"><b><%impprod"11","Texto2"%></b></font></p>


</td>

</tr>

</table>



<p><img src="Imagenes/valvulas.gif" width="273" height="106"

border="0"></p>

</div>

</td>

</tr>

<tr>

<td colspan="3" height="19" background="Imagenes/fondo2.jpg"

align="center">

<a href="#Descripcion"><img src="Imagenes/gota3.gif" width="20"



</b></font></a><font color="#2f6479"><b> </b> </font><a

href="#Perdidas">

<img src="Imagenes/gota3.gif" width="20" height="20" border="0"><font

color="#2f6479"><b>


</b></font></a> <a href="#Tipos"> <img src="Imagenes/gota3.gif"

width="20" height="20" border="0"><font color="#2f6479"><b>



</tr>

<tr>



height="540"></div>


</td>

<td height="304" width="33%" nowrap valign="top">

<p> </p>

<p align="center"><img src="Imagenes/memb1.jpg" width="231"

height="149"></p>


<p align="center"><font

color="#2F6479"><b><%impprod"9","Texto2"%></b></font></p>



<p align="center"><font color="#2F6479"><b><a

href="javascript:popUpCarac('<%impprod"2","Imagenes"%>')"><img

src="Imagenes/caracteristicas.jpg" width="77" height="103"

border="0"></a></b></font></p>

</td>


<p> </p>






</font></b></p>

</td>

</tr>

<tr>



<p><img src="Imagenes/memb2.jpg" width="171" height="128"><b>

</b></p>

</div>

</td>


<div align="center"><a href="#Descripcion"><img src="Imagenes/subir.gif"

align="absMIDDLE" width="40" height="40" border="0"><b><font

color="#2f6479"><%impprod"12","Texto2"%> </font></b></a></div>

</td>

</tr>

</table>

<p> </p>


<tr>

<td height="18">



<p><a name="Perdidas"><img src="Imagenes/gota3.gif" width="20"



</b></font></a></p>

<p> </p>

</td>


<td align="right" height="18"> <a href="#Descripcion"><img


border="0"><b><font color="#2f6479">



</tr>

<tr>

<td align="center" colspan="3"><img src="<%impprod"3","Imagenes"%>"


</tr>

<tr>


<p><img src="Imagenes/valv1.gif" width="280" height="128"></p>



</td>


<p><b><font color="#2f6479"><%impprod"14","Texto2"%></font></b></p>



<p> </p>

<p><b><font color="#2f6479"><%impprod"15","Texto2"%></font></b></p>



</td>

<td align="center" width="20%"> </td>

</tr>



</table>

<p> </p>


<tr>

<td height="29">

<p><a name="Tipos"> <img src="Imagenes/gota3.gif" width="20"



</b></font></a></p>

<p> </p>

</td>


<td align="right" height="29"><a href="#Descripcion"><img


border="0"><b><font color="#2f6479">



</tr>

<tr>

<td width="40%" valign="top">



<p align="justify"><%impprod"18","Texto2"%></p>


height="141"></p>



<p align="justify">



</p>










height="159"></p>

</td>


<td width="42%" valign="top">











height="166"></p>



<p align="justify">



</p>

</td>

</tr>

</table>

<p> </p>

<p>


</p>

</body>

</html>



10.3.17.- Navegador.asp






<p style="margin-top: 0; margin-bottom: 0"><applet code="Gallery.class"

name="Gallery" archive="./script/Gallery.zip" width="400" height="135">

<param name="filename" value="./script/paint.list">

<param name="bgColor" value="000066">

<param name="fgColor" value="ffffff">

<param name="title_fgColor" value="2f6479">

<param name="bright_fgColor" value="000000">

<param name="fontsize" value="12">

<param name="fontface" value="Arial">

<param name="titlefontface" value="Helvetica">

<param name="titlefontstyle" value="BOLD">

<param name="titlefontsize" value="16">

</applet></p>

<p style="margin-top: 0; margin-bottom: 0">


</p>

</body>

</html>

10.3.18.- Pilotos.asp









<p>


</p>

<p> </p>



<tr>


<div align="right"><img src="Imagenes/pilotos.jpg" width="50"

height="50"></div>

</td>


size="+5" color="#2f6479">

<%imprimir("pilotos")%>

</font>


</td>




</td>

</tr>

<tr>


<div align="left">

<form method="post" action="pilototipo.asp">


<tr>





color="#2F6479">


</font></b></td>


</tr>

<tr>




<%



While Not rs.EOF

%>

<option


<%

rs.MoveNext

Wend

rs.Close

%>

</select>

</td>


<input type=hidden name="pactual" value="pilotos.asp">



>>">

</b></font></td>

</tr>

</table>

</form>



</div>

</td>



</td>

</tr>

<tr>







<p> </p>

<p><img src="Imagenes/pilotocapa.jpg" width="226" height="164"></p>

</div>

</td>



<%imprimir("pilotp01")%>



</font></b>




</font></b>





<br>












</font></div>

</td>


<p> </p>

<p> </p>

<p><img src="Imagenes/piloto1.jpg" width="231" height="144"></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>

</body>

</html>

10.3.19.- Pilototipo.asp









<p>


</p>

<p>



%>



<p> </p>

<p> </p>


<tr>


align="right"><img src="<%impprod"1","Imagenes"%>" width="50"

height="50"></td>




<%impprod"1","Texto5"%></font></b></font></div>

</td>


align="right"><a href="pilotos.asp"><img src="Imagenes/pilotos.jpg" width="40"

height="40" align="absMIDDLE" border="0">

<font size="4" color="#2f6479">


</font> </a></td>




</div>




<p><img src="<%impprod"7","Imagenes"%>" width="87"

height="241"></p>

<p> </p>


</div>

</td>

</tr>

<tr>

<td colspan="3" height="12" align="center"> </td>

</tr>

<tr>



height="540"></div>


</td>

<td height="31" colspan="2" nowrap valign="top">

<p align="center"><b><%impprod"2","Texto5"%></b></p>

<p align="center"><b><%impprod"3","Texto5"%>

<%impprod"4","Texto5"%></b></p>

</td>

</tr>

<tr>

<td height="2" colspan="2" nowrap valign="top">


<p style="margin-top: 0; margin-bottom: 0" ><a



onfocus="this.blur()"><img src="<%impprod"3","Imagenes"%>" width="181"

height="113" border="0"></a><a href="<%impprod"9","Imagenes"%>"






<p style="margin-top: 0; margin-bottom: 0" ><a




height="113" border="0"></a><a href="<%impprod"11","Imagenes"%>"




</div>

</td>

</tr>

</table>

<p> </p>

<p>


</p>

</body>

</html>

10.3.20.- Plano.asp




<body bgcolor="#FFFFFF" text="#000000" topmargin="0" leftmargin="0">

<img src="Imagenes/localizacion.gif" width="567" height="567">


</body>

</html>



10.3.21.- Producto.asp







<p>


</p>




</script>


src="script/animate.js">

</script>



y ocultar capas.

*/



NS




}




}

-->

</script>

<p> </p>

<table width="100%" border="0" height="565">

<tr valign="top">


<div align="right"><font color="#2f6479"><img src="Imagenes/pro2.jpg"

width="70" height="70"></font></div>

</td>

<td background="Imagenes/fondo2.jpg" height="35" colspan="3">

<h1 align="left"><font color="#2f6479"><b><font size="+7">

<% imprimir("productos")%>

</font></b></font></h1>

</td>

</tr>

<tr>

<td height="357" rowspan="8" valign="top">

<p align="center"><font color="#2f6479"><img src="Imagenes/pro2.gif"

width="139" height="119"></font></p>



<p align="center"><font color="#2f6479"><img src="Imagenes/pro1.gif"

width="171" height="182"></font></p>

</td>




<p align="right" style="margin-top: 0; margin-bottom: 0"><font size="5"

color="#2f6479">

<a



FP1'].lowsrc;MostrarCapa ('Layer1'); OcultarCapa('Layer7')"


FP1'].imgRolln; OcultarCapa ('Layer1'); MostrarCapa('Layer7')"

href="contador.asp?pactual=contador.asp">

<img src="Imagenes/contadores.jpg" class="popshadow" width="50"

height="50" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1"


border="0"></a></font></p>

</td>

<td width="40%" height="25" bordercolor="#336666">

<a






href="contador.asp?pactual=contador.asp">

<font size="+3" color="#2f6479"><b>

<% imprimir("contador")%>


<td rowspan="3" height="20" valign="top">

<div id="Layer1" style="position: absolute; left: 70%; top: 200; width: 252px;

height: 252px; z-index: 2; visibility: hidden">


<p> </p>

<p> </p>

<p><img border="0" src="Imagenes/contmult.jpg" width="247"

height="139"></p>

</div>



</div>

<div id="Layer2" style="position: absolute; left: 70%; top: 200px; width:

252px; height: 252px; z-index: 3; visibility: hidden">

<div align="center" >

<p> </p>

<p><img border="0" src="Imagenes/membracapa.jpg" width="246"

height="200"></p>

</div>

</div>




<p> </p>

<p><img border="0" src="Imagenes/hidrantecapa.jpg" width="240"

height="171"></p>

</div>

</div>




<p><img border="0" src="Imagenes/contracapa.jpg" width="237"

height="225"></p>

</div>

</div>




<p> </p>

<p><img border="0" src="Imagenes/pilotocapa.jpg" width="226"

height="164"></p>

</div>

</div>






<p> </p>

<p><img border="0" src="Imagenes/bombacapa.jpg" width="225"

height="192"></p>

</div>

</div>

<div id="Layer8" style="position: absolute; left: 70%; top: 200; width:

252px; height: 252px; z-index: 8; visibility: hidden">


<p> </p>

<p><img border="0" src="Imagenes/telecapa.jpg" width="225"

height="192"></p>

</div>

</div>

<div id="Layer7" style="position: absolute; left: 70%; top: 200px; width:

252px; height: 252px; z-index: 1; visibility: visible">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflas

h.cab#version=5,0,0,0" width="251" height="251">

<param name=movie value="Imagenes/productos.swf">

<param name=quality value=high>

<embed src="Imagenes/productos.swf" quality=high

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_

Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"

width="251" height="251">

</embed>

</object></div>

</td>

</tr>

<tr>


<div align="right"><font size="5" color="#2f6479"> <a








href="membrana.asp?pactual=membrana.asp">

<img src="Imagenes/membrana.jpg" class="popshadow" width="50"



border="0"></a></font></div>

</td>

<td width="40%" height="21" bordercolor="#336666"><a






href="membrana.asp?pactual=membrana.asp"> <font size="+3"

color="#2f6479"><b>

<% imprimir("membrana")%>


</tr>

<tr>








href="hidrante.asp?pactual=hidrante.asp">

<img src="Imagenes/hidrantes.jpg" class="popshadow" width="50"




</td>









href="hidrante.asp?pactual=hidrante.asp"> <font size="+3"

color="#2f6479"><b>

<%imprimir("hidrante")%>


</tr>

<tr>








href="contralavado.asp?pactual=contralavado.asp">

<img src="Imagenes/contralavado.jpg" class="popshadow" width="50"




</td>







href="contralavado.asp?pactual=contralavado.asp"> <font size="+3"

color="#2f6479"><b>

<% imprimir("contralavado")%>




<td rowspan="5" height="75" valign="top">

<p> </p>

</td>

</tr>

<tr>








href="pilotos.asp?pactual=pilotos.asp">

<img src="Imagenes/pilotos.jpg" class="popshadow" width="50"




</td>







href="pilotos.asp?pactual=pilotos.asp"> <font size="+3" color="#2f6479"><b>

<% imprimir("pilotos")%>


</tr>

<tr>










href="bomba.asp?pactual=bomba.asp">

<img src="Imagenes/bombas.jpg" class="popshadow" width="50"




</td>







href="bomba.asp?pactual=bomba.asp"> <font size="+3" color="#2f6479"><b>

<%imprimir("bombas")%>


</tr>

<tr>








href="telegestion.asp?pactual=telegestion.asp">

<img src="Imagenes/telegestion.gif" class="popshadow" width="50"




</td>









href="telegestion.asp?pactual=telegestion.asp"> <font size="+3"

color="#2f6479"><b>

<%imprimir("telegestion")%>


</tr>

<tr>

<td height="27" colspan="2"> </td>

</tr>

</table>


</body>

</html>

10.3.22.- Registrar.asp


<SCRIPT>

function aceptar(){

alert('El formulario va ha ser enviado. \nAl finalizar el proceso de envio puede

\ncerrar el formulario. Muchas Gracias.')

window.close()

}

</SCRIPT>

<SCRIPT>



function cancelar(){

window.close()

}

</SCRIPT>




<html>

<head>

<title><%imprimir("form1")%> </title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" text="#000000">

<p style="margin-left:10; margin-right:10"><b></b></p>

<table width="100%" border="2" bordercolor="#2f6479">

<tr>

<td width="22%"><b><font color="#2f6479" size="5"><img align="absmiddle"

src="Imagenes/hidrotit.gif" width="135" height="32"></font></b></td>

<td width="63%" bgcolor="#2f6479">

<div align="center"><b><font color="#FFFFFF"

size="5"><%imprimir("form1")%>

</font></b></div>

</td>

<td width="15%"><b><font color="#2f6479" size="5"><img align="absmiddle"

src="Imagenes/gotas.gif" width="85" height="59"></font></b></td>

</tr>

</table>



<p><b><%imprimir("form2")%> </b><%imprimir("form3")%> <b><font

color="#990000"><%imprimir("form4")%> </font></b> <%imprimir("form5")%>

</p>

<table width="100%" border="2" bordercolor="#2f6479" bgcolor="#FFFFCC"

height="459" cellspacing="0" cellpadding="0">

<tr>

<td height="476">

<form name="form1" method="post" enctype="text/plain"

action="mailto:[email protected][email protected]&subject=RegHi

droconta">

<p align="left"><b><font color="#990000"><%imprimir("user")%>

</font></b>

<input type="text" name="user" size="15" maxlength="10">

<%imprimir("form6")%> </p>

<p align="left"><b><font color="#990000"><%imprimir("passw")%>

</font></b>

<input type="text" name="password" size="11" maxlength="10">

<%imprimir("form6")%> </p>

<p align="left"><font color="#2f6479"><b><font

color="#990000"><%imprimir("form7")%> </font> </b></font>

<input type="text" name="password2" size="11" maxlength="10">

<b><font color="#990000"><%imprimir("form8")%> </font></b>

<input type="text" name="correo" size="30" >

</p>

<p align="left"><font color="#2f6479"><b><%imprimir("form9")%>

<input type="text" name="nombre" size="20">

<%imprimir("form10")%>

<input type="text" name="apellidos" size="40">

</b></font></p>

<p align="left"><b><font color="#2f6479"><%imprimir("form11")%>

<input type="text" name="localidad" size="20">

<font color="#990000"><%imprimir("form12")%>

<input type="text" name="provincia" size="15">

<%imprimir("form13")%>



<input type="text" name="pais" size="20">

</font></font></b></p>


<input type="text" name="empresa" size="20">

</font></b></p>


<select name="interes">

<option selected><%imprimir("form17")%> </option>



</select>

</font></b></p>


<input type="text" name="existencia" size="50">

</font></b></p>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right">

<input alt="<%imprimir("form20")%> " type="image" border="0"

name="imageAceptar" src="Imagenes/aceptar.gif" width="50" height="50"

onClick="aceptar()">

</td>

<td align="right" width="50"> </td>

<td align="left"><img src="Imagenes/cancelar.gif" width="50"

height="50" alt="<%imprimir("form21")%> " onClick="cancelar()"></td>

</tr>

</table>

</form>

</td>

</tr>

</table>


</body>

</html>



10.3.23.- Tarifa.asp





</script>


src="file:///C:/Archivos%20de%20programa/Microsoft%20Office/Office10/fpclas

s/animate.js">

</script>






<p>


</p>

<p> </p>


<tr>




<div align="center"><img src="Imagenes/tar2.jpg" width="70"

height="70"></div>

</td>


<div align="left">


</div>

</td>



height="112"></div>

</td>

</tr>

<tr>

<td rowspan="2" nowrap height="101" bgcolor="#2f6479">

<p style="margin-bottom: 0; margin-left: 20; margin-right: 40"><font

color="#FFFFFF" size="7"><b>

<%imprimir("tarifas")%>

</b></font></p>

<p style="margin-top: 0; margin-left: 20"><b><font color="#0099FF"

size="7">2003</font></b></p>

</td>

<td rowspan="2" nowrap height="101" valign="bottom">

<p style="margin-bottom: 0; margin-left: 5" align="left"><b><font size="6"

color="#2f6479">

<a



FP1'].lowsrc;"


FP1'].imgRolln" href="tarifalibre.asp?pactual=tarifa.asp&Producto=0">

<img src="Imagenes/tar2.jpg" class="popshadow" width="50" height="50"

align="absmiddle" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1"




border="0">

<%imprimir("libre")%>

</a></font></b></p>

<p style="margin-top: 5;margin-bottom:0; margin-left: 25"

align="left"><b><font size="4" color="#000000">

<%imprimir("libredes")%>

</font></b><b></b></p>

<p style="margin-top: 5;margin-bottom:0; margin-left: 25"

align="left"> </p>

</td>

<td nowrap height="31"> </td>

</tr>

<tr>

<td nowrap rowspan="3" height="67" align="left" valign="top" width="169">


<p style="margin-top: 0; margin-bottom: 0" align="left"> </p>

</div>


</td>

</tr>

<tr>

<td nowrap height="208" valign="top" width="129" rowspan="2"> </td>

<td nowrap valign="top" height="70" width="549">


color="#2f6479">

<a



FP2'].lowsrc;"


FP2'].imgRolln" href="javascript:fenetre();">

<img src="Imagenes/tarifar.jpg" class="popshadow" width="50"

height="50" align="absmiddle" id="fpAnimswapImgFP2"




lowsrc="Imagenes/seleccion.gif" border="0">

<%imprimir("registrados")%>

</a></font></b></p>

<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"><b><font

size="4" color="#000000">

<%imprimir("registradosdes")%>

</font></b></p>

<p style="margin-top: 5;margin-bottom: 0; margin-left: 25"> </p>

</td>

</tr>

<tr>

<td nowrap valign="top" height="145">


color="#2f6479">

<a



FP3'].lowsrc;"


FP3'].imgRolln" href="javascript:void(0)">

</a></font></b><b><font size="6" color="#2f6479"><a



FP4'].lowsrc;"


FP4'].imgRolln" href="javascript:registrar();">

<img src="Imagenes/registrar.jpg" class="popshadow" width="50"

height="50" align="absmiddle" id="fpAnimswapImgFP4"


lowsrc="Imagenes/seleccion.gif" border="0">

<%imprimir("registrar")%>

</a></font></b></p>



<p style="margin-top: 5; margin-left: 25"><b><font size="4"

color="#000000">

<%imprimir("registrardes")%>

</font></b></p>

</td>

</tr>

</table>


</body>

</html>

10.3.24.- Tarifalibre.asp










<% Prod =Request.Querystring("Producto")

%>

<%


Function imptarifa(Tabla)

imptarifa="Select codigo, imagen, idModelo From "&Tabla&" Where

IdProducto like '"&Prod&"' and (Lengua like '"&Session("lengua")&"' or Lengua

like 'or') order by IdModelo, imagen"



set imtar = Conn.Execute(imptarifa)

imtar.movefirst

if Prod=0 then%>

<table>

<%else%>

<table border="1" cellpading="0">

<%end if

do while not imtar.eof%>

<tr>

<%if Prod=0 then %>

<td>

<%Response.Write imtar("imagen")%>

</td>

<%else%>

<td>

<img src="<%Response.Write imtar("imagen")%>">

</td>

<%end if%>

<%if Prod=0 then%>

<td>

<%Response.Write imtar("codigo")%>

</td>

<%else%>

<td align="center" bgcolor="#FFC0A2">

<b><%Response.Write imtar("codigo")%></b>

</td>

<%end if%>

<%if Prod=0 then

else

if imtar("idModelo")=0 then%>

<td>

</td>

<%else%>

<td>



</td>

<%end if

end if%>

</tr>

<%imtar.movenext

loop%>

</table>

<%imtar.Close

End Function

%>

<p> </p>



<tr>

<td width="8%" align="left" valign="middle" height="26">

<div align="right"><img src="<%imptgeneral"1","TarifaGeneral"%>"

width="50" height="50"></div>

</td>

<td width="54%" valign="middle" align="right" height="26">


size="5"><%imptgeneral"2","TarifaGeneral"%></font></b></font></div>

</td>

<td rowspan="2" align="left" height="26" valign="middle"><img

src="<%imptgeneral"3","TarifaGeneral"%>"></td>

</tr>

<tr>

<td width="8%" rowspan="2"> </td>

<td width="54%" valign="bottom" align="center" height="77"><img

src="Imagenes/fondo3.jpg" width="415" height="130"></td>

</tr>

<tr>

<td width="54%" valign="top" align="center">




<p align="center">

<%imptarifa"Tarifas"%>

</p>

</td>

<td align="left" height="27"> </td>

</tr>

</table>

<br>

<br>

</div>



</div>

</body>

</html>

10.3.25.- Tarifauser.asp





<html>

<head>

<title><%imprimir("tarifas")%></title>





</script>

<SCRIPT>


window.close()

}

</SCRIPT>

</head>

<%

Nombre =request.form("user")

Passw=Request.form("password")

Acceso="Select Count(*) as cuantos From registrado Where user like

'"&Nombre&"' and password like '"&Passw&"'"

set Access = Conn.Execute(Acceso)



if Access("cuantos")=1 or not Session("User")="" then

if Session("User")="" then

Session("User")=Nombre

end if

%>





<% Prod =Request.Querystring("Producto")

%>

<%


Function imptarifa(Tabla)

imptarifa="Select codigo, precio, imagen, idModelo From "&Tabla&"

Where IdProducto like '"&Prod&"' and (Lengua like '"&Session("lengua")&"' or

Lengua like 'or') order by IdModelo, imagen"

set imtar = Conn.Execute(imptarifa)

imtar.movefirst

if Prod=0 then%>

<table>

<%else%>

<table border="1" cellpading="0">

<%end if

do while not imtar.eof%>

<tr>

<%if Prod=0 then %>

<td>



<%Response.Write imtar("imagen")%>

</td>

<%else%>

<td>

<img src="<%Response.Write imtar("imagen")%>">

</td>

<%end if%>

<%if Prod=0 then%>

<td>

<%Response.Write imtar("codigo")%>

</td>

<%else%>

<td align="center" bgcolor="#FFC0A2">

<b><%Response.Write imtar("codigo")%></b>

</td>

<%end if%>

<%if Prod=0 then%>

<td>

<%Response.Write imtar("precio")%>

</td>

<%else%>

<td align="center" bgcolor="#2f6479"> <b><font color="#FFFFFF">

<%Response.Write imtar("precio")%>

</font></b> </td>

<%end if%>

</tr>

<%imtar.movenext

loop%>

</table>

<%imtar.Close

End Function

%>

<p> </p>





<tr>

<td width="8%" align="left" valign="middle" height="26">

<div align="right"><img src="<%imptgeneral"1","TarifaGeneral"%>"

width="50" height="50"></div>

</td>

<td width="54%" valign="middle" align="right" height="26">


size="5"><%imptgeneral"2","TarifaGeneral"%></font></b></font></div>

</td>

<td rowspan="2" align="left" height="26" valign="middle"><img

src="<%imptgeneral"3","TarifaGeneral"%>"></td>

</tr>

<tr>

<td width="8%" rowspan="2"> </td>

<td width="54%" valign="bottom" align="center" height="77"><img

src="Imagenes/fondo3.jpg" width="415" height="130"></td>

</tr>

<tr>

<td width="54%" valign="top" align="center">


<p align="center">

<%imptarifa"Tarifas"%>

</p>

</td>

<td align="left" height="27"> </td>

</tr>

</table>

<br>

<br>

</div>




</div>

<%else

%>

<body bgcolor="#ffffff" text="#000000">


<p><img src="Imagenes/hidrotit.gif">

</p>

<table width="500" border="2" cellspacing="0" cellpadding="0">

<tr>

<td valign="middle" align="center" colspan="2"><font

color="#2f6479"><b><font size="4"

color="#990000"><%imprimir("fallo1")%></font></b></font></td>

</tr>

<tr>

<td valign="middle" align="center" width="46%" bgcolor="#2f6479">

<p style="margin-bottom:0"> </p>

<p style="margin-bottom:0; margin-top:0"><font size="4"><b><font

size="3" color="#FFFFFF"><%imprimir("fallo2")%></font><font size="3"

color="#FF0000">

<%response.write Nombre%>

</font></b></font></p>

<p style="margin-top:0; margin-bottom:0"><font size="3"

color="#FFFFFF"><b><%imprimir("fallo3")%>

</b></font><font size="4"><b><font size="3" color="#FF0000">



<%response.write Passw%>

</font></b></font></p>

<p style="margin-top:0"> </p>

</td>

<td valign="middle" align="center" width="54%">

<p><font size="4"><b><font

color="#2f6479"><%imprimir("fallo4")%></font></b></font></p>

</td>

</tr>

<tr>

<td valign="middle" align="center" colspan="2">

<p><font size="4"><b><font

color="#2f6479"><%imprimir("fallo5")%><br><a

href="mailto:[email protected]?subject=<%imprimir("recordar")%>">riherpe

@hotmail.com</a></font></b></font></p>

<p><font size="4"><b><font color="#2f6479"

size="3"><%imprimir("fallo6")%></font></b></font></p>

</td>

</tr>

</table>

<p><a href="#" onclick="cancelar()"><img src="Imagenes/gotas.gif"


</div>

<% end if %>


</body>

</html>

10.3.26.- Telegestion.asp









<p>


</p>

<p>

<%ProdSel=1

IdProducto=8

%>


<a name="0"></a></p>

<p> </p>


<tr>


align="right"><img src="Imagenes/telegestion.gif" width="50" height="50"></td>

<td height="40" background="Imagenes/fondo2.jpg">



size="5">HIDROCONTROL HC-2002-C</font></b></font></div>

<div align="right"><a href="producto.asp"></a></div>

</td>


<div align="right"><a href="producto.asp"><img

src="Imagenes/telegestion.gif" align="absmiddle" width="40" height="40"

border="0"><font size="4" color="#2f6479">


</font></a></div>

</td>






</div>

</td>

</tr>

<tr>

<td colspan="3" height="18" align="right">


<p style="margin-top: 0; margin-bottom: 0"><a href="#1"><img


color="#2f6479"><b>


</b></font></a><a href="#2"> <img src="Imagenes/gota3.gif" width="20"



</b></font></a> <a href="#Tipos"> </a><a href="#3"><img


color="#2f6479"><b>


</b></font></a></p>

<p style="margin-top: 0; margin-bottom: 0"><a href="#4"> <img


color="#2f6479"><b>


</b></font></a> <a href="#5"> <img src="Imagenes/gota3.gif" width="20"



</b></font></a></p>

</div>

</td>

</tr>

<tr>





height="540"></div>


</td>



<p align="left"><img src="Imagenes/telegestion/monitor-tg.jpg" width="169"

height="174" style="margin-right: 50; margin-bottom: 30" align="left"><a

name="1"></a><img src="Imagenes/gota3.gif" width="20" height="20"

align="absmiddle" border="0"><font color="#2f6479"><b>


</b></font></p>

<p align="justify"><b><font size="3"><%impprod"2","Texto5"%>

</font></b></p>



</td>






</tr>

<tr>


<p align="justify"> </p>

<p align="left"><img src="Imagenes/telegestion/ventana-tg.jpg" width="236"

height="169" style="margin-left: 50; margin-bottom: 30" align="right"><a




</b></font></p>






size="3"><%impprod"6","Texto5"%> <%impprod"7","Texto5"%></font></

b></p>

</td>

<td height="3" valign="bottom" width="29%" align="left"><a href="#0"><img


style="margin-left: 50" border="0"><b><font color="#2f6479">



</tr>

<tr>



<p align="left"><img src="Imagenes/telegestion/telecapamini.jpg"

width="146" height="106" style="margin-right: 50; margin-bottom: 30"

align="left"><a name="3"></a><img src="Imagenes/gota3.gif" width="20"

height="20" align="absmiddle" border="0"><font color="#2f6479"><b>


</b></font></p>




<ul>

<li style="margin-bottom: 20"><b><font size="3"><a href="eskema-

hc.asp?Esquema=1&Producto=7"


onFocus="this.blur()"><%impprod"10","Texto5"%></a></font></b></li>















</ul>

</td>






</tr>

<tr>



<p align="left"><img src="Imagenes/telegestion/hidmini.jpg" width="176"

height="92" style="margin-left: 50; margin-bottom: 30" align="right"><a




</b></font></p>







</td>








</tr>

<tr>




<p align="left"><img src="Imagenes/telegestion/hid2mini.jpg" width="147"

height="80" style="margin-right: 50; margin-bottom: 30" align="left"><a




</b></font></p>







</div>

</td>

<td height="42" valign="bottom" width="29%" align="left">

<p style="margin-top: 0; margin-bottom: 0" align="left"><a href="#0"><img


style="margin-left: 50" border="0"><b><font color="#2f6479">


</font></b></a></p>

</td>

</tr>

</table>

<p> </p>

<p> </p>

<p>


</p>



</body>

</html>

10.3.27.- Valida.asp





<html>

<head>

<title><%imprimir("user")%></title>



function loadurl(){

window.creator.location.href=document.forms.form1.action

window.close()

}

</script>

<SCRIPT>

function aceptar(){

document.forms.form1.submit()

window.close()

}

</SCRIPT>

<SCRIPT>


window.close()

}

</SCRIPT>



<%Session("User")=""%>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<form name="form1" method="post" action="tarifauser.asp?Producto=0"

target="_blank">

<p align="left"><b><font color="#2f6479"><%imprimir("user")%></font></b>

<input type="text" name="user" size="15" maxlength="10">

</p>

<p align="left"><b><font color="#2f6479"><%imprimir("passw")%></font></b>

<input type="password" name="password" size="11" maxlength="10">

</p>

<p align="center">

<input type="image" border="0" name="imageAceptar"

src="Imagenes/aceptar.gif" width="50" height="50" onclick="cancelar()">

<img src="Imagenes/blanco.jpg" width="38" height="27"> <img

src="Imagenes/cancelar.gif" width="50" height="50" onclick="cancelar()">



</p>

</form>

<p> </p>


</body>

</html>

10.4.- Anejo 4: Base de Datos

Tabla: Imagenes Página: 1

Propiedades DateCreated: 17/10/2002 18:05:14 DefaultView: Hoja de datos LastUpdated: 14/01/2003 16:00:30 OrderByOn: Falso



Orientation: De izquieda a derecha RecordCount: 110 Updatable: Verdadero

Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 330 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Imagenes

IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 960 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 1 Required: Falso SourceField: IdModelo SourceTable: Imagenes

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: Lengua SourceTable: Imagenes



Tabla: Imagenes Página: 2 UnicodeCompression: Verdadero

Texto Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 6030 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 3 Required: Falso SourceField: Texto SourceTable: Imagenes UnicodeCompression: Verdadero

IdTexto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 4 Required: Falso SourceField: IdTexto SourceTable: Imagenes

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 5 Required: Falso SourceField: IdProducto SourceTable: Imagenes

Índices de tabla Nombre Número de campos IdProducto 1 Clustered: Falso DistinctCount: 110



Tabla: Imagenes Página: 3 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdProducto1 1 Clustered: Falso DistinctCount: 7 Foreign: Falso IgnoreNulls: Falso Name: IdProducto1 Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 11 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente PrimaryKey 1 Clustered: Falso DistinctCount: 110 Foreign: Falso IgnoreNulls: Falso Name: PrimaryKey Primary: Verdadero Required: Verdadero Unique: Verdadero Campos: Id Ascendente

Permisos de usuario admin Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos

Permisos de grupo



Tabla: Imagenes Página: 4 Admins Users Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos



Tabla: lengua Página: 5

Propiedades DateCreated: 29/01/2001 23:25:07 DefaultView: Hoja de datos LastUpdated: 16/01/2003 11:31:11 OrderByOn: Verdadero Orientation: De izquieda a derecha RecordCount: 134 RowHeight: 330 Updatable: Verdadero

Columnas Nombre Tipo Tamaño variable Texto 50 AllowZeroLength: Falso Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 0 Required: Falso SourceField: variable SourceTable: lengua UnicodeCompression: Verdadero

en Texto 255 AllowZeroLength: Falso Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 6000 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: en SourceTable: lengua UnicodeCompression: Verdadero

es Texto 255 AllowZeroLength: Falso Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 14790 DataUpdatable: Falso DisplayControl: Cuadro de texto



Tabla: lengua Página: 6 IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: es SourceTable: lengua UnicodeCompression: Verdadero

Índices de tabla Nombre Número de campos PrimaryKey 1 Clustered: Falso DistinctCount: 134 Foreign: Falso IgnoreNulls: Falso Name: PrimaryKey Primary: Verdadero Required: Verdadero Unique: Verdadero Campos: variable Ascendente variable 1 Clustered: Falso DistinctCount: 134 Foreign: Falso IgnoreNulls: Falso Name: variable Primary: Falso Required: Falso Unique: Verdadero Campos: variable Ascendente


Permisos de grupo Admins Users Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos



Tabla: lenguaMenu Página: 7

Propiedades DateCreated: 04/12/2002 13:46:44 DefaultView: Hoja de datos LastUpdated: 04/12/2002 14:13:05 OrderByOn: Falso Orientation: De izquieda a derecha RecordCount: 37 Updatable: Verdadero

Columnas Nombre Tipo Tamaño variable Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 0 Required: Falso SourceField: variable SourceTable: lenguaMenu UnicodeCompression: Verdadero

en Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 5745 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: en SourceTable: lenguaMenu UnicodeCompression: Verdadero

es Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 7485 DataUpdatable: Falso DisplayControl: Cuadro de texto



Tabla: lenguaMenu Página: 8 IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: es SourceTable: lenguaMenu UnicodeCompression: Verdadero





Tabla: Modelos Página: 9

Propiedades DateCreated: 17/10/2002 18:11:25 DefaultView: Hoja de datos LastUpdated: 13/11/2002 15:18:37 OrderByOn: Verdadero Orientation: De izquieda a derecha RecordCount: 10 Updatable: Verdadero

Columnas Nombre Tipo Tamaño IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 0 Required: Falso SourceField: IdModelo SourceTable: Modelos

es Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 2580 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: es SourceTable: Modelos UnicodeCompression: Verdadero

en Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 2550 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3



Tabla: Modelos Página: 10 OrdinalPosition: 2 Required: Falso SourceField: en SourceTable: Modelos UnicodeCompression: Verdadero

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 3 Required: Falso SourceField: IdProducto SourceTable: Modelos

Relaciones

ProductoModelos

Producto Modelos IdProducto 1 ∞ IdProducto

Attributes: Forzado; Actualizaciones en cascada RelationshipType: Uno a varios

Índices de tabla Nombre Número de campos PrimaryKey 2 Clustered: Falso DistinctCount: 10 Foreign: Falso IgnoreNulls: Falso Name: PrimaryKey Primary: Verdadero Required: Verdadero Unique: Verdadero Campos: IdModelo Ascendente IdProducto Ascendente ProductoModelos 1 Clustered: Falso DistinctCount: 6 Foreign: Verdadero IgnoreNulls: Falso



Tabla: Modelos Página: 11 Name: ProductoModelos Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente





Tabla: Producto Página: 12


Columnas Nombre Tipo Tamaño IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 0 Required: Falso SourceField: IdProducto SourceTable: Producto

Producto Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: Producto SourceTable: Producto UnicodeCompression: Falso

Relaciones



Tabla: Producto Página: 13

ProductoModelos

Producto Modelos IdProducto 1 ∞ IdProducto

Attributes: Forzado; Actualizaciones en cascada RelationshipType: Uno a varios

Índices de tabla Nombre Número de campos IdProducto 1 Clustered: Falso DistinctCount: 6 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente PrimaryKey 1 Clustered: Falso DistinctCount: 6 Foreign: Falso IgnoreNulls: Falso Name: PrimaryKey Primary: Verdadero Required: Verdadero Unique: Verdadero Campos: IdProducto Ascendente ProductoProducto 1 Clustered: Falso DistinctCount: 6 Foreign: Falso IgnoreNulls: Falso Name: ProductoProducto Primary: Falso Required: Falso Unique: Falso Campos: Producto Ascendente

Permisos de usuario admin Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos;



Tabla: Producto Página: 14 Eliminar datos




Tabla: registrado Página: 15


Columnas Nombre Tipo Tamaño user Texto 10 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 0 Required: Falso SourceField: user SourceTable: registrado UnicodeCompression: Verdadero

password Texto 10 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: password SourceTable: registrado UnicodeCompression: Verdadero

email Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto



Tabla: registrado Página: 16 IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: email SourceTable: registrado UnicodeCompression: Verdadero





Tabla: TarifaGeneral Página: 17


Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 495 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: TarifaGeneral

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 1 Required: Falso SourceField: Lengua SourceTable: TarifaGeneral UnicodeCompression: Verdadero

Texto Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 10980 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso



Tabla: TarifaGeneral Página: 18 SourceField: Texto SourceTable: TarifaGeneral UnicodeCompression: Verdadero

IdTexto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 3 Required: Falso SourceField: IdTexto SourceTable: TarifaGeneral

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 4 Required: Falso SourceField: IdProducto SourceTable: TarifaGeneral

Índices de tabla Nombre Número de campos Id 1 Clustered: Falso DistinctCount: 123 Foreign: Falso IgnoreNulls: Falso Name: Id Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdProducto 1 Clustered: Falso DistinctCount: 31 Foreign: Falso IgnoreNulls: Falso Name: IdProducto



Tabla: TarifaGeneral Página: 19 Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 3 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente





Tabla: Tarifas Página: 20

Propiedades DateCreated: 03/12/2002 13:12:46 DefaultView: Hoja de datos LastUpdated: 29/01/2003 14:02:57 OrderBy: Tarifas.Lengua OrderByOn: Verdadero Orientation: De izquieda a derecha RecordCount: 649 RowHeight: 270 Updatable: Verdadero

Columnas Nombre Tipo Tamaño id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 495 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: id SourceTable: Tarifas

IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 960 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 1 Required: Falso SourceField: IdModelo SourceTable: Tarifas

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: Lengua



Tabla: Tarifas Página: 21 SourceTable: Tarifas UnicodeCompression: Verdadero

imagen Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 9930 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 3 Required: Falso SourceField: imagen SourceTable: Tarifas UnicodeCompression: Verdadero

precio Texto 50 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: Predeterminado DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 4 Required: Falso SourceField: precio SourceTable: Tarifas UnicodeCompression: Verdadero

codigo Texto 12 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1260 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 5 Required: Falso SourceField: codigo SourceTable: Tarifas UnicodeCompression: Falso

IdProducto Byte 1 AllowZeroLength: Falso



Tabla: Tarifas Página: 22 Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 6 Required: Falso SourceField: IdProducto SourceTable: Tarifas

Índices de tabla Nombre Número de campos id 1 Clustered: Falso DistinctCount: 649 Foreign: Falso IgnoreNulls: Falso Name: id Primary: Falso Required: Falso Unique: Falso Campos: id Ascendente IdModelo 1 Clustered: Falso DistinctCount: 47 Foreign: Falso IgnoreNulls: Falso Name: IdModelo Primary: Falso Required: Falso Unique: Falso Campos: IdModelo Ascendente IdProducto 1 Clustered: Falso DistinctCount: 31 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente

Permisos de usuario



Tabla: Tarifas Página: 23 admin Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos




Tabla: Telegestion Página: 24


Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 495 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Telegestion

IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 960 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 1 Required: Falso SourceField: IdModelo SourceTable: Telegestion

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: Lengua SourceTable: Telegestion



Tabla: Telegestion Página: 25 UnicodeCompression: Verdadero

Texto Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 10935 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 3 Required: Falso SourceField: Texto SourceTable: Telegestion UnicodeCompression: Verdadero

IdTexto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 4 Required: Falso SourceField: IdTexto SourceTable: Telegestion

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 5 Required: Falso SourceField: IdProducto SourceTable: Telegestion

Índices de tabla Nombre Número de campos Id 1 Clustered: Falso DistinctCount: 152



Tabla: Telegestion Página: 26 Foreign: Falso IgnoreNulls: Falso Name: Id Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdModelo 1 Clustered: Falso DistinctCount: 4 Foreign: Falso IgnoreNulls: Falso Name: IdModelo Primary: Falso Required: Falso Unique: Falso Campos: IdModelo Ascendente IdProducto 1 Clustered: Falso DistinctCount: 1 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 19 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente


Permisos de grupo



Tabla: Telegestion Página: 27 Admins Users Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos



Tabla: Texto Página: 28

Propiedades DateCreated: 17/10/2002 17:55:04 DefaultView: Hoja de datos LastUpdated: 15/11/2002 12:41:21 OrderBy: Texto.Id OrderByOn: Verdadero Orientation: De izquieda a derecha RecordCount: 70 Updatable: Verdadero

Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 330 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Texto

IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 960 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 1 Required: Falso SourceField: IdModelo SourceTable: Texto

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: Lengua SourceTable: Texto



Tabla: Texto Página: 29 UnicodeCompression: Verdadero

Texto Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 10935 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 3 Required: Falso SourceField: Texto SourceTable: Texto UnicodeCompression: Verdadero

IdTexto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 4 Required: Falso SourceField: IdTexto SourceTable: Texto

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 5 Required: Falso SourceField: IdProducto SourceTable: Texto




Tabla: Texto Página: 30 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdProducto1 1 Clustered: Falso DistinctCount: 1 Foreign: Falso IgnoreNulls: Falso Name: IdProducto1 Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 9 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente





Tabla: Texto2 Página: 31

Propiedades DateCreated: 20/11/2002 9:34:12 DefaultView: Hoja de datos LastUpdated: 20/11/2002 10:14:18 OrderByOn: Verdadero Orientation: De izquieda a derecha RecordCount: 68 Updatable: Verdadero

Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 495 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Texto2

IdModelo Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 960 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 1 Required: Falso SourceField: IdModelo SourceTable: Texto2

Lengua Texto 2 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 810 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 2 Required: Falso SourceField: Lengua SourceTable: Texto2



Tabla: Texto2 Página: 32 UnicodeCompression: Verdadero

Texto Texto 255 AllowZeroLength: Verdadero Attributes: Longitud variable CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 10935 DataUpdatable: Falso DisplayControl: Cuadro de texto IMEMode: 0 IMESentenceMode: 3 OrdinalPosition: 3 Required: Falso SourceField: Texto SourceTable: Texto2 UnicodeCompression: Verdadero

IdTexto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 735 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 4 Required: Falso SourceField: IdTexto SourceTable: Texto2

IdProducto Byte 1 AllowZeroLength: Falso Attributes: Tamaño fijo CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 1110 DataUpdatable: Falso DecimalPlaces: Automático DisplayControl: Cuadro de texto OrdinalPosition: 5 Required: Falso SourceField: IdProducto SourceTable: Texto2




Tabla: Texto2 Página: 33 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdProducto1 1 Clustered: Falso DistinctCount: 1 Foreign: Falso IgnoreNulls: Falso Name: IdProducto1 Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 34 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente







Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: 1 ColumnWidth: 390 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Texto3












Tabla: Texto3 Página: 36 Foreign: Falso IgnoreNulls: Falso Name: Id Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdModelo 1 Clustered: Falso DistinctCount: 1 Foreign: Falso IgnoreNulls: Falso Name: IdModelo Primary: Falso Required: Falso Unique: Falso Campos: IdModelo Ascendente IdProducto 1 Clustered: Falso DistinctCount: 2 Foreign: Falso IgnoreNulls: Falso Name: IdProducto Primary: Falso Required: Falso Unique: Falso Campos: IdProducto Ascendente IdTexto 1 Clustered: Falso DistinctCount: 17 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente


Permisos de grupo



Tabla: Texto3 Página: 37 Admins Users Eliminar; Leer permisos; Establecer permisos; Cambiar propietario, Leer definición; Escribir definición; Leer datos; Insertar datos; Actualizar datos; Eliminar datos





Columnas Nombre Tipo Tamaño Id Entero largo 4 AllowZeroLength: Falso Attributes: Tamaño fijo; Autoincremento CollatingOrder: 3082 ColumnHidden: Falso ColumnOrder: Predeterminado ColumnWidth: 390 DataUpdatable: Falso OrdinalPosition: 0 Required: Falso SourceField: Id SourceTable: Texto5












Tabla: Texto5 Página: 40 Foreign: Falso IgnoreNulls: Falso Name: Id Primary: Falso Required: Falso Unique: Falso Campos: Id Ascendente IdModelo 1 Clustered: Falso DistinctCount: 2 Foreign: Falso IgnoreNulls: Falso Name: IdModelo Primary: Falso Required: Falso Unique: Falso Campos: IdModelo Ascendente IdTexto 1 Clustered: Falso DistinctCount: 21 Foreign: Falso IgnoreNulls: Falso Name: IdTexto Primary: Falso Required: Falso Unique: Falso Campos: IdTexto Ascendente





11.- Bibliografía

• Páginas Active Server en http://usuarios.tripod.es/smaug. • Programación en ASP. Manual completo en

http://www.desarrolloweb.com

• Programación en ASP II. Manual completo en http://www.desarrolloweb.com

• CSS, hojas de estilos. Manual completo en


• Plana, G. Curso de páginas Web avanzadas con ASP. (2001). Organizado por BJT. 61 pp.

• Macromedia Dreamweaver 3. Usando Dreamweaver. (1999)

Macromedia Inc. 446 pp.

• Manual de HTML. Manual completo en http://www.desarrolloweb.com

• Programación en Javascript. Manual completo en http://www.desarrolloweb.com

• Programación en Javascript II. Manual completo en


• Introducción a los lenguajes Web. Manual completo en http://www.desarrolloweb.com

• Manual de Dreamweaver. (2000) Macromedia Inc. 612 pp.

• Turorial de SQL. Manual completo en http://www.desarrolloweb.com

• Tutorial de Visual Basic Script. Manual completo en


• Nelson, S. L. 1999. “Referencia Rápida de Microsoft Access 2000”. Ed. Mc Graw Hill. Madrid.

• GONZALEZ MANGAS, A.; GONZALEZ MANAS, G. 1999. “Guía Rápida

Office 2000. Access”. Ed. Paraninfo. Madrid. 302 pp.

• GONZALEZ MANGAS, A. 1999. “Guía Rápida Visual Basic 6”. Ed Paraninfo. Madrid. 341 pp.

• GALEANO GIL, G. 1999. “Curso Oficial de Microsoft® Visual Basic 6.

Paso a Paso”. Ed. Anaya Multimedia. Madrid. 406 pp.

Documents

NUEVAS TECNOLOGÍAS EN EL SECTOR DEL RIEGO. DESARROLLO DE ... · universidad politÉcnica de valencia escuela tÉcnica superior del medio rural y enologÍa nuevas tecnologÍas en