 La World Wide Web e Internet han introducido a

la población en general en el mundo de la

informática. Compramos fondos de inversión
colectivos y acciones, descargamos música,
vemos películas, obtenemos asesoramiento
médico, hacemos reservas de habitaciones en
hoteles, vendemos artículos personales,
planificamos vuelos en líneas aéreas, conocemos
gente, hacemos gestiones bancarias, recibimos
cursos universitarios, hacemos la compra -es
decir, en el mundo virtual se puede hacer todo lo
que se necesite-.
 Se puede decir que Internet y la Web son los
avances más importantes en la historia de la
informática. Estas tecnologías informáticas
nos han llevado a todos nosotros a la era de la
informática (con otros millones de personas
quienes finalmente entrarán también).
Durante los primeros años del siglo veintiuno
estas tecnologías han llegado casi a formar
parte de nuestra vida diaria.
 Con objeto de evitar una Web enmarañada y
lograr un mayor éxito en el desarrollo y
aplicación de sistemas basados en Web
complejos y a gran escala, existe una
necesidad apremiante de enfoques de
ingeniería Web disciplinada y de métodos y
herramientas nuevos para el desarrollo,
empleo y evaluación de sistemas y
aplicaciones basados en Web.
 La Ingeniería Web (IWeb) está relacionada
con el establecimiento y utilización de
principios científicos, de ingeniería y de
gestión, y con enfoques sistemáticos y
disciplinados del éxito del desarrollo, empleo
y mantenimiento de sistemas y aplicaciones
basados en Web de alta calidad.
 No hay mucho que decir con respecto al hecho
de que los sistemas y las aplicaciones basados en
Web (nos referiremos a estas como WebApps)
son muy diferentes de las otras categorías de
software informático. Powell resume las
diferencias básicas cuando afirma que los
sistemas basados en Web «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»
 Los atributos siguientes se van a encontrar en
la gran mayoría de las WebApps:

 Intensivas de Red. Por su propia naturaleza,

una WebApp es intensiva de red. Reside en
una red y debe dar servicio a las necesidades
de una comunidad diversa de clientes.
 Controlada por el contenido. En muchos casos,
la función primaria de una WebApp es utilizar
hipermedia para presentar al usuario el
contenido de textos, gráficos, sonido y vídeo.

 Evolución continua. A diferencia del software de

aplicaciones convencional, que evoluciona con
una serie de versiones planificadas y
cronológicamente espaciadas, las aplicaciones
Web están en constante evolución.
 Inmediatez. Las aplicaciones basadas en Web
tienen una inmediatez que no se encuentra en
otros tipos de software. Es decir, el tiempo que
se tarda en comercializar un sitio Web completo
puede ser cuestión de días o semanas. Los
desarrolladores deberán utilizar los métodos de
planificación, análisis, diseño, implementación y
comprobación que se hayan adaptado a
planificaciones apretadas en tiempo para el
desarrollo de WebApps.
 Seguridad. Dado que las WebApps están
disponibles a través de acceso por red, es difícil,
si no imposible, limitar la población de usuarios
finales que pueden acceder a la aplicación. Con
objeto de proteger el contenido confidencial y
de proporcionar formas seguras de transmisión
de datos, deberán implementarse fuertes
medidas de seguridad en toda la infraestructura
que apoya una WebApp y dentro de la misma
aplicación.
 Estética. Una parte innegable del atractivo de
una WebApp es su apariencia e interacción.
Cuando se ha diseñado una aplicación con el
fin de comercializarse o vender productos o
ideas, la estética puede tener mucho que ver
con el éxito del diseño técnico.
 Todas las personas que hayan navegado
alguna vez por la Web o hayan utilizado una
intranet de una compañía pueden opinar
sobre lo que hace una «buena» WebApp. Los
puntos de vista individuales vm’an
enormemente. Algunos usuarios disfrutan
con gráficos llamativos, en cambio otros solo
quieren un texto sencillo. Algunos exigen
información copiosa, otros desean una
presentación abreviada.
 Pero ¿cómo se percibe la calidad de la
WebApp? ¿qué atributos deben de exhibirse
ante los ojos de los usuarios para lograr lo
bueno y al mismo tiempo exhibir las
características técnicas de calidad que
permitan a un ingeniero corregir, adaptar,
mejorar y soportar la aplicación a largo plazo?
 En realidad, todas las características
generales de la calidad del software se
aplican también a las WebApps. Sin embargo,
las características más relevantes -usabilidad,
fiabilidad, eficiencia y capacidad de
mantenimiento- proporcionan una base útil
para evaluar la calidad de los sistemas
basados en Web.
 Dado que las WebApps suelen ser controladas por el
contenido haciendo hincapié en la estética, es
probable que las actividades de desarrollo paralelas se
planifiquen dentro del proceso Iweb y necesiten un
equipo de personas tanto técnicas como no (por
ejemplo, redactores publicitarios, diseñadores
gráficos).

 Las características de sistemas y aplicaciones basadas

en Web influyen enormemente en el proceso de Iweb.
La inmediatez y la evolución continúan dictando un
proceso incremental e iterativo.
 La naturaleza de inmediatez de las
aplicaciones basadas en Web unida a la
presión de evolucionar continuamente obliga
a que un ingeniero establezca un diseño que
resuelva el problema comercial inmediato,
mientras que al mismo tiempo obliga a
definir una arquitectura de aplicación que
tenga la habilidad de evolucionar
rápidamente con el tiempo.
 Con objeto de realizar un diseño eficaz
basado en Web, el ingeniero deberá trabajar
reutilizando cuatro elementos técnicos:
 Principios y métodos de diseño.
 Cuando se crean aplicaciones Web se pueden
reutilizar los métodos de diseño que se
utilizan para los sistemas orientados a
objetos
 Reglas de oro.
 Las aplicaciones hipermedia interactivas
(WebApps) llevan construyéndose ya hace
una década. Durante ese tiempo, los
diseñadores han desarrollado un conjunto de
heurísticas de diseño (reglas de oro) que se
podrán volver a aplicar durante el diseño de
aplicaciones nuevas.
 Configuraciones de diseño.
 En el contexto de las WebApps, las
configuraciones de diseño se pueden aplicar
no solo a los elementos funcionales de una
aplicación, sino también a los documentos,
gráficos y estética general de un sitio Web.
 Plantillas.
 Las plantillas se pueden utilizar para
proporcionar un marco de trabajo
esquemático de cualquier configuración de
diseño o documento a utilizar dentro de una
WebApp.
 La estructura arquitectónica global va unida a
las metas establecidas para una WebApp, al
contenido que se va a presentar, a los
usuarios que la visitarán y a la filosofía de
navegación establecidos. Cuando el
encargado de la arquitectura va a realizar el
diseño de una WebApp típica puede elegir
entre cuatro fuentes diferentes:
 Las estructuras lineales
 Las estructuras reticulares
 Las estructuras jerárquicas
 estructura en red o de «web pura»
 Una vez establecida una arquitectura de
WebApp, una vez identificados los
componentes (páginas, guiones, applets y
otras funciones de proceso) de la
arquitectura, el diseñador deberá definir las
rutas de navegación que permitan al usuario
acceder al contenido y a los servicios de la
WebApp.
 Generalmente una WebApp grande tendrá
una variedad de roles de usuarios diferentes.
Por ejemplo, los roles podrían ser el de
visitante, cliente registrado o cliente
privilegiado. Cada uno de estos roles se pueden
asociar a diferentes niveles de acceso al
contenido y de servicios diferentes.
 El diseñador deberá elegir los enlaces de
navegación adecuados para el contenido y
consecuentes con la heurística que conduce al
diseño de una interfaz de alta calidad.
 Además de elegir la mecánica de navegación, el
diseñador también deberá establecer las
convenciones y ayudas adecuadas. Por ejemplo,
los iconos y los enlaces gráficos deberán tener
un aspecto «clickable (capacidad de accederse)»
con los bordes biselados, y dar así una imagen
en tres dimensiones.
 Dado el gran volumen de WebApps que
compiten virtualmente en todas las áreas
temáticas, la interfaz debe «arrastrar»
inmediatamente al usuario potencial. Se
sugieren unas cuantas líneas generales y
sencillas en el rediseño de una WebApp:
 Probabilidad de que los errores del servidor,
incluso los más pequeños, hagan que el usuario
abandone el sitio Web y busque información y
servicios en algún otro sitio.

 La velocidad de lectura del monitor de una

computadora es aproximadamente un 25% más
lento que leer una copia impresa. Por tanto, no
hay que obligar al usuario a leer cantidades
voluminosas de texto.
 Los usuarios prefieren no tener que recorrer
la pantalla. Dentro de las dimensiones
normales de una ventana del navegador se
deberá incluir información importante.

 Los menús de navegación y las barras de

cabecera se deberán diseñar
consecuentemente y deberán estar
disponibles en todas las páginas a las que el
usuario tenga acceso.
 La estética nunca deberá sustituir la
funcionalidad. Por ejemplo, un botón sencillo
podría ser una opción de navegación mejor
que una imagen o icono estéticamente
agradables, pero vagos cuya intención no es
muy clara.
 La creación de una buena aplicación Web
exige un amplio abanico de conocimientos.
Los equipos de IWeb pueden organizarse de
forma muy similar a como se organizan los
equipos de software. Sin embargo, pueden
existir diferencias entre los participantes y sus
roles.
 Desarrolladores y proveedores de contenido.
Dado que las WebApps son controladas
inherentemente por el contenido, el papel de los
miembros del equipo Iweb se centra en la
generación y/o recolección del contenido.
Retomando la idea de que el contenido abarca
un amplio abanico de objetos de datos, los
diseñadores y proveedores del contenido
pueden proceder de diversos planos de fondo
(no de software).
 Editores de Web. El contenido tan diverso
generado por los desarrolladores y
proveedores de contenido deberá
organizarse e incluirse dentro de la WebApp.
Además, alguien deberá actuar como
conexión entre el personal técnico que diseña
la WebApp y los diseñadores y proveedores
del contenido
 Ingeniero de Web. Un ingeniero Web cada
vez se involucra más con la gran cantidad de
actividades del desarrollo de una WebApp
entre las que se incluyen la obtención de
requisitos, modelado de análisis, diseño
arquitectónico, de navegación y de
interfaces, implementación de la WebApp y
pruebas.
 Especialistas de soporte. Este papel se asigna a
la persona (personas) que tiene la
responsabilidad de continuar dando soporte a la
WebApp. Dado que las WebApps están en
constante evolución, el especialista de soporte
es el responsable de las correcciones,
adaptaciones y mejoras del sitio Web, donde se
incluyen actualizaciones del contenido,
implementación de productos y formularios
nuevos, y cambios del patrón de navegación.
 Administrador. Se suele llamar Weh master, y es
el responsable del funcionamiento diario de la
WebApp, en donde se incluye:
 el desarrollo e implementación de normas para
el funcionamiento de la WebApp;
 el establecimiento de los procedimientos de
soporte y realimentación;
 los derechos de acceso y seguridad de la
implementación;
 la medición y análisis del tráfico del sitio Web;
 la coordinación de los procedimientos de control
de cambios;
 la coordinación con especialistas de soporte.
 El administrador también puede estar
involucrado en las actividades técnicas
realizadas por los ingenieros de Web y por los
especialistas de soporte.