Computing for Humans

Capabilities of humans

interactive

visual

symbolic

Capabilities of the dynamic medium

reactive

can show multiple representations

connected

Principles

persistent

version-controlled

shared

access-controlled

extensible

arbitrary relationships

Key concepts

Content

a piece of information

Property

relationship

Built-in properties

object's

type: Type

name: String

type's

containment: Truth

main representation: Property

Data source

API

<subject: Data>'s <property: Property>: Data

whose <property: Property> <condition: Condition>: Set of Data

Condition

one of

Negated Condition

negated condition: Condition

Equals

object: Value

In

objects: set of Value

Numeric

<

<=

>

>=

String

starts with

ends with

contains

matches

Activity

special content that stores state of manipulating content

Generic data browser

Representations

special derived property

Principles

direct manipulation

continuously display the output and operate on it

visualize structure clearly

concreteness

default values of types

create by example, then abstract

operations

bind property to another property

existing

new

bind property to data set (map)

existing

new

= name object

make conditional based on another property

split data set

Derived property

Language

refer property

map

aggregate

built-in: count, sum, average etc.

custom: reduce

recursive reference

example: linear layout

element's left = if is first then 0 else previous element's right
element's is first = previous element is null
element's previous element = element whose index is the element's index - 1

union

filter

sort

create record

header: type

subcolumns: fields

conditional (switch)

header: column reference

subcolumns: cases

Jonathan Edwards

Chorus

Demo

Transcript

Two-way Dataflow

Direct Programming

Reifying Programming

Schematic Tables

Spreadsheet interface

Coda

SIEUFERD - Direct Manipulation of Queries

Reltron

Gneiss

Object Spreadsheets

Espalier

ZenSheet

Bret Victor

Drawing Dynamic Visualizations

Reform

Playfair

Mikaël Mayer

MikoWord

Sketch-n-Sketch

Chris Granger

Eve

Luna

Apparatus

Visualization

Polestar

Lyra

Designing a Flexible and Supportive Direct-Manipulation Programming Environment

Natural Programming

HARC

lively.next

Flex Group

p5.js-editor