SlideShare uma empresa Scribd logo
1 de 13
Baixar para ler offline
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-1 This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
DireWolf:
Distributing and Migrating User Interfaces
for Widget-based Web Applications
Dejan Kovachev, Dominik Renzel,
Petru Nicolaescu & Ralf Klamma
RWTH Aachen University
Advanced Community Information Systems (ACIS)
{lastname}@dbis.rwth-aachen.de
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-2
Responsive
Open
Community
Information
Systems
Community
Visualization
and
Simulation
Community
Analytics
Community
Support
WebAnalytics
WebEngineering
Advanced Community
Information Systems (ACIS)
Requirements
Engineering
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-3
Agenda
 Introduction
 Related work
 Requirements analysis
 System design and implementation
 Evaluation
 Conclusions and outlook
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-4
Motivation
Single-deviceUIMulti-devicedistributedUI
Smartphones:
on-site video capture, geo-
tagging on maps and video
annotation
Laptops and PCs:
text editing
Tablets:
video players with
multi-touch interaction
Limited space
and interaction
possibilities
Lack of tools &
methodologies
for Web-based
DUIs
Trend to using
multiple
personal
devices
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-5
Key Contributions
Framework for distributing widget-based Web interfaces on a
federation of multiple managed devices
Support for extended multi-modal real-time interactions
Portable continuous state-consistent and adaptive
session migration
Implementation for modern (mobile) Web browsers
DireWolf - Distributing and Migrating User Interfaces for
Widget-based Web Applications
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-6
Related Work
Pebles
[Myers 01]
HTTP DUI
[Vanderp
elven ’05]
P2P DUIs
[Melchoir
‘09]
Roam
[Chu ‘04]
MarcoFlow
[Daniel ‘10]
DireWolf
App. Type desktop Web desktop desktop Web Web
DUI def. fixed schema user N/A fixed user/fixed
Control central central all peers all peers central all peers
Distr. time app. start run time run time run time deployment run time
Adaptive -- ++ ++ + + ++
Continuity - N/A - ++ N/A ++
Co-work + + - - - ++ ++
User mgt. N/A N/A N/A N/A + +
Device mgt. + N/A N/A N/A N/A ++
App. State + + N/A + ++ ++
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-7
Distributing UI in
Widget-based Web Applications
 Widget – reusable minimal
service interfaces
 Widget space – container for widget
orchestration, collaboration,
customization
 Widget-based application
Typical single-device widget Web application
DUI widget
Web
application
with DireWolf
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-8
Migration Requirements
 Migration of app. components across devices
 Cooperation between app. components
 Management of
– device ownership
– device features
and availability
– app. state
– widget state
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-9
Prototype
Web application (composed of widgets)
Widget (collaborative web
component)
EU FP7 ROLE Project
http://role-sandbox.eu/Space (shared by multiple users)
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-10
Implementation Specifics
 Extension of ROLE SDK – an open source widget container based on
Apache Shindig
– User management extension
– Personal and collaborative widget space management
– Secure authentication and authorization with OpenID and OAuth
– XMPP-based multi-user chat
 Inter-widget communication (IWC)
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-11
widget
active
initiate migration
DUI
responder
DUI manager
the target
init migration
change
widget
location
DUI manager
the source
init migration
change widget
location
perform
migration perform migration
DUI client DUI client
prepare
migration
states
is DUI widget
collect
state
set widget state
DUI migration
display widget
update meta-UI
connect to DUI
record
widget state
app. state
finish migration
finish migration
prepare removal
on removal
done
remove
widget
update
meta-UI
Initiate migration
Save widget state
Update widget state
Create/remove widget
Change widget location
Widget
Migration
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-12
Evaluation
 Migration of widgets across
various devices
– In a WLAN network
– Desktop ↔ iPad
– Simple migration M:362ms; SD:48.9ms
– Continuous migration M:1305ms; SD:222.6ms
– Widget-rendering takes more time
than migration
 Limitations
– Widget-based Web applications are
less common
– Dependency on a central server
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. M. Jarke
I5-KRNK-0713-13
Conclusions and Outlook
 DireWolf – a framework to facilitate user interactions on a federation of
multiple managed devices
 Widget-based approach to encapsulate UI and
application functionalities
 Distribution and migration of widgets with little overhead
Future work
 Use WebRTC for browser to browser communication
 Support and evaluate multi-device multi-user collaboration
 Integrate DireWolf within a larger open-source project, e.g. Apache
Rave (ROLE IWC already under review)
 Further elaborate DireWolf in the EU FP7 Learning Layers Project

Mais conteúdo relacionado

Mais procurados

Keynote Learning Layers Developer Camp 2013
Keynote Learning Layers Developer Camp 2013Keynote Learning Layers Developer Camp 2013
Keynote Learning Layers Developer Camp 2013Ralf Klamma
 
Learning Analytics in a Mobile World - A Community Information Systems Perspe...
Learning Analytics in a Mobile World - A Community Information Systems Perspe...Learning Analytics in a Mobile World - A Community Information Systems Perspe...
Learning Analytics in a Mobile World - A Community Information Systems Perspe...Ralf Klamma
 
Scaling Community Information Systems
Scaling Community Information SystemsScaling Community Information Systems
Scaling Community Information SystemsRalf Klamma
 
A Short Swim through the Personal Learning Pool
A Short Swim through the Personal Learning PoolA Short Swim through the Personal Learning Pool
A Short Swim through the Personal Learning PoolRalf Klamma
 
Mapping the European TEL Project Landscape Using Social Network Analysis and ...
Mapping the European TEL Project Landscape Using Social Network Analysis and ...Mapping the European TEL Project Landscape Using Social Network Analysis and ...
Mapping the European TEL Project Landscape Using Social Network Analysis and ...Michael Derntl
 
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...Michael Derntl
 
"Virtual" VREs - bringing research into the curriculum
"Virtual" VREs - bringing research into the curriculum"Virtual" VREs - bringing research into the curriculum
"Virtual" VREs - bringing research into the curriculumChristopher Brown
 
ICALT Author Community
ICALT Author CommunityICALT Author Community
ICALT Author CommunityMichael Derntl
 
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...Hasib ur Rahman, PhD
 
Social Requirements Engineering and the RWTH Aachen University Test Bed
Social Requirements Engineering and the RWTH Aachen University Test BedSocial Requirements Engineering and the RWTH Aachen University Test Bed
Social Requirements Engineering and the RWTH Aachen University Test BedRalf Klamma
 
Visualizing Networked Collaboration
Visualizing Networked CollaborationVisualizing Networked Collaboration
Visualizing Networked CollaborationAhmet Soylu
 
PhD Projects in Networking Research Ideas
PhD Projects in Networking Research IdeasPhD Projects in Networking Research Ideas
PhD Projects in Networking Research IdeasPhD Services
 
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...Dominik Kowald
 
Scaling up digital learning support for smart workforce development in cluste...
Scaling up digital learning support for smart workforce development in cluste...Scaling up digital learning support for smart workforce development in cluste...
Scaling up digital learning support for smart workforce development in cluste...Ralf Klamma
 
EU Project Layers: Informal Learning at the Workplace with Video Clips
EU Project Layers: Informal Learning at the Workplace with Video ClipsEU Project Layers: Informal Learning at the Workplace with Video Clips
EU Project Layers: Informal Learning at the Workplace with Video ClipsMilos Kravcik
 
Robust Expert Finding in Web-Based Community Information Systems
Robust Expert Finding in Web-Based Community Information SystemsRobust Expert Finding in Web-Based Community Information Systems
Robust Expert Finding in Web-Based Community Information SystemsRalf Klamma
 
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...JISC KeepIt project
 
Application Sharing
Application SharingApplication Sharing
Application Sharinggbkooper
 

Mais procurados (20)

Keynote Learning Layers Developer Camp 2013
Keynote Learning Layers Developer Camp 2013Keynote Learning Layers Developer Camp 2013
Keynote Learning Layers Developer Camp 2013
 
Learning Analytics in a Mobile World - A Community Information Systems Perspe...
Learning Analytics in a Mobile World - A Community Information Systems Perspe...Learning Analytics in a Mobile World - A Community Information Systems Perspe...
Learning Analytics in a Mobile World - A Community Information Systems Perspe...
 
Scaling Community Information Systems
Scaling Community Information SystemsScaling Community Information Systems
Scaling Community Information Systems
 
A Short Swim through the Personal Learning Pool
A Short Swim through the Personal Learning PoolA Short Swim through the Personal Learning Pool
A Short Swim through the Personal Learning Pool
 
Mapping the European TEL Project Landscape Using Social Network Analysis and ...
Mapping the European TEL Project Landscape Using Social Network Analysis and ...Mapping the European TEL Project Landscape Using Social Network Analysis and ...
Mapping the European TEL Project Landscape Using Social Network Analysis and ...
 
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...
An Embeddable Dashboard for Widget-Based Visual Analytics on Scientific Commu...
 
"Virtual" VREs - bringing research into the curriculum
"Virtual" VREs - bringing research into the curriculum"Virtual" VREs - bringing research into the curriculum
"Virtual" VREs - bringing research into the curriculum
 
ICALT Author Community
ICALT Author CommunityICALT Author Community
ICALT Author Community
 
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...
Self-Organizing Logical-Clustering Topology for Managing Distributed Context ...
 
Social Requirements Engineering and the RWTH Aachen University Test Bed
Social Requirements Engineering and the RWTH Aachen University Test BedSocial Requirements Engineering and the RWTH Aachen University Test Bed
Social Requirements Engineering and the RWTH Aachen University Test Bed
 
E Infrastructure for OA
E Infrastructure for OAE Infrastructure for OA
E Infrastructure for OA
 
Visualizing Networked Collaboration
Visualizing Networked CollaborationVisualizing Networked Collaboration
Visualizing Networked Collaboration
 
PhD Projects in Networking Research Ideas
PhD Projects in Networking Research IdeasPhD Projects in Networking Research Ideas
PhD Projects in Networking Research Ideas
 
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...
WWW2014: Long Time No See: The Probability of Reusing Tags as a Function of F...
 
Scaling up digital learning support for smart workforce development in cluste...
Scaling up digital learning support for smart workforce development in cluste...Scaling up digital learning support for smart workforce development in cluste...
Scaling up digital learning support for smart workforce development in cluste...
 
EU Project Layers: Informal Learning at the Workplace with Video Clips
EU Project Layers: Informal Learning at the Workplace with Video ClipsEU Project Layers: Informal Learning at the Workplace with Video Clips
EU Project Layers: Informal Learning at the Workplace with Video Clips
 
Robust Expert Finding in Web-Based Community Information Systems
Robust Expert Finding in Web-Based Community Information SystemsRobust Expert Finding in Web-Based Community Information Systems
Robust Expert Finding in Web-Based Community Information Systems
 
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...
KeepIt Course 4: digital preservation recap, by Andreas Rauber, Hannes Kulovi...
 
Application Sharing
Application SharingApplication Sharing
Application Sharing
 
2016 nov-ieee-sdn-wiki
2016 nov-ieee-sdn-wiki2016 nov-ieee-sdn-wiki
2016 nov-ieee-sdn-wiki
 

Destaque

Contextualized versus Structural Overlapping Communities in Social Media.
Contextualized versus Structural Overlapping Communities in Social Media. Contextualized versus Structural Overlapping Communities in Social Media.
Contextualized versus Structural Overlapping Communities in Social Media. Mohsen Shahriari
 
SeViAnno 2.0: Web-Enabled Collaborative Semantic Video Annotation Beyond the ...
SeViAnno 2.0: Web-Enabled CollaborativeSemantic Video Annotation Beyond the ...SeViAnno 2.0: Web-Enabled CollaborativeSemantic Video Annotation Beyond the ...
SeViAnno 2.0: Web-Enabled Collaborative Semantic Video Annotation Beyond the ...Nicolaescu Petru
 
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?EC-TEL 2016: Which Algorithms Suit Which Learning Environments?
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?Simone Kopeinik
 
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...Nicolaescu Petru
 
A Community Information System for Ubiquitous Informal Learning Support
A Community Information System for Ubiquitous Informal Learning SupportA Community Information System for Ubiquitous Informal Learning Support
A Community Information System for Ubiquitous Informal Learning SupportNicolaescu Petru
 
The influence of social status on consensus building in collaboration networks
The influence of social status on consensus building in collaboration networksThe influence of social status on consensus building in collaboration networks
The influence of social status on consensus building in collaboration networksIlire Hasani-Mavriqi
 
Analysis of Overlapping Communities in Signed Complex Networks
Analysis of Overlapping Communities in Signed Complex NetworksAnalysis of Overlapping Communities in Signed Complex Networks
Analysis of Overlapping Communities in Signed Complex NetworksMohsen Shahriari
 
The Social Semantic Server Tool Support in Learning Layers
The Social Semantic Server Tool Support in Learning LayersThe Social Semantic Server Tool Support in Learning Layers
The Social Semantic Server Tool Support in Learning LayersDominik Kowald
 
Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
Prototyping Apps for Informal Learning: A Semantic Video Annotation ScenarioPrototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
Prototyping Apps for Informal Learning: A Semantic Video Annotation ScenarioNicolaescu Petru
 
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...Dominik Kowald
 
Requirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the WebRequirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the WebIstvanKoren
 
Unpacking the Layers Box
Unpacking the Layers BoxUnpacking the Layers Box
Unpacking the Layers BoxIstvanKoren
 
The SSS as an Infrastructure for WP LA
The SSS as an Infrastructure for WP LAThe SSS as an Infrastructure for WP LA
The SSS as an Infrastructure for WP LADominik Kowald
 
SRS2014: Towards a Scalable Recommender Engine for Online Marketplaces
SRS2014: Towards a Scalable Recommender Engine for Online MarketplacesSRS2014: Towards a Scalable Recommender Engine for Online Marketplaces
SRS2014: Towards a Scalable Recommender Engine for Online MarketplacesDominik Kowald
 
HT2016: Influence of Frequency, Recency and Semantic Context on Tag Reuse
HT2016: Influence of Frequency, Recency and Semantic Context on Tag ReuseHT2016: Influence of Frequency, Recency and Semantic Context on Tag Reuse
HT2016: Influence of Frequency, Recency and Semantic Context on Tag ReuseDominik Kowald
 

Destaque (15)

Contextualized versus Structural Overlapping Communities in Social Media.
Contextualized versus Structural Overlapping Communities in Social Media. Contextualized versus Structural Overlapping Communities in Social Media.
Contextualized versus Structural Overlapping Communities in Social Media.
 
SeViAnno 2.0: Web-Enabled Collaborative Semantic Video Annotation Beyond the ...
SeViAnno 2.0: Web-Enabled CollaborativeSemantic Video Annotation Beyond the ...SeViAnno 2.0: Web-Enabled CollaborativeSemantic Video Annotation Beyond the ...
SeViAnno 2.0: Web-Enabled Collaborative Semantic Video Annotation Beyond the ...
 
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?EC-TEL 2016: Which Algorithms Suit Which Learning Environments?
EC-TEL 2016: Which Algorithms Suit Which Learning Environments?
 
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...
A Microservice Approach for Near Real-time Collaborative 3D Object Annotation...
 
A Community Information System for Ubiquitous Informal Learning Support
A Community Information System for Ubiquitous Informal Learning SupportA Community Information System for Ubiquitous Informal Learning Support
A Community Information System for Ubiquitous Informal Learning Support
 
The influence of social status on consensus building in collaboration networks
The influence of social status on consensus building in collaboration networksThe influence of social status on consensus building in collaboration networks
The influence of social status on consensus building in collaboration networks
 
Analysis of Overlapping Communities in Signed Complex Networks
Analysis of Overlapping Communities in Signed Complex NetworksAnalysis of Overlapping Communities in Signed Complex Networks
Analysis of Overlapping Communities in Signed Complex Networks
 
The Social Semantic Server Tool Support in Learning Layers
The Social Semantic Server Tool Support in Learning LayersThe Social Semantic Server Tool Support in Learning Layers
The Social Semantic Server Tool Support in Learning Layers
 
Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
Prototyping Apps for Informal Learning: A Semantic Video Annotation ScenarioPrototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
Prototyping Apps for Informal Learning: A Semantic Video Annotation Scenario
 
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...
WWW'15: A Hybrid Resource Recommender Mimicking Attention-Interpretation Dyna...
 
Requirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the WebRequirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the Web
 
Unpacking the Layers Box
Unpacking the Layers BoxUnpacking the Layers Box
Unpacking the Layers Box
 
The SSS as an Infrastructure for WP LA
The SSS as an Infrastructure for WP LAThe SSS as an Infrastructure for WP LA
The SSS as an Infrastructure for WP LA
 
SRS2014: Towards a Scalable Recommender Engine for Online Marketplaces
SRS2014: Towards a Scalable Recommender Engine for Online MarketplacesSRS2014: Towards a Scalable Recommender Engine for Online Marketplaces
SRS2014: Towards a Scalable Recommender Engine for Online Marketplaces
 
HT2016: Influence of Frequency, Recency and Semantic Context on Tag Reuse
HT2016: Influence of Frequency, Recency and Semantic Context on Tag ReuseHT2016: Influence of Frequency, Recency and Semantic Context on Tag Reuse
HT2016: Influence of Frequency, Recency and Semantic Context on Tag Reuse
 

Semelhante a DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Applications

Browser-Based Collaborative Modeling in Near Real-Time
Browser-Based Collaborative Modeling in Near Real-TimeBrowser-Based Collaborative Modeling in Near Real-Time
Browser-Based Collaborative Modeling in Near Real-TimeNicolaescu Petru
 
Supporting Professional Communities in the Next Web
Supporting Professional Communities in the Next Web Supporting Professional Communities in the Next Web
Supporting Professional Communities in the Next Web Ralf Klamma
 
Mobile Multimedia Cloud Computing and the Web
Mobile Multimedia Cloud Computing and the WebMobile Multimedia Cloud Computing and the Web
Mobile Multimedia Cloud Computing and the WebDejan Kovachev
 
Beyond the Client-Server Architectures: A Survey of Mobile Cloud Techniques
Beyond the Client-Server Architectures: A Survey of Mobile Cloud TechniquesBeyond the Client-Server Architectures: A Survey of Mobile Cloud Techniques
Beyond the Client-Server Architectures: A Survey of Mobile Cloud TechniquesDejan Kovachev
 
The Exploitation of OpenAPI Documents for the Generation of Web Frontends
The Exploitation of OpenAPI Documents for the Generation of Web FrontendsThe Exploitation of OpenAPI Documents for the Generation of Web Frontends
The Exploitation of OpenAPI Documents for the Generation of Web FrontendsIstvanKoren
 
Enhancing Academic Event Participation with Context-aware and Social Recommen...
Enhancing Academic Event Participation with Context-aware and Social Recommen...Enhancing Academic Event Participation with Context-aware and Social Recommen...
Enhancing Academic Event Participation with Context-aware and Social Recommen...Dejan Kovachev
 
Navigation Support in Evolving Communities by a Web-based Dashboard
Navigation Support in Evolving Communities by a Web-based DashboardNavigation Support in Evolving Communities by a Web-based Dashboard
Navigation Support in Evolving Communities by a Web-based DashboardRalf Klamma
 
Blueprint for Software Engineering in Technology Enhanced Learning Projects
Blueprint for Software Engineering in Technology Enhanced Learning ProjectsBlueprint for Software Engineering in Technology Enhanced Learning Projects
Blueprint for Software Engineering in Technology Enhanced Learning ProjectsRalf Klamma
 
The Legacy of ROLE - Where are we at the workplace?
The Legacy of ROLE - Where are we at the workplace?The Legacy of ROLE - Where are we at the workplace?
The Legacy of ROLE - Where are we at the workplace?Ralf Klamma
 
Shared Editing on the Web: A Classification of Developer Support Frameworks
Shared Editing on the Web: A Classification of Developer Support FrameworksShared Editing on the Web: A Classification of Developer Support Frameworks
Shared Editing on the Web: A Classification of Developer Support FrameworksIstvanKoren
 
Real-Time Metamodeling in the Web Browser
Real-Time Metamodeling in the Web BrowserReal-Time Metamodeling in the Web Browser
Real-Time Metamodeling in the Web BrowserMichael Derntl
 
Adaptive Computation Offloading from Mobile Devices into the Cloud
Adaptive Computation Offloading from Mobile Devices into the CloudAdaptive Computation Offloading from Mobile Devices into the Cloud
Adaptive Computation Offloading from Mobile Devices into the CloudDejan Kovachev
 
Mobile Community Cloud Computing: Emerges and Evolves
Mobile Community Cloud Computing: Emerges and EvolvesMobile Community Cloud Computing: Emerges and Evolves
Mobile Community Cloud Computing: Emerges and EvolvesDejan Kovachev
 
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...Darren Carlson
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitaebutest
 
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...Dominik Renzel
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitaebutest
 
Public Clouds for Learning
Public Clouds for LearningPublic Clouds for Learning
Public Clouds for LearningDejan Kovachev
 
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...Dejan Kovachev
 

Semelhante a DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Applications (20)

Browser-Based Collaborative Modeling in Near Real-Time
Browser-Based Collaborative Modeling in Near Real-TimeBrowser-Based Collaborative Modeling in Near Real-Time
Browser-Based Collaborative Modeling in Near Real-Time
 
Supporting Professional Communities in the Next Web
Supporting Professional Communities in the Next Web Supporting Professional Communities in the Next Web
Supporting Professional Communities in the Next Web
 
Mobile Multimedia Cloud Computing and the Web
Mobile Multimedia Cloud Computing and the WebMobile Multimedia Cloud Computing and the Web
Mobile Multimedia Cloud Computing and the Web
 
Beyond the Client-Server Architectures: A Survey of Mobile Cloud Techniques
Beyond the Client-Server Architectures: A Survey of Mobile Cloud TechniquesBeyond the Client-Server Architectures: A Survey of Mobile Cloud Techniques
Beyond the Client-Server Architectures: A Survey of Mobile Cloud Techniques
 
The Exploitation of OpenAPI Documents for the Generation of Web Frontends
The Exploitation of OpenAPI Documents for the Generation of Web FrontendsThe Exploitation of OpenAPI Documents for the Generation of Web Frontends
The Exploitation of OpenAPI Documents for the Generation of Web Frontends
 
Enhancing Academic Event Participation with Context-aware and Social Recommen...
Enhancing Academic Event Participation with Context-aware and Social Recommen...Enhancing Academic Event Participation with Context-aware and Social Recommen...
Enhancing Academic Event Participation with Context-aware and Social Recommen...
 
Navigation Support in Evolving Communities by a Web-based Dashboard
Navigation Support in Evolving Communities by a Web-based DashboardNavigation Support in Evolving Communities by a Web-based Dashboard
Navigation Support in Evolving Communities by a Web-based Dashboard
 
Blueprint for Software Engineering in Technology Enhanced Learning Projects
Blueprint for Software Engineering in Technology Enhanced Learning ProjectsBlueprint for Software Engineering in Technology Enhanced Learning Projects
Blueprint for Software Engineering in Technology Enhanced Learning Projects
 
The Legacy of ROLE - Where are we at the workplace?
The Legacy of ROLE - Where are we at the workplace?The Legacy of ROLE - Where are we at the workplace?
The Legacy of ROLE - Where are we at the workplace?
 
Shared Editing on the Web: A Classification of Developer Support Frameworks
Shared Editing on the Web: A Classification of Developer Support FrameworksShared Editing on the Web: A Classification of Developer Support Frameworks
Shared Editing on the Web: A Classification of Developer Support Frameworks
 
Real-Time Metamodeling in the Web Browser
Real-Time Metamodeling in the Web BrowserReal-Time Metamodeling in the Web Browser
Real-Time Metamodeling in the Web Browser
 
Adaptive Computation Offloading from Mobile Devices into the Cloud
Adaptive Computation Offloading from Mobile Devices into the CloudAdaptive Computation Offloading from Mobile Devices into the Cloud
Adaptive Computation Offloading from Mobile Devices into the Cloud
 
Mobile Community Cloud Computing: Emerges and Evolves
Mobile Community Cloud Computing: Emerges and EvolvesMobile Community Cloud Computing: Emerges and Evolves
Mobile Community Cloud Computing: Emerges and Evolves
 
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...
An Ad-hoc Smart Gateway Platform for the Web of Things (IEEE iThings 2013 Bes...
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...
Requirements Bazaar: Experiences, Added Value & Acceptance of Requirements Ne...
 
Curriculum Vitae
Curriculum VitaeCurriculum Vitae
Curriculum Vitae
 
5 Thomas Magedanz
5  Thomas Magedanz5  Thomas Magedanz
5 Thomas Magedanz
 
Public Clouds for Learning
Public Clouds for LearningPublic Clouds for Learning
Public Clouds for Learning
 
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...
A Real-time Collaboration-enabled Mobile Augmented Reality System with Semant...
 

Último

5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfMohonDas
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.EnglishCEIPdeSigeiro
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17Celine George
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 

Último (20)

5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdfHED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.Easter in the USA presentation by Chloe.
Easter in the USA presentation by Chloe.
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17How to Make a Field read-only in Odoo 17
How to Make a Field read-only in Odoo 17
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 

DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Applications

  • 1. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-1 This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. DireWolf: Distributing and Migrating User Interfaces for Widget-based Web Applications Dejan Kovachev, Dominik Renzel, Petru Nicolaescu & Ralf Klamma RWTH Aachen University Advanced Community Information Systems (ACIS) {lastname}@dbis.rwth-aachen.de
  • 2. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-2 Responsive Open Community Information Systems Community Visualization and Simulation Community Analytics Community Support WebAnalytics WebEngineering Advanced Community Information Systems (ACIS) Requirements Engineering
  • 3. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-3 Agenda  Introduction  Related work  Requirements analysis  System design and implementation  Evaluation  Conclusions and outlook
  • 4. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-4 Motivation Single-deviceUIMulti-devicedistributedUI Smartphones: on-site video capture, geo- tagging on maps and video annotation Laptops and PCs: text editing Tablets: video players with multi-touch interaction Limited space and interaction possibilities Lack of tools & methodologies for Web-based DUIs Trend to using multiple personal devices
  • 5. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-5 Key Contributions Framework for distributing widget-based Web interfaces on a federation of multiple managed devices Support for extended multi-modal real-time interactions Portable continuous state-consistent and adaptive session migration Implementation for modern (mobile) Web browsers DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Applications
  • 6. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-6 Related Work Pebles [Myers 01] HTTP DUI [Vanderp elven ’05] P2P DUIs [Melchoir ‘09] Roam [Chu ‘04] MarcoFlow [Daniel ‘10] DireWolf App. Type desktop Web desktop desktop Web Web DUI def. fixed schema user N/A fixed user/fixed Control central central all peers all peers central all peers Distr. time app. start run time run time run time deployment run time Adaptive -- ++ ++ + + ++ Continuity - N/A - ++ N/A ++ Co-work + + - - - ++ ++ User mgt. N/A N/A N/A N/A + + Device mgt. + N/A N/A N/A N/A ++ App. State + + N/A + ++ ++
  • 7. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-7 Distributing UI in Widget-based Web Applications  Widget – reusable minimal service interfaces  Widget space – container for widget orchestration, collaboration, customization  Widget-based application Typical single-device widget Web application DUI widget Web application with DireWolf
  • 8. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-8 Migration Requirements  Migration of app. components across devices  Cooperation between app. components  Management of – device ownership – device features and availability – app. state – widget state
  • 9. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-9 Prototype Web application (composed of widgets) Widget (collaborative web component) EU FP7 ROLE Project http://role-sandbox.eu/Space (shared by multiple users)
  • 10. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-10 Implementation Specifics  Extension of ROLE SDK – an open source widget container based on Apache Shindig – User management extension – Personal and collaborative widget space management – Secure authentication and authorization with OpenID and OAuth – XMPP-based multi-user chat  Inter-widget communication (IWC)
  • 11. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-11 widget active initiate migration DUI responder DUI manager the target init migration change widget location DUI manager the source init migration change widget location perform migration perform migration DUI client DUI client prepare migration states is DUI widget collect state set widget state DUI migration display widget update meta-UI connect to DUI record widget state app. state finish migration finish migration prepare removal on removal done remove widget update meta-UI Initiate migration Save widget state Update widget state Create/remove widget Change widget location Widget Migration
  • 12. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-12 Evaluation  Migration of widgets across various devices – In a WLAN network – Desktop ↔ iPad – Simple migration M:362ms; SD:48.9ms – Continuous migration M:1305ms; SD:222.6ms – Widget-rendering takes more time than migration  Limitations – Widget-based Web applications are less common – Dependency on a central server
  • 13. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. M. Jarke I5-KRNK-0713-13 Conclusions and Outlook  DireWolf – a framework to facilitate user interactions on a federation of multiple managed devices  Widget-based approach to encapsulate UI and application functionalities  Distribution and migration of widgets with little overhead Future work  Use WebRTC for browser to browser communication  Support and evaluate multi-device multi-user collaboration  Integrate DireWolf within a larger open-source project, e.g. Apache Rave (ROLE IWC already under review)  Further elaborate DireWolf in the EU FP7 Learning Layers Project