Patterns of Visual Programming

7/20/01


Click here to start


Table of Contents

Patterns of Visual Programming

Workshop Goals

Visual Programming

Empirical Evidence

Some Visual Programming Tools

‘Visual’ GUI building

Building the ‘Virtual Visual Machine’

Components of the ‘VVM’

Visual Programming in VisualAge

Using IBM VisualAge

What is Prograph?

Prograph Program Architecture

Architecture: Sections

Classes

Attributes

Methods

Dataflow diagrams

Using Prograph

What is a ‘visual programming pattern’?

The Deutsch Limit

A VisualAge Example

Visual Spaghetti anti-pattern in VisualAge

Visual Spaghetti in ProGraph

Pattern Solutions…?

Pattern solution - “Visual Layers”

Refactoring with Inheritance

Refactoring with Inheritance

Refactoring with Inheritance

Refactoring with Aggregation

Refactoring with Aggregation

Refactoring with Aggregation

Refactoring methods

1. Select Operations

2. Opers to local

Local: calculate service charge

service charge: 3 Locals

Some visual patterns

Some visual patterns

Extrovert Method

Extrovert Method

Extrovert Method

Process Bean Pattern

GUI Connection Pattern

GUI Connection Pattern

Tear-Off Aggregation Pattern

Diamond (anti) Pattern

Parameter Bean Pattern

Pattern Critique

What We Have Explored

Resources

 Authors: Dave Parsons and Mark Cranshaw

Email: dparsons@bea.com

Home Page: http://www.dparsons.co.uk

Download presentation source