Editor 1 Enter Goals And Arrange Hierarchy - MotivationalModelling/mm-local-editor GitHub Wiki

This page is to enter goals, classify them by type, and arrange them into a hierarchy as the basis of your motivational model.

editor page 1

Header

There is a header included 4 buttons on top of each page, where the user could click to do a specific task.

header

Buttons in the Header:

  • reset button – resets the model to either the default model or an empty model.
  • export button – Allows you to export the graph in PNG or SVG format. Only available in Editor 2 - Arrange Hierarchy / Render Model page.
  • save button – Allows you to save the model in JSON format for future use or collaboration.
  • home button – Navigates back to Home Page.

Navigation Bar

Below the header, there is a navigation bar with two buttons that take the user to the corresponding subpages. Note that if a button is blue, it indicates the current page.

header

Main elements in the Navigation Bar:

Noted that the model is only created after the first time you click this button and only the goals in the hierarchy view will be included (goals in the goal list won’t be included).

Goal List Panel (Left)

In the goal list panel, there are five categories into which items can be entered: do, be, feel, concern, and who. Do, be, feel are goals, who is a stakeholder, and concern is effectively an `anti-goal,' which correspond to the elements of the do–be–feel framework.

Entering items into these lists is straightforward. Goals can be dragged from the goal list on the left and dropped into the hierarchy panel to include them in the model and manage the hierarchy. goal list

Main elements in the Navigation Bar:

  • add goal button – Adds a new goal to the goal list.
  • delete goal button – Deletes an existing goal in the goal list.
  • add group button – Allows you to add a group of selected goals to the hierarchy view.
  • delete selected button – Allows you to delete a group of selected goals from the goal list.

Hierarchy Panel (Right)

Goals from the goal list can be transferred into the hierarchy view to support the organisation of hierarchical relationships. Within this view, the relative positions of goals inside a cluster can be adjusted to refine the hierarchical structure. For instance, repositioning a goal horizontally within a cluster enables the construction or modification of parent–child relationships.

To incorporate goals into the hierarchy view, you may drag a goal from the goal list and drop it into a cluster. Alternatively, one or more goals can be selected, and the Add Group function can be used to add them simultaneously.

To organise the graph hierarchy, you can drag the goals to different positions. Adjust their positions within a cluster (left or right) to refine the hierarchical structure. Drag left to deepen the hierarchy and right to bring it up a level. You can also hide/expand the sub-goals by clicking on the –/+ sign.

hierarchy panel