Internet, el instrumento esencial de la diplomacia del siglo XXI

INTRODUCCIÓN A LAS BASES DE DATOS

1 - Introducción a las páginas dinámicas

Las páginas dinámicas son páginas HTML generadas a partir de lenguajes de programación
(scripts) que son ejecutados en el propio servidor Web.

Este código HTML puede ser modificado, por ejemplo, en función de una petición realizada
por el usuario en una base de datos. Dependiendo de los resultados de la consulta en la base de datos,
se generará un código HTML u otro, mostrando diferentes contenidos.

¿En qué me puede beneficiar usar páginas dinámicas?

Las páginas dinámicas con acceso a datos permiten interactuar con la información de una base
de datos ya sea para obtener información y mostrarla al usuario o bien para actualizar su contenido.

Son muchas las aplicaciones de este concepto en los sistemas de información actuales. Por
ejemplo, una empresa que vende sus artículos por Internet debe disponer de páginas en las que se
visualicen los datos de sus productos, disponibilidad, precio, etc. y almacenar los pedidos de sus
clientes. Al tratarse de información en continua actualización, la presencia de una base de datos y su
consulta dinámica se hacen indispensables.

Las páginas dinámicas nos pueden ayudar a gestionar más fácilmente los contenidos de nuestro
sitio Web y a interactuar con bases de datos.

Las páginas dinámicas también nos pueden ayudar en la administración y capacitación de

personal para actualizar las páginas Web. Al tener una base de datos, la actualización de las páginas
toma menos tiempo ya que la manipulación del código HTML es mínima. Mediante un gestor de base
de datos (el cual veremos mas adelante) uno puede actualizar múltiples páginas y una mayor cantidad
de contenido desde la página del administrador de la base de datos.

¿Qué se necesita para tener páginas Web dinámicas?

1. Base de datos (Structured Query Language o SQL – Microsoft Access)

2. Servidor Web (Internet Information Server o IIS - APACHE
3. Páginas dinámicas (ASP)

Introducción a las bases de datos -1 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

¿Cómo funcionan las páginas Web con base de datos?

Base de Datos – Toda la información dinámica de nuestras páginas está almacenada dentro de la base
de datos. Existen varios tipos de bases de datos pero las más comunes son SQL (Structured Query
Language) y Microsoft Access. La diferencia entre estas dos está en la cantidad de datos que
necesitamos almacenar. Microsoft Access tiene una capacidad mínima de datos que puede almacenar
en comparación con SQL, el cual tiene una mayor capacidad de almacenamiento.

Servidor Web – El servidor Web es el centro de comunicación entre la base de datos, los
administradores de las páginas dinámicas y el Internet.

Páginas Dinámicas – Las páginas dinámicas sirven como herramienta para actualizar los datos de la
base de datos en el servidor Web.

Introducción al diseño de páginas Web -2 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

¿Cuáles son los principales tipos de páginas dinámicas?

Las páginas dinámicas se ejecutan en el propio servidor Web. Por lo tanto, dependerán del tipo
de servidor de que dispongamos. Por ejemplo, si disponemos de un servidor con Microsoft Windows
Server, generalmente encontraremos un servidor Web Internet Information Server (IIS) que ejecuta
scripts Active Server Pages (ASP). Aunque esto no es siempre así, porque actualmente hay paquetes
de software que ejecutan todos los scripts en todos los servidores, siempre estaremos condicionados
por los lenguajes diseñados especialmente para cada sistema operativo.

• CGI: Abreviatura de Common Gateway Interface. Se trata de un estándar para la interacción

entre aplicaciones externas y servidores Web. Gracias a ello, podríamos adaptar cualquier
programa que hayamos realizado en cualquier lenguaje para que interactúe con nuestro
servidor. Sin embargo, Perl se ha convertido en el lenguaje más popular para desarrollar
aplicaciones CGI, aunque también se suele utilizar C, C++ ó Fortran.
• PHP: Lenguaje script de código abierto. Ampliamente utilizado sobre el servidor Web Apache.
• ASP: Lenguaje script creado por Microsoft para su servidor Web Internet Information Server
(IIS), y basado en Visual Basic Script. La última versión 'ASP.net' forma parte del Framework
'.net'.
• JSP: Lenguaje script creado por Sun, basado en la tecnología Java. No es necesario que el
usuario disponga de la máquina virtual de Java ya que ésta se encuentra en el servidor que crea
las páginas HTML. Tiene poco que ver que los applets de Java, y nada que ver con JavaScript.
Los scripts JSP son un caso particular de los servlets.

2 - Páginas dinámicas con Active Server Pages (ASP)

ASP o Active Server Pages es una tecnología de Microsoft, como CGI, que permite crear
páginas dinámicas del lado del servidor usando lenguajes como VBScript o JavaScript. Tiene algunos
objetos incluidos que pueden ser usados para guardar y ver variables, tomando información enviada
por un usuario, tomando información del mismo servidor, y por supuesto escribir HTML basado en
esta información. ASP también permite ejecutar objetos que proveen acceso a bases de datos
compatibles con ODBC a través de ADO (Active X Data Objects) o componentes específicos que
proveen cualquier función o servicio que se pueda programar en Windows.

ASP no es un lenguaje, si no que utiliza lenguajes como VBScript o JavaScript expandiendo

sus capacidades normales y expone objetos para ser usados en la programación Web.

¿Qué puedo crear con ASP?

ASP puede ser utilizado para crear páginas dinámicas e interactivas que no requieren mucha
programación del lado del cliente. Si se quiere calcular, validar o manipular dinámicamente la entrada
o salida de datos entre el servidor y el usuario, ASP hará eso. Como ASP corre en el servidor y nunca
llega al navegador, el HTML resultante puede ser sencillo pero altamente manipulable.

Introducción a las bases de datos -3 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Estas son algunas de las cosas que se pueden hacer con páginas dinámicas ASP:

- Libro de visitas
- Listado de directorio
- Búsqueda rápida de información dentro de la base de datos
- Estadísticas de datos
- Noticias
- Administración de enlaces

¿Qué servidores soportan ASP?

El servidor nativo de ASP es el IIS (Internet Information Server) de Microsoft, pero existen
otras compañías que proveen soporte para ASP en servidores fuera de IIS, como lo es Chilisoft
(www.chilisoft.com) que tiene un producto llamado Chilisoft ASP que provee soporte para una gran
variedad de servidores como Apache, Lotus, Netscape, O'Reilly, Sun Solaris e IBM AIX, entre otros.

Introducción al diseño de páginas Web -4 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

3 - Ejemplo de una página dinámica

Para este seminario se ha creado una página de ejemplo, la cual contiene información dinámica
generada mediante una base de datos. La función de esta página de ejemplo es informar sobre los
diferentes tipos de información que pueden ser ingresados a una base de datos para su mejor
mantenimiento.

Los recuadros en rojo muestran la información generada mediante una base de datos:

- Discursos
- Enlaces
- Noticias

Introducción a las bases de datos -5 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

3.1 – Discursos

Al hacer pinchar en el enlace “Discursos” dentro de la página principal llegamos a la siguiente

página:

Las opciones que vemos en esta página también han sido generadas mediante una base de
datos. Estas opcio nes pueden ser editadas, borradas o incluso se puede agregar otra opción para los
discursos. Todo esto, mediante el gestor de base de datos.

Introducción al diseño de páginas Web -6 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Si elegimos la primera opción, ASAMBLEA GENERAL, nos lleva a la siguiente página:

En esta página vemos los dos sectores que ha n sido generados mediante base de datos:

- Listado de los períodos de sesiones con sus respectivas comisiones

- Índice general de los períodos de sesiones

Éste último nos sirve como un archivo de todos los períodos de sesiones antiguos. Más adelante
veremos cómo agregar nuevos períodos de sesiones y comisiones.

Introducción a las bases de datos -7 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Si elegimos la primera opción ASAMBLEA GENERAL - PLENARIO nos lleva a la

siguiente página :

Esta página nos muestra la información básica sobre el respectivo discurso (ejemplo: “Período
de Sesiones 60 (2005), Asamblea General – Plenario ). Y también nos muestra un listado de todos los
discursos que corresponden a este período de sesiones.

Introducción al diseño de páginas Web -8 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Si elegimos el primer título del discurso, nos lleva a la página con todos los detalles del
respectivo discurso:

Introducción a las bases de datos -9 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

3.2 - Enlaces

Al pinchar en el enlace “Enlaces” dentro de la página principal llegamos a la siguiente página:

En esta página vemos las dos secciones que son generadas automáticamente por la base de
datos:
- Índice de los tipos de enlaces en orden alfabético
- Listado de enlaces agrupados por tipo

Introducción al diseño de páginas Web - 10 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

3.3 - Noticias

Al pinchar en el enlace “Noticias” dentro de la página principal llegamos a la siguiente página :

En esta página vemos las dos secciones que son generadas automáticamente por la base de
datos:
- Índice de los tipos de noticias en orden alfabético
- Listado de noticias agrupadas por tipo

Introducción a las bases de datos - 11 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

4 – Gestor de páginas dinámicas con base de datos

Toda la información dinámica puede ser controlada desde un solo lugar. Esto reduce el tiempo
empleado para actualizar una página Web y es una herramienta para poder trabajar en equipo.

Para acceder al gestor de páginas dinámicas necesita ir a este enlace:

http://www.un.org/spanish/Depts/dpi/seminario/basedatos/login.asp

Usar esta información para ingresar:

Usuario: admin.
Contraseña : admin.

Introducción al diseño de páginas Web - 12 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Al ingresar vera el menú principal del gestor:

En esta página vemos dos menús :

Un primer menú de arriba donde tenemos las opcio nes siguientes:

- Página Principal – Este enlace nos lleva a la página dinámica de ejemplo.

- Gestor de Base de Datos – Este enlace nos devuelve a esta página de la base de datos.
- Terminar Sesión – Este enlace nos lleva fuera del gestor de base de datos desde donde
podemos introducir nuestro nombre de usuario y contraseña.

Un segundo menú de abajo donde tenemos:

- Administrar Usuarios

La página del administrador del GESTOR DE BASE DE DATOS está dividida en dos partes:
CONTENIDOS y CATEGORÍAS. Dentro de los contenidos vemos los tres sectores de nuestra
página ejemplo:

- Discursos
- Noticias
- Enlaces

Introducción a las bases de datos - 13 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Y dentro de CATEGORÍAS vemos todas las opcio nes o datos que podemos modificar para
cada contenido. (Es aquí donde podemos agregar una nueva comisión, sesión, órgano, fuente de noticia
o tipo de enlace).

Dentro de cada sector podemos adicionar, editar, borrar, o ver todos los datos de la
información dinámica de nuestra página.

4.1 - Gestor – Discursos

Dentro de CONTENIDOS – Discursos elegimos Adicionar, el cual nos lleva a la siguiente

página:

En esta página podemos introducir los datos para un nuevo discurso:

Órgano – Contiene el listado de órganos (Asamblea General, ECOSOC, Consejo de Seguridad).

Introducción al diseño de páginas Web - 14 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Sesión – Este campo sólo se aplica a la Asamblea General. Al escoger Asamblea General este campo
se hará visible.

Comisión – Este campo se aplica a la Asamblea General y al ECOSOC.

Fecha – Fecha del discurso.

Autor – En este campo se puede introducir el autor del discurso.

Título – Esta es la descripción que aparecerá en la página principal y en todos los listados de discursos
ya sean para la Asamblea General, el ECOSOC o el Consejo de Seguridad.

Anotación – Cualquier anotación del discurso.

Texto – Dentro de este campo se puede topear o copiar el discurso en su totalidad.

Para finalizar, una vez introducido el discurso, presione en el botón ADICIONAR. Al hacerlo
iremos a la página siguiente, la cual nos da un listado de todos los discursos introducidos:

En este listado se puede ver el título de todos los discursos ordenados por fecha de adición. Éste
mostrará siempre el último discurso introducido como el primero de la lista.

Introducción a las bases de datos - 15 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Desde este listado observamos que podemos Editar, Borrar y Ver el discurso.

La opción Ver funciona como una herramienta de confirmación ya que podremos visualizar
cómo se verá el discurso ingresado inmediatamente después de haber sido editado o agregado.

4.2 - Gestor – Noticias

Dentro de nuestro menú de arriba elegimos GESTOR DE BASE DE DATOS.

Luego, dentro de CONTENIDOS – Noticias elegimos Adicionar, que nos lleva a la siguiente
página:

En esta página podemos introducir los datos para una nueva noticia.

Fuente de noticia – Contiene el listado de fuentes de noticias (Este listado puede ser editado dentro de
la sección Categorías de nuestro gestor de base de datos).

Fecha – La fecha de la noticia.

Título – Título descriptivo de la noticia donde podemos ingresar el lugar, u otro dato relacionado con
la noticia.

Introducción al diseño de páginas Web - 16 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Dirección Web de Noticia – En este campo podemos ingresar el link de la página Web que contiene la
noticia que queremos publicar.

Para finalizar, una vez introducida la noticia, presione en el botón ADICIONAR. Al hacerlo
iremos a la página siguiente, la cual nos da un listado de todas las noticias introducidas:

En este listado se puede ver el título de todas las noticias ordenadas por fecha de adición. Éste
mostrará siempre la última noticia introducida como la primera de la lista.

Desde este listado observamos que podemos Editar, Borrar y Ver la noticia.

La opción Ver funciona como una herramienta de confirmación ya que podremos visualizar el
enlace directo de la noticia inmediatamente después de haber sido editada o agregada.

4.3 - Gestor – Enlaces

Dentro de nuestro menú de arriba elegimos GESTOR DE BASE DE DATOS.

Luego, dentro de CONTENIDOS – Otros Enlaces elegimos Adicionar, que nos lleva a la
siguiente página :

Introducción a las bases de datos - 17 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

En esta página podemos introducir los datos para un nuevo enlace:

Tipo de Enlace – Contiene el listado de tipos de enlace. (Este listado puede ser editado dentro de la
sección Categorías de nuestro gestor de base de datos).

Nombre de Enlace – Título descriptivo del enlace.

Dirección Web de Enlace – En este campo podemos ingresar el link del enlace.

Para finalizar, una vez introducido el enlace, presione en el botón ADICIONAR. Al hacerlo
iremos a la página siguiente, la cual nos da un listado de todos los enlaces introducidos:

Introducción al diseño de páginas Web - 18 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

En este listado se pueden ver los nombres de los enlaces ordenados por fecha de adición. Ésta
mostrará siempre el último enlace introducido como el primero de la lista.

Desde este listado observamos que podemos Editar, Borrar y Ver la noticia.

La opción de Ver sirve como una herramienta de confirmación ya que podremos visualizar el
enlace directo de la noticia inmediatamente después de haber sido editada o agregada.

4.4 - Gestor – Administrador de Usuarios

Dentro de nuestro menú de arriba elegimos GESTOR DE BASE DE DATOS.

Luego, dentro de nuestro menú de abajo elegimos Administrar Usuarios, que nos lleva a la
siguiente página :

Introducción a las bases de datos - 19 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

Como en todo gestor de base de datos, siempre existen uno o más usuarios. Esta última página
nos permite ver todos los usuarios los cuales tienen derecho a acceder a la base de datos y hacer
cambios.

En el listado de esta página se pueden ver el nombre del usuario y la contraseña de dicho
usuario.

Desde este listado observamos que podemos Adicionar, Editar y Borrar a un usuario. La
opción de borrar siempre nos llevará a una pantalla de confirmación. Ésta última nos mostrará los
datos del usuario que queremos borrar y nos da la opción de cancelar y regresar a este listado sin hacer
ningún cambio o borrar al usuario seleccionado.

Al elegir la opción de Adicionar Usuario, vemos la siguiente página :

Introducción al diseño de páginas Web - 20 -

Internet, el instrumento esencial de la diplomacia del siglo XXI

En esta página podemos introducir los datos para un nuevo usuario del gestor de base de datos:

Login o Usuario – Nombre que se asignara a cada usuario.

Password o contraseña – Contraseña clave para cada usuario.

Dirección – En este campo podemos introducir una descripción breve sobre el usuario. Esto permite
mantener una mejor administración de todos los usuarios que pueden acceder al gestor de base de
datos.

Para finalizar, utilizar páginas dinámicas con base de datos no sólo nos permite actualizar la
información de una fo rma centralizada sino que también nos permite mantener un mejor control de la
información de nuestra página Web para mantener una sólida presencia en Internet.

Introducción a las bases de datos - 21 -