Electrical Engineering
      and Computer Sciences

Electrical Engineering and Computer Sciences

COLLEGE OF ENGINEERING

UC Berkeley

Parallel Web Scripting with Reactive Constraints

Thibaud Hottelier, James Ide, Doug Kimelman and Ras Bodik

EECS Department
University of California, Berkeley
Technical Report No. UCB/EECS-2010-16
February 14, 2010

http://www.eecs.berkeley.edu/Pubs/TechRpts/2010/EECS-2010-16.pdf

We describe a preliminary design of a webpage layout and scripting language based on constraints and reactivity. The language is intended to play the role of CSS (layout) and AJAX (reactivity) in today's browsers, which together account for more than half of the CPU cycles, a performance bottleneck on smart phones. The rationale is to (1) integrate layout and reactivity in one language, thus eliminating the overhead of the frequent context switch between JavaScript and the layout engine; (2) allow web designers define custom layout semantics, freeing them from the inflexible CSS and allowing them to write layouts that adapt to a range of screen sizes; (3) parallelize layouts with the help of hierarchically expressed constraints; and (4) parallelize handling of multiple events by detecting that events have independent effects on the constraint system. We describe our semantics for combining events and constraint solving and illustrate, on a small case study, how we deal with under-constrained and over-constrained programs.


BibTeX citation:

@techreport{Hottelier:EECS-2010-16,
    Author = {Hottelier, Thibaud and Ide, James and Kimelman, Doug and Bodik, Ras},
    Title = {Parallel Web Scripting with Reactive Constraints},
    Institution = {EECS Department, University of California, Berkeley},
    Year = {2010},
    Month = {Feb},
    URL = {http://www.eecs.berkeley.edu/Pubs/TechRpts/2010/EECS-2010-16.html},
    Number = {UCB/EECS-2010-16},
    Abstract = {We describe a preliminary design of a webpage layout and scripting language based on constraints and reactivity.  The language is intended to play the role of CSS (layout) and AJAX (reactivity) in today's browsers, which together account for more than half of the CPU cycles, a performance bottleneck on smart phones. The rationale is to (1) integrate layout and reactivity in one language, thus eliminating the overhead of the frequent context switch between JavaScript and the layout engine; (2) allow web designers define custom layout semantics, freeing them from the inflexible CSS and allowing them to write layouts that adapt to a range of screen sizes; (3) parallelize layouts with the help of hierarchically expressed constraints; and (4) parallelize handling of multiple events by detecting that events have independent effects on the constraint system.  We describe our semantics for combining events and constraint solving and illustrate, on a small case study, how we deal with under-constrained and over-constrained programs.}
}

EndNote citation:

%0 Report
%A Hottelier, Thibaud
%A Ide, James
%A Kimelman, Doug
%A Bodik, Ras
%T Parallel Web Scripting with Reactive Constraints
%I EECS Department, University of California, Berkeley
%D 2010
%8 February 14
%@ UCB/EECS-2010-16
%U http://www.eecs.berkeley.edu/Pubs/TechRpts/2010/EECS-2010-16.html
%F Hottelier:EECS-2010-16