# How to create a Web-based item

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

   <figure><img src="https://3496770356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGL5zjlmOjGrxqBagGzMD%2Fuploads%2FqfJBkoOe5wxh0EP6ZDkd%2F1.png?alt=media&#x26;token=a932d4f0-7bf2-41ee-93e3-bc37e661cab5" alt=""><figcaption></figcaption></figure>
2. Look for the **Create Item** button and click it. This will open a big popup window to create your very own item.

   <figure><img src="https://3496770356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGL5zjlmOjGrxqBagGzMD%2Fuploads%2FDOMDeYdl5YvZvY97uS7J%2F2.png?alt=media&#x26;token=07c6abaf-fa62-4619-9d0e-3e67cbf66f81" alt=""><figcaption></figcaption></figure>
3. Select **Web application** as the item type.

   <figure><img src="https://3496770356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGL5zjlmOjGrxqBagGzMD%2Fuploads%2FybovoY0RlFBKAmE9lTwG%2Fweb.png?alt=media&#x26;token=bb9eee71-dea7-420b-b027-c75ca3638e9e" alt=""><figcaption></figcaption></figure>
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.&#x20;

   <figure><img src="https://3496770356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGL5zjlmOjGrxqBagGzMD%2Fuploads%2FPySzqDF3ixCNniYvVo46%2F4.png?alt=media&#x26;token=a80618e0-ec4c-49c0-8d97-e35bd9f4b08b" alt=""><figcaption></figcaption></figure>
5. Supply all needed information in the Google Form and submit it.&#x20;

   <figure><img src="https://3496770356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGL5zjlmOjGrxqBagGzMD%2Fuploads%2FtxsMhWg7FX0ai0DBiKx4%2F5.png?alt=media&#x26;token=2b5c114e-e1a7-4382-8146-c0dcaf6358e3" alt=""><figcaption></figcaption></figure>
6. Wait for a message in your email where we will send word about your Web-based item. <br>

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