Data Calculator User Interaction

Currently I am working top-down, the middle and bottom-up on a touch-based programming language, or data calculator.

The bottom-up approach is the virtual machine, which I have been writing a bit about / been working on the last couple of days.

The middle approach is to design / look into the conceptual program representation, - a high level data flow intermediate language, that is the base of the user interaction and have an isomorphic source representation.

The top-down approach is to find a proper user interface for interaction with data and “code”.

This document is some notes about how a simple user interaction could be, connected with an imaginary intermediate representation.

Basic UI

The ui state is:

The UI consist of:

Items in expression, functions and objects are shown as 3 lines (ca 40x80) items.

The UI on a mobile phone would be like:

+-----------------------+
|                       |
|                       |
|                       |
|                       |
|          Data         | ~300
|                       |
|                       |
|                       |
+-----------------------+
|       Expression      |  40
+-----------------------+
|        Commands       |  40
+-----------+-----------+
|  ~2x80    |  ~2-3x80  |
|           |           |
| Functions |  Objects  | ~6-7x40
|           |           |
|           |           |
|           |           |
+-----------+-----------+