■ A component architecture for HTML5
□ Structured scene graph in JavaScript
□ Integrates HTML, SVG, and Canvas graphics
■ Runs in any browser
□ No download, no installation
□ "Simply" a web page
■ Composition environment
□ A GUI builder and its own IDE
■ Stores its apps as web pages (WebDAV)
□ Even new versions of itself!
3
Technology
Infrastructure
Practice
The Lively Kernel - composition
■ Shapes → live graphics
■ Graphics → live widgets
text
3
Technology
Infrastructure
Practice
The Lively Kernel - IDE
■ Widgets → live apps
■ Apps → live programming
12
1
2
3
4
5
6
7
8
9
10
11
New World
New World
3 + 4
3 + 4
0.39
0.2
New World
ObjectEditor
X
M
–
Scripts
Connections
+
+
-
-
// changed at Tue Jun 28 2011 22:23:04 GMT-0700 (PDT) by Hank this.addScript(function setHands() {var timeNow = newDate();
var offset = -1 * Number(this.timeZoneOffset);
offset += (this.nHours == 12) ? 3 : 6; // compensate for angle of 12var second = timeNow.getUTCSeconds();
var minute = timeNow.getUTCMinutes() + second/60;
var hour = timeNow.getUTCHours() + offset + minute/60;
this.hours.setRotation(this.angleForHour(hour));
this.minutes.setRotation(minute/60*2*Math.PI);
this.seconds.setRotation(second/60*-2*Math.PI);
});
Clock
3
Technology
Infrastructure
Practice
The Live Web
■ Want to serve web developers and even end-users
□ A JavaScript IDE is not the answer
■ The Kit approach (mini ecosystem)
□ Components, connection, encapsulation
■ Parts Bins - Cloud-based repositories of active content
□ Objects, properties, behaviors, apps, services
■ Live Connect
□ Dataflow binding of active components
■ Publishing
□ Built components can be stored as new parts
□ Instant sharing
3
Technology
Infrastructure
Practice
Cloud Orchestration at SAP
■ Our first goal: SIMPLICITY
□ Next to that, GENERALITY
■ Vocabularies for the enterprise
□ Database access
□ Visualization
□ Administrative access
□ Services (maps, translation, semantics...)
■ Collaborations
□ Phoenix (composition, RAD)
□ AIS (visualizations, RAD)
□ Big Iron (real-time monitoring, RAD)
3
Technology
Infrastructure
Practice
Cloud Orchestration at SAP
■ Parts Bin now includes published parts
□ Here we hooked up a slider to scale
move
remove
load
Slider
The connection point "value" can be used to read/write the slider knob position.
