⚪How students will answer this activity
Introduction
As a teacher, it is important for you to ensure that your students become familiar with CodeChum's Answer Activity environment. This familiarity is crucial because students will be using this environment to respond to various item types within the activities you create. By helping your students understand how CodeChum's Answer Activity environment functions and how to use it effectively, you can better prepare them for a wide range of activities.
Web Development Coding Environment Anatomy
CodeChum's web development 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.
Code Editor Tab - located at the center and intentionally set as the default tab, where your students type their solution code for the item.
Run Code - one of the buttons located at the bottom left portion of the code editor. When clicked, runs your students' code in a Web Server. This is very useful for viewing their rendered code from the code editor.
Check Code - one of the buttons located at the bottom right portion of the code editor. When clicked, submits your students' code to the system and provides them with their score for the item.
Reset- one of the buttons located at the bottom right portion of the code editor. When clicked, it resets to the initial code provided by the system.
Save - one of the buttons located at the bottom right portion of the code editor. When clicked, saves your students' code to the system.
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.
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.
Bottom Navigation - located at the bottom of the screen, which allows your students to seamlessly navigate from one item to another.
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.
Web Server Modal- this is where your students will view their rendered code from the code editor.
Developer Tools - located at the right corner of the web server modal, this lets your students access the console, elements, and settings that allow them to view and modify the web page in real-time.
Fullscreen - located at the right corner of the web server modal next to the devtools button, this lets your students view their output in a browser-like setting.
Mobile Responsive Viewer - located at the right corner of the web server modal next to the fullscreen button, this lets your students view their output in a mobile-like setting.
Typical Questionnaire Environment Anatomy
CodeChum's questionnaire environment looks like this and has the following parts in it:
Questions - your students need to answer all of these questions in order to receive all the points for this item.
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.
Bottom Navigation - located at the bottom of the screen, which allows your students to seamlessly navigate from one item to another.
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.
Last updated
