|
Profesor |
Autor |
|
Lic. Yaros Pérez |
Hugo García |
Desarrollo
de un Sistema de Información basados en tecnología WEB
con acceso a base de datos
Las redes que se encuentran
interconectadas abarcan desde grandes instalaciones gubernamentales, como la
NASA, hasta redes universitarias o mantenidas por organizaciones sin fines de
lucro, como la Cruz Roja y corporaciones como IBM, Microsoft, etc. Maestros,
estudiantes y cualquier persona en particular utilizan Internet cualquiera sea
el fin. Pero a pesar de esta diversidad de personas, empresas e instituciones
que la utilizan, nadie es su dueño. Simplemente cada usuario paga su
conexión para acceder a ella.
Imaginemos a un estudiante
que desea investigar sobre la cosecha de arroz en diferentes países. Rastreando
a través de la red los sitios donde puede recolectar la información, en pocos
minutos obtendrá los datos que de otra manera le hubiera llevado mucho tiempo.
Si este mismo estudiante deseara adquirir el último CD de los Rolling Stones que aún no se ha
editado en Argentina, simplemente deberá encargarlo por Internet.
Desarrollo
de un Sistema de Información Basado en
Tecnología
Web con Acceso a Base de Datos
En su evolución, los servidores de Web han ido
incorporando a su papel tradicional el de ejercer como la principal puerta de
acceso a los diversos servicios de datos y proceso desplegados en las redes de
comunicación. Una de las más importantes aportaciones de la tecnología Web es
sin duda la estandarización del método de acceso a la información para los
clientes. A diferencia del resto de arquitecturas cliente/servidor, esta
tecnología elimina las actualizaciones del software cliente, con los obvios
beneficios en reducción de costos de mantenimiento y en tiempos de publicación
de nuevas aplicaciones. Otro de los beneficios de esta estandarización es el
permitir la total movilidad de los usuarios, que
pueden acceder a las mismas aplicaciones desde cualquier punto sin requerir
instalación adicional alguna.
Sin duda, otra de las razones que han llevado a la actual
explosión de los sistemas basados en el WEB , es la simplificación que supone en los desarrollos en lo
referente a comunicaciones y a interfaces de usuario multiplataforma.
En la actualidad casi cualquier tipo de información es
susceptible de ser transmitida a través del Web, y especialmente contenido
gráfico, incluso en formatos vectoriales, que además de proporcionar mucho
mayores funcionalidades permiten reducir los tiempos de transferencia de la
información.
La gran difusión de esta tecnología la ha dotado de
herramientas que la hacen idónea para aplicar sistemas complejos de control de
acceso, seguridad en las transacciones, etc.
Por todas las motivaciones que se han presentado, el
acceso a la base de información territorial a través de un servidor de Web,
supone una herramienta ideal para la consulta, difusión y visualización de
contenidos, así como para la realización de peticiones de trabajos de
producción
En fin, cada vez es mayor el número de sitios web que utilizan páginas creadas en software de tecnologías
web que permiten acceder a las bases de datos
corporativas. Estos productos y lenguajes, conocidos como middleware,
(Software de comunicaciones que reside físicamente en el cliente remoto y en un
servidor de comunicaciones, localizado entre el cliente y el servidor de
aplicaciones. Es el software que actúa como un traductor universal entre
distintas tecnologías de radiofrecuencia y protocolos) interrogan a la base
datos (BD), procesan su respuesta y la devuelven en formato HTML que pueda
visualizar un navegador convencional. El acceso a través de Internet posibilita
una forma rápida y cómoda de acceder a la información almacenada en la BD con
el fin de recuperarla, modificarla o insertarla. Se despliega así todo un
amplio abanico de posibilidades para el diseño de páginas web:
catálogos en línea, con información siempre actualizada sobre productos;
información sobre visitantes, que puede actualizarse dinámicamente a medida que
éstos navegan por el sitio web; generación al vuelo
de páginas, en función de selecciones o gustos del cliente, o del momento del
día, o cualquier otro criterio; puede conservar el contenido de un sitio web en una BD, que se cargue dinámicamente cuando el
usuario solicita una página, de forma que separe el diseño y formato de las
páginas de su contenido; servicios en línea, como correo web,
acceso remoto a BD corporativas, noticias, guías de servicios y un largo
etcétera.
Definición sobre
Sistema de Información basados en tecnología WEB
Qué es un Sistema de Información
Un sistema de información es un conjunto de elementos
interrelacionados que recoge datos, los procesa y convierte en información, que
almacena y posteriormente distribuye a sus usuarios. Como todo sistema, incluye
también un ciclo de retroalimentación que es un mecanismo de control. En toda
empresa conviven varios sistemas -o mejor dicho, subsistemas- de información,
como el de marketing o producción.
Los Sistemas de Información pueden contener datos acerca de
personas, luegar y cosas importantes dentro de las
organizaciones y el entorno que la rodea.
Qué es un Sistema de Información Web
Los Sistemas de información web,
en primer lugar, sistemas de información y en segundo lugar sistemas basados en
Web. Los Sistemas de información web, son los
sistemas que las organizaciones y sus clientes usan para conducir el comercio
electrónico, estos pueden integrar procesos ó sistemas en una interfaz sencilla
y permitir el acceso a la información a través de una red Intranet, Extranet o Internet. XLos SIW
emergen de la integración de tres tecnologías de información y comunicación.
- Tecnología
de bases de datos (DBMS): aportan las capacidades de organización,
manipulación, consulta y almacenamiento de datos.
- Procesamiento
de transacciones en línea (OLTP): el
procesamiento interactivo de transacciones u operaciones sobre las bases
de datos.
- Tecnología
WWW: las interfaces web y las
capacidades de comunicación de datos, comunicación humana, almacenamiento
distribuido de información multimedia, busqueda
y presentación de información
¿Porqué una aplicación web?
Una de las razones
es que los datos de las empresas no suelen estar convenientemente protegidos,
ya que los sistemas informáticos son vulnerables a virus informáticos, caídas
del sistema operativo, interrupciones del flujo eléctrico y otras situaciones
en las que sólo se piensa después de que ocurran. Nuestra solución a este
problema es desarrollar una aplicación web, de forma
que el usuario accede a la aplicación y a sus datos a través de Internet. La
información de la empresa se mantiene en unas instalaciones especializadas en
la protección de datos.
Ventajas de las aplicaciones Web
- Accesibilidad: Sólo necesitará tener una
conexión a Internet para acceder a todos sus datos. Por ejemplo, podrá
acceder a su información desde las oficinas de sus clientes, su domicilio
particular, o incluso desde un cibercafé.
- Facilidad
de manejo:
Hemos diseñado nuestra aplicación para que sea lo más intuitivo posible
para usted. Hemos logrado que la aplicación trabaje como cualquier otra
página web, por lo que no son necesarios
conocimientos específicos de informática.
Entre las
aplicaciones web se encuentran los sitios de comercio
electrónico, que se están expandiendo a un ritmo vertiginoso. Estos sitios
también permiten examinar un catálogo, pero en ellos además se pueden colocar
artículos en el carrito de la compra, elegir las opciones de envío y finalmente
pagar los artículos, todo ello sin tener que acercarse siquiera al teléfono.
Muchos sitios disponen de inventarios en tiempo real, de forma que se puede
saber si hay unidades de los artículos deseados. Otro tipo de aplicaciones son
aquellas que de muy distintas formas mantienen las relaciones entre empresas.
Entre otros beneficios que
generan las aplicaciones Web se tienen:
- Aumentan la competitividad y crean ventajas
competitivas.
- Facilitan el acceso a la información.
- Permiten ofrecer nuevos servicios y productos a
los clientes.
- Incrementan la flexibilidad de los requerimientos
de información.
- Mejoran las relaciones con los consumidores.
- Incrementan el volumen y distribución de
información.
- Establecen nexos importantes entre
organizaciones.
Diferencias Entre Sistemas
De Información Web Y Sistemas De Información Tradicional
|
Sistemas de información web |
Sistemas de información
tradicional |
|
Usan
interfases estándares (Web) |
Usan
Interfaces propietarias o hechas a la medida |
|
Son
accedidos por una audiencia mayor (global, corporativa o Inter.-corporativa |
Su acceso
es restringido a la red corporativa |
|
Permiten
la comunicación entre usuarios y el trabajo cooperativa |
No hay
comunicación entre usuarios |
|
Tienen un mayor volumen de transferencia de
información |
Bajo Volumen de Transferencia de información |
Software que permitan realizar acceso a base de datos utilizando un
sistema de información en la Web
ASP
(Active Server Pages), es una tecnología desarrollada
por Microsoft para crear páginas web de contenido
dinámico, apoyándose en scripts ejecutados en el
servidor. Básicamente una página ASP es una mezcla entre una página HTML y un
programa que da como resultado una página HTML que es enviada al cliente
(navegador). Estos scripts o programas pueden en ASP
ser escritos en VBScript o JavaScript,
pero el más extendido es VBScript.
ASP es
una tecnología que pertenece a la parte servidor, por lo que no es necesario
que el cliente o navegador la soporte ya que se
ejecuta en el servidor. El tipo de servidores que emplean este lenguaje son
aquellos que funcionan con sistemas operativo de la
familia de Windows NT. También se puede visualizar páginas ASP sobre Windows
95/98.
Existe una versión de Visual Basic Script en el lado
cliente y otra en el lado del servidor. En los dos casos, como su nombre
indica, el lenguaje de base es Visual Basic por lo que su aprendizaje puede ser
perfectamente coordinado, ya que las sentencias y las sintaxis son
prácticamente las mismas. ASP cuenta con un editor específico el MS Visual Interdev. Otra posibilidad es el Drumbeat
de Macromedia o el Homesite,
un editor que no es específico para las ASP, pero que se comporta bastante bien
y ofrece ayudas interesantes.
Historia del ASP
La
programación del lado del servidor existe desde los comienzos del internet, aunque entonces se usaban tecnologías más
rudimentarias. Concretamente se utilizaba la tecnología CGI (Common Gateway Interface, Pasarela de Interfase Común) que básicamente son
programas independientes escritos en cualquier lenguaje de programación (C,
Pascal, Fortran, etc...)
los cuales ejecutan mandatos para generar una salida HTML. Posteriormente con
la aparición del lenguaje script , apareció el concepto de script
del servidor, es decir se ejecutan en el servidor. La primera versión de ASP la
1.0 apareció en Diciembre de 1996, la cual se ejecutaba en IIS 3.0, luego surge
ASP 2.0, posteriormente aparece la versión 3.0 y por ahora se habla de ASP.net
Funcionamiento
§
Un
usuario por medio del navegador solicita una pagina ASP.
§
Esta
solicitud llega al servidor el cual tiene alojada la pagina
pedida.
§
Este
servidor procesa la pagina ASP y devuelve código HTML.
El usuario visualiza la pagina en su navegador.
Para el usuario no existe diferencia entre ASP y HTML por que a su navegador
siempre llega código HTML puro, el único que requiere un trabajo extra es el
servidor el cual tiene que procesar el código ASP y transformarlo en HTML para
su posterior envió al cliente.
Ventajas
de ASP sobre otros Lenguajes o Tecnologías:
§
Su
bajo costo (frente a JSP o ColdFusion) pues el
servidor web viene incluido con los sistemas
operativos de Microsoft.
§
La
facilidad del lenguaje, pues ASP se suele programar en VBScript,
lenguaje más simple que Java o Php (el cual es
similar a C).
§
Es una
tecnología bastante usada comparada con JSP y ColdFusion,
lo que facilita la existencia de manuales, tutoriales,
artículos, código fuente de ASP, etc.
§
Existen
servidores gratuitos para hospedar paginas ASP.
§
ASP
utiliza tecnología Actives-X, lo cual extiende las funcionabilidades
de la plataforma.
El
lenguaje de programación PHP (acrónimo de Hypertext Preprocessor), es un lenguaje "Open
Source" interpretado de alto nivel,
especialmente pensado para desarrollos o entornos web,
el cual funciona embebido o incrustado dentro del código HTML de una página. La
mayoría de su sintaxis es similar a C, Java y Perl y
es muy fácil de aprender. Una de las meta de este lenguaje es permitir escribir
a los creadores de páginas web, páginas dinámicas de
una manera rápida y fácil. PHP es un lenguaje de programación de estilo clásico,
es decir se tienen variables, sentencias condicionales, bucles, funciones, no
es un lenguaje de marcas como podría ser HTML, XML o WML. Está mas cercano a JavaScript o a C.
Pero a diferencia de Java o JavaScript que se
ejecutan en el navegador, PHP se ejecuta en el servidor, lo cual permite
acceder a los recursos que tenga el servidor como por ejemplo podría ser una
base de datos. El programa PHP es ejecutado en el servidor y el resultado
enviado al navegador. El resultado es normalmente una página HTML pero
igualmente podría ser una pagina WML.
Al ser
PHP un lenguaje que se ejecuta en el servidor no es necesario que el navegador
lo soporte, es independiente del navegador, pero sin embargo para que las
páginas PHP funcionen, el servidor donde están alojadas debe soportar PHP. El
objetivo final es conseguir la integración de las paginas HTML con aplicaciones
que corran en el servidor como procesos integrados en el mismo, y no como un
proceso separado, como ocurría con los CGIs.
Igualmente interesa que dichas aplicaciones sean totalmente independientes del
navegador (lo que no ocurría con JavaScript o VisualBasic Script),
independientes de la plataforma y de la Base de Datos.
Historia del PHP
PHP fue
creado por Rasmus Lerdorf a
finales de 1994, aunque no hubo una versión utilizable por otros usuarios hasta
principios de 1995. Esta primera versión se llamó, Personal Home
Page Tools. Al principio,
PHP sólo estaba compuesto por algunas macros que facilitaban el trabajo a la
hora de crear una página Web. Hacia mediados de 1995 se creo el analizador
sintáctico y se llamó PHP/F1 Versión 2, y sólo reconocía el texto HTML y
algunas directivas de mSQL. A partir de este momento,
la contribución al código fue pública. El crecimiento de PHP desde entonces ha
sido exponencial, y han surgido versiones nuevas. PHP 4 es actualmente la
última versión liberada de PHP. Ya se está trabajando en modificar y mejorar el
motor Zend para integrar las características que se
diseñarían para PHP 5.0. Hoy, se estima que PHP es usado por cientos de miles
de programadores y muchos millones de sitios informan que lo tienen instalado,
sumando más del 20% de los dominios en Internet. El equipo de desarrollo de PHP
incluye docenas de programadores, así como otras docenas de personas trabajando
en proyectos relacionados con PHP como PEAR y el proyecto de documentación.
Tareas principales del PHP
Poco a
poco PHP se ha ido convirtiendo en un lenguaje que permite hacer de todo. En un
principio diseñado para realizar poco más que un contador y un libro de
visitas, PHP ha experimentado en poco tiempo una verdadera revolución:
§
Funciones
de correo electrónico.
§
Gestión
de bases de datos.
§
Gestión
de archivos.
§
Tratamiento
de imágenes.
Uno de
los puntos fuertes de las páginas en PHP es la posibilidad de explotar bases de
datos mediante funciones de una simplicidad y potencia muy agradecidas. Estas
bases de datos pueden servirle al sitio para almacenar contenidos de una forma
sistemática que permita clasificarlos, buscarlos y editarlos rápida y
fácilmente. Las conexiones persistentes son enlaces SQL que no se cierran
cuando la ejecución del script termina. El
comportamiento de estas conexiones es el siguiente:
Cuando se invoca una conexión de este tipo, PHP comprueba si existe una
conexión de este mismo tipo o por el contrario, se
trata de una nueva conexión. En el caso de que exista, se procede a su uso, y
en el caso de que no exista, la conexión se crea. Dos conexiones se consideran
iguales cuando están realizadas sobre el mismo servidor, con el mismo usuario y
la misma contraseña. Pero en realidad, estas conexiones permanentes, no
proporcionan ningún tipo de funcionabilidad adicional
frente a conexiones temporales, debido a la forma en que los servidores Web
funcionan. Aún así se utilizan debido a la eficiencia, debido al tiempo de
establecimiento de la conexión, y debido a que si tienes una sola conexión
sobre el servidor, irá mucho más rápido que si tienes 10 conexiones temporales,
puesto que la carga que soporta es diferente.
XML, es
el estándar de Extensible Markup Language.
XML no es más que un conjunto de reglas para definir etiquetas semánticas que
nos organizan un documento en diferentes partes. XML es un metalenguaje que
define la sintaxis utilizada para definir otros lenguajes de etiquetas
estructurados. XML es una tecnología en realidad muy sencilla que tiene a su
alrededor otras tecnologías que la complementan y la hacen mucho más grande y
con unas posibilidades mucho mayores. Lo que permite que represente una manera
distinta de hacer las cosas, más avanzada, cuya principal novedad consiste en
permitir compartir los datos con los que se trabaja a todos los niveles, por
todas las aplicaciones y soportes.
Así pues, el XML juega un papel importantísimo en este mundo actual, que tiende
a la globalización y la compatibilidad entre los sistemas, ya que es una
tecnología que permite compartir la información de una manera segura, fiable,
fácil. Además, XML permite al programador y los soportes dedicar sus esfuerzos
a las tareas importantes cuando trabaja con los datos, ya que algunas tareas
tediosas como la validación de estos o el recorrido de las estructuras corre a
cargo del lenguaje y está especificado por el estándar, de modo que el
programador no tiene que preocuparse por ello.
XML no está sólo, sino que hay un mundo de tecnologías alrededor de él, de
posibilidades, maneras más fáciles e interesantes de trabajar con los datos y,
en definitiva, un avance a la hora de tratar la información, que es en realidad
el objetivo de la informática en general. XML, o mejor dicho, el mundo XML no
es un lenguaje, sino varios lenguajes, no es una sintaxis, sino varias y no es
una manera totalmente nueva de trabajar, sino una manera más refinada que
permite que todas las anteriores se puedan comunicar entre si sin problemas, ya
que los datos cobran sentido.
Historia del XML
XML fue creado al amparo del Word Wide Web Consortium
(W3C) organismo que vela por el desarrollo de WWW partiendo de las amplias
especificaciones de SGML. Su desarrollo se comenzó en 1996 y la primera versión
salió a la luz el 10 de febrero de 1998. La primera definición que apareció
fue: Sistema para definir validar y compartir formatos de documentos en la web. Durante el año 1998 XML tuvo un crecimiento
exponencial, ello en referencia a sus apariciones en medios de comunicación,
menciones en páginas web, soporte software, etc.
Objetivos y usos del XML
El XML
se creó para que cumpliera varios objetivos.:
§
Que
fuera idéntico a la hora de servir, recibir y procesar la información que el
HTML, para aprovechar toda la tecnología implantada para este último.
§
Que
fuera formal y conciso desde el punto de vista de los datos y la manera de
guardarlos.
§
Que fuera
extensible, para que lo puedan utilizar en todos los campos del conocimiento.
§
Que
fuese fácil de leer y editar.
§
Que
fuese fácil de implantar, programar y aplicar a los distintos sistemas.
§
Que
fuese directamente utilizable sobre Internet.
El XML se puede usar para infinidad de trabajos y aporta muchas ventajas en
amplios escenarios. Es interesante en el mundo de Internet y el e-bussiness, ya que existen muchos sistemas distintos que
tienen que comunicarse entre si, pero como se ha podido imaginar, interesa por
igual a todas las ramas de la informática y el tratamiento de datos, ya que
permite muchos avances a la hora de trabajar con ellos. Algunas ventajas del
XML en algunos campos prácticos son:
§
Comunicación de datos. Si la
información se transfiere en XML, cualquier aplicación podría escribir un
documento de texto plano con los datos que estaba manejando en formato XML y
otra aplicación recibir esta información y trabajar con ella.
§
Migración de datos. Si se tuviese que mover los datos de una base de
datos a otra sería muy sencillo si las dos trabajan en formato XML.
§
Aplicaciones web. Hasta ahora cada navegador interpreta la
información a su manera y los programadores del web
tienen que hacer unas cosas u otras en función del navegador del usuario. Con
XML se tiene una sola aplicación que maneja los datos y para cada navegador o
soporte se puede tener una hoja de estilo o similar para aplicarle el estilo
adecuado. Si mañana la aplicación debe correr en WAP solo se debe crear una
nueva hoja de estilo o similar.
Tecnología XML
El XML es un metalenguaje que esta conformado por una serie de tecnologías,
entre ellas:
§
XML.
Lenguaje que define la sintaxis del XML que ayuda a crear nuevos lenguajes de
etiquetas.
§
XLink. Define la forma estándar de añadir enlaces dentro de un documento
XML.
§
XPointer y XFragments. Que define
como poder hacer referencias a partes dentro del documento XML. Es como las
URL, pero haciendo referencia a partes dentro del documento XML.
§
XSL (eXtensible StyleSheet Language). Define el estándar para las hojas de estilo
de XML. Es la ampliación y modificación de las CSS. XSL está basado en XSLT.
§
XSLT (XSL Transformations). Es un lenguaje de transformación que se usa para
ordenar, añadir y eliminar etiquetas y atributos.
§
XML Schemas. Ayuda a los desarrolladores a definir estructuras
precisas basadas en XML
(Página
de Servidor Java) Se refiere a un tipo especial de páginas HTML, en las cuales
se insertan pequeños programas que corren sobre Internet (comunmente
denominados scripts), se procesan en línea para
finalmente desplegar un resultado final al usuario en forma de HTML. Por lo
general dichos programas hacen consultas a bases de datos y dependiendo del
resultado que se despliegue será la información que se muestre a cada usuario
de manera individual. Los archivos de este tipo llevan la extensión ".jsp".Con JSP podemos crear aplicaciones web que se ejecuten en diferentes servidores web, de múltiples plataformas, ya que Java es en esencia un
lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML
mezclado con etiquetas especiales para programar scripts
de servidor en lenguaje Java. Por tanto, las JSP podremos escribirlas con
nuestro editor HTML/XML habitual.
La aparición de la tecnología Java en el servidor ha supuesto un gran cambio.
Los Servlets Java y las páginas Java en servidor
(JSP) proporcionan una tecnología segura, sólida e independiente de plataforma
para hacer llegar la potencia de Java al comercio electrónico y al uso de la
Web en la empresa. JSP ha demostrado no tener competencia en lo referente a
conectividad, fiabilidad, escalabilidad y seguridad. JSP mejora el rendimiento
de las aplicaciones. Cuando un Servlet Java es
solicitado por una petición HTTP desde el servidor de Internet (p.e. Apache), este permanecerá en la memoria del motor de Servlets o servidor de aplicaciones (p.e.
Tomcat) indefinidamente y solo instanciará
un ejemplar de la clase o Servlet que será lanzado
empleando un conjunto de subprocesos disponibles (Threads).
ColdFusion es una herramienta que corre en forma concurrente
con la mayoría de los servidores web de Windows, Linux y Solaris (también en
servidores web personales en Windows 98 y puede ser
usado para intranets). El servidor de aplicaciones web
de ColdFusion trabaja con el servidor HTTP para
procesar peticiones de páginas web. Cada vez que se
solicita una página de Cold fusión, el servidor de aplicaciones ColdFusion ejecuta el script o
programa contenido en la página. No es un lenguaje de bases de datos, pero
interactúa de manera simple con bases de datos (Sybase,
Oracle, MySQL, SQL, o
Access). Usando SQL estándar, las páginas y aplicaciones web
pueden fácilmente recuperar, guardar, formatear y presentar información
dinámicamente. Es un lenguaje server-side. A diferencia de JavaScript
y Applets Java, que corren en el cliente o en browsers, ColdFusion corre en el
servidor web. Esto significa que los scripts escritos en ColdFusion
correrán de la misma manera en cualquier browser.
|
|
Inconvenientes |
|
|
ASP |
• Facilidad de desarrollo. |
• Creación de objetos de terceros. |
|
PHP |
• Facilidad de desarrollo. |
• Lenguaje de programación limitado.
|
|
JSP |
• Lenguaje de programación Java. |
• Requiere Servidor de Aplicaciones
o Servletts. |
|
Perl |
• Está disponible en múltiples
plataformas y sistemas operativos. • Perl es gratuito. • Otorga al programador libertad
para la programación. |
• Es lento para algunas
aplicaciones. • No se pueden compilar programas
Perl. • Utiliza muchos recursos de la máquina. |
|
XML |
• Lenguaje muy similar a HTML. • Sirve para estructurar, almacenar
e intercambiar información. • Se debe poder usar directamente en
Internet. • Es mucho más simple que usar MySQL |
• Aún no es soportado ampliamente en browsers y demás aplicaciones. • No es apropiado para construir
una base de datos cuyos componentes son documentos modulares que se deben
reutilizar, intercambiar y automatizar porque no es fácil asegurar un formato
de datos consistente. |
¿Qué se
busca al diseñar un sitio Web?
Veamos cuales son nuestros objetivos
al diseñar un sitio.
El proceso de diseño Web debería
contar con una serie de etapas que permitan transformar pedazos de información
dispersos, o en el mejor de los casos un conjunto de información estructurada
de manera lineal, en un sitio que haga que al usuario sentirse cómodo y
encontrar lo que busca de la manera más rápida posible.
Por último, veamos de qué cosas se
quejan más a menudo los usuarios del Web:
1.
De la velocidad de
transferencia.
2.
De la capacidad
para organizar la información que bajan (download) a
su computador.
3.
De la capacidad
para organizar la información que bajan (download) a
su computador
4.
Del tiempo que
pierden en encontrar lo que buscan
Contra
el segundo ítem no hay mucho que se pueda hacer, ni de que preocuparse a menos
que se esté ofreciendo información para ser bajada al computador del usuario
bajo la forma de un archivo comprimido o algo similar. Contra el primer y
tercer ítem si hay se puede hacer mucho, por medio de un diseño cuidadoso.
2. Etapas del
diseño Web
Estas
son algunas etapas que se sugieren para diseñar eficientemente un sitio; es
conveniente no comenzar a escribir ninguna línea de código HTML antes de
completar las primeras etapas.
1. Delimitación del tema
|
|
Esta
es la etapa crucial, se define de qué se va a tratar el Web, que cosas se
incluirán y qué no. También es el momento para definir tanto las audiencias
(normalmente es mas de una) y los objetivos (intentando priorizar entre
objetivos primarios y secundarios).
Si
no se evalúa adecuadamente la cantidad de tiempo que se dispone contra la
cantidad de tiempo requerida para elaborar un sitio de la magnitud deseada, el
resultado puede ser desastroso. Muchos proyectos Web fracasan porque comienzan
a crecer y crecer sus especificaciones, sin que haya detrás un trabajo ordenado
de delimitación de contenidos.
Obsérvese
lo siguiente: la mayoría de los sitios que son premiados con distinciones como
"Lo mejor de ...", "La mejor página de
la semana ...", "Top 5% del Web", son
sitios que se dedican a temas muy específicos. La gente no quiere un montón de
sitios que tengan referencias a otros lugares, la gente lo que busca es el
contenido.
|
|
2. Recolección de la
información
En
esta etapa se recolecta la información que se va a poner en el Web, de acuerdo
a la especificación hecha en la etapa anterior. Es conveniente asociarse con
alguien como un "proveedor de contenido", puesto que como mencioné
antes hay mucha gente que si bien le tiene aversión a los computadores y que
dispone de valiosísima e interesante información. Las organizaciones en general
producen grandes cantidades de información, también en esta etapa hay que
delimitar cuanta de la información histórica, que ya no es relevante, será
incluida en el sitio web, por ejemplo, se puede
definir que la información de mas de 3 años de antigüedad no será incluida,
etc.
|
|
3. Agregación y descripción
Una
vez que tenemos la información que irá en el sitio, comenzamos una
clasificación apropiada . Aquí hay que encontrar un
adecuado balance entre la linealidad y la jerarquización.
Aplicamos
una clasificación de tipo lineal a fragmentos de información que requieren que
la persona que los lee vaya avanzando poco a poco en el conocimiento de algo,
como en un libro. Usualmente los pondremos en una misma página, usando FRAMES o
una técnica similar si se estima apropiado. Aplicamos una clasificación de tipo
jerárquica a trozos de información que sean complementarios o que dependan uno
de otro, como secciones y subsecciones. Usualmente
los pondremos en diferentes páginas.
Es
importante aquí no centrarse en una única forma de clasificar los documentos.
Una serie de descriptores tienen que ser definidos. Además, un mismo documento
puede pertenecer a varios valores de un mismo descriptor. Si nos encontramos en
esta etapa discutiendo sobre si un elemento de información va en una u otra
parte, es que estamos cometiendo un error: debe ir en todas las partes donde un
usuario razonable esperaría encontrarlo.
|
|
4. Estructuración
En
este punto se estructura la manera en que se unen las diferentes páginas, de
acuerdo a la agregación de contenidos realizada en la etapa anterior. Se provee
de ayudas para la navegación, de enlaces que permitan la jerarquización
que diseñamos y de enlaces entre elementos de una misma jerarquía si se desea.
También
es importante proveer de índices para cada descriptor que haya sido diseñado.
Desde
este punto en adelante se puede trabajar en la implementación HTML propiamente
tal.
|
|
5. Metáfora
Existen
muchas páginas que esperamos sean accesadas desde
diferentes partes de nuestro servicio (por ejemplo: un glosario o una ayuda).
Quizás en alguna parte del documento mencionamos a otra página y sería interesante
que el usuario pudiera hacer click en esa referencia
para ir a la página que estamos referenciado.
A
esta etapa le llamamos "metáfora" pues permite referirse a una misma
entidad (en este caso, una página HTML) en diferentes contextos. Estas paginas deben ser diseñadas cuidadosamente puesto que serán
importantes para los usuarios al permitirles "saltar" dentro del
sitio desde zonas lógicamente distantes.
|
|
6. Diseño y estilo gráfico
Un
estilo gráfico adecuado puede ser algo importantísimo a la hora de hacer que la
persona que nos visita se sienta cómoda, y como una manera de alivianar el
contenido y hacerlo más digerible. Un sitio por mas contenido
que tenga si no tiene un buen diseño grafico difícilmente lograra un lugar
destacado entre otros sitios del mismo tipo.
En
cuanto a la cantidad y tamaño de las imágenes, hay que adoptar un equilibrio.
Hay sitios que se basan casi por completo en grandes y lentas imágenes GIF,
otros que se ven bastante pobres pues son casi sólo texto, con lo que se
desaprovechan los métodos multimediales . El esquema que se adoptará, (que se encuentra en algún
lugar entre ambos extremos) varía de diseñador a diseñador y es un punto
importante a considerar.
Otro
punto importante en la etapa de definición de la parte gráfica, es intentar en
lo posible mantener una cierta coherencia gráfica, y atreverse a innovar en
cuanto a ella. Un color de fondo, un fondo o una distribución interesante de
los elementos dentro de una página es algo que no se olvida con facilidad.
|
|
7. Ensamble final
En
este punto concretamos el diseño, con los últimos enlaces que sean necesarios e
incorporamos el estilo gráfico a las páginas, se ensambla el sitio con una
portada que sea capaz de presentar en una sola página física al menos lo más
relevante del sitio, se instalan links hacia la página personal del autor y/o
su dirección de correo electrónico.
8. Testeo
Finalmente,
es necesario revisar la coherencia general del sitio, que no hayan links
"rotos" que no conduzcan a ninguna parte; revisar la redacción y
ortografía de las páginas, hacer los ajustes necesarios para separar las
páginas que sean demasiado extensas en páginas más pequeñas.
Para
esta etapa, lo mejor es tratar de buscar usuarios que vayan a utilizar el sitio
en la práctica, y si eso no es posible, ponerse en el lugar de las personas que
vean los documentos, y seguir los pasos que suponemos que ellos seguirán.
Consejos para Sitios Web comerciales
1- Tu website debe tener un diseño simple.
Es inútil tratar de impresionar a los visitantes con
fotografías, gráficos, gifs y animaciones. Eso
no hará que consigas mas ventas. Las fotografías
solo son necesarias para mostrar determinados productos que no puedan
describirse.
2- Asegúrate
que tu website se carga rápido.
Recuerda que tienes no más de 8 segundos para capturar la
atención del nuevo visitante. (Así lo demuestran las diferentes
encuestas). Si tu sitio tarda mas que eso en
cargarse, estás perdiendo un buen porcentaje de visitantes.
Evita los banners, gráficos y sobre
todo las presentaciones Flash que no traen ningún beneficio para el
negocio. Testea la velocidad de carga con
conexiones de Internet Estándar (MODEM de 56k).
3- No
presentes más de un producto por página.
De lo contrario confundirías al potencial cliente. Tener
mas de 1 item por página, termina por hacer dudar al
lector quien terminará por no comprar. El mensaje y el objetivo de tu website y de cada página en particular deben ser claros.
4- cada
página de tu website debe estar linkeada
con la página principal (homepage o
index.htm).
Un sitio web es más fácil de
navegar si todas las páginas tienen acceso directo al homepage,
ya sea por medio de un botón o de un link. Mantendrás interesados a los
visitantes y lograrás que permanezcan mas tiempo
navegando tu sitio, si el mismo les resulta sencillo y práctico.
5- debes
tener tu propio dominio(www.dominio.com)
Los servidores gratuitos son buenos para algunas cosas como
presentar un currículum o mostrar trucos de tus juegos preferidos. Pero si
lo que quieres es ganarte la confianza de tus potenciales clientes y ser
creíble, necesitas tu propio dominio. Créeme, realmente es conveniente... pues
nadie que use su cerebro compraría en un sitio gratuito.
Además de ello, el inconveniente mas
grande que tienen es que no encontrarán ninguna empresa que procese pagos con
tarjetas que acepte un contrato con un sitio web
gratis.
6- Asegúrate
que la empresa donde alojas tu sitio web...
te brinde soporte técnico full las 24 hs. Debe además ofrecer acceso CGI y transferencia de
datos amplia o directamente sin límites.
7- ofrece
cuantas opciones de pago te sean posibles.
Cuantas más opciones de pago ofrezcas, menos clientes
perderás. Debes contar en tu website con un
“servidor seguro” (que generalmente viene incluido con los servicios de hosting)
Ofrece procesar las órdenes de compra por teléfono, fax, email, envíos de dinero por medio del correo o por alguna
empresa especializada como Western Union o PayPal.
Ten en cuenta que hay muchas personas en el mundo interesadas
en tu producto o servicio que no cuentan o no quieren utilizar tarjetas de
crédito online. En mercados como el estadounidense o algunos países
europeos, es muy común que la gente abone con cheques online: las compras
con cheques se procesan de forma similar a las compras con tarjetas.
8- Debes
aceptar pagos con tarjetas de Crédito y débito...
para no perder a esa gran cantidad de
compradores impulsivos o a aquellos que necesitan que su compra sea procesada
de inmediato. Las tarjetas que no pueden faltar son: Visa, Mastercard, American Express, Discover, Eurocard y Diners.
9- ofrece
algún tipo de información en tu website.
Deberías brindar informes, artículos o material
gratuito.
Los cursos gratis son especiales para presentarte como un experto ante los ojos
de los visitantes.
Dicha información (o lo que quieras ofrecer gratuitamente en tu website) debe estar directamente relacionado con el tema
principal y el tipo de público interesado.
Los libros electrónicos también son un regalo muy atractivo y buscado por
muchos usuarios. Es muy importante recalcar que esta información o
servicios gratis que ofrezcas deben ser valiosos para los visitantes. De
lo contrario, el efecto será inverso.
10- Consigue
las direcciones de e-mail de los visitantes.
Puedes conseguir esto en diferentes formas. Regalar
cursos o libros electrónicos es la manera mas efectiva
de hacerlo.
Otro excelente servicio es la publicación de un boletín electrónico (newsletter - ezine) que se
entrega 1 o 2 veces a la semana exclusivamente a quienes se suscriban para
recibirlo.
11- construye
tu website con un propósito en mente.
si lo que quieres es vender un producto,
entonces hazlo. Y si lo que quieres es capturar direcciones de email de los visitantes para ofrecerles luego tus
productos, entonces enfócate a ello. Si vendes tu producto y también
quieres ofrecer productos de sistemas de afiliados a los que estás suscripto,
debes comprender que esos productos secundarios no deberían obstaculizar la
venta de tu propio producto.
Los ítem de los programas de afiliados (de los cuales
obtienes comisiones por ventas) debes ofrecerlos preferiblemente por email o como una “recomendación” en página aparte.
12- hazle
saber a los visitantes que te interesa su opinión, sugerencia o queja.
Ofrece una forma (podría ser un formulario o una cuenta de
e-mail) para que te envíen sus comentarios. Te asombrará ver cuantas
personas te escriben. No dudes en hacer cambios en tu website
si notas que muchas personas te sugieren la misma cosa.
Recuerda que por cada persona que te escriba, puede haber
cientos o miles que necesitan o piensan igual.
13- recuerda
que estás construyendo o manteniendo el website para
los visitantes o clientes.
Debes dejar de lado tus fantasías y concentrarte en la
realidad y necesidades de las personas interesadas. Mantén eso en mente
todo el tiempo y lograrás tener un sitio exitoso.
Tu website es una de esas cosas que
determinará el éxito de tu negocio. El website
es como la vidriera o como el conjunto de empleados que atienden tras el
mostrador de un negocio convencional. El “ambiente”, en este caso el website, debe ser agradable para el potencial cliente.
KROL Ed., Conéctate al Mundo de Internet, Mc Graw Hill.
Peter Moulding, PHP Black Book, Amazon.com.
Lambin, Jean-Jacques.
(1995). Casos prácticos de Marketing.
Mc-
Graw Hill. Primera Edición. Madrid.
http://www.marketing-eficaz.com/comovender.html: Esta página
muestra como no necesitas ser un genio de los ordenadores, no necesitas ningún
equipamiento especial para pasar a ser un experto en marketing en Internet.
(El 99% de la gente ahí fuera no dispone de toda esta información, vas a
pasar a formar parte de ese 1% que realmente conoce estas técnicas).
http://www.desarrolloweb.com/articulos/1487.php?manual=52: En este artículo
se explica como los proyectos no sólo se sostienen económicamente a través de
la publicidad. En este capítulo veremos que la venta de servicios o productos
propios también ayudan a mantener un estatus económico estable.
http://comunidad.ciudad.com.ar/argentina/entre_rios/dbinternet/index.htm: En este site se explica como sin duda alguna, la infraestructura de
Internet a dado cabida a nuevos tipos de aplicaciones y servicio a los usuarios
desarrollados por empresas, organizaciones y gobiernos. Parte fundamental de
estos servicios son la implementación de bases de datos accedidas a través de
la World Wide Web. El alcance y el fácil acceso a ellas, así como la reducción
de costos y la popularidad que ha cobrado la Web, son los principales
atractivos que ofrece una aplicación de esta naturaleza.
http://www.soloasp.com.ar/: Es un sitio de ayuda y
aprendizaje de ASP. Aquí podrá leer artículos sobre ASP, ver ejemplos con
códigos ASP que muestran la interactividad que se puede lograr, podrá
participar libremente del foro ASP donde se discuten y plantean problemas y
soluciones.
http://www.asptutor.com/: Estas página
pretender ser un lugar de referencia para el aprendizaje de ASP y el diseño de
aplicaciones web en nuestro propio idioma.
Este lugar también es vuestro, así que os invito a participar en los Foros y a enviarme
vuestras colaboraciones y artículos.
http://mipagina.cantv.net/williamyanez/jsp/default.htm: Esta página da a conocer todo lo relacionado con la tecnología JSP,
que en sus siglas significa Java Server Pages o Páginas
de Servidores Java, esta tecnología permite desarrollar aplicaciones orientados
a la web utilizando como lenguaje el Java.
http://www.programacion.com/: Este
site te permite descargar manuales de programación y
manejo de base de datos en web site.
http://www.monografias.com/trabajos6/ixml/ixml.shtml: Este artículo muestra como xml se ha
convertido en un lenguaje de marcas de inmensa popularidad durante estos
últimos años. También debemos anotar que nos hemos encontrado con sus propias
limitaciones, que algunas de ellas se han querido subsanar con la incrustación
de scripts, javascripts,
Active X, HTML dinámico, hojas de estilo en cascada (CSS). Todo esto es
insuficiente para crear una arquitectura abierta de tipo cliente/servidor, con
lo que el W3C (Word Wide Web Consortium), organismo
que vela por el desarrollo de la Word Wide Web.
http://www.madrimasd.org/revista/revista9/aula/aulas1.asp: En este artículo se pretende estudiar
cómo incide la importancia que las empresas dan a la tecnología y su
utilización a través de Internet, en la percepción de la intensidad de su reto
estratégico -tanto en su aspecto externo como en su dinamismo interno- y el
grado de formalización del proceso de formación de la estrategia en la empresa
para enfrentarse a dicho reto. Para ello, se ha realizado un estudio de 33
casos de empresas españolas de tamaño mediano y grande, pertenecientes a
distintos sectores de actividad, para identificar sus respectivos procesos de
formación de la estrategia y relacionarlo con la utilización que hacen de
Internet mediante sus respectivas páginas web.
http://pisuerga.inf.ubu.es/lsi/Invest/Java/Tuto.Oct98/0_Prolog/Prologo.htm:
En este artículo se demuestra como Java es actualmente uno de
esos términos mágicos que revolucionan las tecnologías de la información cada
cierto tiempo. Java es un lenguaje de programación orientado a objetos creado
por la compañía Sun Microsystems,
que desde su aparición en 1995 ha provocado una autentica conmoción en los
entornos informáticos. El éxito del lenguaje Java viene de la mano de la
filosofía y la forma de operación de las aplicaciones escritas en Java, todo
ello estrechamente ligado a Internet y al WWW.