Y SEMINARIOS, VIA INTERNET, MEDIANTE UNA

(1)

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

(2)

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

(3)

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

(4)

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

. .

(5)

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

(6)

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 l o 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.

(7)

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

(8)

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

(9)

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.

(10)

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

(11)

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.

(12)

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

(13)

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

(14)

+

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.

(15)

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.

(16)

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

(17)

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 TIPO NULL DESCRIPCI~N

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 _Carácter(5) _{Código postal}

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

(18)

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

CAMPO TIPO NULL DESCRIPCION

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 TIPO NULL DESCRIPCI~N

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 Numérico Not Null Número de lugares disponibles para el

evento

costo Moneda Costo para asistir al evento

StatusEv

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

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

(19)

'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

Estado

Ciudad

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.

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 Numérico Not Null Capacidad del salón

Nombre de la tabla: Pre-registro

Descripción: Prerregistro de visitantes a eventos dentro de la EXPO.

r"

CAMPO NULL TIPO DESCRIPCION

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

(20)

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

CAMPO TIPO DESCRIPCION NULL

CveEvento Numérico Not Null Clave del evento

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

(21)

E L E C C I ~ 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.

(22)

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.

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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.

(30)

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.

(31)

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.

(32)

El siguiente, es el código de la página anterior. <html> <head> <title> Introduccion </title> </head-.

Conferencias, Cursos y Seminarios</font>

i / p >

<img src=".

.

/ .

.

/Proyecto/Servidor/ISAL2 .gif" width="196" hei.ght.="247">

<br?

<img src=". . / .

.

/Proyecto/Servidor/ISAL4 .gif" width="200">

<font face="Arial" color="Navy" size="+l"> Junio 13 al 15 del 2001ibr>

World Trade Center<br>

Ciudad de México</font>

HORARIO DE EXPOSICI&OacuteN:<br> 12:OO A 20:OO hrs<br><br>

<b>

APLICACÍON DE LA INSTRUMENTACIÓN Y LOS <br>

SISTEMAS DE CONTROL PARA LA AUTOMATIZACIÓN <br>

INTELiGENTE DEL SIGLO XXI<br> </P>

</p>

</'o> </P>

<td><font size = "+l" color = "white">La exhibición de los mejores

sistemas de</td> </tr>

<td><font size = "+l" color = "white">Instrumentación, Control,

Automatizaci&oacuten y</td>

</tr>

<td><font size = "+l" color = "white">Robótica Industrial en

Latinoamérica.</td></tr> </table>

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>

(33)

<td><font size = "+l" coicr = "white"><a href= "Conferencias.html">Conferencias Técnico Comerciales</a></font></td>

</tr>

<td><font size = "+l" color = "white"><a href= "Seminarios.html">Seminarios</a></fon~></td> </tr;.

<td><font size = "+l" color = "white"><a hre€= "preregistro.asp">Registro</a></font></t~~ </tr>

<td><font size = "+l" color = "white"><a href= "convisit.asp">Consulta de

Visitantes</a></€ont></td> </tr>

<td><font size = "+l" color = "white">Principal</td> </tr>

(34)

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"?

(35)

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>

(36)

<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&N METALURGICAL

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

<table>

</table> </font>

</table>

<td width="23l"><font size = "+1" color = "white">Lista de expositores</td>

</font> </tr>

<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écnico Comerciales</a></font></td>

< / f c n t >

</tr>

ctr bgcolor="gray" align="center">

<td width="23l"><font size = "+l" color = "white"><a href= "Seminarios.html">Seminarios</a><,!font></td>

(37)

</tr>

< t r b g c o l o r = " g r a y " a l i g n = " c e n t e r " >

< f o n t f a c e = " a r i a l " c o l o r = " y e l l o w " s i z e = " + 1 4 " >

< t d w i d t h = " 2 3 l " > < f o n t s i z e = "+1" c o l o r = " w h i t e " > c . a h r e f =

"preregistro.asp">Registro</a,</font~</~d>

< / f o n t >

c / t r >

< f o n t f a c e = " a r i a l " c o l o r = " y e l l o w " s i z e = " + 1 4 " > < t d w i d t h = " 2 3 1 " >

" d e f a u l t . h t m l " > P r i n c i p a 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 =

< / € o n t > < / t d >

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.

(38)

El siguiente, es el código de la página anterior. .Chtrnl? <head> <title> Cursos </title> c/head>

<font face="Arial" color="Navy" size="+5"> <b>Cursos</b>

<br?

<img src=".

.

/ .

.

/Proyecto/Servidor/ISALl.gif" width="400">

</font >

<b>Administración y Control de Proyectos de Automatización<br></b>

Instructor: Ing. Jorge Rosas Vázquez (Simex)<br>

Temario: Introducción; Fases de un Proyecto; Recursoso Humanos que lo

integran;<br>

Responsabilidades y Actividades involucradas; Elementos de Evaluacióntbr>

Técnicas de Programación; Documentación<br>

Bases del Concurso; Evaluación; Selecci&oacuten de Proveedores; Contratación<br>

Mantenimiento y Capacitación; Técnicas de Seguimiento.<br><br><br>

</p>

<b>Administración del Mantenimiento de sistemas de 1nstrumentaciLoacute;n y Control<br></b>

Instructor: Ing. Francisco Alcérreca Sánchez<br>

Temario: Introducción; Fundamentos; Definición y

Clasificación de Personal;<br>

Responsabilidades y Actividades involucradas; Elementos de Evaluación<br>

Definición de la Filosofía de Administración del

Mantenimiento;<br>

1ngenierLiacute;a del Mantenimiento; Contratos del Servicio;<br>

Calibración: Mantenimiento de Lazos de Control; Técnicas de

Mantenimiento.<br?<brXbr>

<b>Evaluación de los Niveles de Riesgo y Confiabilidad de los Sistemas de

Control<br></b>

Instructor: Ing. Manuel Lara Sánchez (ARPO)<br>

Temario: Introducciín; Factor de Reducción de Riesgo; Modos de

Falla;<br>

Análisis de Riesgo; HAZOP; Determinación del Nivel de Integridad

del Sistema;<br>

Documentación y Administración del Sistema; Planeación para la Aplicació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ía por uh año)<br>

Socios $2,50O+IVA<br>

En caso de 2 ó 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>

(39)

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

expositores</a></font></td> </tr>

<td><font size = "+l" color = "white">Cursos</td> </tr>

<tdi<font size = "+l" color = "white"><a href= "Conferencias .html">Conferencias

Técnico Comerciales</a>c/fcnt></t~>

</tr>

<td><font size = "+1" color = "white"><a href= "Seminarios.html">Seminarios</a></font></td> </tr>

<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.

(40)

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

Conferencias Técnico Comerciales </title>

</head>

<font face="Arial" color="Navy" size="+S"> <b>Conferencias</b>

<br:,

< / g >

<b>Automatizací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ón<br></b>

(41)

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á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>

<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>

<tdi<font size = "+l" color = "white"><a h r e f = "Cursos. html">Cursos</td> </tr>

.:td><:font size = "+1" color = "white">Conferencias Técnico

Comerciales</td> </tr>

<td><font size = "+l" color = "white"><a href= "Seminarios .html">Seminarios</td>

</tr>

<td><font size = "+l" c o l o r = "white"><a href= "preregistro.asp">Registro</td> c/tr>

<td><font size = "+l" color = "white"i<a href= "default. html">Principal</td>

(42)

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.

<htrnl.> < h e a d > < t i t l e >

Cursos

< / t i t l e ?

</head>

< p a l i y n = " l e f t " ?

< f o n t f a c e = " A r i a l " c o l o r = " N a v y " size="+5">

<b>Seminarios</b? < b r >

(43)

<b>Actualización de los Canales de Campo (FieldBus)<br></b>

Instructor: FieldBus Foundation<br>

Fecha: 13 de Junio<br><br>

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

<b>Medició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ía por un abo)<br>

Socios $2,50O+IVA<br>

En caso de 2 ó 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>

<td><€ont size = "+1" color = "white"><a href= "listexp.html">Lista de expositores</td>

</tr>

<td><font size = "tl" color = "white"><a href= "Cursos. htrnl">Cursos</td> </tr>

<td><font size = "+l" color = "white"><a hre€= "Conferencias.html">Conferencias

Técnico Comerciales</td> </tr>

<td><font size = "+1" color = "white">Seminarios</td> </tr>

<td><font size = "+l" color = "white"><a h r e f = "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>

(44)

L a página de registro.

(45)

Figs.- Página de registro.

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

<h3> FORMATO DE PRE-REGISTRO:</h3>

<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>

(46)

</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>

<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>

<table>

<td> *Teléfono:</TD> <TD><INPUT NAME="PR Telefono"></td> <td> Fax:</TD> <TD><INPUT NAME="PR_Fax"></td></tr>

</table> <table><tr>

<td> Internet:</TD> <TD><INPUT NAME="PR-Internet" SIZE="45"2</td></tr> </table?

<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>

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

</table;>

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

</table>

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