towards liquid web applications -...

1
Design Liquid Web Applications JSON Description - Components - Variables WebComponents - HTML - CSS - Javascript (+ liquid.js library) - Create UI components - Migrate UI components - Clone UI components - Close UI components Liquid Components - Automatic data synchronisation - Direct communication among paired components - Dynamic deployment on heterogeneous devices Liquid Storage - Global variables - Local variables - Paired variables Towards Liquid Web Applications Andrea Gallidabino [email protected] @agallidabino Cesare Pautasso [email protected] @pautasso http://design.inf.usi.ch/ Liquid User Experience

Upload: others

Post on 30-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Towards Liquid Web Applications - design.inf.unisi.chdesign.inf.unisi.ch/sites/...liquid-web-app-poster.pdf · Design Liquid Web Applications JSON Description - Components - Variables

Design Liquid Web Applications

JSON Description - Components - Variables

WebComponents - HTML - CSS - Javascript (+ liquid.js library)

- Create UI components- Migrate UI components- Clone UI components- Close UI components

Liquid Components

- Automatic data synchronisation- Direct communication among paired components- Dynamic deployment on heterogeneous devices

Liquid Storage

- Global variables - Local variables

- Paired variables

Towards LiquidWeb Applications

Andrea [email protected]@agallidabino

Cesare [email protected]@pautasso

http://design.inf.usi.ch/

Liquid User Experience