CodeChum for Teachers
For TeachersFor Students
  • 🤷What is CodeChum?
  • 📚Available courses
  • 💸Pricing plans
  • ❓FAQs
  • Getting Started For
    • 📔Programming 1
      • ©️C
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ➕C++
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🖥️C#
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ☕Java
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🐍Python
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
    • 📘Programming 2
      • ©️C
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ➕C++
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🖥️C#
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
        • Page
      • ☕Java
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🐍Python
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
    • 📗Data Structures
      • ©️C
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ➕C++
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🖥️C#
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ☕Java
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🐍Python
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
    • 📕OOP with GUI
      • ➕C++ (Without GUI Support)
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🖥️C# (With Windows Forms GUI Support)
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • ☕Java (With AWT and Swing GUI Support)
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
      • 🐍Python (With TKinter GUI Support)
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
    • 📙Basic Web Development
      • 🌐HTML/CSS/JS
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
    • 📓MySQL Fundamentals
      • 🐬MySQL
        • 1️⃣Sign up as Teacher
        • 2️⃣Create a class
        • 3️⃣Invite students to class
        • 4️⃣Give students an activity
          • ⚪How to create an activity
          • ⚪How students will answer this activity
        • 5️⃣Monitor students
        • 6️⃣Export grades
  • More Features you may want to explore
    • 🏠Classes Section
      • 👀How to view grades
      • 📔How to view lessons
      • 📣How to post announcements
    • 📃Activities Section
      • ✏️How to edit student's score
        • Other items
      • 📅How to reschedule/extend activities
      • ↩️How to allow your student to retake the activity
      • 🏅How to exempt your student from answering the activity
      • 👺How to check for potential cheating
    • 🖊️Items Section
      • ➕How to create an item
        • ➕How to create a Console-based item
        • ➕How to create a Questionnaire item
        • ➕How to create a GUI-based item
        • ➕How to create a Web-based item
        • ➕How to create MySQL database item
      • 👉How to use your item in an activity
    • 🤾‍♂️Playground Section
      • ⛳How to use the Playground
  • Advanced Guide
    • 📜View Certificates
    • 🏫LMS Integration
      • 1️⃣Initial setup (admin)
        • Canvas
        • Moodle
        • Blackboard
      • 2️⃣How to use (teacher)
        • 🔗Connect to LMS
        • 🧑‍🏫Link CodeChum class to LMS
        • 🧑‍🎓Invite students to LMS-linked class
        • 💯Sync grades to LMS
      • 3️⃣How to use (student)
        • 🧑‍🏫Join an LMS-linked class
          • a. Connect to LMS
          • b. Join via class code
      • ❓FAQs
  • Troubleshooting
    • 🚧How to report bugs/issues
  • Other Links
    • 🌐CodeChum Website
    • 🍎CodeChum Web App
Powered by GitBook
On this page
  • Introduction
  • Steps
  1. More Features you may want to explore
  2. 🖊️Items Section
  3. ➕How to create an item

➕How to create a Web-based item

PreviousHow to create a GUI-based itemNextHow to create MySQL database item

Last updated 1 year ago

Introduction

Web-based item is a type of item in which your students have to code inside the application, test their code in a browser, and submit if for automatic checking.

CodeChum already has built-in Web-based item that you are free to use, but if you'd like to make your own item to use in an activity in CodeChum, you can make your own!

Steps

Since creating web-based items is very complicated, we will make it for you instead. What you need to do are the following:

  1. Click on Item Bank. This will redirect you to a screen listing all items you have created within CodeChum.

  2. Look for the Create Item button and click it. This will open a big popup window to create your very own item.

  3. Select Web application as the item type.

  4. Click on the Go to Form button. This will open a Google Forms where you will provide us all the details about the Web-based item you wish to be created.

  5. Supply all needed information in the Google Form and submit it.

  6. Wait for a message in your email where we will send word about your Web-based item.

And that's how we help you make Web-based items in CodeChum!