⚙️How to use diagram answer environment

Introduction

Students interact with CodeChum’s diagram answer environment whenever they answer diagram-type items in activities created by their teacher.

As a student, it’s best to get familiar with how CodeChum’s diagram editor works and how to use it effectively so you can be extra prepared for your next CodeChum activity!

Diagram Answer Environment Anatomy

CodeChum's diagram answer environment looks like this and has the following parts in it:

1. Item Description - located on the leftmost side of the screen, which contains the item name and the description of the item.

2. Diagram Editor Tab - located at the center and intentionally set as the default tab, where your students create their solution diagram for the item.

3. Check Diagram - one of the buttons located at the bottom right portion of the diagram editor. When clicked, submits your students' diagram to the system and provides them with their score for the item.

4. Item Navigation - one of the cards located at the top right corner of the screen, which shows a list of all the items in the activity, providing your students with seamless navigation from one item to another.

5. Test Cases - one of the tabs located at the rightmost side of the screen, which shows a list of all test cases containing sample outputs that determine your students' score for the item. If their output matches the test cases, you will receive a point.

6. Bottom Navigation - located at the bottom of the screen, which allows your students to seamlessly navigate from one item to another.

7. Messenger Support - located at the bottom left corner of the screen, this allows your students to communicate with our Customer Support Team for assistance with any concerns they may have regarding our app.

Tips

To maximize your experience with our diagram answer environment, here are some helpful tips to level up your work:

1. Read the item description carefully. Pay close attention to the problem’s requirements. Look for any specific components, relationships, or labels that your diagram needs to include.

2. Refer to any provided examples or figures. If the question includes sample diagrams, use them as a guide to understand what is expected in terms of structure and presentation.

3. Use the correct symbols and connections. Whether it’s flowcharts, ER diagrams, or UML, make sure you’re using the appropriate shapes and lines to represent the right elements.

4. Label clearly and completely. Proper labels help avoid misunderstandings. Double-check that all your entities, attributes, or steps are named according to the question’s instructions.

5. Review your diagram before submitting. Take a final look to see if you missed anything — like relationships, arrow directions, or required details.