University of Lugano (USI)
Faculty of Informatics
- Opened 2004
- 29 Professors
- 150+ PhD/Postdoc researchers
- Research: Software, Systems and Services
- Award-winning Innovative Teaching Curriculum
Architecture, Design and Web Information Systems Engineering
- BenchFlow - a benchmark for workflow engines
- RESTalk - RESTful Conversation Patterns
- Liquid.js - Liquid Web Apps
- ASQ - Interactive Web Lectures
- Parallel JavaScript/Multicore Node.JS
- NaturalMash - Web Service Composition with Natural Language
Abstract
The personal computing experience is changing. Users no longer run every application and store their data on a single computer. Instead they own and operate a complex multi-device ensemble made of desktop computers, laptops, phones, tables, watches, glasses and cars to accomplish their tasks and collectively manage their personal information. Existing approaches to achieve a liquid user experience whereby data and software can seamlessly flow between devices are starting to appear within the confines of proprietary platforms or may rely on centralized solutions, where data is stored in the Cloud, outside the control of the users producing and consuming it. In this talk we discuss how the open Web and emerging Web technologies can still play an important role to build next generation liquid Web applications.
1 Computer
Many Users
(1950-1970)
1 Computer
1 User
(1980-1990)
Many Computers
1 User
(2000-)
Apple Continuity
Samsung Flow
Second Screen
Collaboration
Education
What about the Web?
Responsive
Liquid
Liquid
Adapt
Liquid Metaphor
Flow
Liquid Software
- Adapt the distributed user interface to fully take advantage of the set of devices
- Seamlessly migrate and clone running applications across devices
Minority Report (2002)
Liquid User Experience
Flow
How to seamlessly flow running applications across devices?
- Migrate = Copy + Delete
- Copy
- Clone = Copy + Synchronize
Adapt
How to take advantage of different devices?
- Manual
- Automatic: Responsive (one device)
- Automatic: Complementary (many devices)
How Liquid is the Web?
Web Evolution
Migrate/Copy
Clone (Synchronization)
State Synchronization
When to share updates?
- Batch (Copy)
- Trickle (Synchronize)
State Identification
What needs to be migrated/synchronized?
- Explicit
- Implicit
Granularity
What needs to be migrated/synchronized?
- OS/VM (Implicit)
- Application (Implicit)
- Component (Explicit)
Deployment
When to install the app?
- Pre-installed
- On-Demand
Discovery
How to establish trust between paired devices?
- Smartcard
- WiFi
- Bluetooth
- Shared URL
- QR Code
Liquid Software Design Space
Liquid Web Apps
- State Identification: Implicit (URL) or Explicit (WebComponent Property)
- State Synchronization: Trickle (WebSockets, WebRTC) and Batch (HTTP)
- Granularity: Application/Component
- Deployment: On-Demand
- Discovery: Shared URL/QR Code
How to build liquid Web apps?
Polymer({
is: 'liquid-component-vaadin-gauge-chart',
behaviors: [LiquidBehavior],
properties: {
data: {
type: Number,
value:42, liquid: {
scope: "shared"
} }
},
_getType: function () {
return 'gauge';
}
});Liquid Software
- Software Architecture
- Web Engineering
- HCI/CSCW
- Data Replication
- Redecentralization
- Security and Privacy
- Edge Computing
Acknowledgements
Daniele Bonetta, Tommi Mikkonen, Antero Taivalsaari, Kari Systä, Andrea Gallidabino, Vasileios Triglianos, Masiar Babazadeh, Yoël Luginbuhl
References
- Andrea Gallidabino, and Cesare Pautasso, Maturity Model for Liquid Web Architectures, 17th International Conference on Web Engineering (ICWE2017), Rome, Italy, Springer, June, 2017.
- Andrea Gallidabino, Cesare Pautasso, Ville Ilvonen, Tommi Mikkonen, Kari Systa, Jari-Pekka Voutilainen, and Antero Taivalsaari, On the Architecture of Liquid Software: Technology Alternatives and Design Space, 13th Working IEEE/IFIP Conference on Software Architecture (WICSA 2016), Venice, Italy, April, 2016.
- Andrea Gallidabino, and Cesare Pautasso, Deploying Stateful Web Components on Multiple Devices with Liquid.js for Polymer, 19th International ACM Sigsoft Symposium on Component-Based Software Engineering (CBSE 2016), Venice, Italy, pp. 85-90, April, 2016.
- Andrea Gallidabino, and Cesare Pautasso, The Liquid.js Framework for Migrating and Cloning Stateful Web Components across Multiple Devices, Proc. of the 25th International World Wide Web conference, Montreal, Canada, ACM, pp. 183-186, April, 2016.
- Tommi Mikkonen, Kari Systa, and Cesare Pautasso, Towards Liquid Web Applications, 15th International Conference on Web Engineering (ICWE 2015), Rotterdam, NL, Springer, pp. 134-143, June, 2015.
- Daniele Bonetta, and Cesare Pautasso, Towards liquid service oriented architectures, 20th international conference companion on World wide web (WWW 2011) - PhD Symposium, Hyderabad, India, ACM, pp. 337-342, April, 2011.
- Daniele Bonetta, and Cesare Pautasso, An Architectural Style for Liquid Web Services, 9th Working IEEE/IFIP Conference on Software Architecture (WICSA 2011), Boulder, CO, USA, pp. 232-241, June, 2011.
Use a spacebar or arrow keys to navigate
