> For the complete documentation index, see [llms.txt](https://help.codechum.com/students/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.codechum.com/students/about-activities/how-to-use-gui-based-answer-environment.md).

# How to use GUI-based answer environment

### Introduction

Students interact with CodeChum's coding environment whenever they answer programming items in activities created by their teacher. 

As a student, it would do you good if you get familiar with how CodeChum's gui-based environment works and how to use it well so you can be ultra ready for your next CodeChum activity!

### Typical GUI-based Environment Anatomy

A typical CodeChum GUI-based environment looks like this and has the following parts in it: 

<figure><img src="/files/yayieYpSyBxaAhA3wEnm" alt=""><figcaption></figcaption></figure>

1. **Item Description** - located on the leftmost side of the screen, which contains the item name and the description of the item.&#x20;
2. **File Submission Zone** - located at the center by default, where you upload your solution file for the item and it will be automatically checked by the system.&#x20;
3. **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.
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 you 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 score for the item. If your output will be the same as that of the test case, you will get a point.
6. **Bottom Navigation** - located at the bottom of the screen, it enables seamless navigation between items by simply clicking the prev and next buttons.
7. **Messenger Support** - located at the bottom left corner of the screen, this allows you to communicate with our Customer Support Team for assistance with any concerns you may have regarding our app.

### Tips

To maximize the potential of our console-based environment, here are some tips to up your coding experience:

1. Read the item description carefully, and look out for sample outputs in the description. Those will be helpful to get a visual grasp of what the item is looking for.
2. Always check what's inside the test cases so you can compare if your code's output will turn out the same as the test case's. To do this before submitting, just run your code multiple times and supply it with the same values as that of the sample output and see if the outputs are the same.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.codechum.com/students/about-activities/how-to-use-gui-based-answer-environment.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.