1

BLOQUE
3 Tcnicas en ngeniera Web
Diseo Centrado en eI Usuario
Profesorado:
Dra. Mara Jos Escalona Cuaresma
mjescalona@us.es
Dr. Jos Mariano Gonzlez Romano
mariano@lsi.us.es
Master OficiaI en Ingeniera y TecnoIoga deI Software
http://www.lsi.us.es/docencia/master-oficial.php
Departamento de Lenguajes y Sistemas Informticos
Universidad de SeviIIa
Curso 2008/09

Tcnicas Web
Introduccin
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Como se ha visto, la ngeniera Web ofrece un conjunto de tcnicas
especficas para tratar los aspectos especficos de la web.
En este tema se van a presentar las tcnicas ms usadas en la
ngeniera de Requisitos Web y se va a ofrecer un estudio
comparativo de las tcnicas estudiadas en el tema anterior para ver
cmo se ha evolucionado.
Tras ver las tcnicas de ngeniera de Requisitos para la web, se
presentan tcnicas especficas de la ngeniera Web en anlisis y
diseo.
Por ltimo se presenta NDT en detalle como ejemplo de
metodologa web orientada a los requisitos.
3
Tcnicas Web
Ingeniera de Requisitos
nformation
Validacin de
requisitos
Correcciones
Definicin de
requisitos
Captura de
requisitos
Catalogo de
requisitos
AnaIistas
DesarroIIadores
Disenadores
CIientes
Usuarios
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Esca|ona & Koch 2004

Tcnicas Web
Captura de requisitos Web
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Captura de requisitos: Actividad mediante la que se extraen las
necesidades del sistema
Realmente la ngeniera Web no ha aportado nuevos modos de
capturar requisitos y simplemente, hace uso de las tcnicas
clsicas.
Captura de requisitos: Actividad mediante la que se extraen las
necesidades del sistema
Realmente la ngeniera Web no ha aportado nuevos modos de
capturar requisitos y simplemente, hace uso de las tcnicas
clsicas.
Erlrev|slas
JA0 (Jo|rl App||cal|or 0eve|oprerl
8ra|rslorr|rg
Corcepl Vapp|rg
3|elcres y 3loryooards
Casos de uso
Cuesl|orar|o y Crec|||sl
Corparac|r de lerr|ro|ogia
v|s|las de olros s|l|os weo re|ac|orados
RET$0llTZESSER, w. , $0lwlhSER, w. 2000. Touaros Vooe||n ol 0ara weo /pp||oar|ons - / Requ|remenrs
Perspeor|ve. Prooeeo|ns ol rne /mer|oan 0onlerenoe on lnlormar|n $ysrems /V0l$ 2000, vo| ', '49-'55
0uRAN, A. 1999. ur Erlorro Velodo|g|co de lrger|eria de Requ|s|los para 3|sleras de lrlorrac|r. Pr. Tes|s.
0eparlarerlo de Lerguajes y 3|sleras lrlorrl|cos. ur|vers|dad de 3ev|||a. 3ev|||a.

Tcnicas Web
Definicin de requisitos
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Captura de requisitos: Proceso mediante el que se representan y
describen los requisitos capturados. En esta lnea se han aportado
muchos ms trabajos, principalmente basadas en extensiones
formales de casos de uso o tcnicas clsicas.
Captura de requisitos: Proceso mediante el que se representan y
describen los requisitos capturados. En esta lnea se han aportado
muchos ms trabajos, principalmente basadas en extensiones
formales de casos de uso o tcnicas clsicas.
Lerguaje ralura|
0|osar|os
P|arl|||as o palrores
Escerar|os
Casos de uso
Lerguajes lorra|es
E3CAL0NA, V.J., K0Cl, N. 2001. Requ|rererls
Erg|reer|rg lor weo App||cal|ors: A Corparal|ve
3ludy. Jourra| or weo Erg|reer|rg, vo|.2 N3, pp.
193-212. R|rlor Press.

Tcnicas Web
Definicin de requisitos. EjempIo (I)
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
E3CAL0NA, V.J., K0Cl, N. 200Z. Velarode|||rg
lre requ|rererls ol weo 3yslers. weo
lnlormar|on $ysrems ano Teonno|o|es.
lnrernar|ona| 0onlerenoes wE3l$T 2005 ano
wE3l$T 2006. Rev|seo $e|eoreo Papers.
lh3lP, vo|. ', $pr|ner, pp. 267-280.
WebUser
AddTo
ShoppingCart
ListContent
ShoppingCart
Login
Checkout
Register
SearchCD
extend
extend
extend
WebUser
AddTo
ShoppingCart
ListContent
ShoppingCart
Login
Checkout
Register
SearchCD
extend
extend
extend

Tcnicas Web
Definicin de requisitos. EjempIo (II)
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
FR-01 Login
Description Authentication to allow access to the checkout process
Actors Use case actor
AC-01. WebUser
ormal sequence Step Action
1 The system asks Ior the :serID and password and the
option to remember both :serID and password
2 The user puts the :serID and the password
3 The :serID and the password are checked
4 The :serID and the password is stored iI the Iield
remember is true
5 Access to checkout is allowed
ceptions Step Action
4 The user is not registered, so the user executes FR-02
4 The :serID or the password are not valid, continue with
step 1
NDT
Error
Message
userD
password
remember
(access to checkout)
Error
Message
userD
password
remember
(access to checkout)
UIDs
OOHDM

Tcnicas Web
Definicin de requisitos. EjempIo (III)
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
UWE
nput
FindUSer
userD
password
remember
ShowError
Verify
Password
[correct]
[else]
[cancel]
[cancel]
[repeat]
[found]
[else]
[else]
[already logged in]
nput
FindUSer
userD
password
remember
ShowError
Verify
Password
[correct]
[else]
[cancel]
[cancel]
[repeat]
[found]
[else]
[else]
[already logged in]

Tcnicas Web
VaIidacin
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
VaIidacin de requisitos: Proceso que tiene como misin
demostrar que la definicin de los requisitos define realmente el
sistema que el usuario necesita.
Si bien la ingeniera Web no ha aportado grandes aspectos a este
nivel, la nueva rama de la ingeniera guiada por modelos s que
est aportando propuestas interesantes (siguiente tema)
.
VaIidacin de requisitos: Proceso que tiene como misin
demostrar que la definicin de los requisitos define realmente el
sistema que el usuario necesita.
Si bien la ingeniera Web no ha aportado grandes aspectos a este
nivel, la nueva rama de la ingeniera guiada por modelos s que
est aportando propuestas interesantes (siguiente tema)
.
Rev|eWs o wa||-lrrougrs
Aud|lorias
Valr|ces de lrazao|||dad
Prolol|pos
Tesauros
E3CAL0NA, V.J., CAvARER0, J.L.. 2005. Tecrr|ques
lo va||dale requ|rererls |r N0T. Fourleerlr
lrlerral|ora| Corlererce or lrlorral|or 3ysler
0eve|oprerl. l30 2005.pp. 115-15. 3Weder.
10
Tcnicas Web
AnIisis
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Tras la captura, deficinicin y validacin de requisitos, hay que
proceder a analizar esos requisitos y comenzar a aproximar el
catlogo de requisitos al lenguaje mquina.
.
Tras la captura, deficinicin y validacin de requisitos, hay que
proceder a analizar esos requisitos y comenzar a aproximar el
catlogo de requisitos al lenguaje mquina.
.
La idea de la separacin de conceptos en este nivel ha ocasionado un gran
conjunto de notaciones para la representacin de los diferentes aspectos de la
web. Sin embargo, existe una tendencia cada ms generalizada de usar
diagramas de clases, enriquecidos con otros aspectos, para representar estos
aspectos.
11
cIass 4.1.DIAGRAMA DE CLASES CONCEPTUALES
CL
4.1.1.MODELO
CONCEPTUAL::CL-01.
Regi stro
CL
4.1.1.MODELO CONCEPTUAL::
CL-02. Documento
CL
4.1.1.MODELO
CONCEPTUAL::CL-03.
FechaAno
CL
4.1.1.MODELO
CONCEPTUAL::CL-04.
FechaCompIeta
CL
4.1.1.MODELO
CONCEPTUAL::CL-05.
FechaRango
4.1.1.MODELO
CONCEPTUAL::
Fecha
1
regi stra
AS*
1
seCataloga
0..*
Tcnicas Web
AnIisis. ModeIo conceptuaI
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
ModeIo ConceptuaI o modeIo de
contenido: Representa la estructura
esttica del sistema. Es la translacin
de los requisitos de contenido y
estructura la informacin que se va a
almacenar en el sistema.
ModeIo ConceptuaI o modeIo de
contenido: Representa la estructura
esttica del sistema. Es la translacin
de los requisitos de contenido y
estructura la informacin que se va a
almacenar en el sistema.
1
Tcnicas Web
AnIisis. ModeIo navegacionaI (I)
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
pkg NDT AnaIisis
metacl ass
CIass
+ i sActi ve: Bool ean
NO
- Comentari os
- Est ado
QU
- Comentari os
- Est ado
I N
- Comentari os
- Est ado
- Ti po
ME
- Comentari os
- Est ado
metacl ass
Actor
AE
extends
extends
extends
extends
extends
ModeIo NavegacionaI o modeIo de
navegacin: Representa la estructura
de navegacin del sistema. Se suele
representar como un diagrama de
clases estereotipadas.
ModeIo NavegacionaI o modeIo de
navegacin: Representa la estructura
de navegacin del sistema. Se suele
representar como un diagrama de
clases estereotipadas.
A|guras propueslas coro
00l0V |e rar |rlroduc|do
aspeclos relererles a |a
ravegac|r d|rr|ca.
13
Tcnicas Web
AnIisis. ModeIo navegacionaI (II)
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
cIass 4.2.1.DEF...
ACT-02. Usuario
Administrador
cIass Acceso Administrador
ME
5.2.1.4.MENS::ME-01.
Men Administracin
QU
5.2.1.2.QUERYS::QU-02. Recuperar datos de documentos
bsqueda avanzada
- CasaDucal .nombre: Cadena
- Documento.descri pci n: Cadena
- Documento.si gnaturaOri gi nada: Cadena
- Documento.si gnaturaOri gi nal : Cadena
- FechaAno.ano: Entero
- FechaCompl eta.ano: Entero
- FechaCompl eta.di a: Entero
- FechaCompl eta.mes: Entero
- FechaRango.anoFi n: Entero
- FechaRango.ano ni ci o: Entero
NO
5.2.1.1.NODOS::NO-02. Datos de Documento
- DATOS DOCUMENTO: RA-0. Datos de l os documentos
+ RF-03.Buscar Documento modo Si mpl e() : voi d
+ RF-0.Buscar Documento modo Avanzado() : voi d
+ RF-0.Descargar Documento() : voi d
+ RF-0.Edi tar Documento() : voi d
+ RF-0.Subi r Documento() : voi d
N
5.2.1.3.NDICES::IN-02. ndice para documento
- Regi stro: RA-0.regi stro
- Si gnaturaOri gi nal : RA-0.si gnatura ori gi nal
EN
EN
EN
1
Tcnicas Web
AnIisis. ModeIo de interfaz abstracta
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
ModeIo de interfaz abstracta: Aqu
hay mucha mayor variabilidad. Se
tiende a hacer uso de diagramas de
clase (UWE), de prototipos (NDT) o
de nomenclaturas propias (ADVs de
OOHDM).
ModeIo de interfaz abstracta: Aqu
hay mucha mayor variabilidad. Se
tiende a hacer uso de diagramas de
clase (UWE), de prototipos (NDT) o
de nomenclaturas propias (ADVs de
OOHDM).
UWE Profile
1
Tcnicas Web
Ideas cIaves
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Existen tendencias en las propuestas
Representacin grfica
Representacin textual
Existe poco soporte en cuanto a herramientas case
Existe una terminologa muy variada
La separacin de conceptos:
Modelo conceptual, de informacin, de clases, etc.
Modelo navegacional
Modelo de presentacin, etc.
Los modelos como extensiones formales
Se comenz con modelos propios
Luego se utilizaron modelos estndares como
diagramas de clases
Actualmente se marca como extensiones formales de
lenguajes estndares como UML. Esto est
permitiendo que se unifiquen conceptos
1
Tcnicas Web
NDT.NavigationaI DeveIopment Techniques
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
NDT es una propuesta
surgida en el departamento
y focalizada a dar gran
importancia a los requisitos
Web.
NDT es una propuesta
surgida en el departamento
y focalizada a dar gran
importancia a los requisitos
Web.
A aplicado a la web
1
Tcnicas Web
NDT.NavigationaI DeveIopment Techniques
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Captura de
requisitos
Definicin
de requisitos
Validacin de
requisitos
Generacin de
modelos
Definicin de
modelos
Validacin de
modelos
Procesos de
derivacin
Requisitos
Analisis
NDT
Modelos de
requisitos
Modelos de
anlisis
Patrones basados
en metamodelos
METODOLOGA PARA
LA ELCTACN DE REQUSTOS
BNL UML
UWE OOHDM
The approach
InfIuencias
1
Tcnicas Web
NDT.NavigationaI DeveIopment Techniques
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
En requisitos distingue entre:
Requisitos de almacenamiento de informacin
Requisitos de actores
Requisitos funcionales
Requisitos de interaccin
Requisitos no funcionales
Y en anlisis:
Modelo conceptual
Model de
navegacin
Model de interfaz
En |a actua||dad hay una nueva vers|n que cubre todo e|
c|c|o de v|da
rllp://WWW.|Wl2.org
1
Tcnicas Web
NDT.NavigationaI DeveIopment Techniques
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
Caplurar y
del|r|r requ|s|los
va||dar requ|s|los
Espec|l|cac|r de requ|s|los
0ererar e|
rode|o corceplua|
0ererar e|
rode|o de
ravegac|r
Ar||s|s
[correclos|
0ererar e|
0R3
[ro correclos|
[se rar deleclado errores|
[s|r errores|
[s|r errores|
[se rar deleclado errores|
0ererar
prolol|pos
[se rar
deleclado
errores|
0ererar e|
0A3
[s|r errores|
0R3
0A3
0
Tcnicas Web
NDT.NavigationaI DeveIopment Techniques
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin
MetamodeIos para Ia fase de requisitos
MetamodeIos para Ia fase de anIisis
ModeIos bsicos
ModeIos finaIes
Sistemtico
ControIado
NDT (NavigationaI DeveIopment Techniques)
1
Tcnicas Web
EvaIuacin
FASE I: Sortear defensa de estructura de requisitos
FASE II: Presentar EA y definir eI probIema
FASE III: Representacin de requisitos
FASE IV: EIaboracin y defensa de Ias concIusiones
Introduccin
Tcnicas
Captura
Definicin
Validacin
AnIisis
NDT
EvaIuacin