CodeChum for Students
For TeachersFor Students
  • 🤷What is CodeChum?
  • ❓FAQs
  • Getting Started
    • 1️⃣Sign up as Student
    • 2️⃣Join a class
    • 3️⃣Answer activities
    • ➡️Next steps
  • About Classes
    • 📔How to view lessons
  • About Activities
    • ⚙️How to use console-based answer environment
    • ⚙️How to use GUI-based answer environment
    • ⚙️How to use questionnaire answer environment
    • ⚙️How to use web-based answer environment
    • ⚙️How to use MySQL database answer environment
  • Advanced Guide
    • ⛳How to use the Playground
    • 👩‍💻How to use the Study Area
    • 📜How to view certificates
    • 🏫How to use CodeChum with LMS
      • 👋Sign up using LMS
      • 🧑‍🏫Join an LMS-linked class
        • a. Connect to LMS
        • b. Join via class code
  • Pricing
    • 💳How to pay
      • 🗓️When the subscription has not yet expired
      • 📆When the subscription has expired
  • Troubleshooting
    • 🚧How to report bugs/issues
  • Other links
    • 🌐CodeChum Website
    • 🍎CodeChum App
Powered by GitBook
On this page
  • Introduction
  • Typical GUI-based Environment Anatomy
  • Tips
  1. About Activities

How to use GUI-based answer environment

PreviousHow to use console-based answer environmentNextHow to use questionnaire answer environment

Last updated 1 year ago

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:

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

  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.

  3. 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.

  4. 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.

  5. Bottom Navigation - located at the bottom of the screen, it enables seamless navigation between items by simply clicking the prev and next buttons.

  6. 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.

  3. If you have the extra penny, purchase our Premium Plans to get the most out of CodeChum, especially the unlimited Check Tests clicks.

⚙️
CodeChum's GUI-based Environment (part by part)