Orgenes de la Ingeniera Web

Pocos pueden discutir que Internet y la World-Wide Web estn cambiando nuestras vidas. Cada da es
ms comn que tareas tales como la lectura del peridico, la compra de libros o discos, operaciones
bancarias, reserva de hoteles, compra de billetes de avin o tren, entre otras muchas, las realicemos
conectados con nuestro ordenador a Internet. Es as que, durante la ltima dcada hemos asistido al
crecimiento vertiginoso del desarrollo y uso de aplicaciones y sistemas Web cada vez ms complejos y
sofisticados.
Desafortunadamente, dicha complejidad no parece estar acompaada de los mecanismos adecuados
que garanticen la calidad de unos sistemas de los que cada da tenemos mayor dependencia a nivel
social, funcional y econmico.
Esta carencia de calidad ha venido generando una preocupacin creciente entre la comunidad cientfica
y tcnica involucrada en el desarrollo Web. As pues, en los ltimos aos surgen varias iniciativas con el
objetivo de poner cierto orden dentro de la maraa que estamos creando y en la que nos movemos
habitualmente.
En 1998, Roger Pressman moder una mesa redonda virtual con representantes la ingeniera software
tradicional y del desarrollo software basado exclusivamente en Internet. El debate principalmente se
centr en discutir si vala la pena aplicar un proceso de ingeniera a las aplicaciones con base en
Internet, o qu caractersticas tenan stas que justificaran el no utilizarlo. La conclusin general fue que
aplicar un proceso de ingeniera nunca es una mala idea pero que ste debera adaptarse a los
requerimientos de cambio continuo y rapidez siempre presentes en el proceso de desarrollo Web.
De iniciativas como sta y de otras como la organizacin de congresos y talleres especializados en el
desarrollo para la Web, surge el nacimiento de una nueva disciplina denominada Ingeniera Web.
La Ingeniera Web surge entonces, en 1998, como una nueva disciplina orientada a solucionar los
problemas derivados de una proliferacin de sistemas web de baja calidad, realizados con una carencia
completa de proceso. Esta nueva disciplina identifica nuevos elementos propios de las aplicaciones web
que no se cubren en las Ciencias de la Computacin, en la Ingeniera del Software o en los Sistemas de
Informacin.
La Ingeniera Web como disciplina no es una copia de la Ingeniera del Software, aunque parte de un
conjunto de principios bien arraigados en sta ltima, adaptndolos a la naturaleza ms abierta y flexible
de la Web.
Que pasa si persiste el enfoque actual para el desarrollo Web? Con la ausencia de un proceso
disciplinado para aplicaciones Web, cada vez nos preocupa mas la manera en que nos podemos
enfrentar con problemas serios para obtener xito en el desarrollo, empleo y mantenimiento de estos
sistemas. En esencia, a medida que avanzamos en el tiempo, la infraestructura de las aplicaciones que
se estn creando hoy en da puede llamarnos a lo que podramos llamar Web Enmaraada. Esta frase
connota un cmulo de aplicaciones basadas en Web pobremente desarrolladas y con una probabilidad
de fallo bastante alta. Y lo que es peor, a medida que las aplicaciones Web se van complicando, un fallo
en una de ellas puede propagar problemas en otros. Si esto ocurre, la confianza en Internet puede
romperse provocando resultados irremediables.
Con el objeto de evitar una Web enmaraada y as lograr un mayor xito en el desarrollo de
aplicaciones Web complejas y a gran escala, existe una necesidad apremiante de enfoques de
Ingeniera Web disciplinada y de mtodos y herramientas nuevos para el desarrollo. Tales enfoques
deben tener en cuenta las caractersticas propias del medio, los diferentes entornos y escenarios, y en
la multiplicidad de perfiles de usuario implicando todo ello un reto adicional para el desarrollo de estas
aplicaciones.

Definiciones de Ingeniera Web

Aplicacin de una aproximacin sistemtica, disciplinada y cuantificable al desarrollo, operacin

y mantenimiento de aplicaciones basadas en la Web o la aplicacin de la ingeniera al software
basado en la Web
Establecimiento y utilizacin de principios cientficos, de ingeniera y de gestin, y con enfoques
sistemticos y disciplinados del xito del desarrollo, empleo y mantenimiento de aplicaciones
basadas en Web.

1
Etapas de la Ingeniera Web

Formulacin

Permite que el cliente y el diseador establezcan un conjunto comn de metas y objetivos para la
construccin de la aplicacin Web. Para ello se establece un proceso de comunicacin entre los dos
actores ya mencionados para establecer las razones de construccin de la aplicacin Web. Tambin
identifica el mbito de esfuerzo en el desarrollo y proporciona un medio para determinar un resultado
satisfactorio. En esta etapa se realiza lo siguiente:
Definir y Describir categoras de usuario: se identifican a todos aquellos que se benefician de forma
directa o indirecta de la aplicacin Web. La complejidad de las aplicaciones Web es proporcional al
nmero de categoras de usuario. Para realizar esta definicin es necesario responder las siguientes
preguntas:
Cual es el objetivo global del usuario al usar una aplicacin Web?
Como llegara el usuario a la aplicacin Web?
Que caractersticas gustan o disgustan al usuario?
Definicin de Requisitos Bsicos: un requisito es una condicin o capacidad que debe poseer o
cumplir la aplicacin Web para satisfacer una necesidad o demanda especifica. Se consideran
requisitos aspectos tales como facilidades ofrecidas al usuario, restricciones de la aplicacin Web y
para el desarrollo de esta y otras propiedades generales. Los clientes deben definir y ordenar sus
requisitos de acuerdo a su prioridad y tipo. Por lo tanto, los requisitos pueden ser:
Funcionales: describen los servicios que se esperan del sistema
No funcionales: restricciones de cmo los requisitos funcionales son implementados
De Contenido: responden a la pregunta de que informacin debe almacenar y
administrar la aplicacin Web
Analizar la informacin recopilada y hacer un seguimiento a los clientes.
Definir casos de uso: toda la informacin recolectada y tratada se modela con la utilizacin de Casos
de Uso y Notacin UML. Este paso tiene una connotacin especial ya que constituye el puente hacia
el Modelado de Anlisis. Un Caso de Uso permite capturar informacin de cmo una aplicacin
trabaja, o de cmo se desea que trabaje y constituye una especificacin de cmo una entidad se
comporta e interacta con los usuarios.

Anlisis

Esta etapa se enfoca en buscar respuestas a las siguientes preguntas:

Que informacin o contenido se presentar o manipular?
Que funciones realizar el usuario final?
Que comportamiento tendr la Aplicacin Web?
Adems se realizan cuatro tipos de Anlisis:
Anlisis de Contenido: es la identificacin del espectro completo de contenido que se va a
proporcionar. En el contenido se incluyen datos de texto, grficos, imgenes video y sonido.
Anlisis de Interaccin: es la descripcin detallada de la interaccin del usuario con la aplicacin
Web. Casos de Uso
Anlisis Funcional: es la descripcin detallada de todas las funciones y operaciones que se
aplicaran en el contenido de la Aplicacin Web, y que fueron obtenidas tras el Anlisis de
Interaccin, donde se crearon los escenarios de utilizacin o Casos de Uso.
Anlisis de la Configuracin: es la descripcin en detalle del entorno y de la infraestructura donde
reside la aplicacin Web. Se hace debido a que es necesario que el diseo e implementacin de la
aplicacin Web se acomode a una diversidad de ambientes, tanto del lado del servidor como del
cliente. Para ello se especifican elementos tales como hardware del servidor, sistemas operativos,
protocolos de comunicacin, grado de utilizacin de la base de datos, entre otros.

2
Diseo

Esta etapa se centra mayoritariamente en el usuario, e incluye la influencia de las artes o aspectos
visuales (parte visual de la aplicacin), el contenido (informacin que se muestra al usuario), la
tecnologa (funcionalidad de la aplicacin y la finalidad (beneficios). En la etapa de Diseo de la
Ingeniera Web son aplicables los conceptos y principios usados en la Ingeniera del Software, aunque
no es un clnico perfecto de esta.

Calidad en el Diseo de Aplicaciones Web

La calidad se refiere a las caractersticas mensurables que se pueden comparar con estndares
conocidos como longitud, color, entre otros. A nivel de software existen unas mtricas tcnicas que
proporcionan una manera sistemtica de valorar un conjunto de reglas claramente definidas. Las
mtricas o requisitos de calidad ms importantes para evaluar la calidad de las aplicaciones Web son:
Usabilidad
Funcionalidad
Fiabilidad
Eficiencia
Capacidad de Mantenimiento

Diseo Arquitectnico: se centra en la filosofa de navegacin que ser establecida para los
usuarios que utilizan la aplicacin Web y visualizan informacin en ella.
Arquitectura de contenido: se refiere a la estructura hipermedia global de la aplicacin Web.
Existen 4 tipos de estructuras que son:
Estructuras lineales: aparecen cuando es comn la sucesin predecible de
interacciones. Por ejemplo, la presentacin de un manual de usuario en las que las
paginas de informacin se presentan con grficos relacionados, videos cortos y sonidos
solo despus de haber presentado un prerrequisito.
Estructuras reticulares: esta opcin puede aplicarse cuando el contenido de la aplicacin
Web se puede organizar categricamente en dos dimensiones o mas. Por ejemplo,
considere una situacin en la que un sitio de comercio electrnico vende zapatos
deportivos. La dimensin horizontal de la retcula representa el tipo de zapato deportivo
en venta (de atletismo, ) la dimensin vertical representa la oferta proporcionada por los
fabricantes de zapatos deportivos
Estructuras Jerrquicas: es el tipo de estructura ms comn. Consiste en disear una
estructura jerrquica de la aplicacin Web que permita el flujo en horizontal atravesando
las ramas verticales de la estructura. Por tanto, el contenido presentado en la rama del
extremo izquierdo de la jerarqua puede tener enlaces de hipertexto que lleven al
contenido que existe en medio de la rama derecha de la estructura. Sin embargo,
debera de destacarse que aunque dicha rama permite una navegacin rpida por la
estructura de la aplicacin Web, puede originar tambin confusin por parte del usuario.
Estructuras de Red: en este tipo, las aplicaciones Web se disean de tal forma que
pueden pasar el control (mediante enlaces de hipertexto) a otros componentes del
sistema. Este enfoque permite una flexibilidad de navegacin considerable, aun cuando
puede resultar confuso para el usuario.

Diseo de Navegacin: se refiere a la definicin de las rutas de navegacin que permitan al usuario
acceder a los contenidos de la aplicacin Web. Generalmente una aplicacin Web tendr una
variedad de roles de usuarios diferentes. Cada uno de estos roles pueden tener asociados
diferentes niveles de acceso al contenido de la aplicacin. Por ejemplo, un usuario con un rol de
visitante puede tener acceso a un contenido limitado, mientras que un usuario con un rol de cliente
registrado puede tener una variedad ms amplia de informacin y servicios. Debido a esto se hace
necesario lo siguiente:
Identificar la semntica de Navegacin para diferentes usuarios: es necesario crear una
Unidad Semntica de Navegacin para cada una de las metas asociadas a los roles de

3
 usuario. Una USN es un conjunto de estructuras de informacin y navegacin relacionadas
que colaboran en el cumplimiento de ciertos requisitos del usuario. Las USN estn
compuestas por los siguientes elementos:
Formas de Navegacin: representan la mejor forma o ruta de navegacin para que los
usuarios con ciertos perfiles logren la meta deseada.
Nodos de Navegacin: son las partes que contienen informacin accesible al usuario.
Definir la mecnica o sintaxis de navegacin: entre las mecnicas de navegacin encontramos
las siguientes:
Vinculo de Navegacin Individual: vnculos basados en texto, iconos, botones y metforas
grficas.
Barra de Navegacin horizontal: lista de las principales categoras de contenido en una
barra que contiene vnculos de forma horizontal.
Columna de navegacin vertical
Pestaas: representan las categoras de contenido por medio de marcas que se
seleccionan cuando se requiere un vinculo.
Mapas de Sitio: proporcionan una tabla de contenido que incluye todos los objetos de
la aplicacin.

Diseo Esttico: tambin llamado Diseo Grfico, describe la apariencia de la aplicacin desde un
punto de vista artstico, complementando de esta forma los aspectos tcnicos de la aplicacin Web.
Sin l, la aplicacin Web puede ser funcional pero no atractiva. Implica la realizacin de las
siguientes actividades:
Establecer la plantilla de pantalla: las plantillas se pueden utilizar para proporcionar un marco
de trabajo esquemtico al diseo esttico de una aplicacin Web.
Establecer el tema o imagen de la aplicacin Web: se refiere a cual va a ser el tratamiento
grfico que van a tener los elementos de la interfaz de la aplicacin Web

Diseo de Contenido: desarrolla una representacin de diseo para lo siguiente:

Objetos de Contenido: se refiere a entidades que incluyen informacin especfica de contenido y
determinadas caractersticas de implementacin como parte de su diseo.
Mecanismos requeridos para establecer relaciones entre cada uno de esos objetos.

Diseo de la Interfaz: se describe la estructura y organizacin de la interfaz de usuario de la

aplicacin Web, la cual debe ofrecer al usuario final una experiencia gratificante y satisfactoria. Toda
interfaz de usuario debe presentar las siguientes caractersticas:

Aprender Intuitiva Libre de errores

Fcil de Navegar Consistente Funcional
Usar Eficiente

Bsicamente, se debe seguir el siguiente flujo de trabajo en esta etapa:

1. Revisar la informacin obtenida en el modelo de anlisis
2. Desarrollar un bosquejo aproximado de la plantilla de la interfaz de la aplicacin Web
3. Correlacionar los objetivos del usuario con acciones especficas de la interfaz.
4. Definir un conjunto de tareas de usuario que estn asociadas con cada accin
5. Elaborar bosquejos con imgenes de la pantalla para cada accin de la interfaz
6. Identificar los objetos de la interfaz de usuario que se requieren para implementarla.
Este flujo de actividades genera una Plantilla de la Interfaz que sirve para esbozar de manera general la
distribucin de los objetos en la aplicacin. Tambin se genera una serie de Guiones que estn
formados por una serie de escenas individuales que presentan una lnea secuencial de la interaccin y
el recorrido de las distintas pantallas con sus respectivos objetos.