➕How to create a Diagram item

Introduction

A Diagram item is a type of item in which your students create diagrams directly within CodeChum using an intuitive drag-and-drop interface. Once submitted, these diagrams can be automatically checked based on the criteria you set.

CodeChum also provides a library of ready-made diagram items that you can freely use. But if you’d like to tailor diagrams specifically for your lessons or assessments, you can easily create your own diagram items to include in any activity within CodeChum.

Steps

To create a diagram item in CodeChum, follow these steps:

1. Click on Item Bank. This will redirect you to a screen listing all items you have created within CodeChum.

   
2. Look for the Create Item button and click it. This will open a big popup window to create your very own item.

   
3. Select Diagram as the item type.

   
4. Provide an item name and a description on what the item is all about. Be as detailed as possible. Also, select the diagram type you want to create. Currently, the supported diagrams are:

   • Flowchart

   • Class Diagram

   • Use Case Diagram

   • Sequence Diagram

   • Activity Diagram

   • Entity Relationship Diagram

   • Entity Relationship Map

   
5. Provide a solution for for this item. This will be used to check if the given solution will be the same as the students' outputs and will give a score if they are the same. There are two ways to do this:

   

   • Auto-generate solution diagram with AI - CodeChum will automatically generate a solution based on your item description in step 2. This will be used to produce the correct diagram solution.

     

     
   • I will provide my own solution - You will manually provide a solution diagram for this item. Tip: If you already have an existing diagram saved as a draw.io file, take advantage of our optional step by simply clicking the ‘Upload draw.io file' button. This feature allows you to quickly upload your diagram and auto-fill the necessary components. However, if you don't have one, just skip the optional steps and proceed to the next step, where you create the solution diagram in the editor.

     

     

     
6. Once done, click Create Item. It should show a popup window informing that you have successfully created your own item!

   

And that's how to make Diagram items in CodeChum!