Bpm forum 2013 WebRatio - BPMN & IFML

1,989 views

Published on

Traducción en español de la presentación tenida en el BPM Forum 2013

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,989
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Bpm forum 2013 WebRatio - BPMN & IFML

  1. 1. dos estándres OMG para desarrollar tus aplicaciones BPM human centric IFML y BPMN
  2. 2. 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
  3. 3. 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»
  4. 4. 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)
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. Conceptos básicos de IFML Container ViewComponent Event Action
  11. 11. Conceptos básicos de IFML Navigation flow Data flow Parameter binding
  12. 12. Ejemplo de la notación IFML Flujo Básico de Navegación entre ViewComponents
  13. 13. Ejemplo de la notación IFML Jerarquización deViewContainers Tagged ViewContainers (XOR, L, D, Modal, Modeless)
  14. 14. Ejemplo de la notación IFML Actions
  15. 15. IFML – especificación de los detalles de un View Component ViewComponentParts: • Data binding • Parameters Types of ViewComponents (<<List>>)
  16. 16. IFML – especificación de tipos de eventos Selection event Submit event … y es posible especificar cualquier tipo de evento “custom”
  17. 17. Ejemplo de notación IFML ActivationExpression, SubmitEvent, Event generation 18
  18. 18. Un ejemplo real: el diagrama IFML de gmail 19 Messages [L D] GMAIL top [X] Mbox List <<XOR>> Message Management MailBox Message notification <<XOR>> Message Reader <<D>> Message Index Message details <<L>> Settings <<P>> Tag chooser Report Archive Delete Tag/ Folder Index Associate to tag / Move to folder <<M>> Tag creator New Tag/ Folder Create Tag/ Folder Message toolbar OUT: NewTag IN: ATag OUT: NewTagName IN: TagName OUT: SelectedTag IN: ATag OUT: SelectedMessages IN: MessageSet Delete Archive Report MoveTo Create New Select Tag Create MarkAll MarkAll AsRead OUT: AllMessages IN: MessageSet <<parameter>> MessageSet <<XOR>> Message search <<D>> Search Message keyword search <<P>> FullSearch Message full search Show search options Search mail OUT: Keyword IN: SearchKey <<L>> Message writer <<form>> Message Writer Send Action {Self.MessageRecipients >1} OUT: MessageID IN: MessageID <<field>> To <<field>> Cc <<field>> Bcc <<field>> Subject <<field>> Body <<field>> Attachment OUT: Subject, From, Cc, Body, “ReplyAll” IN: “Re:”+ Subject, To, Cc, Body, State OUT: Subject, From, “”, Body, “Reply” IN: “Re:”+ Subject, To, Cc, Body, State OUT: Subject, “”, “”, Body, “Forward” IN: “Fw:”+ Subject, To, Cc, Body, State State =”Reply” OR ”Forward” Save Action State =”Forward” OR ”ReplyToAll” <<parameter>> State State = ”NewMessage” OR “Forward” Forward Reply ReplyToAll Add Bcc Add Cc Edit subject Add attachment Send Save Discard Reply ToAll Reply Forward State =”Reply” OR ”ReplyToAll” State =”Reply” OR ”ReplyToAll” OUT: Keyword, From, To., ... IN: SearchKey, FromKey, ToKey, .. *
  19. 19. 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
  20. 20. Cómo usar conjuntamente BPMN y IFML
  21. 21. Preguntas
  22. 22. Contactos Matteo Silva matteo.silva@webratio.com @matteosilva

×