Análisis y Diseño de Sistemas


Desarrollo de un Sistema de Información basados en tecnología WEB con acceso a base de datos

Los Sistemas y las Aplicaciones basados en WEB (WebApps) son muy diferentes a otras categorías de software informáticos, pues éstos implican una mezcla de publicación impresa y desarrollo de software, de marketing e informática de comunicaciones internas y relaciones externas, y de arte y tecnología. Las WebApps son programas que funcionan desde un servidor de páginas web. Esto significa que no habrá que instalar ningún software en los computadores de la empresa, ni configurarlos para que trabajen en grupo. Sólo necesitan un navegador para trabajar con la información alojada en el servidor, siempre en tiempo real, con los datos actualizados, y desde cualquier lugar de la empresa. Esta tecnología permite desarrollar todo tipo de aplicaciones: agendas online, intranets corporativas, almacenes On-line, gestión de empresas plurilocalizadas, contabilidad enlazada, y todo aquello que se pueda imaginar basado en la gestión de bases de datos de forma remota.

1.- Softwares que permitan realizar acceso a base de datos utilizando un sistema de información en la web.(JSP,XML,ASP,PHP,etc) Diferencias

Cada vez mayor número de sitios web 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 fisicamente 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. A continuación se hace referencia de algunos de los software más utilizados en la actualidad para creación de sistemas con tecnología web con acceso a base de datos:

ASP (Active Server Pages)

Definición:
Es una tecnología desarrollada por Microsoft en diciembre de 1996. Es una tecnología de páginas activas que permite el uso de diferentes scripts y componentes en conjunto con el tradicional HTML para mostrar páginas generadas dinámicamente del lado del servidor.

Como funciona:
•  Un usuario por medio del navegador solicita una pagina ASP.
•  Esta solicitud llega al servidor el cual tiene alojada la página pedida.
•  Este servidor procesa la pagina ASP y devuelve código HTML.
•  El usuario visualiza la página en su navegador.

Para el usuario no existe diferencia en 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 trasformarlo en HTML para su posterior envío al cliente.

Comparación de ASP con JSP:

ASP

JSP

•  Usa VBScript o Jscript como lenguaje de Script.
•  Está limitada para arquitecturas basadas en tecnología Microsoft.
•  Tiene soporte nativo para los servidores IIS y Personal Web Server solamente.

•  Usa Java como lenguaje de Script.
•  Tiene un mantenimiento más fácil.
•  Sigue la filosofía de la arquitectura JAVA.
•  Se puede ejecutar en los sistemas operativos y servidores web más populares (Apache, Netscape o Microsoft IIS.

•  Los lenguajes de Script están bien para pequeñas aplicaciones, pero no encajan bien para aplicaciones grandes. Java es un lenguaje estructurado y es más fácil de construir y mantenimientos grandes como aplicaciones modulares.
•  La tecnología JSP hace mayor énfasis en los componentes que en los Scripts, esto hace que sea más fácil revisar el contenido sin que afecte a la lógica o revisar la lógica sin cambiar el contenido.
•  La arquitectura EJB encapsula la lógica de p. e.: acceso a BD, seguridad, integridad transaccional y aislamiento de la aplicación.
•  Debido a que la tecnología JSP es abierta y multiplataforma, los servidores web, plataformas y otros componentes pueden ser fácilmente actualizados o cambiados sin que afecte a las aplicaciones basadas en la tecnología JSP.

PHP (Hypertext Preprocessor)

Definición:
Es un lenguaje script (no se compila para conseguir códigos máquina si no que existe un intérprete que lee el código y se encarga de ejecutar las instrucciones que contiene éste código), para el desarrollo de páginas web dinámicas del lado del servidor, cuyos fragmentos de código se intercalan fácilmente en páginas HTML, debido a esto, y a que es de Open Source (código abierto), es el más popular y extendido en la web. Este lenguaje es gratuito y multiplataforma

Evolución:
PHP fue desarrollado originalmente por Rasmus Ledford en 1994 como un CGI escrito en Perl que permitía la interpretación de un número limitado de comandos. El sistema fue denominado Personal Home Page Tools y consiguió relativo éxito gracias a que otras personas pidieron a Rasmus que les permitiese utilizar sus programas en sus propias páginas. Cuando Rasmus tuvo la necesidad de crear páginas dinámicas que trabajasen con formularios, creó una serie de etiquetas a las que denominó “Form Interpreters”, y lo sacó al público con el nombre de PHP/FI en 1995. Luego salió la versión mejorada, llamada PHP/FI 2.0.

Zeev Suraski y Andi Gutmans programaron el analizador sintáctico incluyendo nuevas funcionalidades como el soporte a nuevos protocolos de Internet y el soporte a la gran mayoría de las bases de datos comerciales, como MySQL y Postgre SQL, así como un módulo para Apache. Con estas mejoras surgió PHP3 en 1997. Este analizador define la sintaxis y semántica de la versión PHP3 y la siguiente: PHP4.

PHP3 carecía del uso de sesiones, algo muy común en las páginas web de cierta complejidad. En el año 2000, PHP3 evolucionó a PHP4, que utiliza el motor Zend (desarrollado por Zeev y Andi encargado de interpretar el código fuente de los scripts de PHP), desarrollado para cubrir las necesidades actuales y solucionar algunos inconvenientes de la anterior versión. Algunas mejoras de esta nueva versión son su mayor independencia del servidor web y su rapidez, ya que primero se compila y luego se ejecuta, mientras que antes se ejecutaba a la vez que se interpretaba el código.

La última versión es PHP5, que utiliza el motor Zend-2 y presenta mejoras significativas y un entorno de programación orientado a objetos mucho más completo, que permite que el PHP proporcione un alto rendimiento a las aplicaciones Web empresariales a nivel de las plataformas J2EE y .NET.

Comparación con ASP:
Se puede decir que PHP y ASP son lenguajes parecidos en cuanto a potencia y dificultad, aun cuando su sintaxis puede diferir sensiblemente. Algunas diferencias principales pueden mencionarse:

• PHP, aunque multiplataforma, ha sido concebido inicialmente para entornos UNIX y es en este sistema operativo donde se pueden aprovechar mejor sus prestaciones. ASP, siendo una tecnología Microsoft, esta orientado hacia sistemas Windows, especialmente NT.
• Las tareas fundamentales que puede realizar directamente el lenguaje son definidas en PHP como funciones mientras que ASP invoca más frecuentemente los objetos. Por supuesto, esto no es más que una simple cuestión de forma ya que ambos lenguajes soportan igualmente ambos procedimientos.
•ASP realiza numerosas tareas sirviéndose de componentes (objetos) que deben ser comprados (o programados) por el servidor a determinadas empresas especializadas. PHP presenta una filosofía totalmente diferente y, con un espíritu más generoso, es progresivamente construido por colaboradores desinteresados que implementan nuevas funciones en nuevas versiones del lenguaje.

JSP ( Java Server Pages)

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.

XML (eXtensible Markup Language, Lenguaje Extensible de Marcas)

Es el estandar 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 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, y con ello me refiero a sus apericiones en medios de comunicación, menciones en páginas web, soporte software, etc.

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.

CUADRO RESUMEN DE VENTAJAS-DESVENTAJAS SOFTWARE PARA DISEÑOS WEB

Ventajas
Inconvenientes
ASP
• Facilidad de desarrollo.
• No necesita compilación.
• No requiere Servidor de Aplicaciones.
• VisualBasicScript y/o JavaScript.
• Coste reducido.
• Creación de objetos de terceros.
• Plataformas Windows.
• Rendimiento.
• Lenguaje de programación limitado.
PHP
• Facilidad de desarrollo.
• No necesita compilación.
• No requiere Servidor de Aplicaciones.
• Rendimiento.
• Coste reducido.
• Lenguaje de programación limitado.
• Preferible para plataformas UNIX y LYNUX.
• Funciones específicas para cada Base de Datos.
JSP
• Lenguaje de programación Java.
• Independencia de plataforma.
• Tratamiento de errores.
• Escalabilidad, portabilidad, funcionalidad y seguridad.
• Requiere Servidor de Aplicaciones o Servletts.
• Necesita compilación previa.
• Coste de desarrollo elevado
• Coste de hardware elevado

Manejadores de Bases de Datos

MySQL

Es un sistema de administración para bases de datos relacionales (rdbms) que provee una solución robusta a los usuarios con poderosas herramienteas multi-usuario, solucines de base de datos SQL (structured Query Language) multi-threaded. Es rápido, robusto y facil de utilizar.

MySQL tiene como principales características su velocidad y su precio reducido. Es el servidor de bases de datos más rápido de todos los que ofrecemos y el de menor precio por MB.

MySQL es muy utilizado en aplicaciones PHP o Perl en servidores Linux. En general, si no necesita características como transacciones, procedimientos almacenados, triggers o sentencias SQL complejas, MySQL cumplirá la misma función que otras bases de datos más potentes, pero de forma más rápida y con un coste menor.

Para aplicaciones Windows, MySQL es una alternativa económica a SQL Server, pues su coste por MB es menor y además se puede aprovechar todo el espacio para datos, mientras que SQL Server necesita una parte del espacio para el log de transacciones.

Las limitaciones de MySQL vienen dadas por sus carencias respecto de los otros sistemas de bases de datos y por el grado de criticidad de su aplicación. MySQL no es adecuada para aplicaciones críticas. Al no utilizar transacciones, un problema de cualquier tipo que interrumpiese una serie de comandos podría dejar su base de datos en un estado inconsistente, lo cual nunca ocurriría con SQL Server o PostgreSQL. Tampoco tiene triggers por lo que no se pueden establecer reglas de integridad y consistencia a nivel de servidor.

Oracle

Es básicamente una herramienta cliente/servidor para la gestión de Bases de Datos. Es un producto vendido a nivel mundial, aunque la gran potencia que tiene y su elevado precio hace que sólo se vea en empresas muy grandes y multinacionales, por norma general. En el desarrollo de páginas web pasa lo mismo: como es un sistema muy caro no está tan extendido como otras bases de datos, por ejemplo, Access, MySQL, SQL Server, etc.

Funcionamiento:
Oracle como antes se ha mencionado se basa en la tecnología cliente/servidor, pues bien, para su utilización primero sería necesario la instalación de la herramienta servidor (Oracle 8i) y posteriormente se podría atacar a la base de datos desde otros equipos con herramientas de desarrollo como Oracle Designer y Oracle Developer, que son las herramientas básicas de programación sobre Oracle.
Para desarrollar en Oracle utilizamos PL/SQL un lenguaje de 5ª generación, bastante potente para tratar y gestionar la base de datos, también por norma general se suele utilizar SQL al crear formularios.

PhpMyAdmin

Un proyecto de código abierto en PHP para administrar la base de datos MySQL a través de una interfaz web. Descripción funcionalidades y ayudas para la instalación.

phpMyAdmin es un programa de libre distribución en PHP, creado por una comunidad sin ánimo de lucro, que sólo trabaja en el proyecto por amor al arte. Es una herramienta muy completa que permite acceder a todas las funciones típicas de la base de datos MySQL a través de una interfaz web muy intuitiva

La aplicación en si no es más que un conjunto de archivos escritos en PHP que podemos copiar en un directorio de nuestro servidor web, de modo que, cuando accedemos a esos archivos, nos muestran unas páginas donde podemos encontrar las bases de datos a las que tenemos acceso en nuestro servidor de bases de datos y todas sus tablas. La herramienta nos permite crear tablas, insertar datos en las tablas existentes, navegar por los registros de las tablas, editarlos y borrarlos, borrar tablas y un largo etcétera, incluso ejecutar sentencias SQL y hacer un backup de la base de datos.

PostgreSQL

Es el servidor de bases de datos de código abierto más potente que existe y es por tanto la alternativa a MySQL cuando se necesitan características avanzadas como transacciones, procedimientos almacenados, triggers, vistas, etc.

PostgreSQL es el servidor de bases de datos más utilizado por los programadores de servlets de Java y, en general, por todos aquellos que realizan aplicaciones cliente servidor complejas o críticas en el mundo Linux/Unix.

Para aplicaciones Windows, PostgreSQL es una alternativa económica a SQL Server, pues su coste por MB es menor y tiene similares prestaciones. Esta diferencia económica es especialmente sustancial si se necesita un Servidor Dedicado de bases de datos.

La mayor limitación de PostgreSQL viene dada por su velocidad: es el sistema de bases de datos más lento que ofrecemos

SQL Server

Es el sistema de bases de datos más completo y potente que ofrecemos y resulta ideal para los programadores especializados en productos Microsoft: ASP, Visual Basic, modelos de objetos componentes, etc. Además, es un sistema de base de datos perfectamente adecuado para aplicaciones críticas y con cualquier grado de complejidad.

SQL Server utiliza una parte del espacio de la base de datos para guardar el log de transacciones con los comandos pendientes, lo que asegura que, independientemente de si el programador usa o no transacciones en su código, en ningún caso la base de datos quedaría en un estado inconsistente debido a una ejecución parcial de comandos.

También ofrece otras muchas características avanzadas orientadas a mantener la integridad de la base de datos, como son los triggers, y ofrece soporte completo ACID (Atomicity Consistency Isolation Durability).

Cold Fusion (CF)

Es una herramienta desarollada por Allaire (Hoy absorbida por MacroMedia) para el desarrollo de scripts orientados a ofrecer interactividad a las páginas web. Es una tecnología que funciona del lado del servidor, incrustada en el código HTML de la página y ejecutada por un servidor CF, del mismo modo que las Server Side Includes (SSI) o las Active Server Pages (ASP).

Es una herramienta sencilla de aprender y bastante potente. Los scripts se desarrollan por medio de etiquetas al estilo HTML (CF en realidad se denomina Cold Fusion Markup Language -CFML-). Estas etiquetas se situan dentro del documento y son ejecutadas por el servidor, de forma que el cliente solo ve el reultado, no el código.


Suponga que usted lo contrata una empresa que tiene un producto y lo quiere comercializar en la web. Usted debería explicar los procedimientos a seguir por la empresa que desee incorporar una pagina web o portal para vender un determinado producto por la web.

Pautas para la construcción de una página Web:

•  Un buen contenido: El contenido dependerá directamente de la temáticadel Web. La gran mayoría de los usuarios que acuden a un sitio Web lo hacen enbusca de información. Da igual como se presente dicha información (texto, imágenes,vídeo, audio) pero un Web debe aportar contenido. Es importante tener en cuentaque WWW es un medio de comunicación distinto a los que hasta ahora conocíamos(televisión, radio, prensa, etc.); el navegante pasa de página en página Weba ritmo de clic de ratón, y generalmente pasa poco tiempo en una misma página.Por lo tanto no se debe abusar de la información textual, ya que son muy pocoslos visitantes que se leen completamente una página Web. Siempre se ha dichoque una imagen vale mas que mil palabras, y aunque una página Web no es unprograma de televisión, las imágenes siempre son importantes.

•  Un buen Diseño: No es necesario ser un gran diseñador para crear paginas Webcon un mínimo de sensibilidad gráfica. A veces, un diseño simple se agradecemucho más que una Web inundada de "gifs" en movimiento. El utilizaruna tipografía determinada, unos colores adecuados, iconos, fotos, etc. puedeconvertir la experiencia de visitar un Web en algo mucho más agradable.

Es importante en el aspecto del diseño de un Web laestructuración del mismo. Facilitar la navegación mediante menúes, iconos,mapas y otros elementos puede evitar que más de un visitante se pierda dentrode un Web. En el caso de crear un Web excesivamente grande y complejo resulta deayuda para el visitante la inclusión de mapas (esquemas con enlaces dehipertexto que representan todo el Web) para no perderse.

•  Las imágenes en el diseño: La velocidad de acceso al Web está siempre muy reñidacon el diseño. Es frecuente el caso en que, para embellecer un Web se utilicenmuchas imágenes (en formatos gif o jpeg) de gran tamaño. Esto obliga a losusuarios con conexiones lentas a sufrir largas esperas hasta que la informaciónse presente en pantalla, y eso es un riesgo porque más de dos saltarán acualquier otra dirección Internet antes de perder su tiempo.

La velocidad de la Web también dependerá en gran medida delo saturadas que estén las líneas de acceso a nuestro centro proveedor depresencia en Internet (en resumen, el servidor donde se aloja el Web). Sinembargo este es un problema que se escapa del ámbito del diseño.

•  Elementos Interactivos: La interactividad es fundamental para el éxito de unWeb. Se debe evitar la sensación "lectura de periódico" que puedecausar en un visitante un Web pasivo y lineal. Además la interactividad puedebeneficiar a quien publica el Web ya que a través de formularios podrá conocermejor los perfiles de quienes pasan por las páginas.

Etapas de Desarrollo de un proyecto de sitio Web:

El desarrrollo de un proyecto de sitio Web puede dividirse entres etapas principales:

•  Prediseño
•  Diseño
•  Instalación y prueba

1. Prediseño

A la etapa de Prediseño o conceptualización podemos dividirla en cinco componentesstro análisis. Ellos son: objetivos, público, contenidos, estructura y visualización. Estos interactúan entre sí y se condicionan mutuamente.

Objetivos

Este es uno de los elementos más importantes, que determina a los otros. Hay que responder a la pregunta: ¿para qué se pública este sitio?; ¿qué quiero que suceda raíz de mi publicación en la Web?.

Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes puedan actualizar la lista de precios, en forma sencilla, que acceda al catalogo electrónico de productos y puedan hacer sus pedidos automáticamente, contribuir acerca de la necesidad de conservar las especies en peligro de extensión, etc. Estar en Internet no es una respuesta válida.

En la elaboración del objetivo(si existe más de uno, hay que listarlos a todos y jerarquizar) conviene que participen todas las personas que tienen que ver o están interesadas en el éxito del proyecto.

En este momento habría que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Por ejemplo, si bien es posible vender libros, discos, pizzas o corbatas a través de Internet, posiblemente no funcione con calzado, que necesita ser físicamente probado.

Público

Al hablar de público no nos referimos a cualquier persona que recorriendo la red llegue a nuestra página, sino a aquella parte de la población a la que pretendemos alcanzar e influir con el mensaje. Esto esta estrechamente vinculado con los objetivos establecidos y la naturaleza del sitio que nos proponemos.

Necesitamos construir un identikit de nuestro público, tratando de definir, en general sus intereses, inclinaciones, gustos, preferencias, etc., y en particular, como usuarios de Internet. Tenemos que dar una respuesta lo más concreta y específicamente posible a la pregunta "esa gente, ¿qué busca de mi página?". Porque la Web debería dar respuesta a esa pregunta.

Todo lo que sepamos y supongamos sobre el público-target (el que nos interesa) servirá, además, para establecer parte de los criterios de diseño de contenidos, lenguajes, estética.

Contenidos 

Se debe listar la información que se desea incluir en la Web. Esta información debe ser significativa, y útil para el público. Teniendo en cuenta lo que a ellos les interesa, no lo que a nosotros nos gustaría que nos interese.

En el caso de que existan otras formas de acceso a información disponible para esas mismas personas, el contenido de la Web deberá ser superador de esos otros materiales. Es decir que si los clientes de una firma reciben un folleto en el que se describen los servicios que se prestan, el sitio Web al que accederán luego no puede repetir simplemente lo que allí se dice.

Información, no textos redundantes sobre la importancia de esa información.

El lenguaje utilizado para brindar la información en Internet debe ser sobrio, conciso, concreto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos gráficos o folletería.

Todo lo que se hace contribuye a formar la imagen que tiene el público de la empresa, marca, producto, institución o servicio. La Web no es una excepción y cualquier sentimiento de frustración que experimente el usuario no se canalizará hacia el o los autores del sitio Web, sino hacia la imagen que mencionamos.

Estructura

La organización de la información es un tema clave para asegurar un buen funcionamiento de un sitio.

El primer elemento organizador son las páginas. Conviene incluir en cada una de ellas una unidad de información autónoma, completa. En el caso de que el volumen sea excesivo para ello, dividir esa unidad de información en subunidades más pequeñas, coherentes, completas cada una en sí misma. Una unidad de información es un tema o un subtema.

Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir de la página principal o home page se vinculan mediante links el resto de las páginas. Esto es bastante sencillo de implementar en lenguaje HTML, pero es más complicado decidir de que manera, en qué orden, con qué configuración se establecerá la cadena de vínculos.

Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de búsqueda. Hay que hacerse la pregunta acerca de ¿cómo se intentará encontrar esta información?. Los criterios " naturales" de clasificación pueden no ser adecuados. Por ejemplo, es común que quienes venden repuestos acomoden los mismos por tipo: juntas por aquí, poleas por allí, resortes de este lado. El usuario, a su vez, necesita el repuesto para una máquina o artefacto, marca, modelo, función del repuesto que busca. Los links y la estructura del sitio tendrán que tener en cuenta estas cuestiones.

El otro tema es que los usuarios reconocen las páginas de la Web utilizando como guía palabras clave colocadas en botones, barras de control, gráficos mapeados, o utilizadas como marcas de hipertexto; palabras que por su significado indican o sugieren el contenido de páginas a las que derivan. Es sabido que los significados de las palabras no son unívocos, y la ambigüedad puede ser un problema. El conocimiento de la cultura y usos lingüísticos del público nos será sin duda, de gran utilidad a la hora de elegir las palabras que se titularán nuestros botones o identificarán los links de derivación a otras páginas del sitio.

Hay que tener en cuenta que el usuario no tiene cómo saber la manera en que sigue la cadena de links más allá de las páginas a las que puede entrar directamente desde el lugar donde se encuentra. Que el usuario no encuentre la información buscada después de recorrer cuatro o cinco páginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensación de frustración que nos interesa evitar.

Un tema relacionado a éste es el de los mecanismos de identificación y de recorrido del sitio. Estos deberían permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra, así como desplazarse hacia cualquier otra página sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda.

Visualización 

Un sitio Web no es una torta. La gráfica (incluida elementos multimedia) de un sitio Web debe se una herramienta de comunicación al servicio de los objetivos planteados y condicionados por las pautas culturales (preferencias, gustos) del público.

Esto significa que tampoco es un espacio de lucimiento del diseñador, ni la estética.

Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una vez más los objetivos trazados y el perfil del público deberían ser los instrumentos para tomar las decisiones de diseño gráfico y multimedia.

Además de los criterios estéticos y comunicacionales del diseño gráfico, es importante respetar los criterios técnicos específico:

1. Que cada página sea fácil de cargar.

  • La velocidad de carga de una página está en función del estado de las líneas y de la cantidad de información que contiene. Sobre el primer parámetro no hay nada que podamos hacer desde el diseño, pero sí sobre el segundo: establecer para cada página un máximo de bytes y no sobrepasarlo.
  • Realizar los gráficos del tamaño más chico posible.
  • Repetir los iconos siempre que sea posible. El browser los leerá de la memoria caché a partir de la segunda vez que deba colocarlos en la página.
  • Grabar cada gráfico en formato GIF y JFG, verificar el tamaño de ambos y descartar el mayor.
  • Reducir la cantidad de colores de cada gráfico al mínimo indispensable. De todos modos, la mayor parte de los usuarios no pueden visualizar más de 256.
  • Reflexionar cuidadosamente sobre la utilización de recursos de multimedia: ¿agregan algo realmente a la página?.

2. Que las páginas sean fáciles de leer.

  • Resolver el contraste texto/fondo con valores de luminosidad y no sólo decolor. Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la página en un láser monocroma para verificar esto.
  • Tener cuidado con las texturas del fondo: no deben tener un dibujo excesivamente nítido que perjudique la lectura. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros), ya que se verán mal tanto los textos oscuros como los claros. En el caso de utilizar texturas fuertes, agrandar los suficiente el tamaño de la tipografía.
  • El tamaño de la tipografía debe ser adecuado para ser leído sin dificultad aun en computadoras seteadas con altas resoluciones de pantalla.
  • Es importante jerarquizar los títulos, subtítulos, manteniendo la coherencia de los estilos en todo el sitio. Para eso es una buena ayuda escribir una pequeña norma que establezca el tamaño relativo de la tipografía para cada categoría de títulos, y subtítulos, así como si éstos van centrados, alineados, con bullets, etc.

3. Establecer guías visuales que permitan saber que cada página pertenece al mismo sitio.

La coherencia visual ayuda en ese sentido. Un sitio en el que cada página tiene un fondo diferente, varían los iconos y cambian otros componentes de la composición visual, desconcierta al usuario, que no sabe si está en el mismo sitio o si el último link lo llevó al otro extremo del mundo.

2. Diseño

Cuando hablamos sobre diseño de páginas Web, realmente nos referimos al HTML o Hyper-text Markup Language. El lenguaje HTML consiste en una serie de comandos que le indican al programa navegador de WWW cómo darle formato al texto que contienen los archivos. En la actualidad no hace falta ser un experto en HTML debido a que los procesadores de texto existentes se encargan de hacer el trabajo, agregando el código automáticamente, a lo que queremos mostrar.

Los servicios de diseño de páginas Web cubren un rango que va desde convertir archivos de texto a formato HTML, hasta desarrollar extensos conjuntos de páginas cargadas de ilustraciones e hipervínculos relacionados entre sí. Podría dársele un enfoque especial a su página para algún programa navegador específico, pero siempre debe asegurarse de que las páginas sean vistas por el mayor número de plataformas posibles.

La tarea de diseño de páginas Web convoca por lo menos tres especialidades diferentes: comunicación (humana), programación (HTML, CGI, Java), diseño gráfico y multimedia. Ninguna de estas especialidades tiene en sí misma todos los recursos para llevar a cabo proyectos de Web exitosos.

En los proyectos de sitios Web no participan sólo los especialistas contratados o designados para ello. Las empresa o institución que origina la demanda tiene diversos grados de responsabilidad y compromiso con la publicación del sitio.

3. Instalación y Pruebas

En esta etapa nos encargamos de la puesta en marcha, correcciones y ajustes finales.

Se debe hacer que todo funcione.

Debemos hacer la prueba de todos los enlaces o links, corroborar el correcto funcionamiento de todos los elementos de multimedia y del funcionamiento de formularios, e-mail, buscadores, etc.

La transferencia de archivos a la Web, se realiza a través de FTP (File Transfer Protocol), generalmente, se necesita un nombre de usuario y una clave de acceso.


Infografía

http://www.maestrosdelweb.com/editorial/aspintro/

Excelente artículo sobre Active Server Pages (ASP), donde explican a groso modo en que consiste esta tecnología web, su funcionamiento y características, escrito por Christian Van Der Henst S.

http://www.webestilo.com/asp/asp00.phtml

Este sitio web, contiene un manual de ASP, explican de manera muy sencilla los conceptos básicos de dicha tecnología web.

http://www.gamarod.com.ar/recursos/tutoriales/asp/default.asp#introduccion

Este enlace es un sencillo y excelente tutorial sobre ASP.

http://www.maestrosdelweb.com/editorial/phpintro/

Este link contiene información sobre un artículo que explica en qué consiste el lenguaje de programación PHP como tecnología web, redactado Herminio Heredia Santos.

http://php.ciberaula.com/articulo/introduccion_php/

Este enlace explica brevemente una introducción, la definición y la evolución del lenguaje de programación PHP.

http://www.webestilo.com/php/php00.phtml

Manual de PHP, excelente para la iniciación de este lenguaje de programación, describe los conceptos básicos, sintaxis, todo sobre pagínas dinámicas usando la tecnología PHP.

http://www.desarrolloweb.com/articulos/840.php

Articulo, que describe de manera general la herramienta de gestión de bases de datos ORACLE, escrito por David Masip.

Última actualización: 23May05