ASSET LOGO

ASSET Tutorial

This document highlights the main activities covered by ASSET
  1. Renaming your sketch title
  2. Describe your sketch
  3. Adding an element to your sketch
  4. Describing an element in your sketch
  5. Deleting an element in your sketch
  6. Connecting two elements in your sketch using an arrow
  7. Describing a connection/arrow
  8. Describing which tools were used in a task
  9. Delete one tool under a task
  10. Delete all tools under a task
  11. Exporting your sketch
  12. Importing a sketch

Renaming your sketch title

In order to rename your current sketch, you have to hover your mouse over the title and click:

Hovering over title

The title will become editable and will be saved with the new text entered.

Describe your sketch

Hover your mouse over the pencil icon and a table will appear on the left of the screen. Any of the properties of the table can be edited or deleted. By clicking on "Add property", a new row will be added in the table.

Describing a sketch

Adding an element to your sketch

On loading the ASSET sketching interface, at the bottom of the screen, a list of common tools (corresponding to the "Common Tasks" button) will be loaded in the tools panel adjacent to the 3 buttons. Clicking on the other buttons will load their respective tools in the tools panel.
Hovering over an item in the tools panel will show the item's name.

Hovering over element

Now just click the desired element and drag it to the canvas:

Click and drag an element

Describing an element in your sketch

Click on the desired element and a table will appear on the left of the screen. Any of the properties of the table can be edited or deleted. By clicking on "Add property", a new row will be added in the table. The "Name" property will be displayed on the sketch.

Selecting an element

Deleting an element in your sketch

Select an element (an arrow or a task in the canvas) and press the "delete" key on your keyboard.

Connecting two elements in your sketch using an arrow

First, add the two elements you which to connect in your canvas. Double click on one of the elements to turn it red.

Double click an element

Then click on the target element and an arrow will be drawn:

Connecting two elements

Describing a connection/arrow

Click on the desired arrow, the arrow will turn red and a table will appear on the left of the screen. You can name and describe the connection/arrow. The "Name" property will be displayed on the sketch.

Describing an Arrow

Deleting an element in your sketch

Select an element (an arrow or a task in the canvas) and press the "delete" key on your keyboard.

Describing which tools were used in a task

To show what tools you used in a certain task of your sketch, first create a sketch and add a task.

Add a task'

Next, drag your desired tool from the bottom to the target element in your sketch and drop it. The selected tool will be shown under the element and will expand when the element is hovered over. In the description table, "tools used" will be automatically updated.

Add a tool to a task

Delete one tool under a task

Click on the "Choose a Tool" dropdown menu and select the tool that you want to delete.

Tool dropdown

Next, you will see a new table populated for the specific tool that you just selected, in this example: Pytorch. Click on the delete button under the table to remove Pytorch from this task.

Delete a tool'

Click on the task will show that the task description no longer has Pytorch under the "Tools used" row and the Pytorch icon is also removed from the canvas. Deleting a tool will not delete any description associated with the task.

A tool is deleted

Delete all tools under a task

Click on the x icon in the "Tools used" row to delete all tools under a task.

Delete all tools'

The tools used row will be removed and all of the task icons would be removed from the canvas. If you want to add more tool(s), follow the instructions in "Describing which tools were used in a step", and a new "Tools used" row will be populated.

All tools are deleted

Exporting your sketch

Click on the "Export Sketch" link on the lower part of the screen.

Importing a sketch

Click on the "Import Sketch" link on the lower part of the screen and choose a previously exported sketch from your file system.

Import Sketch;