Your SlideShare is downloading. ×
0
Painting objects with Mondrian
Michael Meyer and Tudor Gîrba
Software Composition Group
University of Berne
Switzerland
Se...
Mondrian is about visualization
Mondrian is also about interaction
please ask questions
Why visualization?
“One picture is worth a thousand words”
some took it literally :)
70% of our sensors are dedicated to vision
Do you see?
Picture it!
Let’s see
I see
How many groups do you see?
How many groups do you see?
How many groups do you see?
How many groups do you see?
70% of our sensors are dedicated to vision
Do you see?
Picture it!
Let’s see
I see
“One picture is worth a thousand words”
Example: What is ?
What we have: Graphviz is a visualization engine
digraph classGraph {
A [ shape=polygon, width = 6 ... ]
B [ shape=polygon...
What we would like
Scripting
Instance based
Any data model
Close to data
Interaction
What we would like
Scripting
Instance based
Any data model
Close to data
Interaction
Mondrian
Mondrian metaphor: painting a view
Mondrian metaphor: painting a view
Mondrian metaphor: painting a view
Composition with Red,Yellow and Blue
Piet Mondrian (1921)
The simplest Mondrian script is an empty view
view :=ViewRenderer new.
view open.
The view consists of nodes and edges arranged
according to a layout
view :=ViewRenderer new.
view nodes: classes.
view edg...
Visual representation is given by the shape
view :=ViewRenderer new.
view borderedRectangleShape height: [:each | each num...
Blocks can be replaced by symbols
view :=ViewRenderer new.
view borderedRectangleShape height: #numberOfMethods.
view node...
Nesting is done through blocks
view :=ViewRenderer new.
view borderedRectangleShape.
view nodes: classes forEach: [:each |...
What about interaction?
Interaction is scriptable, too
view :=ViewRenderer new.
view2 :=ViewRenderer new.
view interaction onSelect: [:each | each...
Mondrian
Close to data
Any data model
Scripting
Interaction
Least object creation
Instance based
Soon in the Cincom Store ...
Painting objects with Mondrian
Painting objects with Mondrian
Painting objects with Mondrian
Painting objects with Mondrian
Painting objects with Mondrian
Painting objects with Mondrian
Upcoming SlideShare
Loading in...5
×

Painting objects with Mondrian

601

Published on

Painting objects with Mondrian. Michael Meyer and Tudor Gîrba. ESUG 2006, Prague

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
601
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Painting objects with Mondrian"

  1. 1. Painting objects with Mondrian Michael Meyer and Tudor Gîrba Software Composition Group University of Berne Switzerland September 6, 2006
  2. 2. Mondrian is about visualization
  3. 3. Mondrian is also about interaction
  4. 4. please ask questions
  5. 5. Why visualization?
  6. 6. “One picture is worth a thousand words”
  7. 7. some took it literally :)
  8. 8. 70% of our sensors are dedicated to vision Do you see? Picture it! Let’s see I see
  9. 9. How many groups do you see?
  10. 10. How many groups do you see?
  11. 11. How many groups do you see?
  12. 12. How many groups do you see?
  13. 13. 70% of our sensors are dedicated to vision Do you see? Picture it! Let’s see I see
  14. 14. “One picture is worth a thousand words”
  15. 15. Example: What is ?
  16. 16. What we have: Graphviz is a visualization engine digraph classGraph { A [ shape=polygon, width = 6 ... ] B [ shape=polygon, width = 5 ... ] ... A -> B C -> D ... }
  17. 17. What we would like Scripting Instance based Any data model Close to data Interaction
  18. 18. What we would like Scripting Instance based Any data model Close to data Interaction
  19. 19. Mondrian
  20. 20. Mondrian metaphor: painting a view
  21. 21. Mondrian metaphor: painting a view
  22. 22. Mondrian metaphor: painting a view Composition with Red,Yellow and Blue Piet Mondrian (1921)
  23. 23. The simplest Mondrian script is an empty view view :=ViewRenderer new. view open.
  24. 24. The view consists of nodes and edges arranged according to a layout view :=ViewRenderer new. view nodes: classes. view edges: classes from: [:each | each superclass] to: [:each | each]. view treeLayout. view open.
  25. 25. Visual representation is given by the shape view :=ViewRenderer new. view borderedRectangleShape height: [:each | each numberOfMethods]. view nodes: classes. view edges: classes from: [:each | each superclass] to: [:each | each]. view treeLayout. view open.
  26. 26. Blocks can be replaced by symbols view :=ViewRenderer new. view borderedRectangleShape height: #numberOfMethods. view nodes: classes. view edgesFrom: #superclass. view treeLayout. view open.
  27. 27. Nesting is done through blocks view :=ViewRenderer new. view borderedRectangleShape. view nodes: classes forEach: [:each | view nodes: each methods. view gridLayout]. view edgesFrom: #superclass. view treeLayout. view open.
  28. 28. What about interaction?
  29. 29. Interaction is scriptable, too view :=ViewRenderer new. view2 :=ViewRenderer new. view interaction onSelect: [:each | each viewOn: view2]. view interaction popupView: [:each :aView | each viewOn: aView]. view nodes: ... ... view open. view2 open.
  30. 30. Mondrian Close to data Any data model Scripting Interaction Least object creation Instance based Soon in the Cincom Store ... September 6, 2006
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×