Compare and Contrast: Visual Exploration of Source Code Examples VISSOFT'09

19
Compare and Contrast: Visual Exploration of Source Code Examples Rylan Cottrell , BrinaGoyette, Reid Holmes, Robert J. Walker, JörgDenzinger

Transcript of Compare and Contrast: Visual Exploration of Source Code Examples VISSOFT'09

Page 1: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Compare and Contrast:

Visual Exploration of

Source Code Examples

Rylan Cottrell, BrinaGoyette, Reid Holmes,

Robert J. Walker, JörgDenzinger

Page 2: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Motivation

Page 3: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Wouldn’t it be nice if…

Page 4: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Wouldn’t it be nice if…

Page 5: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

What we want

• Locality

– During exploration, developer knows where they are.

• Structure

– Structural information is visible.

• Distinction

– Identify commonalities and differences between the source code examples.

Page 6: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Introducing Guido

Page 7: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Hierarchy View

Page 8: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Source View

Page 9: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Tag Cloud

Page 10: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Using Guido

Page 11: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Exploring levels of generalization

Page 12: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Exploring levels of generalization

Page 13: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Understanding commonalities

Page 14: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

How is void being used?

Page 15: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

How is the type String being use?

Page 16: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

Understanding differences

Page 17: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

What are the differences in the return type?

Page 18: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

What are the differences parameter types?

Page 19: Compare and Contrast: Visual Exploration of Source Code Examples  VISSOFT'09

• Prototype tool

• Commonalties & Differences:– Locality.

– Structure.

– Distinction.

Summary