⚙️How to use GUI-based answer environment
Introduction
Students interact with CodeChum’s coding environment whenever they answer programming items in the activities created by their teacher.
It’s helpful to encourage students to get familiar with how CodeChum’s GUI-based environment works. The more they understand how to use it effectively, the more confident and prepared they’ll be for their next CodeChum activity.
Typical GUI-based Environment Anatomy
A typical CodeChum GUI-based environment looks like this and has the following parts in it:

Item Description - located on the leftmost side of the screen, which contains the item name and the description of the item.
File Submission Zone - located at the center by default. This is where students upload their solution files. Once uploaded, the system automatically checks the file against the test cases.
Check Code- A button located at the bottom of the file submission zone. When clicked, it submits the students’ solution to the system and returns a score based on the correctness of their output.
Item Navigation - one of the cards located at the top right corner of the screen. This allows students to view and switch between all items in the activity, making it easy to navigate from one item to another.
Test Cases - one of the tabs located at the rightmost side of the screen. It lists all test cases used to evaluate the submitted solution. If a student’s output matches the expected output for a test case, they receive a point.
Bottom Navigation - located at the bottom of the screen. This provides convenient “Prev” and “Next” buttons for moving between items within the activity.
Messenger Support - located at the bottom left corner of the screen. This feature allows students (and teachers) to reach out to CodeChum’s Customer Support Team for help with any technical or platform-related concerns.
Last updated