UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia...

56
UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD IZTAPALAPA DIVISIóN DE CIENCIAS BASICAS E INGENIERÍA PROYECTO DE PRE-REGISTRO A CURSOS, CONFERENCIAS Y SEMINARIOS, VIA INTERNET, MEDIANTE UNA PAGINA WEB Tesis que presentan los alumnos: Elisa Y. Gurria Huerta Matrícula: 942 17444 Hugo Gutiérrez Herniindez Matrícula : 942 1688 1 Para la obtención del grado de: LICENCIADO EN COMPUTACIóN Asesor: Prof. Adolfo Horacio Escalona Buendía Diciembre de 2001

Transcript of UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia...

Page 1: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD IZTAPALAPA

DIVISIóN DE CIENCIAS BASICAS E INGENIERÍA

PROYECTO DE PRE-REGISTRO A CURSOS, CONFERENCIAS Y SEMINARIOS, VIA INTERNET, MEDIANTE UNA PAGINA WEB

Tesis que presentan los alumnos:

Elisa Y. Gurria Huerta Matrícula: 942 17444

Hugo Gutiérrez Herniindez Matrícula : 942 1688 1

Para la obtención del grado de:

LICENCIADO EN COMPUTACIóN

Asesor: Prof. Adolfo Horacio Escalona Buendía

Diciembre de 2001

Page 2: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

México, D.F. a 1 1 de diciembre de 2001

Firma de aprobación del proyecto “Preregistro a cursos, conferencias y seminarios, vía Internet, mediante una página Web’ desarrollado por los alumnos:

Elisa Y. Gurría Huerta Matrícula: 942 17444

Hugo Gutiérrez Hernandez Matrícula: 942 16884

Prof. Adolfo H. Escalona Buendía

Page 3: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

INDICE

Indice ................................................................................................................................ 1 Prólogo ............................................................................................................................... 3 Presentaclon ..................................................................................................................... 4 Objetivos .......................................................................................................................... 5

..

Primera Parte ..................................................................................................................... 6

. . ObJetrvos específicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 Marco teórico ................................................................................................................. 7

Objetivos que persigue un ambiente basado en un DBMS ...................................... 7 Características de los DBMS ................................................................................... 7 Modelo Relaciona1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Diagrama entidad-relacion ...................................................................................... 9

Ventajas de la utilización de un sistema manejador de bases de datos (DBMS) ..... 7

Desarrollo práctico . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Identificación de entidades ..................................................................................... 10 Identificaclon de asoclaclones 1 1 Identificación de llaves ........................................................................................... 12 Formas normales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Primera forma normal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Dependencia funcional ............................................................................................ 13 Tercera forma normal ............................................................................................. 13 Dependencia transltlva 14 Definición de datos ................................................................................................ 15

Elección del software para la base de datos .................................................................. 19 Creación de la base de datos ......................................................................................... 19

Reglas de negocio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

. , . . ................................................................................

Segunda Forma Normal .......................................................................................... 13

. . ........................................................................................... . .

Segunda parte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20

Preparaclon 20 . . ....................................................................................................................

El formato de programación para las páginas web .................................................. 20 La diferencia entre los formatos HTML dinámico y estático .................................. 20 Cómo una aplicación Web de base de datos utiliza archivos ASP ......................... 21 Cómo trabajan los archivos ASP ............................................................................. 21

Elección del software del servidor ................................................................................ 22 Implementación y configuración del servidor .............................................................. 23 Implementación del sistema en el servidor .................................................................. 23

Se ponen los archivos relacionados en el fólder de producción ........................................ 25 Se define la fuente de datos ODBC ...................................................................... 25 Se define la seguridad de la base de datos ............................................................... 26

1

Page 4: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Poner opciones de seguridad en Internet Explorer para ver archivos ASP ..................... 27

Se crea un formulario en formato HTML dinámico ................................................ 27 Se crean las páginas de información en un formato HTML Dinámico ............................... 27

La página de lnlclo .................................................................................................. 29 La página de expositores ......................................................................................... 32

La página de conferencias ....................................................................................... 37 La página de semlnarlos 40 La página de registro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

Conclusiones ....................................................................................................................... 53 Blbllografia 54

. . .

La página de cursos ................................................................................................. 35

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

La página de consulta de visitantes ......................................................................... 51

. . .........................................................................................................................

2

Page 5: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

PRÓLOGO

El presente documento es el reporte final del Proyecto de Investigación titulado “Preregistro a eventos, vía Internet, a través de una página Web”, realizado por los alumnos Elisa Gurria Huerta y Hugo Gutiérrez Hernández, de la licenciatura en computación de la Universidad Autónoma Metropolitana Unidad Iztapalapa. Este proyecto se llevó a cabo con la colaboración del profesor Adolfo Horacio Escalona Buendía, que nos apoyó como asesor de proyecto.

El proyecto fue desarrollado en dos etapas, cada una de ellas realizada en un trimestre escolar. En la primera etapa, que corresponde a la U.E.A Proyecto de Investigación I, se definieron los objetivos generales y específicos del proyecto, se diseñó y se creó la base de datos que se utilizó, con acceso de información, hasta esta parte del proyecto, mediante un manejador de bases de datos. La segunda parte, correpondiente a la U.E.A Proyecto de Investigación 11, consta de la elección, implementación y configuración del software que se utilizó para el servidor de web y el conector de la base de datos, la creación de las páginas web, tanto estáticas como dinámicas, la implementación del sistema en el servidor mencionado y finalmente las pruebas y la depuración del sistema.

3

Page 6: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

PRESENTACION

Hoy en día, tanto en la República Mexicana, como en el resto del mundo, las empresas productoras de bienes y servicios tienen la necesidad de dar a conocer el trabajo que desarrollan para poder comercializarlo. Con el fin de presentarlos simultáneamente a un número considerable de personas se llevan a cabo eventos especiales donde los interesados tienen la oportunidad de asistir y conocer de ellos. En éstos eventos se brinda al público una serie de conferencias, seminarios, cursos y otros tipos de eventos enfocados a un tema en específico. Actualmente, para asistir a un evento se lleva a cabo un pre-registro, el cual permite al organizador obtener un mejor control sobre su evento. Con este pre-registro puede obtener información para saber aspectos como el número o el tipo de personas interesadas en asistir a determinado evento, así como algún otro tipo de información de ellas. Con ello el organizador puede determinar con anticipación aspectos como el nivel de información que pude ser requerida a los instructores, número de asientos requerido, tamaño del equipo necesario para cubrir adecuadamente el evento, además de poder informar a las personas pre-registradas sobre cambios de los lugares donde se realizan los eventos, fechas, horarios, cancelación de eventos o cualquier otro dato necesario. Como ya se sabe, día a día el Internet está cubriendo el campo de la publicidad con mayores beneficios, por lo que es posible obtener toda la información requerida por los organizadores de éste tipo de eventos a través de una página web de pre-registro a congresos, seminarios, cursos, conferencias y otros tipos de eventos, con lo que se obtiene todas las ventajas que brinda la comunicación remota, tales como la rapidez de comunicación y disponibilidad inmediata de información. Para la implementación del sistema se tomó la decisión de crear una base de datos, la cual va a almacenar la información requerida por el organizador. Esta información es solicitada en la página web para el pre-registro y es mandada a la base de datos después de haber validado cada uno de los dominios de las tablas. La decisión de usar una Base de Datos es debido a las ventajas que obtenemos para manipular ésta información con un Manejador de Bases de Datos (DBMS).

4

Page 7: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

OBJETIVOS

1) Automatizar el pre-registro de las personas interesadas en asistir eventos de una EXPO y obtener información personal de los visitantes vía Internet.

2) Proporcionar a los usuarios la información general de los eventos que se realizan mediante una página Web

3) Proporcionar a los organizadores de la EXPO la información necesaria para que tenga un mejor control sobre los eventos que se vayan a realizar, conociendo de antemano la cantidad de visitantes de cada uno de los eventos y su información general.

Page 8: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

PRIMERA PARTE

OBJETIVOS ESPECÍFICOS.

El sistema a desarrollar debe cumplir con los siguientes requerimientos específicos:

ldReq Descripción

RPO

Conocer en un momento dado los visitantes Pre-Registrados a un evento RPI

Realizar el proceso de Pre-registro de visitantes a eventos de una E X P O , via Internet

RS1.l Alta PreReg Visitante (Núcleo)

RSl.l .I

RS1.1.2

Registrar Datos del visitante en la BD

Registrar Encuesta con información General del visitante en la BD

RSI .2

Consulta PreReg Visitante RS1.3

Baja PreReg Viitante

RS1.3.1 Obtener toda la información de la BD de un visitante Pre-Registrado

RP2 Conocer los eventos que se dan en la E X P O

RS 2.1 Consulta evento

Tabla.- Requerimientos a nivel sistema y a nivel producto del proyecto de pre-registro de visitantes a eventos de una EXPO, mediante una página web con acceso en Internet

6

Page 9: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

MARCO TEORICO

Para la implementación del sistema se tomó la decisión de crear una base de datos, la cual va a almacenar la información requerida por el organizador. Esta información es solicitada en la página web para el pre-registro y es mandada a la base de datos después de haber validado cada uno de los dominios de las tablas.

La decisión de usar una Base de Datos es debido a las ventajas que obtenemos para manipular ésta información con un Manejador de Bases de Datos (DBMS).

Estas ventajas son presentadas a continuación, asi como los objetivos que tiene un DBMS y sus características.

Ventajas de la utilización de un sistema manejador de bases de datos (DBMS)

0 Control integrado de la información. 0 Se reduce la redundancia de la información. 0 Facilita la aplicación de estándares. 0 Facilita el desarrollo de aplicaciones. 0 Reduce considerablemente los recursos financieros y humanos asignados al MANTENIMIENTO. 0 Permite dar una respuesta rápida a los requerimientos NO PLANEADOS de la información (sin necesidad de crear nuevos programas).

Objetivos que persigue un ambiente basado en un DBMS.

0 Lograr que el desarrollo y el mantenimiento de aplicaciones sean fáciles, económicas, flexibles y eficientes.

Organizar los datos de tal manera que su explotación sea oportuna, confiable, eficiente y eficaz.

Caracteristicas de los DBMS.

Habilidad de crear múltiples relaciones. 0 Habilidad de permitir hacer múltiples ordenamientos lógicos (indexar) y / o ordenamientos Físicos (shorts) sobre las tablas relacionales.

Un lenguaje de consulta interactivo. Habilidad para responder a consultas que requieran datos almacenados en más de una

tabla relacional, en un momento determinado. Un generador de aplicaciones. Un generador de pantallas para crear pantallas de interacción con el usuario, a la medida

de las necesidades del usuario y la aplicación.

Page 10: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

0 Un generador de reportes. 0 Un interprete o interpretador, para correr programas de aplicación, mientras éstos están en desarrollo. 0 Un compilador que permita compilar los programas de aplicación una vez que han sido terminados y listos para ponerse en producción. 0 Provee un sistema de seguridad modo escritura, lectura y borrado, a nivel:

oBase de datos. oTablas que componen la base de datos. oCampos o atributos que componen un registro.

0 Provee herramientas de monitoreo de: oUsuarios. oActividad en las Bases de Datos. OUSO de recursos.

0 Facilidad de interactuar con otros lenguajes. 0 Proporciona documentación sobre la estructura de la Base de Datos. o Convertidor de archivos o forrnatos de otros lenguajes o aplicaciones, a un formato propio del manejador. 0 Manejo del área de almacenamiento en disco, esto es liberación de área no ocupada.

Sistema de auto-auditor para detectar fallas en sus propios procesos, tiempos de acceso a la BD, repetición de rutinas, etc. Facilidad de recuperación de datos, en caso de interrupciones o caídas de hardware o

comunicaciones. Funciones de validaciones automáticas en cuanto a:

oNaturaleza del campo. oFechas. oRangos. ovalores predeterminados.

Portabilidad, facilidad de instalación en diferentes ambientes operativos, sin cambios bruscos a los aplicativos.

Rapidez de Aprendizaje - Obtención de Resultados. Flexibilidad en Diseño y Desarrollo. Un lenguaje de Definición de Datos (DDL) y un lenguaje de manipulación de Datos

Un sistema de rastreo de errores de programación (debugger). Un sistema de comunicaciones inter construido.

( D m ) , así como un lenguaje propio de desarrollo.

Modelo Relacional

Para poder utilizar un Manejador de Bases de Datos debemos obtener el Modelo Relacional de la información que vamos a manipular.

El Modelo Relacional surge a raíz de las necesidades de contar con modelos conceptuales más expresivos, más ricos, desde el punto de vista de la información que almacenan, acerca de los datos en una Base de Datos.

8

Page 11: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

El Modelo Relacional fue propuesto por E. F. Codd en 1970 y está fundamentado matemáticamente (Algebra y Cálculo Relacional). Permite crear modelos de Datos más completos en base a Relaciones que pueden verse como tablas bidimensionales compuestas de renglones y columnas. Lógicamente, cada tabla es una entidad diferente.

Este modelo es una herramienta de diseño lógico, cuya característica principal es ser gráfica, que utiliza conceptos simbólicos que ayudan a reducir ambigüedades de textos narrativos, es decir, simplifica explicaciones.

Diagrama entidad-relación

El propósito del modelo de Datos conocido como Diagrama Entidad Relación es mostrar las ENTIDADES de datos (cosas de importancia o interés para una empresa, un área de negocios, o para un sistema que requiere almacenamiento de datos) y la forma en que éstas se relacionan.

Éste modelo fue propuesto por Peter Chen en 1976. Actualmente es el modelo sobre el cual se soporta todo el diseño conceptual de Bases de Datos. Permite presentar información en términos de ENTIDADES, sus ATRIBUTOS y las asociaciones entre las ocurrencias de dichas ENTIDADES, las cuales se llaman RELACIONES,

Ésta técnica gráfica es usada actualmente como consecuencia evolutiva de los modelos semánticos y podemos enumerar las siguientes características:

Representación de Objetos (entidades). Representación de su interacción con otros objetos (Relaciones). Manejo de información repetida. Conjunto de Reglas de Integridad. Modelación Dinámica. Expresión dinámica de los requerimientos.

El uso de ésta técnica gráfica para modelar, reduce ambigüedades de textos narrativos y simplifica explicaciones.

9

Page 12: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

DESARROLLO PRACTICO

Reglas de Negocio:

0 La EXPO es la exposición general, a la cual tienen acceso todos los visitantes pre- registrados a ninguno, uno o varios eventos.

Un visitante se podrá pre-registrar en ninguno, uno o varios eventos.

Si el visitante proporciona su información, pero no sé pre-registra a ningún evento, solamente queda registrado como asistente a la EXPO.

Al pre-registrarse, el visitante proporciona algunas de sus generales, de las cuales algunas son obligatorias y otras son opcionales.

Al pre-registrarse, el visitante proporciona la información que se le requiere en una encuesta, la cual tiene preguntas con respuestas opcionales que pueden ser o no contestadas, o ser contestadas solamente algunas.

El visitante solo puede pre-registrarse para un evento particular una sola vez.

Se debe poder conocer la información de las encuestas de todos sus visitantes de cada evento en cualquier momento.

La información de la encuesta debe estar como información independiente de la información de los datos particulares de los visitantes, debido a que se utilizan por personas que no dependen de los organizadores de la EXPO para realizar actividades diferentes, tales como estadísticas. Esto se hace por seguridad de la información de los visitantes.

Identificación de entidades.

> Visitante > Encuesta k Evento > Instructor > Expositor > Salón

10

Page 13: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Identificación de Asociaciones

Fig.- Identificación de Asociaciones

Uno de los conceptos más importantes acerca del modelo ER, es el conocimiento de que una relación MUCHOS A MUCHOS, debe (si es posible) ser dividida en dos o más relaciones del tipo UNO A MUCHOS, identificando una entidad llamada INTERSECCIóN. Esta entidad debe ser identificada con el nombre de las entidades que asocia.

11

Page 14: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

+

Fig.- Diagrama Entidad - Relación

Identificación de Llaves.

Visitante = CveVisit, Nombre, ApePat, ApeMat, Puesto, Titulo, Dirección, Colonia, Ciudad, Estado, País, CP, Lada, Teléfono, Fax, EMail, DirInternet, FechPReg, Compañía, Password, Statusvisit

Encuesta = CveVisit, CveEvento, CvePuesto, CveArea, CveSector, CveGiro, CveMotVisita, CveMedioEnter, CvePrincInteres.

Evento = CveEvento, Nombre, TipoEv, Descripción, CveInstr, Cupo, Costo, StatusEv

Instructor = CveInstr, Nombre, ApePat, ApeMat, Titulo, CveExposit.

Expositor = CveExposit, NomExposit, Dirección, Colonia, Ciudad, Estado, País, CP, Lada, Teléfono, Ext, Fax, EMail, DirInternet, StatusExposit.

Salón = CveSalon. Nombre, TipoSalon, UbicSalon, CapacSalon.

PreRegistro = CveVisit, CveEvento, FechaPreReg, MontoPreReg.

HorarioEvento= CveEvento, Fecha, CveSalon, HrIni, HrFin.

12

Page 15: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Formas normales.

Existen un conjunto e reglas que las entidades y las relaciones deben cumplir, llamadas formas normales.

La normalización de Base de datos es un proceso iterativo, mediante el cual “Arreglamos” la Base de Datos, con el objetivo de reducir Redundancia e incrementar la Consistencia y la Estabilidad e la información contenida en ella. Durante el proceso e normalización, se determina para cada tabla las piezas e información que le corresponden a ella y solo a ella, basándonos en los datos mismos, de acuerdo a las tablas que también han pasado por el proceso e normalización. Este proceso debe aplicarse a todas las entidades (tablas y asociaciones).

l a FN: Una relación está en primera forma normal si y solo si, todos sus atributos son atómicos ( No pueden dividirse en otros atributos ). Es decir no existen campos repetitivos.

En caso de existir, se crea una nueva entidad que contenga los atributos repetitivos.

2a FN: Una relación está en segundada forma normal sí y solo sí:

1 .- Está en Primera Forma Normal 2.- Todos los atributos no primos (no forman parte e la llave primaria ) son funcionalmente dependientes de la llave primaria, de la manera completa.

Dependencia Funcional:

Es una relación especial entre dos atributos. Se define así: dados dos atributos A y B de una entidad, se dice que B depende

funcionalmente de A, si y solo sí, para cada valor de A en la entidad, existe uno y solo un valor de B asociado a ese valor de A. Entonces se dice que A es el determinante de la relación.

Dicho de otra manera, para un atributo dado, ¿depende éste de la llave primaria?

Si la repuesta es no, se crea una nueva entidad para el atributo (atributos) que dependen funcionalmente e la llave, los determinantes se convierten en las llaves primarias de las nuevas relaciones.

3” FN: Una relación está en tercera forma normal, sí y solo sí:

1 .- Está en Segunda Forma Normal. 2.- No posee dependencias transitivas.

13

Page 16: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Dependencia Transitiva.

Analizar las dependencias entre los atributos para determinar si alguno de ellos depende e algún otro atributo que no forma parte de la llave. De ser así, la solución e este problema se lleva a cabo dividiendo las dependencias transitivas en dos dependencias funcionales, en donde cada determinante se convierte en la llave primara de una relación.

I HorarioEven'o I r

Fig.- Diagrama de dependencias funcionales

14

Page 17: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Como puede observarse en los diagramas de entidad - relación y de dependencias funcionales, además de los datos de los atributos y llaves, el modelo se encuentra ya en tercera forma normal.

Definición de datos.

Una tabla en un sistema relaciona1 se compone de una fila de cabeceras de columnas junto con cero o más filas de valores de datos (diferente número de filas de datos en diferentes momentos). Para una tabla dada:

0 La fila de cabeceras de columnas especifica una o más columnas (dado, entre otras cosas, un tipo de datos para cada una).

0 Cada fila de datos contiene un solo valor escalar para cada una de las columnas especificadas en la fila de cabeceras de columna. Además, todos los valores de una columna dada tienen el mismo tipo de datos, a saber, el tipo especificado en la fila de cabeceras de columna para esa columna.

Nombre de la tabla: Visitante Descripción: Datos generales del visitante.

CAMPO DESCRIPCI~N NULL TIPO CveVisit

Apellido paterno del visitante Not Null Carácter(25) ApePat Nombre del visitante Not Null Carácter(25) Nombre Clave del visitante Not Null Autonumérico

ApeMat

País Not Null Carácter(25) País Estado Not Null Carácter(25) Estado Ciudad Not Null CarBcter(25) Ciudad Colonia Not Null Carácter(25) Colonia Dirección del visitante Not Null Carácter(50) Dirección Titulo profesional del visitante Carácter(25) Titulo Puesto del visitante Not Null Carácter(25) Puesto Apellido materno del visitante Not Null Carácter(25)

Lada Carácter(5) Lada telefónica Teléfono Carácter(7) Not Null Teléfono Fax Carácter(9) Fax

CP Código postal Carácter(5)

Email Carácter(50) DirInternet

Dirección de correo electrónico Carácter(50) Dirección de Internet

FechPreg

Carácter( 10) Password Nombre de la compañía del visitante Not Null Carácter(50) Compañía Fecha de prerregistro Not Null Fecha

Statusvisit Password del visitante Not Null

15

Page 18: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Nombre de la tabla: Encuesta Descripción: Encuesta del visitante.

CAMPO DESCRIPCION NULL TIPO CveVisit

Clave del PrinciDal interés Numérico CvePrincInteres Clave del Medio por el cual se entero Numérico CveMedioEnter Clave del Motivo de la visita Numérico CveMotVisita Clave del Giro Numérico CveGiro Clave del Sector Numérico CveSector Clave del Area Numérico CveArea Clave del Puesto Numérico CvePuesto Clave del Evento Not Null Numérico CveEvento Clave del Visitante Not Null Numérico

Nombre de la tabla: Evento Descripción: Eventos dentro de la EXPO.

CAMPO DESCRIPCI~N NULL TIPO CveEvento

Tipo de evento Not Null Carácter(25) TipoEv Nombre del evento Not Null Carácter( 100) Nombre Clave del evento Not Null Numérico

Descripción Clave del instructor que impartirá el Numérico CveInstr Descripción del contenido del evento Carácter( 100)

evento cupo Número de lugares disponibles para el Not Null Numérico

evento costo Costo para asistir al evento Moneda StatusEv

Nombre de la tabla: Instructor Descripción: Datos del Instructor.

CAMPO DESCRIPCION NULL TIPO CveInstr

Apellido materno del instructor Not Null Carácter(25) ApeMat Apellido paterno del instructor Not Null Carácter(25) ApePat Nombre del Instructor Not Null Carácter(25) Nombre Clave del Instructor Not Null Numérico

Titulo Carácter(25) Titulo profesional CveExpos Numérico Clave del expositor (empresa) al que

1 pertenece el instructor

16

Page 19: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

'Nombre de la tabla: Expositor Descripción: Datos generales del expositor (empresas que exponen dentro de la EXPO).

CAMPO TIPO I NULL I DESCRIPCION CveExposit

Nombre del exDositor Not Null Carácter(25) NomExDos Clave del expositor Not Null Numérico

Dirección

Carácter(5) CP Not Null Carácter(25) País Not Null Carácter(25) Estado Not Null Carácter(25) Ciudad Not Null Carácter(25) Colonia

Dirección del expositor Not Null Carácter(50)

Lada Not Null Carácter(7) Teléfono

Carácter(5)

Ext

Carácter(50) Dirlnternet Carácter(50) EMail Carácter(9) Fax Carácter(4)

StatusExposit , ,

~ ~ ~~~

Nombre de la tabla: Salón Descripción: Datos generales de los salones dentro de la EXPO.

CAMPO DESCRIPCION NULL TIPO CveSalon

Tipo de salón (auditorio, salón, etc.) Not Null Carácter(30) TipoSalon Nombre del salón Not Null Carácter(30) Nombre Clave del salón Not Null Numérico

UbicSalon Carácter(50) Not Null Ubicación del salón CapacSalon Capacidad del salón Not Null Numérico

Nombre de la tabla: Pre-registro Descripción: Prerregistro de visitantes a eventos dentro de la EXPO.

r" CAMPO DESCRIPCION NULL TIPO

CveVisit

Monto de prerregistro al evento Not Null Moneda MontoPreReg Fecha de prerregistro Not Null Fecha FechaPreReg Clave del evento Not Null Numérico CveEvento Clave del visitante Not Null Numérico

17

Page 20: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Nombre de la tabla: HorarioEvento Descripción: Horario de los eventos.

CAMPO DESCRIPCION NULL TIPO CveEvento Clave del evento Not Null Numérico Fecha

Clave del salón Not Null Numérico CveSalon Fecha del evento Not Null Fecha

HrIni Hora de término del evento Not Null Fecha-Hora HrFin Hora- de inicio del evento Not Null Fecha-Hora

18

Page 21: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

ELECCI~N DEL SOFTWARE PARA LA BASE DE DATOS.

La información del sistema de pre-registro a eventos mediante una página web será utilizada no solamente por los organizadores, sino que también los expositores. Esto es debido a que los expositores deben poder conocer en determinado momento datos de los visitantes pre-registrados a sus eventos, por lo que hubo la necesidad de utilizar un software comercial para la Base de Datos. Ya a que la mayoría de las empresas expositoras cuentan con un software Office de Microsoft, se decidió utilizar Microsoft Access 97.

CREACIóN DE LA BASE DE DATOS.

La Base de Datos se creó con los datos señalados en las tablas anteriores, y funciona hasta esta parte del proyecto, de manera adecuada, con acceso a datos de manera local en Access97.

19

Page 22: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

SEGUNDA PARTE

Para el presente proyecto es necesario implementar un servidor de web para el acceso de la información que va a ser accesada a la Base de Datos. Este servidor debe recibir información de los usuarios y proporcionar información a los mismos. Para ello, se investigó inicialmente la forma en que son creadas las páginas web y cómo es accesada la información a la base de datos mediante las mismas.

De los diferentes formatos investigados, se eligieron aquellos compatibles con servidores de Microsoft, debido a que es uno de los más utilizados comercialmente. Además, se cuenta actualmente con las licencias de Microsft Windows en los laboratorios de la Universidad a los que tenemos acceso.

El formato de programación para las páginas web.

La información a presentar en Internet es requerida por un navegador, como Internet Explorer, Netscape o cualquier otro, al servidor de Web. En el servidor de Web residen las páginas que van a poder ser leídas y que son enviadas como documentos htm, html, asp, php, xml o algún otro formato que pueda ser interpretado por el navegador.

Los formatos de programación utilizados para las páginas web pueden ser HTML dinámico o estático. Estos formatos son descritos a continuación:

La diferencia entre los formatos HTML dinámico y estático.

El formato HTML estático es utilizado cuando la información no cambia frecuentemente. Para que los usuarios puedan ver las actualizaciones de la información, deben volverse a publicar los archivos.

A diferencia con el formato HTML estático, el formato HTML dinámico es utilizado cuando la información cambia frecuentemente y los usuarios deben introducir y recuperar información actualizada en un momento determinado.

A diferencia de del HTML estático, el HTML dinámico no es creado como archivos puramente HTML. Deben crease archivos HTML dinámicos ya sea en formato IDC/HTX para páginas de información, o formato ASP para páginas de información y formularios. Esencialmente, un servidor web procesa esos archivos, y en la mayoría de los casos, construye y manda de regreso un archivo HTML dinámico al navegador. La manera en que los archivos son procesados depende del formato elegido.

Para éste proyecto de investigación se han elegido los dos formatos; el estático para desplegar la información acerca de los cursos (los cuales son siempre los mismos para un

20

Page 23: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

determinado evento llamado EXPO), información acerca de los expositores (los cuales también son siempre los mismos; y se eligió un formato ASP para los formularios de pre- registro y las páginas de consulta de visitantes pre-registrados.

Cómo una aplicación Web de base de datos utiliza archivos ASP.

Cuando el desarrollador crea un objeto en un formato dinámico Active Server Pages (ASP), Microsoft Access crea un archivo Active Server Pages (.asp), en lugar de un archivo HTML. ASP es un componente de Microsoft Information Server (11s) 3.0 o posterior.

El archivo ASP contiene etiquetas con una o más consultas en forma de sentencias SQL y de código Microsoft Visual Basic Scripting Edition. El archivo ASP también contiene información ODBC para conectar a una fuente de datos - en este caso, la base de datos Microsoft Access 97. La información para la conexión incluye el nombre de la fuente de datos y, si es necesario, cierta seguridad a nivel de usuario, corno un login de usuario y un password.

Para el presente proyecto no se implementaron password ni login para los usuarios, debido a que no es un requisito funcional del sistema.

Después de ser publicada la base de datos y de instalar la aplicación Web en un servidor, lo que sucede es lo siguiente:

Your Favorite Web Browser

i Micros& Internet A ; Information Server (11s) ASPfile ALX file

b Microsoft Access 97

....................................................................................................................... Database Client Server

Fig.- Como trabajan los archivos ASP

Como trabajan los archivos ASP

A) El explorador de Web solicita al IIS el archivo ASP. B) IIS lee el archivo ASP, el cual contiene la sentencia SQL, además de información

para la conexión, y campos para ser llenados.

21

Page 24: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Para hojas de información:

C) El código VBScrpt abre la base de datos Microsoft Access (utilizando el Driver Microsoft Access Desktop ODBC y la información de conexión del urchivo ASP) y realiza la consulta del archivo ASP para obtener la información.

0) IIS manda de regreso el archivo HTML al explorador de Web para ser visto como una púgina Web.

Para formularios:

E) El Explorador de Internet lee un control de la disposición HTML llamado ActiveX&trade, el cual es utilizado para dar posición a los campos del formulario y de otros controles de la púgina HIML.

objectname alxmp). F) El Explorador de Internet solicita un archivo de soporte ASP (llumado

G) El componente Active Server Pages lee el archivo de soporte ASP. H) El código VBScrpt abre la base de datos Microsoft Access (utilizando el Driver

Microsoft Access Desktop ODBC y la información de conexión del archivo ASP) y realiza la consulta del archivo ASPpura obtener la información.

I) El código VBScript responde con la información y el archivo de soporte ASP.

ELECCIóN DEL SOFTWARE PARA EL SERVIDOR.

Para archivos HTML dinámicos en Windows, es necesario utilizar software para el servidor, a elegir alguno de los siguientes:

Microsoft Internet Information Server (11s). Microsoft Personal Web Server 4.0 para Windows 95 Microsoft Personal Web Sever 4.0 para Microsoft Windows NT Workstation

Aunque Microsoft Personal Web Server 4.0 es un componente de Windows 98, debe ser instalado del CD-ROM de Windows 98 corriendo el programa setup.exe localizado en el fólder \Add-onsWWS.

Microsoft Personal Web Server y Peer Web Services se recomiendan para probar los archivos que se crean, debido a que se pueden instalar en fácilmente en una computadora personal o una estación de trabajo.

Los archivos ASP basados en un formulario requieren Microsoft Internet Explorer 3.0 o posterior con el control HTML Layout ActiveX

Para el presente proyecto, se eligió Microsoft Internet Information Server (11s) de Microsoft Windows NT Server.

22

Page 25: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

IMPLEMENTACIÓN Y CONFIGURACIóN DEL SERVIDOR

Se instaló el software Windows NT Server y su software Internet Information Server (11s) en una computadora con conectada a la red de la Universidad. Se configuró la red de la computadora con un IP válido en Internet.

IMPLEMENTACION DEL SISTEMA EN EL SERVIDOR

Ya que se instaló el software requerido, se implementó el sistema en la computadora, de la manera siguiente:

l).-Se crea un fólder de producción con los privilegios apropiados.

En el fólder raíz default del servidor se crea un fólder de producción donde se guardan los archivos dinámicos HTML y otros archivos relacionados, incluyendo la base de datos Microsoft Access. Además, hay que asegurarse que el fólder de producción tiene los privilegios necesarios para permitir al desarrollador y a los usuarios acceder a la aplicación Web de base de datos.

7

Item

Fólder raíz default

Privilegios para HTML estático Privilegios para HTML dinámico

Personal Web Server

C:\Webshare\Wwwroot

Sólo lectura

Scripts de ejecución

IIS y Personal Web Services

C:Unetpub\Wwwroot

Lectura

Ejecución

En Windows 95, para definir los permisos para el Personal Web Server, se hace clic en propiedades del fólder del fólder de producción, se elige la opción Sharing, después la opción Shared As, la opción Web Sharing, lo que nos da el cuadro de diálogo Web Sharing Fólder Propieties. Se selecciona los cuadros de verificación Share Fólder for HTTP, Sólo Lectura, y Execute Scripts.

23

Page 26: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

En Windows NT Server o Workstation, para definir los permisos del fólder de producción, se elige la opción de Internet, de las propiedades del fólder, se selecciona WWW del cuadro Select server to administer; en Aliases se selecciona Add para mostrar el cuadro de diálogo WWW Directory Propieties. Se teclea el nombra del fólder de producción en el cuadro Alias y en los cuadros de verificación Access de selecciona Read y Execute.

24

Page 27: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Se ponen los archivos relacionad.os en el fólder de producción

La base de datos y los archivos de gráficas deben ser copiadas en el fólder de producción.

Se crean archivos plantilla en HTML y se salvan en el fólder de producción

Se define la fuente de datos ODBC.

Debido a que se está utilizando un servidor de Web para conectar la base de datos, debe ser utilizado un ODBC como una interfase para Microsoft Access. Por lo tanto, debe ser definido un sistema fuente de datos

Esto se realiza en el Control Panel, en el icono ODBC, que abre el cuadro de diálogo ODBC Data Source Administrator.

Se selecciona la opción System DSN, se selecciona el botón Add, lo que muestra el cuadro de diálogo Create New Data Source. Se selecciona Microsoft Access Driver (*.mdb) y Finish, lo que muestra el cuadro de diálogo ODBC Microsoft Access 97 Setup.

25

Page 28: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Nota: Si el Driver de Microsoft Access no aparece, es porque no está instalado en el servidor de Web. Para instalarlo, puede consultarse la ayuda de Microsoft Access 97, en la sección Microsoft Access Desktop Driver.

En el cuadro Data Source Name se pone el nombre y se selecciona la base de datos en el cuadro de diálogo Select Database.

Aunque es común poner la base de datos en el fólder de producción, puede ser puesta en una localización diferente en una red.

Se define la seguridad de la base de datos.

Si se ha definido user-level security en la base de datos (utilizando Security Wizard), debe ser especificado un sistema de base de datos en el cuadro de diálogo ODBC Microsoft Access 97 Setup. Un sistema de base de datos corresponde al archivo de información de trabajo de grupo, el cual es llamado system.mdw por default, pero podría ser diferente si ha sido definido por el desarrollador. En System Database se selecciona Database. Se selecciona System Database y en el cuadro de diálogo Select System Database se busca el archivo *.mdb de la base de datos Microsoft Access, localizada por default, en el fólder C:\Windows\System.

26

Page 29: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Poner opciones de seguridad en Internet Explorer para ver archivos ASP

En Internet Explorer o posterior, se selecciona Options en el menú View, se selecciona la opción Security y en Active Content se selecciona Allow Downloading of active content, Enable Actives controls and plug-ins y Run Actives scripts.

Se crean las páginas de información en un formato HTML Dinámico.

Una consulta de una tabla o de la combinación de tablas en SQL nos da como resultado una página de información, la cual, antes de enviarse, debe modificarse para que sea consistente en apariencia con otras hojas de información.

Esta página de información se manda en formato IDCMTX y se utiliza el archivo plantilla NwData. htm.

Aunque las páginas de información son de solo lectura, cundo se publican en el servidor, los usuarios ven la información actualizada.

Se crea un formulario en formato HTML dinámico.

Un formulario para entrada de datos permite añadir y editar información a la base de datos.

Una versión dinámica HTML de un formulario de Microsoft Access un tiene todas las capacidades de la formulario original de Microsoft Access. Por ejemplo, Microsoft Access ignora el color de fondo de los formularios y la macro para validar los campos. Además, Microsoft no genera ningún código Microsoft Visual Basic Scripting Edition para remplazar Visual Basic de código de aplicaciones detrás de formularios, expresiones en controles o propiedades.

Los controles de los formularios son generalmente mas largos en formato HTML para ordenar en la resolución de los diferentes exploradores de Internet, de modo que antes de que antes de exhibir los formularios (los cuales no están originalmente diseñados para mostrarse en un explorador) en HTML, se deben hacer los siguientes ajustes.

Remover el encabezado y el pie del formulario. 0 Disminuir el espaciado entre los controles (en el menú Format, en la opción

Vertical Spacing, hacer clic en Decrese). 0 Alinear las etiquetas a la izquierda (en el menú Format, en la opción Align hacer

clic en Left) y cambiar cada propiedad TextAlign de etiqueta de texto a Left. Ajustar los controles que tienen un margen pequeño alrededor de ellos.

Después hay que poner el formulario en formato ASP y utilizar una plantilla para mandarlo.

Microsoft Access añade automáticamente botones de navegación y de control.

27

Page 30: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Nota: Si existen problemas para ver un formulario ASP, probablemente sea por no tener instalada una versión actualizada de HTML Layout Contol (versión 1.0.05 o posterior).

A diferencia de las páginas de información, las cuales son de solo lectura, Microsoft Access coloca un seguro en el registro del formulario ASP y lo mantiene en la sesión ASP. ASP crea una sesión para cada usuario que abre el formulario. Esto significa que si un usuario actualiza información a través de un formulario, otros usuarios pueden leer, pero no modificar un registro mientras la sesión del usuario original está activa. Este seguro de lectura-escritura se mantiene hasta que la sesión expira o el usuario sale del explorador de Internet.

Debido a que un formulario ASP debe ir al servidor y regresar cada que muestra, modifica o vuelve a leer un registro, un formulario basado en una consulta de parámetro es mas eficiente para los usuarios, así que en Microsoft Access es posible crear una consulta de parámetros conteniendo todos los campos de una determinada tabla. Se añade un aviso de solicitud de producto (entre corchetes) que se va mostrar en la pantalla al campo del nombre del producto. Además se añade un aviso (si los corchetes) y su tipo de datos (texto) en el cuadro de diálogo Query Parameters en la vista de diseño de la consulta.

Se le da a esta consulta de parámetro la nueva propiedad de RecordSource para el nuevo formulario.

Se manda el nuevo formulario en formato ASP y se utiliza el archivo plantilla con extensión htm.

Hay que observar que debido a que la información del registro es capturada en el servidor mientras la sesión está activa, únicamente puede utilizarse la consulta del parámetro una vez por sesión.

28

Page 31: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

LAS PAGINAS CREADAS.

Para el presente proyecto, se tomó información de una EXPO realizada en la Ciudad de México, para obtener un sistema con datos verdaderos. Con ésta información, se crearon las páginas Web que se describen a continuación:

La página de inicio.

Para ligar todos los archivos de salida de una aplicación, se crea un menú o página de inicio en Microsoft Access llamado HomePage, el cual contiene hipervínculos a cada una de las páginas HTML creadas. Para cada página HTML creada se crea una etiqueta en la página de inicio con los nombres de las páginas, título y dirección de hiperenlaces. Los hiperenlaces llevan extensión html o asp, según el caso.

La página de inicio del nuestro proyecto se nombra default.htm1, la cual es la página que manda por defecto el servidor al cliente. ÉSta página fue creada con formato html estático, ya que su información es siempre la misma.

Fig.- Página de inicio del sistema.

29

Page 32: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

El siguiente, es el código de la página anterior.

<html> <head> <title> Introduccion </title> </head-. <body background = "../../Proyecto/Servidor/fondopq.gif"> <p align="center"> <font face="Arial" color="Navy" size="+3"> Conferencias, Cursos y Seminarios</font> i / p > <p align="center"> <font face="Arial" color="Navy" size="+3"? <br> <img src=". . / . . /Proyecto/Servidor/ISAL2 .gif" width="196" hei.ght.="247"> <br? <img src=". . / . . /Proyecto/Servidor/ISAL4 .gif" width="200"> <p al.ign="Left"> <font face="Arial" color="Navy" size="+l"> Junio 13 al 15 del 2001ibr> World Trade Center<br> Ciudad de M&eacute;xico</font>

<p align="Left"> <font face="Arial" color="Navy" size="+l"? <br> HORARIO DE EXPOSICI&OacuteN:<br> 12:OO A 20:OO hrs<br><br> <b> APLICAC&Iacute;ON DE LA INSTRUMENTACI&Oacute;N Y LOS <br> SISTEMAS DE CONTROL PARA LA AUTOMATIZACI&Oacute;N <br> INTELiGENTE DEL SIGLO XXI<br>

</P>

</p>

</'o> </P> <table width= "50%" border="O" bgcolor="navy" align="center"> <tr bgcolor="navy" align="center"> <td><font size = "+l" color = "white">La exhibici&oacute;n de los mejores sistemas de</td> </tr> <tr bgcolor="navy" align="center"> <td><font size = "+l" color = "white">Instrumentaci&oacute;n, Control, Automatizaci&oacuten y</td> </tr> <tr bgcolor="navy" align="center"> <td><font size = "+l" color = "white">Rob&oacute;tica Industrial en Latinoam&eacute;rica.</td></tr> </table> &nbsp;

<table width= "25%" border="l" align="center"> <tr bgcolor="gray" align="center">

expositores</a></font></td> </tr> <tr bgcolor="gray" align="center"s <td><font size = "+l" color = "white"><a href= "Cursos.html">Cursos</a></font></td> </tr> <tr bgcolor="gray" align="center">

<td><font size = "+l" color = "white"><a href= "listexp.html">Lista de

30

Page 33: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

<td><font size = "+l" coicr = "white"><a href= "Conferencias.html">Conferencias T&eacute;cnico Comerciales</a></font></td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "Seminarios.html">Seminarios</a></fon~></td> </tr;. <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a hre€= "preregistro.asp">Registro</a></font></t~~ </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "convisit.asp">Consulta de Visitantes</a></€ont></td> </tr>

<tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white">Principal</td> </tr> </table>

31

Page 34: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

L a página de expositores.

La página de expositores fue creada para nuestro proyecto también con formato html estático, ya que suponemos que los expositores también serán siempre los mismos.

Fig.- Página de expositores del sistema.

El siguiente, es el código de la página anterior.

<html.> <head> <title> Lista de Expositores </title> </head> <body bgcolor="navy"? <font face="arial" color="yellow" size="+14";, <p align="center"><b?Lista de Expositores</b></p? <table width= "100%" border="l" align="center"> <tr> <td><pre><font face="arial" color="white">ABB SISTEMAS</pre></font></td> <td><pre><font face="arial" color = ~'white">DES-TA-CO</pre><~€ont></td>

32

Page 35: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

c/tr> <tr> <td><pre><font <tdxpre><font <td><pre><font <td><pre><font </tr> <tr> <td>ipre><font <td><pre><font <td><pre><font <td><pre><font </tr> Ctr? <td><pre><font <td><pre><font <td><pre><font <td><pre><font </tr:> <tr> <td><pre><font

face="arial" color="white">AG ELECTRONICA</pre></font></td> face="arial" color = "white">DRESSER VALVULAS</pre></font></td> face="arial" color = "white">ISEL</pre></font></td> face="arial" color = "white">REVISTA MANUFACTURA</Fre></font></td>

face="arial" color="white">APPLICON</pre></font></td> face="arial" color = "white">E.G.S. ELECTRICAL</pre></font></td> faCe="arial" color = "white">ITISA</pre></font></td> face="arial" color = "white">RITTAL</pre></font></td>

face="arial" color="white">APPLIED POWER / PRODUCCION Y AUTOMATIZACION </pre></fontx/td> <td><pre><font face="arial" color = "white">EL FINANCIERO</pre></font></td> <td><pre><font face="arial" colcr = "white">KERPEN WERKc/pre></fcnt></td;~ <td><pre><font face="arial" color = "white">ROCKWELL AUTOMATION</pre></font></td> </tr> <tr> <td><pre><font face="arial" color="white">ASCOMATICA</pre></font></td> <td><pre><font face="arial" c o l o r = "white">ELECTROMECANICA LOVATO</pre></fontx/td> <td><pre><font face="arial" color = "white">KEY ISNTRUMENTS</pre></font></td> <td><pre><font face="arial" color = "white">ROCKWELL SOFTWARE</pre></font></td> </tr> <tr> <td><pre><font face="arial" color="white">AUTOMATIZACION ESPECIALIZADA y EQUIPOS DE CONTROL</pre></font></td> <td><pre><font face="arial" color = "white">ENDRESS + HAUSSER</pre></font></td> <td><pre><font face="arial" color = "white">KISTLER MORSE</pre></font></td>

33

Page 36: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

<td><pre><font face="arial" </tr> <tr> <td><pre><font face="arial" <td><pre><font face="arial" <td><pre><font face="arial" <td><pre><font face="arial" MEXICO</pre></font></td> <:/tr> <tr> /td><pre>ifont face="arialsT AMERICAS</pre></font></td> <td><pre><font face="arial" <td><pre><font face="arial" PRODUCTS</pre></font></td> <td><pre><font face="arial" </tr>

color="white">BACHARCH</pre></font></td> color = "white">ENTRELEC</pre></font></td> color = "white">KUKA DE MEXICO</pre></font:i/td> color = "white">S M C CORPORATION

color-"white">BADGER METER DE LAS

color = "white">EPC ELECTRONIC</pre></font></td> color = "white">L&amp;N METALURGICAL

color = "white">SP.LGAR</pre>~/font></td~

<table>

<td align="center">

</table> </font>

</table>

<table width= "241" border="l" aiign="center"> <tr bgcolor="gray" align="center"> <font face="arial" color="yellow" size="+14"> <td width="23l"><font size = "+1" color = "white">Lista de expositores</td> </font> </tr> <tr bgcolor="gray" align="center"> <font face="arial" color="yellow" size="+14"> <td width="23l"><font size = "+l" color = "white"xa href= "Cursos.html">Cursos</a></font></td> </font> </tr> rtr bgcolor="gray" align="center"> <font face="arial" color="yellow" size="+14"~ <td width="23l"><font size = "+l" color = "w:?ite"><a href= "Conferencias.html">Conferencias T&eacute;cnico Comerciales</a></font></td> < / f c n t > </tr> ctr bgcolor="gray" align="center"> <font face="arial" color="yellow" size="+14"> <td width="23l"><font size = "+l" color = "white"><a href= "Seminarios.html">Seminarios</a><,!font></td> </font>

34

Page 37: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

</tr> <tr bgcolor="gray" a l ign="center"> < fon t f ace="a r i a l " co lo r="ye l low" s i z e = " + 1 4 " > < t d wid th="23 l "><fon t s i ze = "+1" c o l o r = "white">c.a href= "preregistro.asp">Registro</a,</font~</~d> < / f o n t > c / t r > <font face="ar ia l" co lor="yel low" s ize="+14"> <td width="231">

"de fau l t . h tml">Pr inc ipa l< /a></p>

< / t a b l e >

<p a l i g n = " c e n t e r " > < f o n t s i z e = "+l" c o l o r = " w h i t e " x a h r e f =

< /€on t>< / td>

La página de cursos.

La página de cursos fué creada para nuestro proyecto también con formato html estático, ya que suponemos todos ellos serán siempre los mismos.

Fig.- Página de información de cursos

35

Page 38: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

El siguiente, es el código de la página anterior.

.Chtrnl? <head> <title> Cursos </title> c/head> <body background = "../../Proyecto/Servidor/fondopq.gif"> <p align="left"> <font face="Arial" color="Navy" size="+5"> <b>Cursos</b> <br? <img src=". . / . . /Proyecto/Servidor/ISALl.gif" width="400"> </font >

<p align="left"> <font face="Arial" color="Navy":> <b>Administraci&oacute;n y Control de Proyectos de Automatizaci&oacute;n<br></b> Instructor: Ing. Jorge Rosas V&aacute;zquez (Simex)<br> Temario: Introducci&oacute;n; Fases de un Proyecto; Recursoso Humanos que lo integran;<br> Responsabilidades y Actividades involucradas; Elementos de Evaluaci&oacute;ntbr> T&eacute;cnicas de Programaci&oacute;n; Documentaci&oacute;n<br> Bases del Concurso; Evaluaci&oacute;n; Selecci&oacuten de Proveedores; Contrataci&oacute;n<br> Mantenimiento y Capacitaci&oacute;n; T&eacute;cnicas de Seguimiento.<br><br><br>

</p>

<b>Administraci&oacute;n del Mantenimiento de sistemas de 1nstrumentaciLoacute;n y Control<br></b> Instructor: Ing. Francisco Alc&eacute;rreca S&aacute;nchez<br> Temario: Introducci&oacute;n; Fundamentos; Definici&oacute;n y Clasificaci&oacute;n de Personal;<br> Responsabilidades y Actividades involucradas; Elementos de Evaluaci&oacute;n<br> Definici&oacute;n de la Filosof&iacute;a de Administraci&oacute;n del Mantenimiento;<br> 1ngenierLiacute;a del Mantenimiento; Contratos del Servicio;<br> Calibraci&oacute;n: Mantenimiento de Lazos de Control; T&eacute;cnicas de Mantenimiento.<br?<brXbr>

<b>Evaluaci&oacute;n de los Niveles de Riesgo y Confiabilidad de los Sistemas de Control<br></b> Instructor: Ing. Manuel Lara S&aacute;nchez (ARPO)<br> Temario: Introducci&iacute;n; Factor de Reducci&oacute;n de Riesgo; Modos de Falla;<br> An&aacute;lisis de Riesgo; HAZOP; Determinaci&oacute;n del Nivel de Integridad del Sistema;<br> Documentaci&oacute;n y Administraci&oacute;n del Sistema; Planeaci&oacute;n para la Aplicaci&oacute;n<br> de un Sistemas Integral de Seguridad.<br><br><br><br>

&>HORARIO DE CURSOS<br></b> 8:OO A 14:OO Hrs.<br>cbr>

<b>COSTO:<br></b> No Socios $3,15O+IVA (Incluye Membres&iacute;a por uh año)<br> Socios $2,50O+IVA<br> En caso de 2 &oacute; 3 Seminarios pregunte por el precio paquete<br> Para mayores informes y reservaciones:<br> Tels.: 5611-9916/5615-3322/5574-5733/5264-7597<br> del interior 01-800-718-4712c/font> <font face="Arial" color="Navy" size="+5"> i / p >

36

Page 39: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

<table width= "25%" border="l" align="center"> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "listexp.html">Lista de expositores</a></font></td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white">Cursos</td> </tr> <tr bgcolor="gray" align="center"> <tdi<font size = "+l" color = "white"><a href= "Conferencias .html">Conferencias T&eacute;cnico Comerciales</a>c/fcnt></t~> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+1" color = "white"><a href= "Seminarios.html">Seminarios</a></font></td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "preregistro.asp">Registro</a></ont></td> </tr> itr bgcclor="gray" align="center";> <td><font size = "+l" color = "white"><a href= "default. html">Principal</a></td> </tr> </table>

</body> </html>

La página de conferencias.

Las páginas de conferencias fué creada para nuestro proyecto también con formato html estático, ya que suponemos todos ellos serán siempre los mismos.

37

Page 40: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Fig.- Página de información de conferencias.

El siguiente, es el código de la página anterior.

<html> <head> <title> Conferencias T&eacute;cnico Comerciales </title> </head> <body background = "Fondopq. gif"> <p align="left"> <font face="Arial" color="Navy" size="+S"> <b>Conferencias</b> <br:, <img src="ISALl. gif" width="400"> <br> < / g > <p align="Left"> <font face="Arial" color="Navy" size="+l"> <b>Automatizac&iacute;on Industrial, Proyectos y Servicios<br></b> Instructor: Ing. Edgar Lug0 / Siemens<br> Fecha: Miercoles 14 de Junio Horario: 15:OO a 16:00<br><br>

<b>Calibraci&oacute;n<br></b> Instructor: Fluke Corporation / Mexicana Electr&oacute;nica Industrial<br>

38

Page 41: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Fecha: Miercoles 14 de Junio Horario: 15:OO a 16:00<br><br>

<b>Myplant con Internet y Soluciones de E'Business para su Planta<br></b> Instructor: Ing. Adri&aacute;n Phillips / Honeywell<br> Fecha: Miercoles 14 de Junio Horario 15:OO a 16:00<br><br><br>

<b>INFORMES E INSCRIPCIONES:<br></bz TELS.: 5611-9916/5615-3322/5514-5733/5264-1597<bri DEL INTERIOR 01-800-718-4712<br>cbr> CON EL ING. MA. TERESA PORTELA </p>

&nbsp; <table width= "25%" border="l" align="center"> itr bgcolor="gray" align="center"> <td><font size = "+1" color = "white"><a href= "listexp.html">Lista de expositores</td> i/tr> <tr bgcolor="gray" align="center"> <tdi<font size = "+l" color = "white"><a href= "Cursos. html">Cursos</td> </tr> <tr bgcolor="gray" align="center"> .:td><:font size = "+1" color = "white">Conferencias T&eacute;cnico Comerciales</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "Seminarios .html">Seminarios</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" c o l o r = "white"><a href= "preregistro.asp">Registro</td> c/tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"i<a href= "default. html">Principal</td> </tr> </table>

39

Page 42: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

L a página de seminarios.

La página de seminarios fué creada para nuestro proyecto también con formato html estático, ya que suponemos todos ellos serán siempre los mismos.

Fig.- Página de información de seminarios.

El siguiente, es el código de la página anterior.

<htrnl.> <head> < t i t l e > Cursos < / t i t l e ? </head> <body background = "Fondopq. gif ''> <p a l i y n = " l e f t " ? <font face="Arial" color="Navy" size="+5"> <b>Seminarios</b? <br> <img src="ISALl .g i f" width="400"> <br> </p>

40

Page 43: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

<p align="Left"> <font face="Arial" color="Navy" size="+l"> <b>Actualizaci&oacute;n de los Canales de Campo (FieldBus)<br></b> Instructor: FieldBus Foundation<br> Fecha: 13 de Junio<br><br>

<b>Rob&oacute;tica: aplicaciones Industriales<br></b> Instructor: Dr. Juan Manuel Ibarra Zannatha<br> Fecha: 14 de Junio<br><br>

<b>Medici&oacute;n de Incertidumbre<br></b> Instructor: Mr. Ron Dieckibrl Fecha: 15 de Junio<br><br><br>

<b>HORARIO DE SEMINARIOS<br></b> 9:00 A 18:OO Hrs.<br><br>

<b>COSTO:<br></b> No Socios $3,15O+IVA (Incluye Membres&iacute;a por un abo)<br> Socios $2,50O+IVA<br> En caso de 2 &oacute; 3 Seminarios pregunte por el precio paquete<br> Para mayores informes y reservaciones:<br> Tels.: 563.1-9916/5615-3322/5574-5733/5264-759?<br> del interior 01-800-718-4712<br> < /p>

<table width= "258" border="l" align="center"> <tr bgcolor="gray" align="center"> <td><€ont size = "+1" color = "white"><a href= "listexp.html">Lista de expositores</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "tl" color = "white"><a href= "Cursos. htrnl">Cursos</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a hre€= "Conferencias.html">Conferencias T&eacute;cnico Comerciales</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+1" color = "white">Seminarios</td> </tr> <tr bgcolor="gray" align="center";> <td><font size = "+l" color = "white"><a href= "preregistro.asp">Registro</td> c/trr <t.r bgcolor="gray" align="center"> <td><font s i z e = "+l" color = "white"><a href= "default .html">Principal</td> </tr> </table>

41

Page 44: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

L a página de registro.

La página de registro es una página con formato html dinámico.

42

Page 45: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Figs.- Página de registro.

El siguiente, es el código de la página anterior.

<html> <head> <title> Registro </title> </head>

<h3> FORMATO DE PRE-REGISTRO:</h3> <form action="preregistro.asp" method="post"> <table border="O"><tr> <td> Titulo: </TD> <TD><INPUT NAME="PR Titulo" SIZE="4"></td> <td> *Nombre: </TD? <TD><INPUT NAME="P~-Nombre" SIZE="15"></td> <td> *Apellido Paterno:</TD> <TD>IINPUT NAME="PR_Apellido_p" SIZE="151'></td> <td> *Apellido Materno:</TD> <TD><INPUT NAME="pR Apellido M" - SIZE-"lG"></t.d></tr> -

</table? <table><tr>

< t d > Puesto:</TD> <TD><INPUT NAME="PR-Puesto" SIZE="151'></td> <td> Compafiia: </TD> <TD><INPUT NAME="PR Comp" SIZE="72"></td></tr> -

43

Page 46: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

</table> <table><tr>

<td> Calle:</TD> cTD><INPUT NAME="PR-Calle" SIZE="50"?</td> <t.d> colonia:</^^> <TD><INPUT NAME="PR-Colonia" SIZE-"4l"></td,</tr>

</table> <table><tr> <td> Pais:</TD> <TD><INPUT NAME="PR_Pais"></td> <td> Ciudad:</TD> <TD><INPUT NAME="PR-Ciudad"></td> <td> Estado:</TD> <TD><INPUT NAME="PR_Estado"></td> <td> C. P. : </TD> <TD><INPUT NAME="PR-Cp" SIZE="15"></td></tr>

</table> <table>

<td> Lada:</TU> <TD><INPUT NAME="PR-Lada" SIZE="5"></td> <td> *Tel&eacute;fono:</TD> <TD><INPUT NAME="PR Telefono"></td> <td> Fax:</TD> <TD><INPUT NAME="PR_Fax"></td></tr>

</table> <table><tr>

<td> e-mail : </TD> <TD><INPUT NAME="PR-Correo" SIZE="45"></td> <td> Internet:</TD> <TD><INPUT NAME="PR-Internet" SIZE="45"2</td></tr>

</table?

&nbsp; <table width= "10%" border="l" > <tr align="center"> <td><font size = "+l" color = "white"?<a href= "default.html">Principal</td> </tr> </table>

<BR> <strong> ( * ) DATOS OBLIGATORIOS !</strong><BR>

<BR>

<strong>Seminarios elegidos</strong>

<table > <tr><td><input type-"checkbox" name="sl" value="on"></td><td>Actualización de los Canales de Campo (FieldBus)</td></tr> </table;>

<table > <tr><td><input type="checkbox" name="s2" value="on"></td><td>Robótica: Aplicaciones Industriales</td></tr? </table>

<table > <tr><td><input type="checkbox" name="s3" value="on"></td><td>Medición de Incertidumbre</td></tr> </table,

44

Page 47: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

itable > <tr><td><input type="checkbox" name="cu3" value="on"></td><td>Evaluación de los Niveles de Riesgo y Confiabilidad de los Sistemas de Control</td></tr> </table>

<table > <tr><td><input type="checkbox" name="cu4" value="on"></td><td>Robótica Industrial y Aplicaciones a Procesos Industriales</td></tr> </table>

<table > <tr><td><input type="checkbox" name="cu5" value="on"></td><td>Taller de Controladores L6gicos Programables</td></tr> </table>

<p >

<strong>Conferencias elegidas</strong><:p>

<table > <tr><td><input type="checkbox" name="cf 1" value="on".></td><td>Automatizaci6n Industrial, Proyectos y Servicios</td></tr> <tr:.<td><input type="checkbox" name="cf2" value="on"></td><td>CalibraciÓn</td>~/t~> <tr><td><input type="checkbox" name="cf3" value="on"></td><td>Myplant con internet y soluciones de E'Business para su planta</td></tr> </table>

<table border = "2" > <tr><td> </td><td>ib>PUESTO</b></td><td> </td><td><b>AREA</b></td></td></t~> <tr><td><input type="Radio" name="p" value=l></td><td>Director</td><td><td><input typeS"Radio" name="a" .Jalue="l"></tdi~td>Manufactura/Producci&oacute; n</td></tr> <tr><td><input type="Radio" name="p" value="2"></td><td>Gerente</td><td><input type="Radio" name="a" value="2"></td><td>Mantenimiento</td></tr> <tr><td><input type="Radio" name="p" value="3"></td><td>Ingeniero</td><td><input type="Radio" name="a" value="3"></td><tdiPlanta</td>i/tr> <tr><td><input type="Radio" name="p" value="4"></td>~td>Jefe~/td>¿td><i~pu~ type="Radio" name="a" value="4"></td><td>Diseño</td></tr> <tr><td><input type="Radio" name="p" value="5"></td><td>Asistente</td><td><input type="Radio" name="a" value="5"></td><td>Control de Calidad</td></tr> <tr><td> </td><td><b>MOTIVO DE SU VISITA</b></td>ctd><input type="Radio" name="a" value="6"></td><td>Proyectos</td></tr> <tr><td><input type="Radio" name="m" value="l"></td?<td>Adquisici&oacute;n de Sistemas/Dispositivos</td><td><input type="Radio" name="a" value="7"></td><td>Ingenieria</td></tr> <tr><td><input type="Radio" name="m" value="2"></td><td>Contactar Nuevos Proveedores</td><td><input type="Radio" name="a" value="8"></td><td>Instrumentaci&oacute;n/Automatizaci&oacute;n</td?~/tr> <tr><td><input type="Radio" name="m" value="3"></td><td>Actualizaci&oacute;n y Capacitaci&oacute;n T&eacute;cnica</td><td><input type="Radio" name="a" value="9"></td><td>Sistemas</td></tr> StrxtdXinput type="Radio" name="m" sralue="4"></td><~td>Investigar o evaluar productos</td><td><input type="Radio" name="a" value="lO"></td><td>Metrolog&iacute;a</td></tr~ <tr><td><input type="Radio" name="m" value="5"></td><td>Visitar a proveedores actuales</td><td><input type="Radio" name="a" value="ll":></td><td.~Capacitaci&oacute;ni/td></tr>

45

Page 48: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

<tr>itd?<input type="Radio" r,ame="m" value="6"? </td:<td>Inter&eacute; s general</tdXtd><input type="Radio" name="a" value="1Z1'></td><td>Ventas/Mercadotecnia</td~~/tr> <tr><td><input type="Radio" name="m" value="7"X/tdXtd>Otro</td><td><input type="Radio" name="a13" value="13"></td><td>Compras</td></tr> </table>

<br>

iinput type=SUBMIT> <input type=RESET>

</form>

Set Ob Conn-Server.CreateObject ("ADODB.Connection"j ' Se crea el objeto para la cane::.icn d e l ADO Set Ob " RS=Server.CreateObject Í"P,DODE.RecordSet.") ' Se crea el objeto Record del ADO Ob-Conn.Open "elisa" 'Se abre base de datos por medio del D S N Ob-RS.Open "Visitante", Ob-Conn, adopenstatic, adCmdTable 'Se abre tabla en la que se va a trabajar cor, propiedades para e1 rsc-rd set Ob-RS.AddNew 'Inicio para ankadir nuevo registr Ob F S ("Titulo") = Request. Fcrm("PR-Titulo") ObIRS ("Nombre") = Request. Form Í"PR-Nombre"j Ob-FS i "ApePat") = Request. Form ("PR-Apellido-.P") C!b S.S("ApeT'lai-") = Requesz.Form("PF Apellic':,. M " ) ObIF,S ("Puesto") = Request. Form ("PR~Puesto" j

Ob - RS ("Compania") = Request. Form("PR-Comp") Ob-RS ("Pais") = Request. Form ("PR-Pais") Ob-RS ( "Uireccion") = Request. Form ("FR-Cal;e") Db F.5 ("Colonia") = Request. Fnrm ( "PR zolonia") ObIIEcS ( " C i u d a d " ) = Request. Form ( "PR__Ciudad") Ob-RS ("Estado") =: Request. Form ("PR-Estado") Ob-RS ("CP") = Request. Form ("PR-Cp") Ob-FS ("Lada") = Request. Form ("PR - Lada") Ob PS ("Telefono") = Request. F~srm. ["PR Teiefon2") ObIRS ( "Fax") = Request. Form ("PR-Fax"7 Ob-RS ("EMail" j = Request. Form ("PR-Corre.3") Ob-RS ("Dirlnternzt") = Request. Form ("PR-Internet"; Ob - RS.iJpdate 'Se actualiza ia bese de datos Ob " P S . C l o e 'Se cierra el r e c o r d s e t

nomhrecitn = Request. Forn? ("PR-Nombre") apelliditol = Request. Form ("PR-Apellido-P") apellidito2 = Request. Form ("PRApellicio""!

"

"

qry?"'SeleCt h..e'v7isit FROM Visitante Where. ?JomSre="' & nr;mbr-cito & " ' UJD Ap&>at - , I , - & apeliiditol d ' I ' AND ApeMat = I " & apellidito2 6. ' ' t r '

46

Page 49: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

If Req~,?esr Form (l's2") = "or,'? Then

Se t Ob-Conn=Server .Crea teob jec t ["ADODB. Connection") ' Se c r e a el objeto

Se t Ob-RS=Server.CreateObject ("ACODB.RecordSet"I ' Se c r e a e l o b j e t o

C'b Conn.ISpen " e i i s a " ' S e a b r e base cie datos p c r nedic: d e l ES!\J Ob RS .Open "PreRegistro" , Gb-Conn, a d o p e n s t a t i c , adCmdTable ' S e a b r e t a b l a

en l a que se va a t r a b a j a r con propiedades para e l r e c o r d s e t Ob-RS.AddNew ' I n i c i o p a r a a n i a d i r nuevo r e g i s t r

para la conexion dij? ADO

Record d e l ADO

-

-

Ob-RS ("C=/e'Jisit"j = i d v i s i t Ob p,S ( "C\vreE.vTents" ) =

Ob_-RS ("FechaFreReg") = now 0b-RS.Update 'Se a c t u a l l z a l a bAse de d a t o s Ob_-RS.Close ' S e c i e r r a e l r e c o r d s e t

-

End I €

If ?,equc:srL.Focm;":1.!ll": = "5"" Th")

S e t Oh_Conn=Server.CreateObject ("ADOUB.Conrlection") ' Se c r e a e l o b j e t o

S e t Ob-RS=Server .Creat,eObjest (,"ADrJDB. RecordSet") ' S e c r e a e l objeto

Ob I o n n . D p e n " e l i s a " ' S e a b r e base d e d a t o s por medio del DSN ObrRS.Open "FreRegis t ro" , Ob-Conn, a d o p e n s t a t i c , adCmdTable 'Se ab re t a b l a

en la que se l id a t - r a b a j a r con propiedades para el. record set Ob-RS.AddNew ' I n i c i o para a n i a d i r nuevo r e g i s t r

p a r a l a c o n e x i o n d e l ADO

Record de! ADO

Ob-RS ("CveVis i t " ) = i . d V i s i t Ob ? S ( " C T ~ T ~ E T J ~ ~ ~ ~ " ) = 2

- Cb-RS ("FechaPreReg") = now

47

Page 50: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

C!b__RS.'uTpdste 'Se actual;;a la bAse de datc,s Ob-RS.Close 'Se cierra e l recordset

- .

End If

If Reiluest.F~?rmi"cul": = Y-n" d l l Then Set Ob-Conn=Server.CreateObject("ADODB.Connection") Se crea el objeto

Set Ob-RS=Server.CreateObject i"ADODB.RecordSet") ' Se crea el objeto

~b Conn.L'pen "eliss" 'Se s b r e base ,3e datos por medio de! DSN Ob-RS .Open "PreRegistro", Ob--Corm, adOpenStatic, adCrndTable 'Se abre tabla

en ;a que se va a trabajar con propiedades para el record set Ob-RS.AddNew 'Inicio para aniaclir nuevo re9ist.r

pard l a conexion del ADO

Record d e l ADO -

0 b - P ~ ("cvevisit"j = idvisit u.- "h Rs ( "qzxJeEx:epLtc" j = 3 0b"RS ("FechaPreReg"i = now Ob RS.Update 'Se actualiza la bAse ,de datos Ob-RS.Ciose 'Se cierra el recordset

-.

-

End If

Tf L A Requesr..Form('~cul?"'~ == "on'?

Set Ob--Conn=Server.CreateObject !"ADODB.Connectiori"i ' Se crea el objeto

Set Ob-KS=Server .Createobject ("ADOCB.RecordSet"j ' Se crea el objeto

,3b - Con::.Open "elisa" 'Se abre base de d a ~ o s por rnedio del ?SS!'! Ob_RS.Open "PreXegistro", Ob Conn, adOpenStatie, adCmdTable 'Se abre tabla

en la que SF. va a trabajar con propiedades para el record se t Ob-KS.AddNew 'Inicio p a r a aniaci i r nuevo reyistr

(ib KS ["Cve"Ivento",! = 4 0b::IIS ("FechaPreReg") = now Ob_RS.Update 'Se acLualiza la bAse de datos Ob-RS.Close 'Se cierra el recordset

para la conexion del ADO

Record del ADO

-

Qb - RS ( , " C v e V i s i t " ) = idvisit

End If

48

Page 51: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

If Request.Formj"cfl"! = '"q" ,,' ?her; Set Ob-Conn=Server.CreateObject ("E;DODB.Connect , ion") Se crea el objeto

Set Ob RS=Servor.CreateObject ("ADODR.RecordSet") Se crea el o b j e t o

(jb Cor:n.Open "elisa" 'Se abro base d e datos por m e d i c d e 1 D N 0isrRS.Open "PreRegistro", Ob-Conn, adOpenScatic, adCmdTable 'Se abre t-abla

en 1.a que se va a trabajar on propiedades para el record se t Ob-RS.AddNew 'Inicio para aniadir nuevo registr

p a r a la conexion del ADO

Record del Al%

Ob - RS ("CveVisit") = idvisit Ob ?.S ("C?-reE\?ent-") = 12 - Ob-RS ("FechaPreReg") = now Ob._RS.Update 'Se actualiza l a bAse de datos Ob-RS.Clcse 'Se cierra el recordset

End Lf

If Req"est. Forrr; ("cf:!") = ",3nl) Then Set Ob Conn=Server.CreateObject("AnODB.Ccnne~tion") ' Se crea el o b j e t o

Set Oh-RS=Server.CreateObject ("ADIZJDB. RecordSet") ' Se crea el objeto

O b - Conn.9pen "elisa" 'Se abre base 3e d 3 t c . s por medic d e l ESE Ob__RS .Open "PreRegistro", Ob-Conn, adopenstatic, adCmdTable 'Se abre tabla

en l a que SE? va a trabajar con propiedades para el record s e t Ob-RS.AddNew ' I n i c i o para aniadir :~ue-vo r e g i s t r

para l a conexicn d e l ADO

Record del ADO

-

Ob RS ("CveVisit") = idvisit p" ("CveE~;~nt(?") = 11 -

Ob RS("FecnaPreReg") = now Ob_RS.Update ' S e actualiz,a la bAse de d a t o c 9b-RS.Close 'Se cierra el recordset

-

."

End If

pcesro = Request. Fcrch:"p"j area = Request . Forin í"a")

49

Page 52: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

set ob Cnnn=Serv2r .CreateObjec t :"ACOCB.Connection") S e crea si objeto p a r a

S e t Ob-RS=Server.CreateObject i"ADODB.Recorc!Set"! ' Se crea el o b j e t o Record

Ob Conn. Open "elisa" 'Se abre base de datos por medio del IjSN 05 RS.*3per, "Encuesta", C!b Co::n, adOpenStatic, arjCmdTable 'Se abre T:abl<> en ia

qus se- va a trabajar con propiedades para el record set Oh_RS.AddNew 'Inicio para aniadir nuevo reuistro

Ob-RS ("CveE'~ent_o") = 1

ObzRS ("CveArea") = area Clb RS ("CveMotVisita") = mgtivo (.X-KS.Update 'Se actualiza la bAse de d a t o s ObIRS.Close 'Se cierra el recordset

la conexion del ADO

del ADO

- -

0b"RS ("CveVisit"; = idvisit

p\s ("Q"TD_plJ,sto") -1>osto ruL

<table wid th= "25%" border="l" align="center"> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "listexp.html">Lista tie expositores</td> </tr> <.tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "Cursos .htrnl">Cursos</tdi </tr> <tr bgcolor="gray" align="center"> <tti><font size = "+1" color = "white"><a href= "Conferencias.html">Conferencias T&eacute;cnico Comerciales</td> </tr> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a href= "Seminarios.html">Seminarios</td> </tr>

<tr bgcolor="gray" align="center"> <td><font s i z e = "+l" color = "white"><a href= "default .html">Principal</td> </tr> </table>

50

Page 53: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

La página de consulta de visitantes.

Fig.- Página de consulta de visitantes.

El siguiente, es el código de la página anterior.

< h t m l > <head>

</head> <body bgcolor="#EFEFEF" >

<title>Listado de una tabla de una base de datos en access</title>

<h3></h3> <div align-"center">Consulta a l a tabla <b>"Visitante"</b></div>

Set O'c Conn-Ser~~er.CreateObject ( " A D O T ~ R . C o n n e c t i c n " ) ' Se crea el objeto para la cone:<iun del ADO

~-

51

Page 54: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

Cb C:onr, .Ope:: " e l i s a " ' S c conec~;; a :.a basc d e Üatos ~ G Z : r , t ?~ lo d c l US?J (ODtlC de si s t.ema 1 Set Ob_RS-Ob_Conn.Execute ( " S e l e c t * FROM Vis i tan7.e" ) ' Se ejecuta una s e n t e n c i a SQL

. . -

'

<table align="center" border=" l ">

<tr>

<td align="center"><b>CveVisit</td> <td align="center"><b>Nombre</b></td> <td align="center"><b>Apellido Paterno</b?</td> < t d align="center"><b>Apellido Materno</b></td> <td align="center"><b>Puesto</b></td> <td align="center"><b>Compadia</b></b></td> <td align="center"~<b>Telefono</b></td~

</tr>

ctd align="center">: I =

<td><, = Ob RS ("NGnbre" <td>-: = Ob-RS - ( " A p e P a t " <td>< = O b RS("ApeMat" <td>< -= Ob.-% I"Puesto"

i

< / t a b l e >

<br><br> <table width= "25%" border="l" align="center"> <tr bgcolor="gray" align="center"> <td><font size = "+l" color = "white"><a k e f = "default.html">Principal</td> </tr> </table>

52

Page 55: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

CONCLUSIONES:

Se obtuvo la automatización de el registro de visitantes, ya que con el sistema implementado, únicamente es necesario tener funcionando el servidor para que cualquier persona, desde una computadora remota, a cualquier hora, pueda registrarse, ingresando su información en el formulario y enviándola al servidor. Con esto, no es necesario tener personal registrando a los visitantes todo el tiempo. La información es obtenida vía remota y puede también ser consultada remota o localmente a la hora que se requiera.

La información además está actualizada en todo momento, con lo que no es necesario llevar a cabo requisiciones de los reportes de diferentes fuentes, sino que únicamente de la base de datos que contiene toda la información.

Se instaló el sistema completo como se especifica en el presente reporte, con lo que se obtuvo la funcionalidad necesaria para el registro y consulta de visitantes, además de la consulta de encuestas y eventos. Estos tramites se realizaron de manera local en el servidor y de manera remota vía Internet. La base de datos residente en el servidor puede ingresar más información de expositores, cursos, seminarios, conferencias y demás entidades, mediante formularios residentes en el mismo servidor. La información de las encuestas puede ser consultada vía Internet, o mediante una copia de la tabla de encuesta, en un archivo, la que puede ser mandada a el expositor que la requiera, para que la pueda consultar con su manejador de bases de datos. La información de los visitantes registrados puede ser enviada al área encargada de tramitar los pases o gafetes de los visitantes, para que pueda ser impresa mediante un manejador de bases de datos, creando una plantilla o reporte con la información necesaria para dichos documentos. La misma base de datos residente en el servidor puede ser consultada para obtener cualquier información que se necesite, de la ingresada a la base de datos, mediante un manejador de bases de datos, utilizando formularios o consultas.

Como resultado de la implementación, pruebas y depuración del proyecto se obtuvo un sistema funcional y estable que puede ser implementado en algún sistema para obtener información específica, vía Internet, con las características de hardware y de software mencionadas a lo largo del presente reporte.

Con la información presentada, concluimos que se han cumplido completamente con los objetivos iniciales del proyecto.

53

Page 56: UNIVERSIDAD AUTóNOMA METROPOLITANA UNIDAD …148.206.53.84/tesiuami/UAM1787.pdf · La diferencia entre los formatos HTML dinámico y estático ... 0 Un interprete o ... 0 Un compilador

BIBLIOGRAFÍA:

C.J. Date Introducción a los sistemas de bases de datos. Ed. Addison Wesley 5". Edición

Wiederhold Database Design Ed. Mc. Graw Hill 2". edición

HTML Dinámico, ASP y JavaScript a través de ejemplos. Jesús Bobadilla, Alejandro Alcocer, Santiago Alonso, Abraham Gitiérrez. Editorial Alfaomega Edición 2000

Diseño de páginas Web Jaime Peña, Ma. Del Carmen Vidal Editorial Anaya Multimedia Edición 2000

Páginas Web:

www.microsoft.com

www.webdesianer.com

54