Universidad Yacambú


Vicerrectorado de Estudios a Distancia

Fase II - Asignatura: Análisis y Diseño de Sistema
s


 

Trabajo Nº 4 - Desarrollo de un Sistema de Información basado
en tecnología Web con acceso a base de datos


 

Autores:

Nacarit España de Romero

Alcides Romero

 

Agosto, 2007




CONTENIDO

1. Softwares que permiten realizar acceso a base de datos utilizando un sistema de información en la web

1.1. JSP (Java Server Pages)

1.2. XML (eXtensible Markup Language)

1.3. ASP (Active Server Pages)

1.4. PHP (Hipertext Preprocesor)

1.5. CGI

1.6. CSS (Cascading Style Sheets)

1.7. JAVASCRIPT

 

2. Procedimientos para incorporar una página web o portal para vender un determinado producto por la web

 

3. Infografía

 

1. Softwares que permiten realizar acceso a base de datos utilizando un sistema de información en la web

 

1.1. JSP (Java Server Pages)

Es una tecnología orientada a crear páginas web utilizando programación en lenguaje Java.

Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP se pueden escribir en un editor HTML/XML habitual.

Con JSP se pueden crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Se ejecutan en una máquina virtual Java, lo cual permite que, en principio, se puedan usar en cualquier tipo de ordenador, siempre que exista una máquina virtual Java para él.

El motor de las páginas JSP está basado en los programas en Java destinados a ejecutarse en el servidor (servlets de Java). La principal diferencia entre los servlets y los JSPs es el enfoque de la programación: un JSP es una página Web con etiquetas especiales y código Java incrustado, mientras que un servlet es un programa que recibe peticiones y genera a partir de ellas una página web. Ambos necesitan un programa que los contenga y sea el que envíe efectivamente páginas web al servidor, reciba las peticiones, las distribuya entre los servlets y lleve a cabo todas las tareas de gestión propias de un servidor web. Mientras que servidores como el Apache están especialmente pensados para páginas web estáticas CGIs, y programas ejecutados por el servidor, tales como el PHP, hay otros servidores específicos para servlets y JSPs llamados contenedores de servlets (servlet containers) o servlet engines.

En JSP se crean páginas de manera parecida a como se crean en ASP o PHP, se generan archivos con extensión .jsp que incluyen, dentro de la estructura de etiquetas HTML, las sentencias Java a ejecutar en el servidor. Antes de que los archivos sean funcionales, el motor JSP lleva a cabo la traducción de la página en un servlet.

En la siguiente figura se visualiza un ejemplo simple de una página JSP y el esquema de conversión de esa página en un servlet:

Fuente: http://www.desarrolloweb.com/articulos/831.php

Figura Nº 1.- Diagrama de una página JSP

 

Para aprender JSP, aparte de conocer HTML, es necesario comprender y tener algo de experiencia en la programación en Java, lo que permite estudiar el sistema de Servlets, para tener una mejor idea del funcionamiento interno del motor JSP.

 

1.2. XML (eXtensible Markup Language)

Es un Lenguaje de Etiquetado Extensible, muy similar a HTML, que sirve para estructurar, almacenar e intercambiar información. Su función principal es describir datos y no mostrarlos como es el caso de HTML.

XML es un lenguaje que cambia el paradigma de programación: de basada en el funciones u objetos a la programación basada en el documento. XML se puede usar para cambiar totalmente el paradigma de publicación; de un programa que recibe unas entradas y produce unas salidas, se pasa a un documento que genera otro documento, o bien programas que toman documentos y producen otros documentos. Por eso es que, salvo en entornos de servicios web, lo normal es que el XML se use en el servidor, y se sirva otro tipo de documentos, HTML, por ejemplo, que se obtienen a base de una serie de transformaciones. Precisamente, esto hace que los documentos XML se usen dentro de entornos de aplicaciones. Este entorno de aplicaciones permite publicar documentos XML, que, antes de ser enviados al cliente, sufrirán una serie de transformaciones para adaptarlo a los requisitos del mismo.

Las tecnologías XML son un conjunto de módulos que ofrecen servicios útiles a las demandas más frecuentes por parte de los usuarios, entre ellas se pueden mencionar:

- XSL: Lenguaje Extensible de Hojas de Estilo, cuyo objetivo principal es mostrar cómo debería estar estructurado el contenido, cómo debería ser diseñado el contenido de origen y cómo debería ser paginado en un medio de presentación como puede ser una ventana de un navegador Web o un dispositivo de mano, o un conjunto de páginas de un catálogo, informe o libro.

- XPath: Lenguaje de Rutas XML, es un lenguaje para acceder a partes de un documento XML.

- XLink: Lenguaje de Enlace XML, es un lenguaje que permite insertar elementos en documentos XML para crear enlaces entre recursos XML.

- XPointer: Lenguaje de Direccionamiento XML, es un lenguaje que permite el acceso a la estructura interna de un documento XML, esto es, a sus elementos, atributos y contenido.

- XQL: Lenguaje de Consulta XML, es un lenguaje que facilita la extracción de datos desde documentos XML. Ofrece la posibilidad de realizar consultas flexibles para extraer datos de documentos XML en la Web.

Para editar documentos XML, al igual que para hacerlo con HTML, se puede hace de dos formas: editándolos como cualquier otro fichero ASCII usando un editor estructurado o bien usar un editor específico para XML.

XML es interesante en el mundo de Internet y el negocio electrónico, ya que existen muchos sistemas distintos que tienen que comunicarse entre si.

 

1.3. ASP (Active Server Pages)

Es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor, se escribe en la misma página web utilizando el lenguaje Visual Basic Script o Javascript de Microsoft (Jscript).

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la página ASP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores.

Con las ASP se pueden realizar muchas aplicaciones distintas, permite acceso a bases de datos, al sistema de archivos del servidor y en general a todos los recursos que tenga el propio servidor. También ofrece la posibilidad de comprar componentes ActiveX fabricados por distintas empresas de desarrollo de software.

Existe un servidor web pensado para trabajar en ASP, llamado Internet Information Server. También funcionan con sistema Windows NT 0 98 (si tiene instalado un servidor denominado Personal Web Server) y en sistemas Linux se puede utilizar ASP si se instala el componente Chilisoft.

Actualmente se ha presentado ya la segunda versión de ASP, el ASP.NET, que comprende algunas mejoras en cuanto a posibilidades del lenguaje y rapidez con la que funciona. ASP.NET tiene algunas diferencias en cuanto a sintaxis con el ASP, de modo que se ha de tratar de distinta manera uno de otro.

 

1.4. PHP (Hipertext Preprocesor)

Es un lenguaje para programar scripts del lado del servidor, que se incrustan dentro del código HTML. Es gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación.

Por ser un lenguaje del lado del servidor, el cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP. El esquema de funcionamiento de PHP se muestra en la siguiente figura:

Fuente: http://www.desarrolloweb.com/articulos/392.php

Figura Nº 2.- Esquema del funcionamiento de las páginas PHP.

 

PHP se escribe dentro del código HTML, al igual que el ASP de Microsoft, pero con algunas ventajas como su gratuidad, independencia de plataforma, rapidez y seguridad. Cualquiera puede descargar gratuitamente a través de la página principal de PHP (www.php.net) un módulo que hace que el servidor web comprenda los scripts realizados en este lenguaje. Es independiente de plataforma, puesto que existe un módulo de PHP para casi cualquier servidor web. Esto hace que cualquier sistema pueda ser compatible con el lenguaje y significa una ventaja importante, ya que permite portar el sitio desarrollado en PHP de un sistema a otro sin prácticamente ningún trabajo.

En el caso de estar montado sobre un servidor Linux u Unix, PHP es más rápido que ASP, dado que se ejecuta en un único espacio de memoria y esto evita las comunicaciones entre componentes COM que se realizan entre todas las tecnologías implicadas en una página ASP.

Con respecto a la seguridad, es importante el hecho de que en muchas ocasiones PHP se encuentra instalado sobre servidores Unix o Linux, que son más veloces y seguros que el sistema operativo Windows donde se ejecuta las ASP. Además, PHP permite configurar el servidor de modo que se permita o rechacen diferentes usos, lo que puede hacer al lenguaje más o menos seguro dependiendo de las necesidades de cada cual.

Este lenguaje de programación está preparado para realizar muchos tipos de aplicaciones web gracias a la extensa librería de funciones con la que está dotado. La librería de funciones cubre desde cálculos matemáticos complejos hasta tratamiento de conexiones de red, por poner dos ejemplos.

Algunas de las más importantes capacidades de PHP son: compatibilidad con las bases de datos más comunes, como MySQL, mSQL, Oracle, Informix, y ODBC, por ejemplo. Incluye funciones para el envío de correo electrónico, upload de archivos, crear dinámicamente en el servidor imágenes en formato GIF, incluso animadas y una lista interminable de utilidades adicionales.

 

1.5. CGI

Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta.

Se escriben habitualmente en el lenguaje Perl, sin embargo, también se pueden utilizar otros lenguajes como C, C++ o Visual Basic.

El funcionamiento básico de un programa CGI es parecido al de las páginas dinámicas del servidor, con algunas particularidades:

- Se realiza una petición http, a la que pueden acompañar datos llegados o bien por un formulario o bien a través de la URL.

- El servidor ejecuta los programas CGI a los que se accede y trabaja con los recursos necesarios para llevar a cabo las acciones, como por ejemplo bases de datos.

- El programa CGI va escribiendo en la salida estándar el resultado de la ejecución del CGI, que incluye etiquetas HTML, ya que lo que se escribe es una página web.

Algunas desventajas de la programación en CGI son las siguientes:

- Los resultados se escriben directamente con el CGI, así que el código del programa se mezcla con el del HTML haciendo difícil su comprensión y mantenimiento.

- Cada programa CGI que se pone en marcha lo hace en un espacio de memoria propio. Así, si tres usuarios ponen en marcha un CGI a la vez se multiplicará por tres la cantidad de recursos, lo que genera una grave ineficiencia.

 

1.6. CSS (Cascading Style Sheets)

Es una tecnología que permite crear páginas web de una manera más exacta, permite incluir márgenes, tipos de letra, fondos y colores, cosas que no se podía hacer utilizando solamente HTML.

Se escriben dentro del código HTML de la página web, solo en casos avanzados se pueden escribir en un archivo a parte y enlazar la página con ese archivo.

Una de las características más potentes de la programación con hojas de estilo consiste en definir los estilos de todo un sitio web, esto se consigue creando un archivo donde se colocan las declaraciones de estilos de la página y se enlazan todas las páginas del sitio con ese archivo. Así, todas las páginas comparten una misma declaración de estilos y por tanto, si se cambia, cambiarán todas las páginas.

 

1.7. JAVASCRIPT

Es un lenguaje de programación del lado del cliente, utilizado para crear pequeños programas encargados de realizar acciones dentro del ámbito de una página web.

Gracias a su compatibilidad con la mayoría de los navegadores modernos, es el lenguaje de programación del lado del cliente más utilizado.

Entre las acciones típicas que se pueden realizar en Javascript existen dos vertientes: Por un lado los efectos especiales sobre páginas web, para crear contenidos dinámicos y elementos de la página que tengan movimiento, cambien de color o cualquier otro dinamismo; y por el otro, permite ejecutar instrucciones como respuesta a las acciones del usuario, con lo que se pueden crear páginas interactivas con programas como calculadoras, agendas, o tablas de cálculo.

Javascript es un lenguaje con muchas posibilidades, permite la programación de pequeños scripts, pero también de programas más grandes, orientados a objetos, con funciones, estructuras de datos complejas, etc. Además, pone a disposición del programador todos los elementos que forman la página web, para que éste pueda acceder a ellos y modificarlos dinámicamente.

2. Procedimientos para incorporar una página web o portal para vender un determinado producto por la web

Una empresa que desee incorporar una página web o portal para vender un producto debe realizar los siguientes pasos:

1) Disponer del hardware (equipos) necesario, que incluye:

a. Conexión a un ISP (Proveedor de Servicio de Internet)

b. Nombre de Dominio

c. Servidor Web, Servidor de Bases de Datos

d. Computadoras para los trabajadores con sus correspondientes periféricos.

e. Cableado Estructurado y sus componentes electronicos (repetidores, concentradores, etc) para la conexión de los usuarios.

f. Sistemas protección logico (Firewall).

2) Disponer de un sistema operativo de red que soporte el intercambio de información y que resida tanto en clientes como en servidores, por ejemplo: Unix, Linux, Windows.

3) Disponer de las Aplicaciones de red como navegadores y correo electrónico para establecer comunicación con los clientes.

4) Diseñar la herramienta Web para la venta del producto, considerando la compatibilidad con la plataforma de la empresa. Esta herramienta debe incluir módulos para la presentación del producto (imágenes, utilidad, ventajas, precio), transacción, consulta, contactos. Con una Interfaz de Usuario de facil manejo y entorno amigable. Con sus niveles de acceso bien definidos de acuerdo con las caracteristicas de los usuarios.

5) Implantar la herramienta considerando la distribución de la empresa (centralizada o posee sucursales).

6) Adiestrar a los empleados que utilizarán la herramienta en el uso de la misma y en técnicas de manejo del recurso humano, comunicación efectiva y negociación, lo que les permita responder eficiente y oportunamente las solicitudes de los clientes.

7) Divulgar mediante correos personalizados o publicaciones en medios de comunicación, la disponibilidad de la herramienta a las personas y/o entidades con las cuales la empresa se comunica con frecuencia, mostrando todas sus bondades y ofreciendo paquetes promocionales los primeros meses de funcionamiento.

8) Mantener una campaña de divulgación permanente y una calidad de servicio que permita mantener la competitividad de la empresa.

9) Realizar mantenimiento preventivo, correctivo continuo a la herramienta, de acuerdo con las nuevas tecnologías del mercado para presevar su continuidad operativa.

3. Infografía

 

  1. Desarrolloweb (s/f). Qué es XML. Disponible: http://www.desarrolloweb.com/articulos/449.php [Consulta: 14 de agosto de 2007].

  2. Merelo, J. (2004). Introducción al lenguaje XML. Disponible: http://geneura.ugr.es/~jmerelo/xml/. [Consulta: 13 de agosto de 2007].

  3. W3C (2004). Guía Breve de Tecnologías XML. Disponible: http://www.w3c.es/Divulgacion/Guiasbreves/TecnologiasXML. [Consulta: 13 de agosto de 2007].

  4. Merelo, J. (2004). Programando con JSPs. Disponible: http://geneura.ugr.es/~jmerelo/JSP/ [Consulta: 13 de agosto de 2007].

  5. Desarrolloweb (s/f). Qué es CGI. Disponible: http://www.desarrolloweb.com/articulos/758.php [Consulta: 13 de agosto de 2007].

  6. Desarrolloweb (s/f). Qué es ASP. Disponible: http://www.desarrolloweb.com/articulos/393.php [Consulta: 13 de agosto de 2007].

  7. Desarrolloweb (s/f). Qué es JSP. Disponible: http://www.desarrolloweb.com/articulos/831.php [Consulta: 13 de agosto de 2007].

  8. Desarrolloweb (s/f). Qué es PHP. Disponible: http://www.desarrolloweb.com/articulos/392.php [Consulta: 13 de agosto de 2007].

  9. Desarrolloweb (s/f). Qué es CSS. Disponible: http://www.desarrolloweb.com/articulos/26.php [Consulta: 13 de agosto de 2007].

  10. Desarrolloweb (s/f). Qué es Javascript. Disponible: http://www.desarrolloweb.com/articulos/25.php [Consulta: 13 de agosto de 2007].


1