Top Banner
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
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

May 30, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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