Software Visualization (EVO 2008)
Upcoming SlideShare
Loading in...5
×
 

Software Visualization (EVO 2008)

on

  • 1,671 views

I used this set of slides as support for the Software Visualization lecture I gave at the University of Berne on 23 Oct 2008.

I used this set of slides as support for the Software Visualization lecture I gave at the University of Berne on 23 Oct 2008.

Statistics

Views

Total Views
1,671
Slideshare-icon Views on SlideShare
1,619
Embed Views
52

Actions

Likes
2
Downloads
62
Comments
0

3 Embeds 52

http://scglectures.unibe.ch 42
http://www.tudorgirba.com 8
http://www.slideshare.net 2

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Software Visualization (EVO 2008) Software Visualization (EVO 2008) Presentation Transcript

    • Software visualization Tudor Gîrba www.tudorgirba.com
    • Software Visualization is the use of typography, graphic design, animation, and cinematography with human-computer interaction and computer graphics to facilitate both the human understanding and effective use of software. 3 Price etal. 199
    • Why visualization?
    • A picture is worth a thousand words. Ano nymous
    • 1854, London, cholera epidemic
    • 1854, London, cholera epidemic
    • 1946
    • A picture is worth a thousand words. Ano nymous
    • We are vis ual beings
    • How many groups do you see?
    • How many groups do you see?
    • How many groups do you see?
    • How many groups do you see?
    • lt prin ciples Gesta proximity similarity enclosure connectivity
    • lt principles More Gesta closure continuity
    • Iconic memory < 1 second very fast automatic subconscious preattentive
    • Iconic Short-term memory memory < 1 second couple of seconds very fast 3-9 chunks automatic subconscious preattentive
    • Orientation Line Length Line Width Size Shape Curvature Added Marks Enclosure
    • Line Length Line Width Size Shape Curvature Added Marks Enclosure
    • Line Width Size Shape Curvature Added Marks Enclosure
    • Size Shape Curvature Added Marks Enclosure
    • Shape Curvature Added Marks Enclosure
    • Curvature Added Marks Enclosure
    • Added Marks Enclosure
    • Enclosure
    • How many times does 5 appear? 8789364082376403128764532984732984732094873290845 389274-0329874-32874-23198475098340983409832409832 049823-0984903281453209481-0839393947896587436598
    • How many times does 5 appear? 8789364082376403128764532984732984732094873290845 389274-0329874-32874-23198475098340983409832409832 049823-0984903281453209481-0839393947896587436598
    • ternal input 7 0% o f all ex ough t he eye com es thr
    • A picture is worth a thousand words. Ano nymous
    • it lite rally :) UM L took
    • Example: what is ?
    • What to visualize? How to visualize?
    • What to visualize?
    • What to visualize? Software structure
    • System Complexity shows class hierarchies Ducas se 2003 Lanza,
    • Polymetric views show up to 5 metrics Width metric Height metric Position metrics Color metric Lan za 2003
    • 003 , Du casse 2 Lanza
    • Distribution Map shows properties over structure 6 casse etal 200 Du
    • Package Map shows who owns what classes 7 Gre evy 200
    • 992 Shneid erman 1
    • What to visualize? Software structure Software relationships
    • Class Blueprint shows class internals Initialize Interface Internal Accessor Attribute invocation and access direction se, Lan za 2005 Ducas
    • Class Blueprint has a rich vocabulary internal access Access external Attribute access Invocation Regular Constant invocations Overriding Delegating lines Method Extending Setter Abstract Getter se, Lan za 2005 Ducas
    • se, Lan za 2005 Ducas
    • 06 Holten 20
    • Hierarchical edge bundles clarify dependencies 6 Hol ten 200
    • 08 Holten 20
    • Correlation Matrix reveals correlations user, run, load, message, file, buffer, util property, AWT, edit, show, update, sp, set start, buffer, end, text, length, line, count action, box, component, event, button, layout, GUI start, length, integer, end, number, pre, count XML, dispatch, microstar, reader, XE, register, receive current, buffer, idx, review, archive, endr, TAR BSH, simple, invocation, assign, untype, general, arbitrary maximum, label, link, item, code, put, vector Kuhn e tal 2006
    • Arc diagrams show duplications 00 2 Watte nberg 2
    • What to visualize? Software structure Software relationships Metaphors
    • Software Map reveals software geography 8 Kuhn etal 200
    • CodeCity reveals where software lives 7 We ttel 200
    • 0 8 Wettel 20
    • What to visualize? Software structure Software relationships Metaphors Interaction
    • Softwarenaut discovers architecture tal 2006 Lungu e
    • What to visualize? How to visualize?
    • nderst anding t guara ntee u ation does no V isualiz
    • Minimize non-data ink Tuf te, 1990
    • Excel 2004 default
    • Excel 2004 default Excel 2004 default + 6 actions
    • 6 casse etal 200 Du
    • Maximize data ink Tuf te, 1990
    • InfoBug is cute and condensed 00 6 Chuah , Eick, 2
    • s a la ngu age provide visual ization Each learnt s to be th at need
    • System Complexity 1 node type 1 edge type 3 metrics Class Blueprint 3 node types 2 edge types 3 metrics 8 properties
    • A small experiment
    • 1, 13, 27, 4, 96
    • What were the numbers?
    • Easy!
    • What’s the last advertisement you saw?
    • Not so easy!
    • s a la ngu age provide visual ization Each learnt s to be th at need
    • tion is a rt, too V isualiza
    • Tudor Gîrba www.tudorgirba.com creativecommons.org/licenses/by/3.0/