Ui Modeling In Action With PMF, e4(XWT) And EGF

UI modeling in Action with PMF, e4 and EGFYves Yang – Soyatec

Benoît Langlois – Thales/EPM

Thomas Guiu - Soyatec

Agenda

Introduction

PMF to XWT with EGF

Conclusion

Why UI modeling in Software Engineering?

Current Practice Writing UI (User Interface) code for a target platform

Ex: JFace, SWT code

Main Drawbacks Time-consuming activity

Scalability issue

Target platform-dependent Maintenance issue UI Technology is changing quickly

Why UI modeling in Software Engineering?

Paradigm shift Modeling UI in order to abstract UI description:

1. Creating a platform-independent UI model

2. Next, targeting platform-specific UI code

This implies:

1. A platform-independent UI metamodel PMF

2. A generation engine to target a UI platform EGF

From PMF to UI Code

conforms to conforms toconforms to

M1: Model levelM2: Metamodel level

From PMF to UI Code

conforms to conforms toconforms to

M1: Model levelM2: Metamodel level

XWT Codeof purcharse order UI

Purcharse order UI

Agenda

Introduction

PMF to XWT with EGF

Conclusion

Purpose

PMF is a high Extensible Exterprise Modeling Solution for data presentation

Purpose

• Abstraction Data Model

UI Model

Data Binding technology

Target programming language

• Extensibility & Customization UI Model

Model Transformation engine

Integration with other tools such as DSL

• Top-down approach

Purpose

• Runtime mode Interactive

Standalone Embedded in other tools

Automating Batch for integration in build system

• Users Framework developer

Application designer

Benefices

Make development of UI’s easier

More productive

Separate roles in UI development to enable specialization and customization

Integrate UI development with other Eclipse tool stack

Architecture

Agenda

Introduction

PMF to XWT with EGF

Conclusion

What is EGF?

EGF (Eclipse Generation Factories) is an Eclipse open source project under the EMFT project.

Purpose: provide a model-based generation framework

Operational objectives: Supporting complex, large-scale and customizable generations Promoting the constitution of generation portfolios in order to

capitalize on generation solutions Providing an extensible generation structure

Generative Software

Dealing with generation complexityIssue

An integrated and extensible software factory framework

Proposedsolution

What target-platform?

Generation reusability?

Generation orchestration?

Generation data, which ones, where?

One-click generation solution?

Update strategy of the produced artifacts?

Combining [model|text|dsl]-to-[Model|text|dsl]?

How to develop & test?

Generation customization?

Generation scope?

Best practices, guidance?

Generation workflow?

Executability? Distribution?

Merging Generation?

Performance, scalability?

Variability? Product lines?

Integration of new language?

Software IndustrializationPurpose

Multiplicity of languages and engines?

Generation units of EGF

works with

Factory Component

Composite generation unit Location to declare: - Generation data - Generation orchestration

works with

Portfolio

Capitalization

Factory Component

Consistent set of Factory Components Meets the need to have off-the-shelf generation solutions

works with

0 1 0 1

Implementation

Task (e.g., Java)

Factory Component

The smallest generation unit Reference to executable code in a given language

works with

Pattern

Factory Component

Systematicbehavior

Notation to define systematic behavior applicable onto a resource Declarative style The behavior conforms to a language (e.g., Jet, Java)

works with

Portfolio

0 1 0 1

Capitalization Implementation

Task (e.g., Java) Pattern

Factory Component

Systematicbehavior

EGF Structure

Activity Hierarchy

Activity

Factory Component

Task […]

Activity Type

Activity Hierarchy

Activity

Factory Component

Java Task [Language]Task

Java Class

1 implementation

Activity Type

Implementation

Activity and Production Plan

Activity

Factory Component

invocation * ContractContainer

Contract*

Production Plan

Activity Invocation

Invocation Contract*

contract

Activity and Production Plan

Activity

Factory Component

invocation * ContractContainer

Contract*

Production Plan

Activity Invocation

Contract

IN Contract

OUT Contract IN/OUT Contract

EGF Structure

• Storage In FCore file: factory components + tasks

• Execution Dynamic

Resolution of platform / workspace environment

Structure check

• Extensibility EGF can be enriched by the principle of model extension

Discovery at runtime

Java Task and production plan are examples of implementation and workflow today

Pattern – Definition

• Definition: A pattern is a solution to a recurrent generation problem

• Purpose Applying a systematic behavior onto a resource

Clearly dissociating the specification (external view) from the implementation (internal view) of the behavior

Reusing and customizing a pattern in different contexts

Supporting multilingual patterns in order to apply the best programming language to a situation, and then supporting multi-paradigm (M2T, M2M, T2M, T2T)

PATTERN

Pattern Relationships

Pattern inheritance

Pattern delegation Pattern injection

Pattern callback

Pattern extension

extends

(not available yet)

The Pattern orchestration specifies the pattern relationshipsPossibility to combine different pattern relationships in the same orchestration

Multilingual call

Pattern execution Big Picture

Result

Final Result

Pattern Execution onto a resource

Resource,

e.g. Model

PatternPatternPattern

Pattern Execution Process

Pattern execution engines, e.g. for Jet, Java

Optional - Pattern reporter for final form

PatternStrategy

Patterns selection Way to apply patterns

Agenda

Introduction

PMF to XWT with EGF

Conclusion

« PMF to (e4)XWT » Generation

xwt fileruntime

UI Designer

realizes

Provides: - PMF model - data model .ecore

UI User

uses UI

Provides: - domain data

PMF/XWT Designer/ Developer

realizesportfolio

Generation description

Creation of the application description files; e4-specific Declaration of menus, commands, part layouts

Creation of the Java part of the XWT components; XWT-specific3

Creation of XWT files; XWT-specific Description of the components, supported events

Creation of the project1

Project Creation & Configuration Files

PMF model

Create Project

Java Pattern

PMF model

Jet Pattern

« Create Manifest » Pattern explained

• Objective: Producing the « MANIFEST.MF » file

• Input: PMF model

Pattern parameter: Application node of the PMF model

• Means: Using a Jet-based Pattern for « Model-to-text » transformation

Using a reporter for persistence of the pattern result

Create Manifest

Inheritance

Create Manifest

Applicationparameter

Inheritance

Polymorphism

applied orchestration

Polymorphism

applied orchestration

Parts Creation – XWT Files

Forms /XWT filemapping

Model-driven pattern strategyused

Form_xwt

Jet Pattern

Collection

Jet Pattern

DataField

Jet Pattern

Reference

Jet Pattern

Summary

Engineering activity

Multi-target

Summary

Generation Portfolio

PMF-to-XWT Portfolio

based on

customization

Eclipse Component

Off-The-Shelf solution

Variants

Development Environment

• Design PMF: Eclipse Galileo, 3.5.x

EGF: Eclipse Galileo, > 3.5.1

• Runtime XWT: e4/Helios

Agenda

Introduction

PMF to XWT with EGF

Conclusion

Regarding the PMF-to-(e4)XWT generation with EGF Maturity level: Prototype, but promising

Not covered: events, multi-forms

Interest to have an integrated generation tool with EGF

Improvement #1 1. Code-oriented to model-based paradigm shift,

2. Engineering-driven activities: producing UI, UI tests, doc…

Could be applied to other engineering activities, such as diagram

Improvement #2 Interest of off-the-shelf factories

Future work: Pattern contribution and customization for flexible generations

UI modeling in Action

Thank You!

EGF is supported by the European Project OPEES

UI modeling in Action

Additionnal Slides

Demo #1 EGF – EMF Wrapper

Library.fcore file

contains

Task and Factory component invocation orchestration

Main Factory Component

Library.fcore file

contains

Task reference Contract value for a contract (= task parameter)

implementation Task Java Class

Java Task usage

Library.fcore file

contains

Factory component contracts

Factory component reference

Factory Component usage

Pattern viewpoint

Task invocation orchestration

In/Output relationships

Quantity’s Properties

Amount’s Properties

EGF – Pattern – External View

Super-Pattern

Pattern PatternTypedelegation

Language

Type 0..n variable

0..n parameter

1 nature

Constraint 0..1 preCondition

Definition: • query/parameter: query for object selection onto a resource• nature: language used for the pattern implementation • preCondition/Constraint: constraint to be verified before application• variable/Type: local variable declaration for the pattern implementation

EGF – Pattern – External View

EClassifierGen

EClass Gen

EStructural Feature

GenEClass

delegation

Example

• The EClassGen pattern is applied on a Ecore resource • Objects selected on the ecore resource: EClass instances• It specializes the EClassifierGen pattern• It applies a model-to-text generation in Jet• Its also applies a generation on its features by delegation to the EStructuralFeatureGen pattern

ECoreResource

element

nature

EGF – Pattern – Implementation View

Methods which implement the pattern Order to execute the methods

header: typically used for the Jet headerinit: method for pattern initialization (e.g., variable initialization)A method editor allows to edit pattern methods

Ui Modeling In Action With PMF, e4(XWT) And EGF

Documents

Transcript of Ui Modeling In Action With PMF, e4(XWT) And EGF

Diskretna matematika - PMF

Main Text-Revised EGF

Xwt, a cross-desktop UI library

informator pmf

PMF-6B SMALL PROTECTIVE VENT · PMF-12S PMF-12B PA6 GF10% UL94V-0 PTFE Silicone PA6 UL94V-2 M12×1.5 Φ12.2 17 PMF-12HAS PMF-12HAB PA6 GF10% UL94V-0 PTFE Silicone PA6 UL94V-2 M12×1.5

presentation Egf Cream

Activation of the Epidermal Growth Factor (EGF) Receptor Induces Formation of EGF Receptor

ECHELLE GLOBALE DE FONCTIONNEMENT (EGF) · FORMATION PMSI psy - Janv 2002- Ministère de l'emploi et de la solidarité - EGF adulte 12 EGF - DESCRIPTION (Echelle adulte) Ø40 y Existence

Pmf User Guide

Primero egf presentation print

Apresentação 3º encontro egf (2)

S12ZVM Derivatives: Configuring PMF Module · 2018-11-12 · Configuring the PMF module in S12ZVM derivatives, Rev. 0 2 Freescale Semiconductor 2 PMF module overview The PMF module

Epidermal growth factor(egf)

PMF Resources

Lecture 20 PMF

EclipseCon 2009 - EGF Presentation

Универсальные инструменты · pmf 250 ces, pmf 190 e и аккумуляторный pmf 10,8 li – настоящие мастера-универсалы.

Outfitter Series XWT Tent - Cabela's Official · PDF fileA S S E M B L Y I N S T R U C T I O N S Outfitter Series XWT Tent Your Outfitter XWT tent is relatively easy to set up as long

EGF Education Foundation

PMF :: Concept 03