The document proposes an approach to flexibly distribute the user interfaces of existing web applications to enable distributed user interface (DUI) features. It involves a personal information management platform with web augmentation and DUI capabilities. This allows extracting user interface objects from web pages on demand and triggering DUI-based behaviors, like interacting with the objects across devices. The approach is outlined, including the underlying architecture and prototype tool. Future work includes completing the implementation, user evaluations, and exploring new application contexts.

1. Flexible distribution of existing Web
interfaces: an architecture involving
developers and end-users
LIFIA, Facultad de Informática, UNLP - Argentina
ICS, IRIT, Université Toulouse III - France
* presenter
S. Firmenich, G. Bosetti *, G. Rossi & M. Winckler

2. Overview
1. Motivation
2. Distributing Web UI Objects
a. The underlying architecture
b. UIObjets and DUI-based behaviours
c. Our prototype tool
3. Future work
2

3. 3
1. Motivation
1. Motivation 2. Distributing Web UI Objects 3. Future work

4. 1. Motivation
⬨ Distributed User Interfaces (DUI)
╶ Improves the user experience with crossdeviceinteractions
╶ Crossdeviceinteractions between native apps
╶ It’s still hard to find Web apps supporting DUI
1. Motivation 2. Distributing Web UI Objects 3. Future work
4
How to provide the end users with DUI features
on existing Web applications, in a flexible way?

5. Desktop app +
Android app
1. Motivation 2. Distributing Web UI Objects 3. Future work
5

6. Desktop app +
Android app
1. Motivation 2. Distributing Web UI Objects 3. Future work
6

7. Web app +
Android app
1. Motivation 2. Distributing Web UI Objects 3. Future work
7

8. Web apps
1. Motivation 2. Distributing Web UI Objects 3. Future work
8

9. 1. Motivation
⬨ Web Augmentation (WA)
╶ Improves the userexperience on existing Web sites
╶ To manipulate style,structure,behaviour
╶ Browser extensions, userscripts, etc.
⬨ Personal Information Management (PIM)
╶ To collect existing informationobjects
╶ Interact with them from a commonspaceofinformation
╶ Few efforts in enabling informationobjects with DUI capabilities
1. Motivation 2. Distributing Web UI Objects 3. Future work
9

10. 10
2. Distributing Web UI Objects
1. Motivation 2. Distributing Web UI Objects 3. Future work

11. 2. Distrbuting Web UI objects
1. Motivation 2. Distributing Web UI Objects 3. Future work
What?
an approach
for
distributing
existing Web
UI
When?
on-demand,
opportunistic
→
How?
A PIM platform
with Web
Augmentation
+ DUI ft.
Who?
end-users,
developers
Where?
in-situ, the
browser
context
11

12. 2.1. The underlying architecture
1. Motivation 2. Distributing Web UI Objects 3. Future work
12

13. 2.2 UIObjets and DUI-based behaviours
1. Motivation 2. Distributing Web UI Objects 3. Future work
⬨ UiObjects
╶ Domelements, materialized as UIObjects
╶ Trigger different behaviours for supporting DUI
⬨ DUI-based behaviours
╶ performed individually for a UIObject
╶ by default: based on the type of UIObject
╶ stereotype-agnostic vs. stereotype-specific
╶ May require a complex DUI experience
■ developers may extend the existing ones
13

14. 2.3 Our prototype tool
1. Motivation 2. Distributing Web UI Objects 3. Future work
14

15. 1. Motivation 2. Distributing Web UI Objects 3. Future work
15

16. 16
3. Future work
1. Motivation 2. Distributing Web UI Objects 3. Future work

17. 3. Future Work
∙ Completing the implementation of the support system
∙ Conduct an evaluation with end- users
╶ useful
╶ easy to use
∙ Study applicability in new contexts, as collaborative systems
∙ Apply new kinds of experiences
1. Motivation 2. Distributing Web UI Objects 3. Future work
17

18. Thanks!
https://www.irit.fr/recherches/ICS/http://www.lifia.info.unlp.edu.ar