SlideShare a Scribd company logo

Mobile extensions for OMG's IFML modeling language presented at MobiWIS conference

Front-end design of mobile applications is a complex and multidisciplinary task, where many perspectives intersect and the user experience must be perfectly tailored to the application objectives. However, development of mobile user interactions is still largely a manual task, which yields to high risks of errors, inconsistencies and inefficiencies. In this paper we propose a model-driven approach to mobile application development based on the IFML standard. We propose an extension of the Interaction Flow Modeling Language tailored to mobile applications and we describe our implementation experience that comprises the development of automatic code generators for cross-platform mobile applications based on HTML5, CSS and JavaScript optimized for the Apache Cordova framework. We show the approach at work on a popular mobile application, we report on the application of the approach on an industrial application development project and we provide a productivity comparison with traditional approaches.

1 of 20
Download to read offline
Extending the Interaction Flow Modeling 
Language (IFML) for Model Driven 
Development of Mobile Applications Front End 
Marco Brambilla1, Andrea Mauri1, Eric Umuhoza1,2 
1 Dipartimento di Elettronica, Informazione e Bioingegneria. Politecnico di Milano 
2 AtlanMod team, Ecole des Mines de Nantes 
Speaker: 
eric.umuhoza@polimi.it 
EricUmuhoza 
MobiWIS Conference, Barcelona, August 27-29 ,2014
Outline 
 Model driven development(MDD) approach & 
mobile apps development 
 The Interaction Flow Modeling Language(IFML) 
 Mobile Extension to IFML(mobile IFML) 
 Concrete syntax by example 
 Mobile IFML & Code Generation 
 Conclusions
MDD in mobile apps front end 
 Manual coding is the predominant development approach 
– Reuse of design artifacts is low 
– High risks of errors 
– High costs for cross-platform development 
 Platform-independent user interaction modeling language 
can bring several benefits 
– Model once and generate for any platform of choice 
– It improves the development process 
– It enables the communication of interface and 
interaction design to non-technical stakeholders 
– It allows the early validation of requirements
The Interaction Flow Modeling 
Language 
 An OMG standard designed for expressing: 
– Content visualized in the user interfaces 
– User events and interaction, and 
– Control behavior of the front-end of SW 
applications
IFML main concepts 
 Container 
 ViewComponent 
 Event 
 Action
IFML main concepts - 2 
 Navigation flow 
 Data flow 
 Parameter binding

Recommended

IFML - Internet of Things and Internet of People: The Role of User Interactio...
IFML - Internet of Things and Internet of People: The Role of User Interactio...IFML - Internet of Things and Internet of People: The Role of User Interactio...
IFML - Internet of Things and Internet of People: The Role of User Interactio...Marco Brambilla
 
Automatic code generation for cross platform, multi-device mobile apps. An in...
Automatic code generation for cross platform, multi-device mobile apps. An in...Automatic code generation for cross platform, multi-device mobile apps. An in...
Automatic code generation for cross platform, multi-device mobile apps. An in...Marco Brambilla
 
IFML - Interaction Flow Modeling Language - tutorial on UI and UX modeling &...
IFML -  Interaction Flow Modeling Language - tutorial on UI and UX modeling &...IFML -  Interaction Flow Modeling Language - tutorial on UI and UX modeling &...
IFML - Interaction Flow Modeling Language - tutorial on UI and UX modeling &...Marco Brambilla
 
Model-driven Development of User Interfaces for IoT via Domain-specific Comp...
Model-driven Development of  User Interfaces for IoT via Domain-specific Comp...Model-driven Development of  User Interfaces for IoT via Domain-specific Comp...
Model-driven Development of User Interfaces for IoT via Domain-specific Comp...Marco Brambilla
 
Model Driven Development of Social Media Environmental Monitoring Applications
Model Driven Development of Social Media Environmental Monitoring ApplicationsModel Driven Development of Social Media Environmental Monitoring Applications
Model Driven Development of Social Media Environmental Monitoring ApplicationsAndrea Mauri
 
Experiences and requirements for a User Interaction Modeling Language
Experiences and requirements for a User Interaction Modeling LanguageExperiences and requirements for a User Interaction Modeling Language
Experiences and requirements for a User Interaction Modeling LanguageMarco Brambilla
 
WebRatio - The Comprehensive IFML Development Platform
WebRatio - The Comprehensive IFML Development PlatformWebRatio - The Comprehensive IFML Development Platform
WebRatio - The Comprehensive IFML Development PlatformWebRatio
 

More Related Content

What's hot

Big Data and Stream Data Analysis at Politecnico di Milano
Big Data and Stream Data Analysis at Politecnico di MilanoBig Data and Stream Data Analysis at Politecnico di Milano
Big Data and Stream Data Analysis at Politecnico di MilanoMarco Brambilla
 
Future-Proof Coding with IFML
Future-Proof Coding with IFMLFuture-Proof Coding with IFML
Future-Proof Coding with IFMLWebRatio
 
A Model-Based Method for Seamless Web and Mobile Experience. Splash 2016 conf.
A Model-Based Method for  Seamless Web and Mobile Experience. Splash 2016 conf.A Model-Based Method for  Seamless Web and Mobile Experience. Splash 2016 conf.
A Model-Based Method for Seamless Web and Mobile Experience. Splash 2016 conf.Marco Brambilla
 
Case Study Mm
Case Study MmCase Study Mm
Case Study Mmbrianerts
 
Model Driven Architecture (MDA): Motivations, Status & Future
Model Driven Architecture (MDA): Motivations, Status & FutureModel Driven Architecture (MDA): Motivations, Status & Future
Model Driven Architecture (MDA): Motivations, Status & Futureelliando dias
 
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.Model-Driven Design of Audiovisual Indexing Processes for Search Apps.
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.Marco Brambilla
 
Icon based addressbook and content adaptation
Icon based addressbook and content adaptationIcon based addressbook and content adaptation
Icon based addressbook and content adaptationAnjan Mondal
 
Cbt component based technology architectures
Cbt   component based technology architecturesCbt   component based technology architectures
Cbt component based technology architecturesSaransh Garg
 
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...Sabino Labarile
 
Neatcall Very Short Demo
Neatcall Very Short DemoNeatcall Very Short Demo
Neatcall Very Short DemoNeatcall
 
Software Architecture and Design - An Overview
Software Architecture and Design - An OverviewSoftware Architecture and Design - An Overview
Software Architecture and Design - An OverviewOliver Stadie
 
Deep Dive: MVC Controller Architecture
Deep Dive: MVC Controller ArchitectureDeep Dive: MVC Controller Architecture
Deep Dive: MVC Controller ArchitectureChris Eargle
 
Mobile iOS Application Architectures
Mobile iOS Application ArchitecturesMobile iOS Application Architectures
Mobile iOS Application ArchitecturesArpit Kulsreshtha
 
On mobile - Product Strategy
On mobile - Product StrategyOn mobile - Product Strategy
On mobile - Product Strategymobiangle
 
Web User Forms (ICOMMS 2006)
Web User Forms (ICOMMS 2006)Web User Forms (ICOMMS 2006)
Web User Forms (ICOMMS 2006)IT Industry
 
BPM-X Pattern-based model transformations (v2)
BPM-X Pattern-based model transformations (v2)BPM-X Pattern-based model transformations (v2)
BPM-X Pattern-based model transformations (v2)BPM-Xchange
 
Architectures for the Internet of Things
Architectures for the Internet of ThingsArchitectures for the Internet of Things
Architectures for the Internet of ThingsIñaki Vazquez
 
Adopting enterprise mobility using Smartphones
Adopting enterprise mobility using SmartphonesAdopting enterprise mobility using Smartphones
Adopting enterprise mobility using SmartphonesLalatendu Das
 

What's hot (20)

Big Data and Stream Data Analysis at Politecnico di Milano
Big Data and Stream Data Analysis at Politecnico di MilanoBig Data and Stream Data Analysis at Politecnico di Milano
Big Data and Stream Data Analysis at Politecnico di Milano
 
Future-Proof Coding with IFML
Future-Proof Coding with IFMLFuture-Proof Coding with IFML
Future-Proof Coding with IFML
 
A Model-Based Method for Seamless Web and Mobile Experience. Splash 2016 conf.
A Model-Based Method for  Seamless Web and Mobile Experience. Splash 2016 conf.A Model-Based Method for  Seamless Web and Mobile Experience. Splash 2016 conf.
A Model-Based Method for Seamless Web and Mobile Experience. Splash 2016 conf.
 
Case Study Mm
Case Study MmCase Study Mm
Case Study Mm
 
Model Driven Architecture (MDA): Motivations, Status & Future
Model Driven Architecture (MDA): Motivations, Status & FutureModel Driven Architecture (MDA): Motivations, Status & Future
Model Driven Architecture (MDA): Motivations, Status & Future
 
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.Model-Driven Design of Audiovisual Indexing Processes for Search Apps.
Model-Driven Design of Audiovisual Indexing Processes for Search Apps.
 
Icon based addressbook and content adaptation
Icon based addressbook and content adaptationIcon based addressbook and content adaptation
Icon based addressbook and content adaptation
 
Cbt component based technology architectures
Cbt   component based technology architecturesCbt   component based technology architectures
Cbt component based technology architectures
 
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...
e-SUAP - Pubblicazione scientifica per evento Inista 2014 (International Symp...
 
Neatcall Very Short Demo
Neatcall Very Short DemoNeatcall Very Short Demo
Neatcall Very Short Demo
 
Software Architecture and Design - An Overview
Software Architecture and Design - An OverviewSoftware Architecture and Design - An Overview
Software Architecture and Design - An Overview
 
Deep Dive: MVC Controller Architecture
Deep Dive: MVC Controller ArchitectureDeep Dive: MVC Controller Architecture
Deep Dive: MVC Controller Architecture
 
Mobile iOS Application Architectures
Mobile iOS Application ArchitecturesMobile iOS Application Architectures
Mobile iOS Application Architectures
 
On mobile - Product Strategy
On mobile - Product StrategyOn mobile - Product Strategy
On mobile - Product Strategy
 
MDA
MDAMDA
MDA
 
Web User Forms (ICOMMS 2006)
Web User Forms (ICOMMS 2006)Web User Forms (ICOMMS 2006)
Web User Forms (ICOMMS 2006)
 
BPM-X Pattern-based model transformations (v2)
BPM-X Pattern-based model transformations (v2)BPM-X Pattern-based model transformations (v2)
BPM-X Pattern-based model transformations (v2)
 
Training Agenda
Training AgendaTraining Agenda
Training Agenda
 
Architectures for the Internet of Things
Architectures for the Internet of ThingsArchitectures for the Internet of Things
Architectures for the Internet of Things
 
Adopting enterprise mobility using Smartphones
Adopting enterprise mobility using SmartphonesAdopting enterprise mobility using Smartphones
Adopting enterprise mobility using Smartphones
 

Similar to Mobile extensions for OMG's IFML modeling language presented at MobiWIS conference

Modelling Feature Interaction Patterns in Nokia Mobile Phones.
Modelling Feature Interaction Patterns in Nokia Mobile Phones.Modelling Feature Interaction Patterns in Nokia Mobile Phones.
Modelling Feature Interaction Patterns in Nokia Mobile Phones.pradeepmondal
 
11.universal mobile application development (umad) on home automation
11.universal mobile application development (umad) on home automation11.universal mobile application development (umad) on home automation
11.universal mobile application development (umad) on home automationAlexander Decker
 
A methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentA methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentIAEME Publication
 
A methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentA methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentIAEME Publication
 
Basic Guide For Mobile Application Testing
Basic Guide For Mobile Application TestingBasic Guide For Mobile Application Testing
Basic Guide For Mobile Application TestingSourabh Kasliwal
 
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdf
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdfTEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdf
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdfssuserf87985
 
Thorsignia - Custom software development services in india
Thorsignia - Custom software development services in indiaThorsignia - Custom software development services in india
Thorsignia - Custom software development services in indiacharan Teja
 
Mobile app testing
Mobile app testingMobile app testing
Mobile app testingsanpalan
 
Mobile testing
Mobile testingMobile testing
Mobile testingsanpalan
 
Andy Steggles: Social Media on the Go: Crafting a Mobile Strategy
Andy Steggles: Social Media on the Go: Crafting a Mobile StrategyAndy Steggles: Social Media on the Go: Crafting a Mobile Strategy
Andy Steggles: Social Media on the Go: Crafting a Mobile StrategySocial Media for Nonprofits
 
Test Cases and Testing Strategies for Mobile Apps –A Survey
Test Cases and Testing Strategies for  Mobile Apps  –A SurveyTest Cases and Testing Strategies for  Mobile Apps  –A Survey
Test Cases and Testing Strategies for Mobile Apps –A SurveyIRJET Journal
 
Synapse india reviews on mobile devices
Synapse india reviews on mobile devicesSynapse india reviews on mobile devices
Synapse india reviews on mobile devicesTarunsingh198
 
Sop Statement Of Purpose For Engineering
Sop Statement Of Purpose For EngineeringSop Statement Of Purpose For Engineering
Sop Statement Of Purpose For EngineeringKatyana Londono
 
Improving university education in nigeria through mobile academic directory
Improving university education in nigeria through mobile academic directoryImproving university education in nigeria through mobile academic directory
Improving university education in nigeria through mobile academic directoryAnthonyOtuonye
 
Comparative Study on Intrusion Detection Systems for Smartphones
Comparative Study on Intrusion Detection Systems for SmartphonesComparative Study on Intrusion Detection Systems for Smartphones
Comparative Study on Intrusion Detection Systems for Smartphonesiosrjce
 

Similar to Mobile extensions for OMG's IFML modeling language presented at MobiWIS conference (20)

Domain specific modeling for mobile and io t apps
Domain specific modeling for mobile and io t appsDomain specific modeling for mobile and io t apps
Domain specific modeling for mobile and io t apps
 
presentation-symposium-v4
presentation-symposium-v4presentation-symposium-v4
presentation-symposium-v4
 
On Mobile- Product Strategy
On Mobile- Product StrategyOn Mobile- Product Strategy
On Mobile- Product Strategy
 
IBM MobileFirst Foundation Version Flyer v1.0
IBM MobileFirst Foundation Version Flyer v1.0IBM MobileFirst Foundation Version Flyer v1.0
IBM MobileFirst Foundation Version Flyer v1.0
 
Modelling Feature Interaction Patterns in Nokia Mobile Phones.
Modelling Feature Interaction Patterns in Nokia Mobile Phones.Modelling Feature Interaction Patterns in Nokia Mobile Phones.
Modelling Feature Interaction Patterns in Nokia Mobile Phones.
 
11.universal mobile application development (umad) on home automation
11.universal mobile application development (umad) on home automation11.universal mobile application development (umad) on home automation
11.universal mobile application development (umad) on home automation
 
A methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentA methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application development
 
A methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application developmentA methodology for model driven multiplatform mobile application development
A methodology for model driven multiplatform mobile application development
 
Basic Guide For Mobile Application Testing
Basic Guide For Mobile Application TestingBasic Guide For Mobile Application Testing
Basic Guide For Mobile Application Testing
 
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdf
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdfTEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdf
TEST_CASES_AND_TESTING_STRATEGIES_FOR_MO.pdf
 
Ibm rational mobile
Ibm rational mobileIbm rational mobile
Ibm rational mobile
 
Thorsignia - Custom software development services in india
Thorsignia - Custom software development services in indiaThorsignia - Custom software development services in india
Thorsignia - Custom software development services in india
 
Mobile app testing
Mobile app testingMobile app testing
Mobile app testing
 
Mobile testing
Mobile testingMobile testing
Mobile testing
 
Andy Steggles: Social Media on the Go: Crafting a Mobile Strategy
Andy Steggles: Social Media on the Go: Crafting a Mobile StrategyAndy Steggles: Social Media on the Go: Crafting a Mobile Strategy
Andy Steggles: Social Media on the Go: Crafting a Mobile Strategy
 
Test Cases and Testing Strategies for Mobile Apps –A Survey
Test Cases and Testing Strategies for  Mobile Apps  –A SurveyTest Cases and Testing Strategies for  Mobile Apps  –A Survey
Test Cases and Testing Strategies for Mobile Apps –A Survey
 
Synapse india reviews on mobile devices
Synapse india reviews on mobile devicesSynapse india reviews on mobile devices
Synapse india reviews on mobile devices
 
Sop Statement Of Purpose For Engineering
Sop Statement Of Purpose For EngineeringSop Statement Of Purpose For Engineering
Sop Statement Of Purpose For Engineering
 
Improving university education in nigeria through mobile academic directory
Improving university education in nigeria through mobile academic directoryImproving university education in nigeria through mobile academic directory
Improving university education in nigeria through mobile academic directory
 
Comparative Study on Intrusion Detection Systems for Smartphones
Comparative Study on Intrusion Detection Systems for SmartphonesComparative Study on Intrusion Detection Systems for Smartphones
Comparative Study on Intrusion Detection Systems for Smartphones
 

More from Marco Brambilla

M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...
M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...
M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...Marco Brambilla
 
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...Marco Brambilla
 
Hierarchical Transformers for User Semantic Similarity - ICWE 2023
Hierarchical Transformers for User Semantic Similarity - ICWE 2023Hierarchical Transformers for User Semantic Similarity - ICWE 2023
Hierarchical Transformers for User Semantic Similarity - ICWE 2023Marco Brambilla
 
Exploring the Bi-verse. A trip across the digital and physical ecospheres
Exploring the Bi-verse.A trip across the digital and physical ecospheresExploring the Bi-verse.A trip across the digital and physical ecospheres
Exploring the Bi-verse. A trip across the digital and physical ecospheresMarco Brambilla
 
Conversation graphs in Online Social Media
Conversation graphs in Online Social MediaConversation graphs in Online Social Media
Conversation graphs in Online Social MediaMarco Brambilla
 
Trigger.eu: Cocteau game for policy making - introduction and demo
Trigger.eu: Cocteau game for policy making - introduction and demoTrigger.eu: Cocteau game for policy making - introduction and demo
Trigger.eu: Cocteau game for policy making - introduction and demoMarco Brambilla
 
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...Marco Brambilla
 
Analyzing rich club behavior in open source projects
Analyzing rich club behavior in open source projectsAnalyzing rich club behavior in open source projects
Analyzing rich club behavior in open source projectsMarco Brambilla
 
Analysis of On-line Debate on Long-Running Political Phenomena. The Brexit C...
Analysis of On-line Debate on Long-Running Political Phenomena.The Brexit C...Analysis of On-line Debate on Long-Running Political Phenomena.The Brexit C...
Analysis of On-line Debate on Long-Running Political Phenomena. The Brexit C...Marco Brambilla
 
Community analysis using graph representation learning on social networks
Community analysis using graph representation learning on social networksCommunity analysis using graph representation learning on social networks
Community analysis using graph representation learning on social networksMarco Brambilla
 
Available Data Science M.Sc. Thesis Proposals
Available Data Science M.Sc. Thesis Proposals Available Data Science M.Sc. Thesis Proposals
Available Data Science M.Sc. Thesis Proposals Marco Brambilla
 
Data Cleaning for social media knowledge extraction
Data Cleaning for social media knowledge extractionData Cleaning for social media knowledge extraction
Data Cleaning for social media knowledge extractionMarco Brambilla
 
Iterative knowledge extraction from social networks. The Web Conference 2018
Iterative knowledge extraction from social networks. The Web Conference 2018Iterative knowledge extraction from social networks. The Web Conference 2018
Iterative knowledge extraction from social networks. The Web Conference 2018Marco Brambilla
 
Driving Style and Behavior Analysis based on Trip Segmentation over GPS Info...
Driving Style and Behavior Analysis based on Trip Segmentation over GPS  Info...Driving Style and Behavior Analysis based on Trip Segmentation over GPS  Info...
Driving Style and Behavior Analysis based on Trip Segmentation over GPS Info...Marco Brambilla
 
Myths and challenges in knowledge extraction and analysis from human-generate...
Myths and challenges in knowledge extraction and analysis from human-generate...Myths and challenges in knowledge extraction and analysis from human-generate...
Myths and challenges in knowledge extraction and analysis from human-generate...Marco Brambilla
 
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...Marco Brambilla
 
Web Science. An introduction
Web Science. An introductionWeb Science. An introduction
Web Science. An introductionMarco Brambilla
 
On the Quest for Changing Knowledge. Capturing emerging entities from social ...
On the Quest for Changing Knowledge. Capturing emerging entities from social ...On the Quest for Changing Knowledge. Capturing emerging entities from social ...
On the Quest for Changing Knowledge. Capturing emerging entities from social ...Marco Brambilla
 
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...Studying Multicultural Diversity of Cities and Neighborhoods through Social M...
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...Marco Brambilla
 
Model driven software engineering in practice book - Chapter 9 - Model to tex...
Model driven software engineering in practice book - Chapter 9 - Model to tex...Model driven software engineering in practice book - Chapter 9 - Model to tex...
Model driven software engineering in practice book - Chapter 9 - Model to tex...Marco Brambilla
 

More from Marco Brambilla (20)

M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...
M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...
M.Sc. Thesis Topics and Proposals @ Polimi Data Science Lab - 2024 - prof. Br...
 
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...
Thesis Topics and Proposals @ Polimi Data Science Lab - 2023 - prof. Brambill...
 
Hierarchical Transformers for User Semantic Similarity - ICWE 2023
Hierarchical Transformers for User Semantic Similarity - ICWE 2023Hierarchical Transformers for User Semantic Similarity - ICWE 2023
Hierarchical Transformers for User Semantic Similarity - ICWE 2023
 
Exploring the Bi-verse. A trip across the digital and physical ecospheres
Exploring the Bi-verse.A trip across the digital and physical ecospheresExploring the Bi-verse.A trip across the digital and physical ecospheres
Exploring the Bi-verse. A trip across the digital and physical ecospheres
 
Conversation graphs in Online Social Media
Conversation graphs in Online Social MediaConversation graphs in Online Social Media
Conversation graphs in Online Social Media
 
Trigger.eu: Cocteau game for policy making - introduction and demo
Trigger.eu: Cocteau game for policy making - introduction and demoTrigger.eu: Cocteau game for policy making - introduction and demo
Trigger.eu: Cocteau game for policy making - introduction and demo
 
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...
Generation of Realistic Navigation Paths for Web Site Testing using RNNs and ...
 
Analyzing rich club behavior in open source projects
Analyzing rich club behavior in open source projectsAnalyzing rich club behavior in open source projects
Analyzing rich club behavior in open source projects
 
Analysis of On-line Debate on Long-Running Political Phenomena. The Brexit C...
Analysis of On-line Debate on Long-Running Political Phenomena.The Brexit C...Analysis of On-line Debate on Long-Running Political Phenomena.The Brexit C...
Analysis of On-line Debate on Long-Running Political Phenomena. The Brexit C...
 
Community analysis using graph representation learning on social networks
Community analysis using graph representation learning on social networksCommunity analysis using graph representation learning on social networks
Community analysis using graph representation learning on social networks
 
Available Data Science M.Sc. Thesis Proposals
Available Data Science M.Sc. Thesis Proposals Available Data Science M.Sc. Thesis Proposals
Available Data Science M.Sc. Thesis Proposals
 
Data Cleaning for social media knowledge extraction
Data Cleaning for social media knowledge extractionData Cleaning for social media knowledge extraction
Data Cleaning for social media knowledge extraction
 
Iterative knowledge extraction from social networks. The Web Conference 2018
Iterative knowledge extraction from social networks. The Web Conference 2018Iterative knowledge extraction from social networks. The Web Conference 2018
Iterative knowledge extraction from social networks. The Web Conference 2018
 
Driving Style and Behavior Analysis based on Trip Segmentation over GPS Info...
Driving Style and Behavior Analysis based on Trip Segmentation over GPS  Info...Driving Style and Behavior Analysis based on Trip Segmentation over GPS  Info...
Driving Style and Behavior Analysis based on Trip Segmentation over GPS Info...
 
Myths and challenges in knowledge extraction and analysis from human-generate...
Myths and challenges in knowledge extraction and analysis from human-generate...Myths and challenges in knowledge extraction and analysis from human-generate...
Myths and challenges in knowledge extraction and analysis from human-generate...
 
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...
Harvesting Knowledge from Social Networks: Extracting Typed Relationships amo...
 
Web Science. An introduction
Web Science. An introductionWeb Science. An introduction
Web Science. An introduction
 
On the Quest for Changing Knowledge. Capturing emerging entities from social ...
On the Quest for Changing Knowledge. Capturing emerging entities from social ...On the Quest for Changing Knowledge. Capturing emerging entities from social ...
On the Quest for Changing Knowledge. Capturing emerging entities from social ...
 
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...Studying Multicultural Diversity of Cities and Neighborhoods through Social M...
Studying Multicultural Diversity of Cities and Neighborhoods through Social M...
 
Model driven software engineering in practice book - Chapter 9 - Model to tex...
Model driven software engineering in practice book - Chapter 9 - Model to tex...Model driven software engineering in practice book - Chapter 9 - Model to tex...
Model driven software engineering in practice book - Chapter 9 - Model to tex...
 

Mobile extensions for OMG's IFML modeling language presented at MobiWIS conference

  • 1. Extending the Interaction Flow Modeling Language (IFML) for Model Driven Development of Mobile Applications Front End Marco Brambilla1, Andrea Mauri1, Eric Umuhoza1,2 1 Dipartimento di Elettronica, Informazione e Bioingegneria. Politecnico di Milano 2 AtlanMod team, Ecole des Mines de Nantes Speaker: eric.umuhoza@polimi.it EricUmuhoza MobiWIS Conference, Barcelona, August 27-29 ,2014
  • 2. Outline  Model driven development(MDD) approach & mobile apps development  The Interaction Flow Modeling Language(IFML)  Mobile Extension to IFML(mobile IFML)  Concrete syntax by example  Mobile IFML & Code Generation  Conclusions
  • 3. MDD in mobile apps front end  Manual coding is the predominant development approach – Reuse of design artifacts is low – High risks of errors – High costs for cross-platform development  Platform-independent user interaction modeling language can bring several benefits – Model once and generate for any platform of choice – It improves the development process – It enables the communication of interface and interaction design to non-technical stakeholders – It allows the early validation of requirements
  • 4. The Interaction Flow Modeling Language  An OMG standard designed for expressing: – Content visualized in the user interfaces – User events and interaction, and – Control behavior of the front-end of SW applications
  • 5. IFML main concepts  Container  ViewComponent  Event  Action
  • 6. IFML main concepts - 2  Navigation flow  Data flow  Parameter binding
  • 7. IFML concrete syntax -example View Container Parameter Binding Event View Component Action Navigation Flow
  • 8. IFML metamodel - Extensions  Organized in two main packages: – IFML Core – IFML Extensions and then you can extend it as you want, for different fields and platforms (Web, Mobile, …)
  • 9. Why IFML?  It is an OMG Standard for Interaction Flow Modeling  The composition of mobile apps interface can be expressed with the core IFML concepts of ViewContainers and ViewComponents  It is extensible  Our IFML based modeling experience
  • 10. Mobile IFML  Two main motivation: –Complexity of interaction patterns to better exploit the limited space – Interaction with other hardware and software components(sensors, apps,…)
  • 11. Mobile IFML - 2  Four main extension definitions : – ViewContainers and ViewComponents – MobileContext, capturing all dimensions that characterize the user’s intent, device’s capacity and the environment surrounding the user – MobileEvents, addressing the capturing of the mobile events – MobileAction and MobileActionEvent
  • 12. Mobile IFML – Container & Components  Some concepts may be extended to better reflect the terminology and properties of mobile apps.  Plus <<MobileSystem>> stereotype
  • 13. Mobile IFML – MobileContext  It assumes particular relevance in mobile apps  The context must gather all the dimensions that characterize: – The user's intent – The capacity of access device – The communication network, and etc.
  • 14. Mobile IFML – MobileEvents  Three categories of mobile events: – Events generated by the interaction of the user such as LongPress, swipe, etc. – Events triggered by the mobile device features such as sensors, battery, etc. – Events triggered by user actions related to the device components such as taking a photo, recording a video or using the microphone
  • 15. Mobile IFML – MobileViewElementEvent  Events generated by the interaction of the user
  • 16. Mobile IFML – MobileSystemEvent  Events produced by the mobile system
  • 17. Mobile IFML – MobileActionEvent Screen MobileViewElementEvent MobileComponent MobileAction MobileActionEvent
  • 18. Modeling tool - demo Open source project http://ifml.github.io Eclipse plugin available at https://ifml.github.io/update/site.xml
  • 20. Conclusions  A mobile extension of OMG’s standard IFML  A Sirius based IFML modeling tool  Prototype of the code generators  Future works – Improvement of the modeling tool – Implementation of more refined code generators – Study of the design patterns for MD mobile apps design  Acknowledgement: this work was partially funded by the AutoMobile EU 7th FP SME Research project(http://automobile.webratio.com)