3.1.

Método de ingeniería web basada en UML (UWE)

UWE llegó hasta por 1998. El yoThod fue Developed por la Ingeniería WebGrupo de laLudwig-
Maximilians-Universität München [9-10]. Que es un software de ingeniería enfoque basadoen
UML [11]. Nosotroses la UML notación estándar como mucho como sea posible y define un
profesional de UMLexpediente para specifique las peculiaridades que introducen las aplicaciones
web . El mayor beneficio de sering UMLconformidad es eso , Herramienta CASOeso apoyael
UML noacción puede ser usado para producirla Modelos UWE [12]. 3.1.1.

Metamodelo UWE

El metamodelo UWE es un diseño que se considera la extensión conservadora de la UML

metamodelo, en otras palabras, cuna palabra que los elementos de modelado del metamodelo
UML sonheredado del metamodelo UML, y no se modifican agregando nuevas características o
adiciones a el modelado clase de elemento los UWE metamodelo puede ser personalizado en
elbase de un perfil asignándolo a un perfil UML. Se puede crear el metamodelo UWE para
aplicaciones webmediante el uso de genéricosUML caso herramientas y UMLperfiles o su
extensión, objetosaquellos están etiquetados y restricciones OCL [13-14], la Figura 1 muestra
metamodelos UWE
 A. Modelado conceptual

El concepto de diseño tiene la intención de generar un concepto de modelo , que ignora

los aspectos de interacción, presentación y rutas de enrutamiento como tanto como sea
posible. Estas características son diferido a la pasos de el trazado del curso y modelado de
arreglos. Lo importante Modelado UML elementos eso usado en efectivamente son clases, su
asociaciones y paquetes. Estos elementos son definido gráficamente usando la notación UML
[15].

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 50

B. Modelado de navegación

El diseño de navegación informa sobre la especificación en la que se definen los objetos para
acceder a través de some navegacióntructura de la w aplicación eb y las formasacerca de estos
objetos accesibilidad en la acceso estructura. los principal los elementos de modelado de
navegación son la navegación clases y sus correspondientes asociadosrelativo a la navegación
campo de golf [dieciséis]. los elementos ese son Acostumbrado a diseñar el modelo de navegación
UWE son [17-18]:

1) : Navegación clase

2. : Menú

3) : Externo Nodo

4) : Consulta

5) : Visita guiada

6. : Índice

7) : Enlace de navegación

C. Modelado de presentaciones

El modelo de presentación está creando a partir de objetos de navegación y sus primitivas de

acceso. Estamodelo dice acerca de la acceso primitivas y su o correspondienteobjetos, cual armi
accesible por el usuario La estructura de navegación se transforma con p modelo de
resentación enun conjunto de modosls [19].UWE ofrece un número de elementos de modelado,
cual puede explique el resumen user interfaces, y eso es 'texto''formulario', 'imagen', 'audio',
'video', 'botón', 'ancla' y diferentescolecciones [20].Los elementos que se utilizan para diseñar
el modelo de presentación son [17-18]:

1) : Alternativas de presentación

2. : Grupo de presentación

3) : Presentación iterada Grupo

4. : Formulario de entrada
5) : Presentación Página

6. : Pestaña

7) : Botón

8. : Ancla

9) :Texto

10) : Imagen

11) : Objeto de medios

12) : Selección

13) : Subir archivo

14) : Componente aduanero

15. : Control deslizante dieciséis. : Entrada de texto

17) : Imagen Entr

3.2. Método de lenguaje de modelado web (WebML)

En 1998, un italiano Politecnico di Milano investigación grupo trajo WebML [21] enatención. En
áreas de aplicación web y plataforma de ejecución, UML es un lenguaje de modelado visual de
estructuración, especificación y documentación de sistemas. Un lenguaje distintivo para asociar
softwaresistemas, también es ampliamente aceptado por la academia y la industria.

.2.1. WebML Metamodel

Un metamodelo esla mejor manera de modelar un continuousualmente cambiando una

notaciónnd mantener it en unw homogéneo y completoay [14]. Hay diferentes anotaciones y
metamodelos.idiomas dentro de ellosuna conjunto de Restricción de objeto Idioma (OCL), Meta
ObjectInstalaciones (MOF) y objeto Gerencia Group (OMG) para denotando metamodelos [22] Un
webml es representado por cuatro Metamodel packages como se muestra en el siguiente
diagrama [23]: Elemento común, Datuna vista, Vista de hipertexto y vista de presentación como se

A. Modelado conctual
muestra en la Figura 2.
 A. Modelado de datos

Un modelo conceptual apropiado 'adaptación al diseño de los datos son el modelo de

datos WebML , comoutilizado previamente en diferentes disciplinas que se utilizan, por
ejemplo, bases de datose diseño, conocimientorepresentación e ingeniería de software . El
modelo de datos Entidad-Relación , empleado enbase de datos conceptual diseño, y UML
clase diagramas, empleados en modelado orientado a objetos sonincompatible con ella.

B. Modelado de hipertexto

La disposición y navegación de la sitio son claramente explicado a través del modelado de

hipertexto. Para el arreglo puede ser beneficioso para asegurar qué páginas producen tel
hipertexto y que content Las unidades crean una página. Los componentes de contenido
atómico empleados para publicar los datos explicados en el modelo de datos son definido
como Unidads. En el fin de componer páginas en WebML, las unidades se clasifican a siete
tsí, incluso; datos, entrada, índice (con its variantes multi opción y jerárquica), multi-datos
ydesplazador A cada unidaduna entidad subyacente está conectado y es de donde el
componente de la unidad es calculado. La entidad subyacenteespecificación ordena el objtipo
de ect del cual el contenido de la unidad es extraído, por ejemplo, artistas, álbumes y tan
onorte. Cuando yot es sapto, un selectorpuede conectarse aunidades de manera opcional
. Means que tla especificación ofa grupo de limitaciones, queespecificar thetruda entidad
subyacente enposturas, puede ser empleado comolos componentes de la unidad
entiempo de ejecución Los elementos o estereotipos para el diagrama de hipertexto son [21]:

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 52

1) Unidades de datos: : Dalas unidades ta se definen para seleccionaruna mezcla de

informacionción, which proporciona un mea vista inteligente de un concepto dado dela
estructurami esquema. Mas queuna unidad Puede ser definido Para el misma entidad o
componente, para ofrecer puntos de vista alternativos.

2) Datos múltiples Unidades: : Las unidades de datos múltiples presentan múltiples instancias
de una entidad ocomponente juntos, por rrepitiendo la presentación de varios,Unidades de
datos idénticas.

3) Índice Unidades: : Las unidades de índice presentan múltiplesinstancias plenas de una entidad
o componente como una lista, al denotar cada objeto como una entrada en la lista.

4) Scroller Unidades: : Scroller unsus proporcionar comandos para desplazarse a travéslos

objetosen accontenedor, por ejemplo, todas las instancias de unn entidad otodos los
objetosasociado a otro objeto a través de una relación.

5) Entrada unidades: : Admite la entrada de datos basada en formularios. Se usan para

recolectarentrada, que es ttípicamente empleado a hacer elsiguiente: perform busca sobre los
objetos de un entity parámetros de suministro aoperaciones como actualizaciones de
contenido, inicio de sesión y externo servicios.
6) Jerárquicoíndice al unidad: : En el que thmi índice elos países están organizados in una t
multinivelree. los la jerarquía es represented por unsecuencia de Fuente Nentidades
conectados por roles de relación N-1.

7) Multi-elección unidad de índice: : En el cualcada elemento de la listade entradases wi

asociadoth a casilla de verificación, lo que permite lausuario para seleccionar múltiplesobjetos,
en lugar de uno solo Los enlaces determinan el sitioNavegación. Definiciónde Enlaces es
connecciones entre la unidades dentro solo una página, conexiones entre unidades ubicadas en
páginas distintivas, yInterpolación de páginas.

C. Modelado de presentaciones

El papel ortogonal de explicar el aspecto de las páginas en una vista del sitio se conoce como
presentación. Un m específicoodel para presentacion en la cel grado conceptual no está
incluidoen WebML, quecontiene métodos de la lev estándarborra con more similitudes
conespecialistas de graphic y comunicación [24]. El diseño del proceso del Modelo de
Presentación de acuerdo con [25] consiste en lo siguientePD:

• Preocupado por el aspecto de las páginas web.

• La página es la unidad básica de presentación.

• Una página está asociada a una o más hojas de estilo.

• Las hojas de estilo se expresan formalmente en XML.

• Se genera un estilo de página predeterminado para cada página.

3.3. Método de hipermedia orientado a objetos (OOH)

OOH es una iniciativa iniciada en 2000 por Gómez y Cachero [26-27]. OOH, se definió
originalmentecomo una aproximación dirigida por los requisitos del usuario, orientada a objetos y
parcialmente en Los estándares. Basado en el paradigma orientado a objetos,este enfoque
proporciona diseñadorescon la semántica y notación necesario para el desarrollo de
personalizadasBasado en la web interfaces [26] MultiData Unidad Unidad de índice Scroller
Unidad de datos Unidad de entrada Hierar Unidad Mulcho Unidad

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 53

3.3.1 OOH Metamodel

La figura 3 representa el metamodelo de OOH resultante. Capa 0 y 2 modelling necesidades son

realizado a través de consistir del paquetes en OOH metamodelo, como mismo el WebML
metamodelo eso es respectivamente el spaquete de servicios y contenido paquete. Se definen dos
paquetes.en la capa 1 presentación nombrada y navegación paquetes Contenidomodelo de OOH
deptermina en el UML clase diagrama. Una descripción de las características de comportamiento y
las estructuras comunes están representadas por ac
 GFUHIFUY

A. Diagrama de clases Diagrama de clase tiene que mencionar ese derivado es

parado por un barra oblicua (/) al lado de un atributo / método, y El atributo / método class-
scope5 se simboliza con un símbolo de dólar ($) junto al nombre de un atributo / método. El
mecanismo que UML emplea para explicar los tipos enumerados es el <<enumeración>>
estereotipo que está determinado porclases Those Las características de las clases
estereotipadas representan la gran importancia del tipo enumerado [27]. B. Diagrama de acceso
a la navegación (NAD) Navegación clases objetivos de navegación ;navegación enlaces y
collecciones son las partes principales de el NAD - Navegación Clases Clases de navegación (NC)
possess su toma de tierra en el clases recognizado a lo largo de tel modelado conceptualetapa, y
que se simboliza a través de un rectángulo con tresdominios [28-29]: •••• Cabeza: incluye el
nombre de la clase. •••• Atributo zona: los nombres y el attributes alcance (atributos de
características) pertinentes ael agente considerado y la vista están incluidos en esta área.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 54 •••• Área de servicio : los servicios con la Acapacidad de sering protegido por el
verdadero NADagente, sonrecogido por el área de servicio. La visibilidad de los atributos se
clasifica en tres modelos [28-29]:•••• Siempre visible (V): todas las vistas del objeto pueden
mostrar su valor. •••• Referenciado (R): En este tipo de visibilidad del atributo su el valor es sólo
referenciado y así su aconsejando necesariamente otro s enla ruta de navegación . los
accediendo manera de estotipo de atributopuede cambiar según el entorno de implementación.
•••• Oculto (H): su valor no es referenciado y tampoco se muestra. por lo tanto, elcamino único
para acceder a ellos es a través de una vista del sistema con detalles. - Objetivos de navegación :
los NC sonclasificado en objetivos de navegación (NT), que es un grupo de NC equipando
cooperativamente el agente con un consistente Vista del sistema. Asociaciónun NT para cada
requir de navegaciónelemento de la usuarioEs la regla general . Ahíes un alcance asociado en
el NT: local al tipo de agente real (real) y, por lo tanto, al NAD real o global al sistema.
UNArectángulo que recoge todas las clases incluidas en esa vista presenta una representación NT
ta través de la diagramas [30-34]. - Enlaces de navegación: cinco atributos diferentes que incluyen
nombre, clase de navegación de origen, destino clase de navegación, asociado navegación
patrones, asociados navegación flas ilters definen una Navegación Enlace (NL). Sin embargo,
cuatro tipos de NL están incluidos en el Método OOH [28-29]: • Lr (enlace de requisitos): el punto
de acceso se muestra al NT a través de Lr. Cada NT tiene un requisito de enlace y un ingenio
círculo negroh una flecha que se refiere al root clase de navegación o también a un grupo dentro
de ese NT puede mostrarlo. • Ls (Servicio enlazar): Un servicio de clase de navegación i s
puntiagudo con Lsy una flecha de rayos bosquejadaa muéstralo, y los valores poderosos de los
parámetros asociados están involucrados en él. • Li (enlace interno): un NT provisto tiene ambos,
su fuente y destino NC dentro de sí mismo. Su activación sin alterar el contexto de la usuario y
sin producciónde la desorientación del usuario es importanterasgos de ello. • Lt (enlace
transversal) : Se está explicada entre navegación clases owned por varios navigacion
objetivos y, como resultado, explica formas de visualización opcionales de los objetos de las clases
objetivo. • hay son cuatro patt de navegación Erns cual se explican por el método OOH ,y que ,
posiblemente,conectado con enlaces de navegación y colecciones consiste en Index, Tour
Guiado , IndexadoVisita guiada y Mostrar todo, ver [28-29]: -Filtros de navegación Aasociado a
enlacesy colecciones. En adición, una listade navegación FIlters (NF) poder ser explicado
losorden, la cantidad(número) o el quality (atributos) de el objetivolos objetos pueden ser
limitado por un filtro de navegación Convencionalmente, una navegación filtro está definido
también formul creadoa (declarado en una subconjunto de lógica dinámica[35]) ese causa una
limitaciónen la objetivo atributos de la clase Los filtros tienen tres tipos [28-29]: • Letras de
atributos: T oye describir claramentevalores (gastos, costo) ese debería ser emparejado por thmi
valores de atributos similares de la población objetivo (objetivo). • Filtros de condición: Ellos
pueden describirparámetros de lamétodo (en el caso de conectadoa unenlace de servicio) o
p extraprincipio y limitaciones en el tArget población. El valor de lafiltros simbolizados por a $
indica que el usuario debería dar tal valor previamente cruzando thmi enlace similar Este método
prepara un método para definir poblaciones objetivo dependientes del usuario mecanismo.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 55 • Order-lters: el pedido es claramente descrito enuno que el target población
voluntadser ganadoEntrada. Hay una vista parcial sobre el NAD bibliotecario . Y el requisito
relacionado ,Los enlaces de navegación y servicio están incluidos en los filtros de pedidos. C.
Diagrama de presentación del resumen (APD) Los elementos APD son: • Tstruct: utilizable para
capturar los datos que se requieren para mostrar. • Tform: Funcional en el momento en que la
página (aparte de la información) comprende es llamadas a lógica subyacente (fundamental). •
Tlink: la interconexión y las dependencias entre páginas son tomadas por Tlink. • Tfunction:
Tfunction recopila la funcionalidad del cliente que se utiliza en las diferentes páginas. • Texternal:
se emplea para recoger t tipo, ubicación y comportamientoior de componentes externos
incluyendo imágenes, applets que pueden filtrar la primera interfaz. • Tlayout: se es el lugar eso
atrapa el location de elementos y la definicion de concurrente Se capturan vistas y sincronización.
• Tstyle: es el lugar de preservación de características ción hecha por OOH, y estas
características sontipografía incluida o paleta de colores para cada elemento de la interfaz. •
Twidget: es t él coloca que yolas construcciones de implementación están conectadas a
different datos yelementos de interacción (comunicación) which dependen de la última
implementación plataforma y lenguaje. • Tlogic: es el lugar donde el sistema mantiene los detalles
de implementación relacionados con Interacción con lógica de negocios subyacente (básica) (
servicio, parameters, conexión protocolo, y así). 4) doOPORTUNIDAD ENTRE TRES MÉTODOS Y
miVALUACIÓN RESULTADOS En la a continuación, la Tabla 1 muestra tél nivel de apoyo de
lamodelo elementos para desarrollar webaplicaciones. En tél mesa muestra una comparación
Entre metamodelos de la tres métodoscual son UWE, WebML y OOHpara apoyar la
webaplicaciones. lossiguiente explicar la tipo de Diseño de modelos de soporte según los tres
metamodelos: • Modelo conceptual: en la conceptual modelo UWE WebML y
OOHcompletamente apoyar elweb contenido de página. • Modelo de navegación : en el modo de
navegación l UWE no puede soportar todos mOdels en la página webcontenidos, entre
ellos WebML mejor yoThod para apoyarpágina web donovedades, pero OOH also no puede
soportar completamente los contenidos de la página web. • Modelo de presentación: en
Presentati en el modelo, tres métodos son buenos para soportarpresentación pero no puede
soportar por completo, que OOH mostró un apoyo débil.
Tres métodos, incluido OOH, UWE y WebML tienen metamodelos de diseño de usabilidad,
ypresente los esfuerzos sonrestringido a la demostración de laconcepto de la primera el
acceso de ellos. EnAdemás, hay una restricción en el número de problemas, que son diferentes
teclos hniques deben tener éxito en un pequeño grupo de características fundamentales de las
aplicaciones web. De acuerdo a la tabla1 la WebML es el mejormétodo entre la Tres métodos
para desarrollo aplicaciones web, y UWE es un buen método pero inferior a WebML. OOH es el
método más bajopara desarrollo de aplicaciones web.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 57 5) doASE ESTUDIO Y yoMPLEMENTACIÓN En tsu papel nosotros son utilizando un simple
caso estudiar de mostrando parte de unresultado Tabla1 como prácticamente,seleccionamos
Sitio web de ZiBA [36] sitio web como un caso estudiar. porsimplemente el implementación
nosotros diseñamos solo navegación modelo para una caso de estudio del tres métodos UWE,
WebML, y OH. Figura 4 muestra la página de inicio de la tecnología ZiBA.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 57 5) doASE ESTUDIO Y yoMPLEMENTACIÓN En tsu papel nosotros son utilizando un simple
caso estudiar de mostrando parte de unresultado Tabla1 como prácticamente,seleccionamos
Sitio web de ZiBA [36] sitio web como un caso estudiar. porsimplemente el implementación
nosotros diseñamos solo navegación modelo para una caso de estudio del tres métodos UWE,
WebML, y OH. Figura 4 muestra la página de inicio de la tecnología ZiBA. Figura 4. Homepa de
ZiBA Technologyge [36] Sin embargo, nuestro estudio de caso es simple, pero podemos
seleccionar una categoría numérica de diseño para mostrar el capacidad de los tres métodos,
como el logotipo clasificado en la categoría de imagen, menú consubmenú debajo el principal
menú y pronto. los Tabla 2 muestra el categoría de modelo diseño de el sitio web de tecnología
ZiBA

5.1. Estudio de caso de diseño por UWE Para dibujar modelo de navegación desde el modelo
conceptual, proporcionamos by ArgoUWE, y cuando Navegación Diagrama desde la menú 'Crear
Diagrama' ArgoUWE crea navegación clases y asociaciones para cada clase conceptual "relevante
para la navegación" y cada asociación entre ellas en un modelo de navegación reciente. Se pueden
agregar algunos enlaces por el modelador siguiendo el creación de El diagrama de navegación
automáticamente.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 58 5.1. Estudio de caso de diseño por UWE Para dibujar modelo de navegación desde el
modelo conceptual, proporcionamos by ArgoUWE, y cuando Navegación Diagrama desde la menú
'Crear Diagrama' ArgoUWE crea navegación clases y asociaciones para cada clase conceptual
"relevante para la navegación" y cada asociación entre ellas en un modelo de navegación reciente.
Se pueden agregar algunos enlaces por el modelador siguiendo el creación de El diagrama de
navegación automáticamente. Figura 5. Diseño del sitio web de ZiBA by UWE Nosotros
diseñamos UWE navegación modelo para el ZiBEl sitio web de A utilizando los elementos
actuales en Modo de navegación UWEl y ArgoUWE como se muestra en la Figura5, en este
diagrama encontramos la siguientes puntos según modelos: - UWE totalmente compatible con
imagen, menú, búsqueda y texto. - UWE medio soportado menú principal y presentación de
diapositivas ; nos usamos elemento nu en lugar de el principalmenú e índice usado en lugar de
una presentación de diapositivas. -UWE no pudo soportar el formulario de contacto; utilizamos
clase de navegación en lugar de especificacionesial elemento 5.2. Estudio de caso de diseño por
OOH Navegación clases objetivos de navegación ;navegación enlaces y collecciones son las
partes principales de el NAD Diseñaremos el NAD para la página de inicio de UTM como se
muestra en la Figura 6

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 59 Figura 7. Diseño del sitio web de ZiBA by OOH Diseñamos OOH NAD para el sitio web
de ZiBA mediante el uso de la corriente elementos en OOH como se muestra en las Figuras 7, in
estos diagrama OOH imagen totalmente compatible ytext, pero es otro medio soportado modelos,
utilizamos otro elemento para representarlo. 5.3. Estudio de caso de diseño por WebML
Modelado de hipertexto claramentedescribe la composición y navegación deel sitio para dibujar,
Modelo de hipertexto en WebML, proporcionado por WebRatio y elementos actuales de WebML.

Nosotros diseñado WebML Mod de hipertextoel para la ZiBA's sitio web por utilizando la
elementos actualesen WebML hipertexto modelo, y la WebRatio como scomo se muestra en las
Figuras 6, en else diagramas mostraban elWebML puede soportar completamente unll modelos
porque cada uno de los modelos tiene un elemento especial pararepresentandolo. Tabla 3
shows la capacidad support the tTres métodos para el sitio web de ZiBA y comparaciónentre los
métodos

En la Tabla 3, se muestra el diseño resultante de la navegación. modelo en UWE, WebML y

OOH.UWE and OOH no puede soportar completamente todos los modelos, pero WebML is
bedespués de UWE y OOHporque WebML es una gráfico idioma cual además tiene Más
elementos para representar modelosde diseño. Podemos decir que la Tabla 3 tiene el mismo
resultado que la Tabla 1. 6) doONCLUSIÓN Y TRABAJO FUTURO En tsu papel, que se
comparaUWE WebML, y OOH métodos, a través de la corrienteelementos de los metamodelos,
para apoyarnosb aplicaciones como se muestra en la Tabla 1. Esta comparaciónaullido WebML es
mejor to apoyo web aplicaciones entre ellos también UWE doun ser bien web compatible
aplicaciones, pero OH poder semana apoyo web solicitud comparar UWE y WebML,despues
deldiseño navimodelo de gation para cacaso estudiar por UWE WebML y OOH, nos hacemos
una comparaciónentre ellos como se muestra en la Tabla 3, nosotros tengo lo mismo resultados.
Esta comparación helps los diseñadores cómo y en qué momento elige qué método en
ingeniería web para desarrollo web aplicaciones. Recomendamos al investigador extender
nuestra idea a través del diseño de más de un estudio de caso de modelo de navegación y modelo
de presentación. Además, pueden extender our comparaciónen usado por todosmétodos de
ingeniería web . Nosotros reelogiado por los investigadores para mejorar la web métodos de
ingeniería debilidades a través del mecanismo para agregar nuevos elementos
demetamodelos REFERENCIAS [1] N. Koch and A. Kranosotros, "Hacia un común metamodelo fo
el desarrolloopción de web aplicaciones, "inorte Ingeniería Web, ed: Springer, 2003, pp. 497-506.
[2] A. Kraus y N. Koch, "A se reunieronamodel para UWE, "Citeseer2003. [3 ] N. P. de Koch, "S
Ingeniería de software para el modelo adaptativo de referencia de sistemas hipermedia ,
Técnicas de modelado y desarrolloProceso de Opción, "2001. [4] H. Lee y col."Un objeto basado
en escenarios-metodología orientada para hipermedia en desarrollo información sistemas "en
SCiencias del sistema, 1998., Actas de los treintay-First Hawaii InternatiConferencia nacional en,
1998, pp. 47-56. [5] A. Gu, et al., "Web moidiomas deling: la brecha entre los requisitos y los
ejemplos actuales "2002. [6] S. Montero, et al., "Requisitos fo desarrollo hipermedia
cumplidohods: una encuestade sobresaliente métodos ", en Información avanzada Ingeniería de
Sistemas, 2002, pp. 747-751. [7] L. Baresi y S. Morasca, "Tres estudios empíricos sobre la
estimación de la design esfuerzo of Webaplicaciones, " Transacciones ACM en Software
Engineering y Mmetodología (TOSEM), vol. 16, pag. 15 de 2007. [8] G. Rossi, et al., Ingeniería
web: modolling y yo Web complementaria aplications vol. 12: Springer, 2008 [9] N.P. d. Koch "
Ingeniero de softwaresol para adaptativa hypermedia sistemas, " PhD Tesis, Verlasol Uni-Druck,
Munich, 2001. [10] N. Koch y A. Kraus, "El poder expresivo de la ingeniería web basada en uml
" en segundoTaller internacional sobre webTecnología de software orientada (IWWOST02),
2002. [11] O. OMG, "Lenguaje de modelado unificado (OMG UML), "ed: Superestructura, 2007.
[12] MV Torres Bosch "Una web ingeniería de unEnfoque para el desarrollo de procesos
empresarialesaplicaciones web, "2008. [13] C.Atkinson y T. Kühne, "El eesencia de multilevel
metamodelado, "« UML »2001-El unificado Lenguaje de modelado. ModeladoIdiomas, conceptos
y herramientas, vol. 2185, pp. 19-33, 2001.

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 62 [14] N.Koch y A. Kraus, "Hacia un metamodelo común para t él desarrollo oF
aplicacion webcomplementos " Ingeniería Web, pp. 419-422, 2003. [15] O. Pastor, "Conceptual el
modelado se encuentra con el humanogenoma " Conceptual Modeling-ER 2008, pp. 1-11 de
2008. [16] P. Van Bommel, modelado de información para Internet applications: Idea Group
Publishing, 2003. [17] C.Kroiß y N. Koch,"El UWE Metamodelo and Profile – Guía del usuario y
Referencia, " TécnicoInforme 1101, Ludwig-Maximilians-Universität München2011. [18] U. U.-b.
W. Ingeniería. (2012, Perfil terminadover.
Disponible:http://uwe.pst.ifi.lmu.de/profileOverview.html [19] K. Siau.y ejército de reserva
Halpin, Unified Modelado Lengua: Systems Análisis, Diseño y Desarrollo Temas: Igi Global, 2001.
[20] A. Knapp, y col., "ArgoUWE: AHerramienta CASE para web aplicaciones ", en Primero Taller
internacional en Métodos de ingeniería para apoyar Evolución de los sistemas de información
(EMSISE'03), 2003. [21] S. Ceri.et al., serie Morgan Kaufmann en datos administración sistemas:
Diseño uso intensivo de datos Web aplicaciones: Morgan Kaufmann Pub, 2003. [22] N. Moreno, et
al., "Modelado de WebML en UML", Softvajilla, IET, vol. 1, págs. 67-80, 2007. [23] N. Moreno y
col.al., "Un UMLPerfil 2.0 para nosotrosbML modelinGinebra Taller Procedimientos de el sixth
conferencia internacional sobre web engineering, 2006, p. 4)[24] T. W. M. Idioma. (2013, 5-
ene). Modelo de presentación . Disponible:http://webml.org/webml/page6.do?dau4.oid = 5 &
inu4.current = 5 & UserCtxParam = 0 y GroupCtxParam =0 & ctx1 = ES [25] W. Ingeniería. (2012,
5 de octubre). Ingeniería web basada en modelos (WebML). Disponible: http:
//webeng.blog.globis.ethz.ch / files / [26] J. Gómez, et al., "Extendiendo un modelo
conceptualng approachto aplicación web deregistrarse Sistemas de información avanzada
Ingeniería, 2000, pp. 79-93. [27] J. Gómez yC. Cachero, "OOH Method: extending UML to model
interfaces web, " Information modelado para aplicaciones de internet, pp. 144-173, 2003. [28] IG
Ferná.ndez A-OOH Web extensible Diseño de aplicaciones conDynamic Personalización: Más alto
Digital, 2008. [29] J. Gómez, et al.,"Extensible un conceptual Modelado Approach a Aplicación
web Diseñar en Proc. del 1er Worksh internacionalop en Techn software orientado a la webología,
2001. [30] D. Schwabe y col.al., "Shipermedia sistemática solicitud diseñar con OOHDM " en
procedimientos del séptima conferencia de ACM sobre Hipertexto, 1996, pp. 116-128. [31] F.
Garzotto, et al., "HDM: un enfoque basado en modelos para el diseño de aplicaciones de
hipertexto ", ACM Transacciones en el Sistema de Informacións (TOIS), vol. 11, págs. 1-26, 1993.
[32] P. Fraternali y P. Paolini, "Un modelo conceptual y un entorno de herramientas para
desarrollar másescalable, dinámica, y personalizable web applications, " Avances en la
tecnología de base de datos y—EDBT'98, págs. 419-435, 1998. [33] P. Atzeni, et al., "Diseño y
mantenimiento de sitios web con uso intensivo de datos ", Avances en la base de
datosTecnología: EDBT'98, págs. 436-450, 1998. [34] S. Ceri.et al., "DePrincipios de firma para
intensi de datoscinco sitios web , " SIGMODrecord, vol.28, pp. 84-89, 1999 [35] D. Harel, et al.,
Lógica dinámica: Instituto Weizmannof Science, 1983. [36] ZiBA. (8 de marzo de 2014). tecnología
ziba Available: www.zibatechnology.com

Revista Internacional de Software Ingeniería y Aplicaciones (IJSEA), Vol.5, No.5, septiembre de

2014 63 Autores Karzan Wakil él yo s una profesor at la Bellas Artes Institute en
Sulaimaniyah-Iraq, recibido B.Sc. Degree en Informática del Univerciudad de Salahaddin-Iraq,
2006, yM.Sc. en Informática de University Technology Malaysia (UTM), Malasia,2013 Su las áreas
de investigación son Web Ingeniería, Softwarmi Ingenieria y Web Ssistema.
karzanwakil@gmail.com. Dayang NA Jawawi es un Culo profesor ociate en ingeniería de
softwareDepartamento, Facultad de Computing, Universiti TeKnologi MalaYsia (UTM).
Ellarecibido su B.Sc. en software Ingeniería de Shefcampo Hallam UniversitYuK y su EMdo. Y
Doctor en Filosofía. en el campo de Software EngIngreso de la Universiti Teknologi MalaYsia.
Ella ha sido un academic staff en SIngeniería de software Department para más de ten años, y ella
actualmente está sirviendo como la cabeza del departamento siDesde octubre de 2009. Ella es
amascua de la Ingeniero de Softwaresol Research Group (SERG), KEconomy Research Alliance,
UTM, dayang@utm.my,http://comp.utm.my/dayang