Custom Question Type - Diagram Creator

2 min read 1 year ago
Published on Apr 23, 2024 This response is partially generated with the help of AI. It may contain inaccuracies.

Table of Contents

Tutorial: Creating Diagrams with Diagram Creator Custom Question Type

Step 1: Accessing Diagram Creator

  1. Watch the video titled "Custom Question Type - Diagram Creator" from the Surpass Platform channel on YouTube to understand the process visually.

Step 2: Configuring Diagram Creator

  1. Enter your question text related to the diagram you want candidates to create.
  2. Click on the "Configure" option to prepare the diagram canvas for delivery.
  3. Use the toolbar to access tools for editing and navigating the canvas.

Step 3: Drawing on the Canvas

  1. Select the "Hand Tool" to navigate and select items on the canvas.
  2. Use the "Pencil Tool" to draw freehand on the canvas. Adjust the pencil properties like width, height, color, and line style in the properties tab.
  3. Use the "Line Tool" to draw straight lines. Modify line properties such as color and thickness.
  4. Insert text boxes using the "Text Tool." Customize text properties like font size, style, alignment, color, and opacity.
  5. Drag and drop shapes from the "Shapes Tool" onto the canvas. Adjust fill color, opacity, border color, thickness, and border patterning in the properties tab.

Step 4: Creating Flowcharts

  1. Use the "Flowchart Tool" to add symbols and connect them with lines.
  2. Double-click on symbols to edit the text within them.

Step 5: Additional Tools and Settings

  1. Utilize the zoom in and zoom out tools to adjust the canvas view.
  2. Use the undo and redo options to cancel or reapply changes.
  3. Delete unwanted elements using the delete tool.
  4. Toggle grid lines on or off with the grid and plane toggle.
  5. Configure tools in the settings tab for candidate use, such as snap to grid and grid display options.

Step 6: Inserting Background Images

  1. Upload an image as a background on the canvas using the "Upload" option.
  2. Remove the background image with the "Delete" option.
  3. Reset the diagram to its original state with the "Reset Diagram" button.
  4. Save and close the diagram by selecting "Exit."

Step 7: Delivery

  1. Candidates will be presented with the canvas and enabled tools for creating their diagrams.

By following these steps, you can effectively configure and use the Diagram Creator custom question type to create diagrams, flowcharts, and freehand drawings for assessments.