🖥️Create your first C# assignment

In this tutorial we will guide you through all the steps to create your very first C# assignment in CodeGrade. For this tutorial we will be considering the example below. The zip folder contains a completed solution and a template file. Please make sure to save this file somewhere accessible on your computer:

A quick note about this example In this assignment, students have been asked to create a C# program that prints the first 'n' numbers of the Fibonacci sequence starting from 1, where 'n' is determined by user input. This program will be compiled and run using the .NET framework.

Step 1: Create an assignment

Firstly, we need an assignment to work with. Whether CodeGrade is integrated in your LMS or you are using CodeGrade Standalone, you can follow the steps in the guide below to get started:

Step 2: Configure submission settings

The first step in setting up an assignment is to ensure that students can submit their code correctly. Because this example is straightforward and only requires a single solution file, we will offer the students the option to code in the CodeGrade Editor alongside the default File Uploader option.

1. Navigate to the Assignment Management page by using the ⚙️ icon at the right-hand side of the page header on the submissions page.

1. Find the Submission settings in the corresponding container under the General tab.

1. Enable the File uploader and Editor submission methods by clicking the respective check boxes.

2. Enabling the Editor will reveal the Template files option. Unzip the Fibonacci.zip folder and upload the Template/Fibonacci.cs file as the template.

3. Finalize your settings by clicking the "Submit" button.

For more information about submission methods, see Submission Settings.

Step 3: Create a rubric

While you can always grade assignments directly by manually setting the Final grade, It's only possible to award points for your automatic tests with Rubrics. Rubrics also allow you to standardize the grading scheme for graders and they allow you to clarify the grading requirements to your students.

CodeGrade offers two types of rubric category:

• Discrete category - Specify points in discrete steps (eg. 0, 5 or 10 points)

• Continuous category - Specify points as a continuous scale (eg. 0 - 10)

1. Navigate to the Rubric tab on the Assignment Management page.

2. Select Create new rubric.

3. Create 3 new Continuous Categories. Set the parameters as follows:

Step 4: Create automatic tests

Automatic tests are really what gives your students the opportunity to learn in a unique way. The immediate feedback they get from the automatic tests allow them to learn through trial and error by applying the instant feedback and resubmitting their work.

For this tutorial we will be setting up three automatic tests: a Compilation test, IO tests, and Semgrep code structure tests.

Step 4.1: Setup

Before actually creating the tests, we need to make sure that our testing environment is properly set up.

1. Navigate to the Setup tab under the AutoTest settings.

2. Add the Install .NET block to your configuration and select the latest version of .NET using the drop-down menu.

3. Add an Upload Files block to your AutoTest configuration and upload the Fixtures/Fibonacci.csproj file

Step 4.2: Compilation test

Since C# is a compiled language, we first have to compile our students' projects before we can run them. We will also make the compilation step a graded component of the assignment. You can create compile steps like this using the Script block in AutoTest v2. This block is essentially a shell script that passes or fails depending on the exit code of the commands.

1. Navigate to the Tests tab under the AutoTest settings.

2. Add a Connect Rubric block to your configuration and select the "Compilation test" category from the drop-down menu.

3. Add a Script block to your configuration. In the editor provided, type the following command to make Fibonacci.csproj available in the current directory and compile your students' programs.

   Copy

   mv $UPLOADED_FILES/Fibonacci.csproj .
   dotnet build --disable-build-servers

Step 4.3: Input/Output tests

Input/Output tests, or "IO tests" for short, are a great way of checking a program's functionality by providing various input cases that should result in a different outputs. You can create IO test cases in AutoTest v2 using the IO Test wrapper block and its corresponding Full match, Substring match, and Regex match blocks.

1. Add a Connect Rubric block to your AutoTest configuration and select the "IO tests" rubric category.

2. Add an IO test block to your AutoTest configuration and nest it in the Connect Rubric block.

3. Run the the program with the command dotnet run Fibonacci.cs in the provided editor.

4. Add five Substring match blocks to your IO test block. For each one, make sure the "ignore whitespaces" option is selected.

5. Copy and paste the text below into the Input and Expected output fields:

Step 4.4: Code structure tests

Semgrep is a code structure testing framework that is excellent for checking if students have used a specific syntax for reaching their solution. AutoTest v2 offers the Code structure test block and it's corresponding Positive match and Negative match blocks for running semgrep tests. For more details on setting up Code Structure Tests, read our dedicated guide.

For this example we want to check that the students have used a for loop and an if-statement in their program. Here are the Semgrep rules we will be using:

rules:
  - id: untitled_rule
    pattern: for (int $I = $I0; $COND2; $COND3) {...}
    message: Semgrep found a match
    languages: [csharp]
    severity: WARNING

rules:
  - id: untitled_rule
    pattern: if($COND){...}
    message: Semgrep found a match
    languages: [csharp]
    severity: WARNING

1. Add a Connect rubric block to your test configuration and select the "Code structure tests" category from the drop-down menu.

2. Add a Code structure test block to your test configuration and nest it within the Connect rubric block.

3. In the Student file input field, write "Fibonacci.cs".

4. Add two Positive match blocks to your test configuration and nest them within the Code structure test block

5. Copy and paste the semgrep rules in the code blocks above into the provided editor in each Positive match block. Make sure to delete the template provided.

Step 5: Test and publish your AutoTests

It's important to test your AutoTest configuration before running it on students' submissions to make sure that your tests are running as expected and to check for edge cases. This is easy to do with Snapshots. When you're ready to check your tests, simply press the Build snapshot button at the bottom of the test block sidebar. This will make a test run of your AutoTest configuration on your Test submission.

The first time you build a snapshot, CodeGrade will prompt you to upload a Test submission. Use the "Click here to upload files" option or drag-and-drop the Solution/Fibonacci.cpp file that you downloaded at the beginning of this tutorial and click "Submit".

If in the future you need to re-upload your test submission, you can do so by going to Upload Submission option in the General settings tab. Just upload your file and check the "Test Submission" option before clicking "Submit"

Once you're happy with your tests, you need to publish them to your students for them to run on their submissions. Publish your tests by building a snapshot and at the bottom of the pop-up modal click the Publish snapshot button.

Conclusion

You have just built your first Automatically graded assignment, ready for your students to begin submitting work!

This guide is designed to get you started with a completed assignment but doesn't go into explicit detail about all of the features CodeGrade has to offer. For more in-depth information about the product and the various workflows that you can achieve, see Learn more or reach out to our support team at [email protected].