Download - Bpm forum 2013 WebRatio - BPMN & IFML
![Page 1: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/1.jpg)
dos estándres OMG para desarrollartus aplicaciones BPM human centric
IFML y BPMN
![Page 2: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/2.jpg)
Resumen: ¿porqué utilizar el modelado?
Abstracción = reducción de la complejidad
Más fácil de transmitir Siempre y cuando el lenguaje sea conocido
Desde el modelo hasta la ejecución Siempre y cuando el modelo sea lo suficientemente
explícito
![Page 3: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/3.jpg)
Hablamos de una BPM human centric
En la práctica BPM
Aplicación
Human Centric
User Task en BPMN
Pregunta Con una herramienta BPMS¿ cómo especifico aquello que
sucede dentro de una User Task?• Formulario• Lista• Detalles• Eventos• … «interacción»
![Page 4: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/4.jpg)
Dificultad del enfoque MD de la UI
Porque modelar la UI no es simple La complejidad de la UI ha crecido con el tiempo
• Nuevos eventos, dispositivos, casos de uso, tipos de interacción
El enfoque hacia la UI de muchas herramientas de programación esta muy ligado al entorno de ejecución ejecución
Varios lenguajes de programación y enfoques disponibles (por ejemplo el mundo javascript)
Ninguna intención de abordar este tema por parte de los proveedores y las compañías de software (con excepción del lenguaje propietario WebML de WebRatio)
![Page 5: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/5.jpg)
Una “brecha” en la estandarización
El comité de estandarización ha percibido una “brecha” El tema de la “Interacción con el Usuario” ha sido pasada
por alto por los “clásicos estándares de ingeniería del software “• Por el contrario, éstos están enfocados a la arquitectura del
software (UML), a la orquestación de los servicios (SoaML), al diseño de los sistemas (SysML) o a la definición de los procesos de negocio (BPMN)
Los escasos intentos anteriores han fallado porque:• Proponían el uso de un lenguaje genérico• La poca usabilidad y expresividad de la notación propuesta• Falta de implementaciones “sólidas” por parte de los
proveedores
![Page 6: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/6.jpg)
Interaction Flow Modeling Language
Las razonas por las que ha nacido
Inspirado en WebML, y de hecho, desde la generalización del dominio Web a cualquier dominio aplicativo
Interaction Flow Modeling Language
![Page 7: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/7.jpg)
Interaction Flow Modeling Language
Un lenguaje de modelado para “ definir” Los contenidos que se visualizan
Las posibles rutas de navegación
Los eventos y interacciones generados por los
Las conexiones con la Business logic
Las conexiones con los datos
De aplicaciones front-end Independientemente del dominio aplicativo
![Page 8: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/8.jpg)
Ventajas
Especificación formal de las distintas “perspectivas” en el front-end
Evitar tener problemas ligados con la implementación
Una clara separación de la UI de la business logic
Lenguaje común y compartido entre los técnicos y los negocios para diseñar la UI conjuntamente
Permite la generación automática del código también para las aplicaciones front-end
![Page 9: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/9.jpg)
Campo de expresión
Distinguir User Interaction de la User Interface
IFML define La estructura lógica de los componentes de visualización
(ventanas y/o páginas) y sus contenidos
La organización de los componentes en jerarquías y/o módulos
Los puntos de interacción entre usuario y aplicación (eventos)
La interacción entre los componentes
El enlace entre los componentes de visualización y datos, lógica, procesos de negocio
Por el contrario, NO define La posición de los objetos
Propiedades gráficas como colores y fuentes
El rendering de los objetos
![Page 10: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/10.jpg)
Conceptos básicos de IFML
Container
ViewComponent
Event
Action
![Page 11: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/11.jpg)
Conceptos básicos de IFML
Navigation flow
Data flow
Parameter binding
![Page 12: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/12.jpg)
Ejemplo de la notación IFML
Flujo Básico de Navegación entre ViewComponents
![Page 13: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/13.jpg)
Ejemplo de la notación IFML
Jerarquización deViewContainers
Tagged ViewContainers (XOR, L, D, Modal, Modeless)
![Page 14: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/14.jpg)
Ejemplo de la notación IFML
Actions
![Page 15: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/15.jpg)
IFML – especificación de los detalles de un View Component
ViewComponentParts:
• Data binding
• Parameters
Types of ViewComponents (<<List>>)
![Page 16: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/16.jpg)
IFML – especificación de tipos de eventos
Selection event
Submit event
… y es posible especificar cualquier
tipo de evento “custom”
![Page 17: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/17.jpg)
Ejemplo de notación IFML
ActivationExpression, SubmitEvent, Event generation
18
![Page 18: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/18.jpg)
Un ejemplo real: el diagrama IFML de gmail
19
![Page 19: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/19.jpg)
Resultados prácticos de la estandarización de IFML
Un metamodelo oficial del lenguaje que describe los elementos básicos del modelo y de sus relaciones
Un perfil UML consistente con el metamodelo
Una sintaxis gráfica de la notación que permite una visión y definición mucho mas intuitiva
Un formato de intercambio basado en XMI
20
![Page 20: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/20.jpg)
Cómo usar conjuntamente BPMN y IFML
![Page 21: Bpm forum 2013 WebRatio - BPMN & IFML](https://reader033.vdocuments.co/reader033/viewer/2022061202/547cbdacb4af9fef608b4989/html5/thumbnails/21.jpg)
Preguntas