Graphical programming systems

Pictorial representation of a program

Linguistic categories symbolized by graphical elements

Typical form: boxes connected by wires

A representation of data input/output and processing

Quartz Composer

Provided as part of Xcode 2.2

Example of the capabilities of OS X image programming

"Testbed" for new filters

Quartz Composer editor window

Quartz Composer viewer window

Quartz Composer viewer window with toolbar

Quartz Composer viewer window in debug mode

Quartz Composer viewer window in profiling mode

Quartz Composer patches

Providers (blue) — supplies data from an outside source
Processors (green) — processes data at intervals or in response to input changes
Consumers (pink) — renders to a destination

Quartz Composer Inspector window - parameters

Quartz Composer Inspector window - settings

Quartz Composer coordinate system

By default center of coordinate system is center of viewer

Cordinates changed to range of -1.0 to 1.0 in horizontal direction

Quartz Composer patch and clip libraries

Quartz Composer patch and clip libraries - selection

Quartz Composer tutorial

How is Quartz Composer like a programming language?

How is it not?