Capítulo IV Proceso de Implementación del Sitio Web

CAPITULO IV
Proceso de Implementación del Sitio Web
En este capítulo se describen aspectos relacionados con el proceso de
implantación de la Aplicación Web en la Biblioteca de Ingeniería y
Arquitectura de la Facultad de Ingeniería de la Universidad Santa María,
abarcando los siguientes puntos.
• Presentación de la Plataforma de Hardware y Software, para la
construcción de la Aplicación.
• Herramientas de Software, para el desarrollo de la Aplicación.
• Aspectos de Implementación del sistema.

4.1 Presentación de la Plataforma de Hardware y Software

4.1.1 Plataforma de Hardware

La plataforma de hardware para la construcción de la aplicación Web

comprende los siguientes componentes:
• 1 Procesador Intel de 1.6GHz.
• Un Disco Duro 40GB.
• Memoria 256MB de memoria RAM
• Un (1) floppy de 3.5.
• Tarjetas de Red:
Capítulo IV Proceso de Implementación del Sitio Web

4.1.2 Plataforma de software

La plataforma de desarrollo de la aplicación es la siguiente:

• Servidor Web Apache: Es un sistema de servidores en Internet
que soporta especialmente documentos formateados. Los
documentos son formateados en un lenguaje marcado llamado
HTML (Lenguaje de Marcado de Hipertexto) que soporta enlaces
a otros documentos, así como; gráficos, audio y archivos de video,
lo que significa que Ud. Puede saltar de un documento a otro
simplemente haciendo clic en los puntos rojos o hot spots. Según
el URL:
http://www.webopedia.com/TERM/W/World_Wide_Web.html.

• Manejador de Base de Datos MySQL: Es un servidor de base de

datos rápido, multi-hilo, multiusuario y de SQL (Structure Query
Language – lenguaje estructurado de consulta), además de ser
robusto. En la actualidad ha tenido mucha demanda debido a que
es totalmente gratuito y es tan eficiente como sus competidores
Oracle e Informix.

• MySQL Database Connetivity (MyODBC): Es una interfaz

estratégica para acceder a los datos en un ambiente heterogéneo de
un sistema manejador de base de datos relacionales. Uno de los
principales componentes en la mayoría de las aplicaciones
Cliente/Servidor es ODBC, ésta interfaz se crea para resolver las
eternas incompatibilidades existentes entre distintos sistemas de
bases de datos. En el pasado, una aplicación escrita para una base
de datos específica era difícil de traducir a un servidor de base de
Capítulo IV Proceso de Implementación del Sitio Web

datos distinto, porque cada fabricante de base de datos tenia una

API en particular en la que estaban escritas las aplicaciones.
ODBC ofrece una respuesta a este problema mediante la
definición de una API en el lado del Cliente que es independiente
de la base de datos que haya en el otro extremo. Gracias a su
controlador ODBC es posible acceder a la base de datos de forma
transparente

Es necesario resaltar que la Aplicación se comenzó a

desarrollar con el manejador de base de datos Access, pero
realmente Access no posee todas las características de un
manejador de base de datos, por lo que fue necesario cambiar al
manejador de base de datos MySQL.

4.2 Herramientas de Software para el Desarrollo de la

Aplicación.

Para el desarrollo del Sitio Web se emplearon las siguientes

herramientas de software:

• Lenguaje HTML: El lenguaje estándar usado en la Web para

crear y reconocer documentos hipermedios, es el lenguaje de
Marcas de Hipertexto conocido como HTML (Hipertext Markup
Language). Este lenguaje está basado en la especificación
conocida como SGML (Standard Generalizad Markup Language),
que es un estándar para especificar un lenguaje de marcado de
documentos.
Capítulo IV Proceso de Implementación del Sitio Web

HTML es ampliamente usado por su facilidad de uso. Un

documento creado con HTML por lo general se denomina página
Web y se encuentra contenido en un archivo, estos archivos
usualmente posee el sufijo o terminación “html” o “htm” y no son
más que archivos ASCII estándar de 7 bits, con código para
formato que contienen información acerca del aspecto (estilos de
texto, títulos de documentos, párrafos, listas) e hiperenlaces.

HTML es un lenguaje para describir documentos estructurados.

Los elementos comunes de un documento son descritos a través de
etiquetas (tags) HTML, todo aquello que no sea una etiqueta es
parte del documento. Al separar la estructura de un documento, de
su apariencia, un browser permite darle formato a un documento
basado en las capacidades de cada plataforma individual, esto
permite la independencia de la plataforma de hardware y software
al momento de visualizar un documento HTML con un browser.
Además, el lenguaje HTML permite crear elementos como cajas
de texto, botones y menús de ventana, para que una página Web
permita a los usuarios escoger opciones e introducir datos que
pueden ser usados para aplicaciones Web.

Para crear una página Web se pueden utilizar varios programas

especializados en esto, como por ejemplo; el Microsoft FrontPage
o Macromedia Dreamweaver. Otra forma es crear, en un editor de
texto (WordPad, Bloc de Notas, TexPad,), un archivo en el cual
esté contenido el código HTML, el cual tendrá la extensión .html
o .htm (es indiferente cual usar).
Capítulo IV Proceso de Implementación del Sitio Web

• Macromedia Dreamweaver: Es un editor visual profesional para

la creación y administración de sitios y páginas Web. Dentro de
sus características generales se destaca su facilidad de uso y su
amplia funcionalidad [TEC00]. Además de la compatibilidad que
tiene con cualquier explorador y plataforma.

Proporciona herramientas avanzadas de formateo y de diseño,

facilita el uso de funciones de HTML dinámico, como capas y
comportamientos anidados, sin necesidad de escribir una sola
línea de código.

Dreamweaver tiene una interfaz muy fácil de utilizar. Las

herramientas están distribuidas en paletas y ventanas. La ventana
más importante es Site Window, la cual muestra todos los
archivos de nuestro sitio Web, tanto en nuestro disco rígido como
en el servidor remoto. Este editor fue utilizado en la construcción
de la interfaz gráfica del usuario, posteriormente se utilizó en el
ensamblaje de esta interfaz con las páginas en formato HTML y
las páginas PHP.
• Microsoft Visio: Permite comunicar efectivamente con dibujos y
diagramas fáciles de integrar. Crear diagramas de flujo y
organigramas, dibujar esquemas y hacer anotaciones sobre dibujos
CAD. Además se pueden diseñar redes, software y base de datos
manual o automáticamente [12].

Ofrece la posibilidad de incluir dibujos corporativos y

diagramas técnicos a los documentos Office, permite a los
usuarios mejorar el texto y los gráficos de los típicos documentos
Capítulo IV Proceso de Implementación del Sitio Web

corporativos con ilustraciones que les ayudan a comunicar con

más claridad sus objetivos.

Hipertext Preprocessor PHP El PHP (acrónimo de "PHP: Hypertext

Preprocessor"), es un lenguaje interpretado de alto nivel embebido en
páginas HTML y ejecutado en el servidor.

El PHP inicio como una modificación a Perl escrita por Rasmus Lerdorf
a finales de 1994. Su primer uso fue el de mantener un control sobre
quien visitaba su curriculum en su web. En los siguientes tres años, se
fue convirtiendo en lo que se conoce como PHP/FI 2.0. Esta forma de
programar llego a muchos usuarios, pero el lenguaje no tomo el peso
actual hasta que Zeev Surasky y Andi Gutmans le incluyeron nuevas
características en 1997, que dio por resultado el PHP 3.0. La versión 4
es la más reciente. Según estudios más de un millón de servidores tienen
esta capacidad implementada y los números continúan creciendo.

Traduciendo la definición del FAQ de PHP.net: "El PHP es un lenguaje

de script incrustado dentro del HTML. La mayor parte de su sintaxis ha
sido tomada de C, Java y Perl con algunas características especificas de
si mismo. La meta del lenguaje es permitir rápidamente a los
desarrolladores la generación dinámica de paginas".

Con PHP se puede hacer cualquier cosa que podemos realizar con un
script CGI, como el procesamiento de información en formularios, foros
de discusión, manipulación de cookies y páginas dinámicas. Un sitio con
paginas dinámicas es el que permite interactuar con el visitante, de modo
que cada usuario que visita la pagina vea la información modificada para
requisitos articulares. Las aplicaciones dinámicas para el Web son
frecuentes en los sitios comerciales e-commerce), donde el contenido
Capítulo IV Proceso de Implementación del Sitio Web

visualizado se genera de la información alcanzada en una base de datos u

otra fuente externa. Una de sus características más potentes es su suporte
para gran cantidad de bases de datos. Entre su soporte pueden
mencionarse InterBase, mSQL, MySQL, Oracle, Informix, PosgreSQL,
entre otras.

PHP también ofrece la integración con las varias bibliotecas externas,

que permiten que el desarrollador haga casi cualquier cosa desde generar
documentos en pdf hasta analizar código XML. Su sintaxis es muy
similar a la del ASP, pues el código PHP va incrustado dentro del
código HTML. Sus tags van incluidos dentro de <? y ?>.
Un ejemplo práctico de una instrucción funcional de PHP sería:

<?php print "Hola, Maestros del Web!"; ?>

Que al ser ejecutado en el servidor nos imprimiría dentro del código

HTML la frase:

Hola, Maestros del Web!

PHP ofrece una solución simple y universal para las paginaciones

dinámicas del Web de fácil programación. Su diseño elegante lo hace
perceptiblemente más fácil de mantener y ponerse al día que el codigo
comparables en otros lenguajes. Debido a su amplia distribución PHP
esta perfectamente soportado por una gran comunidad de
desarrolladores. Como producto de código abierto, PHP goza de la
ayuda de un gran grupo de programadores, permitiendo que los fallos de
funcionamiento se encuentren y se reparan rápidamente. El código se
Capítulo IV Proceso de Implementación del Sitio Web

pone al día continuamente con mejoras y extensiones de lenguaje para

ampliar las capacidades de PHP.

PHP es utilizado en aplicaciones Web-relacionadas por algunas de las

organizaciones más prominentes tales como Mitsubishi, Redhat, Der
Spiegel, MP3-Lycos, Ericsson y NASA.

PHP es la opción natural para los programadores en máquinas con Linux

que ejecutan servidores web con Apache, pero funciona igualmente bien
en cualquier otra plataforma de UNIX o de Windows, con el software de
Netscape o del web server de Microsoft. PHP también utiliza las
sesiones de HTTP, conectividad de Java, expresiones regulares, LDAP,
SNMP, IMAP, protocolos de COM (bajo Windows).

Para trabajar con capacidades PHP, se puede conseguir mayor

información en PHP.net, sitio encargado de mantener al día a todos los
desarrolladores con las últimas descargas relacionadas con el lenguaje y
documentación

4.3 Aspectos de Implementación del Sitio Web.

A continuación se indican las principales etapas por las cuales

transcurrió la creación del sitio Web.
• Levantamiento y análisis de la información: Se programaron
reuniones con el personal involucrado en el proceso de Consulta,
Revisión y Distribución del Material Bibliográfico de la Biblioteca
de la Facultad de Ingeniería de la USM, para establecer los
requerimientos de los usuarios, las tareas y procesos que realizan,
importancia y justificación del Sistema, además; de definir
Capítulo IV Proceso de Implementación del Sitio Web

claramente cuales serían los lineamientos y consideraciones

generales en el diseño de la Aplicación y la tecnología que se
utilizaría.

• Se realizó una investigación acerca del Método O.O.S.E, para

diseñar y desarrollar un sitio Web organizado y coherente y el
Modelo Entidad-Relación, el cual permite realizar el Diseño de la
Base de Datos.

• Se explotó la tecnología Internet en busca de información que

ayudara a comenzar adecuadamente el trabajo de Investigación.

• La utilización del Método OOSE y del Modelo Entidad-

Relación, facilitó en gran medida identificar que información se
consideraba plana y cual debía estar almacenada en una base de
datos. Así pasamos a la creación de la base de datos con sus
respectivas tablas y la construcción de las páginas en formato
estáticas HTML (dejando para esta la información plana) y
páginas dinámicas PHP.

• Una vez terminado el trabajo, el autor procedió a ensamblar

interfaces con el contenido para conseguir las páginas Web
finales. Desde este momento comenzó el Proceso de Prueba de la
Aplicación.