Frameworks Prototype

Contents

Instructions

You are the Thinker who would become Modeller. You will be constructing a ‘simple graphical model of your Thinking and/or Understanding’.

‘Frameworks’ modelling is rule-based.

In this Current Prototype Tool Version 3.0 - upon engaging with the tool, you are presented with the first two nodes of the Core Spinal Model in the Thinking & Modelling Space.

These are:

The Focus and the Context must be named before you are able to continue elaborating the model by adding any additional nodes.

Once the Focus and Context have been named, new nodes can be added by either clicking on the workspace or selecting the elaborate button. New nodes will become children of whichever node is selected as active (indicated by the red circle).

Nodes can be selected as active by clicking on the circle. Clicking on the Text Label will follow the Link HREF of the Node.

When a node is active, clicking on it again will open the dialog to allow you to edit the node.

Nodes can also be moved by clicking and dragging on the circle.

The elaboration allowed is determined by the user level assigned to the model as below. The user level can be changed by clicking on the New Model Button and changing the user level.

User Levels

User Level Maximum Levels Maximum Children/Level Total Nodes
Novice 3 3 14
Intermediate 4 5 157
Advanced 5 7 2802

Model Management

There are menu buttons to allow:

Zooming and Panning

There are zooming and panning controls for moving around larger models. These buttons are located under the model construction and management buttons.

Button Action
+ Zoom in
= Reset Zoom
- Zoom Out
Pan Up
Pan Down
Pan Left
Pan Right
0 Reset Pan to 0,0
F Reset Pan to Focus
A Reset Pan to Active

Object Model

The ‘Frameworks’ Tool: “The Intelligent Frame” is object-oriented consisting of:

Frame

The Frame object manages the rendering and interactivity of the model within the SVG image on the HTML page. The frame is responsible for enforcing the constraints of the metamodel within the scope of the users'* expertise level. This includes:

Note: * - ”The “User” in ‘Frameworks’ is the “Thinker Modeller”

Methods are included for:

Node

The Node object contains the information related to each node in the model including:

The Node also contains methods to allow the node to be rendered and interacted with via the SVG representation within the frame. These methods include:

Nodes can also be protected by the metamodel to prevent certain nodes from being deleted or moved (e.g. Focus and Context Nodes).

The line object provides methods for drawing and manipulating the lines connecting nodes in the SVG image within the frame. These include

Phase 3 (and beyond) Feature Suggestions

  1. Development of “Stuff Box”
    1. What type of objects are stored in the stuff box
      1. Are they simply named links to web resources
      2. Is there an expectation that large objects such as files can be stored here?
      3. If 2 then consider leveraging on other object storage and just keeping named links as in 1.
    2. How do objects in the stuff box relate to nodes in the model?
      1. Should you be able to drag them from the stuff box where they become child nodes of the active node with the name and link populated?
      2. Once something has been moved to the model should it be removed from the stuff box?
    3. What should the stuff box look like when you open it?
      1. Is it a list of things?
      2. Is it a grid of nodes to be drag and dropped?
    4. How do you add things to the stuff box?
  2. Development of Back End API
    1. Current model persistence is using Local Browser storage which can’t be shared or collaborated with (switching browsers or computers loses access to shared models).
    2. Enhancement to use a web-based API that would allow sharing and collaboration securely is required.
    3. Pass through of AAD integrated authentication is required to ensure security of models.
    4. How should collaboration work?
      1. Multiple editors allowed on each model?
      2. Only read only access to others models allowed?
      3. Ability to duplicate models or save a copy of your own?
      4. Merging changes from another person's copy of a model in to your version?
  3. User Interface Improvements
    1. Dynamic Scaling to different screen sizes
    2. Inclusion of stuff box and thicker borders in frames
    3. Addition of touch friendly gestures for zoom/pan etc