Skip to content. | Skip to navigation

Personal tools
You are here: Home Projects The XMPP Experience DireWolf - Distributing User Interfaces for Widget-based Web Applications

DireWolf - Distributing User Interfaces for Widget-based Web Applications

Research field Advanced Community Information Systems (ACIS)
Parent project the-xmpp-experience
Status completed

Please click here for the DireWolf 2.0 with WebRTC Demo!


Web applications have overcome traditional desktop applications especially in collaborative settings. However, the bulk of Web applications still follow the "single user on a single device" computing model. Therefore, we created the DireWolf framework for rich Web applications with Distributed User Interfaces (DUIs) over a federation of heterogeneous commodity devices supporting modern Web browsers such as laptops, smart phones and tablet computers. The DUIs are based on widget technology coupled with cross-platform inter-widget communication and seamless session mobility. In particular, we built DireWolf on top of the ROLE SDK and its XMPP-based Inter-widget communication. Inter-widget communication connect the widgets and enable real-time collaborative applications as well as runtime migration in our framework. For a single user, DireWolf provides more flexible control over different parts of an application by enabling the simultaneous use of smart phones, tablets and computers. As reference use case of the DireWolf framework we realized a collaborative semantic video annotation application in the domain of cultural heritage documentation.

Distribution of User Interfaces

Research Interests

  • Distributed user interfaces and human-computer interaction
  • Widget-based Web applications
  • HTML5 Standard
  • Browser-to-browser & Inter-widget communication

Related Events


  1. Open the following link ( in a  modern browser (Chrome, Firefox)
  2. Sign in with a Google account
  3. Create device(s) (at least on device associated with the current computer)
  4. Enter the space 'ICWE2013' (alternativelly, open the link
  5. Do steps 1-4 on another device(s) (e.g. tablet, smartphone)
  6. Wait till the other device shows online in the left sidebar, then you can migrate widget by drag and drop in the sidebar

DireWolf 2.0 Demo

See here our newest DireWolf 2.0 framework with WebRTC.
The demo poster presented at ICWE 2014:

Research staff



Document Actions
Project Publications

Ralf Klamma

Near-Real-Time Social Computing

Computer 48(9): 90–92. doi: 10.1109/MC.2015.266

Petru Nicolaescu, Kevin Jahns, Michael Derntl, Ralf Klamma

Yjs: A Framework for Near Real-Time P2P Shared Editing on Arbitrary Data Types

Proceedings of the 15th International Conference on Web Engineering (ICWE 2015), Rotterdam, The Netherlands, June 23-26, 2015 (Best Demo & Best Poster Award)

István Koren, Jens Bavendiek, Ralf Klamma

DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Widget Distribution Using WebRTC

Proceedings of the 14th International Conference on Web Engineering (ICWE'14), 1-4 July, 2014, Toulouse, France, Springer Verlag, LNCS 8541 (won best demo award)

More publications…