Lively Web Presentation
⟳
Ellipse
Image
Line
LineWithArrow
LineWithArrows
List
Marker
text
PrimitiveShapes
Rectangle
Star
some text
Text
Triangle
-
+

search
more
PartsBinBrowser
X
M
–
Color.SAPOrange = Color.rgb(240, 171, 0) // bars, bullet points Color.SAPGray = Color.rgb(102,102,102) // header
Workspace
X
M
–
disable grabbing
TitleSlideCloudOrchestration
CloudOrchestration1
CloudOrchestration2
CloudOrchestration3
CloudOrchestration4
CloudOrchestration6
CloudOrchestration5
↑
↓
slides
create new
add existing
remove
collect all
print
remove all
presentation
start
overlay
edit
PresentationController
X
–
Menu
The Lively Web
Dan Ingalls / SAP Research
Drag 'n Drop in the Cloud
The Lively Web
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!
The Lively Web - composition
Shapes → live graphics Graphics → live widgets
text
The Lively Web - IDE
Widgets → live apps Apps → live programming
12
1
2
3
4
5
6
7
8
9
10
11
The Lively 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
Cloud Orchestration
Cloud Orchestration at SAP
Vocabularies for the enterprise     Database access     Visualization     Services (maps, translation, semantics...) Collaborations     Phoenix (composition, RAD)     AIS (visualizations, RAD)     Big Iron (real-time monitoring, RAD) Check us out www.Lively-Web.org // Dan.Ingalls@SAP.com Credits Robert Krahn Jens Lincke Marko Roeder