Stensal CEE Studio

A Quick Start on Psets

1. Starting up

Click on this link https://cde.stensal.io/2020-cs50 to go to the demo pages.
You should be introduced with this page:

_images/main_page.png

2. Opening up the Projects Folder

Scroll through the projects panel to find the pset that you want.
The panel should look like the below:

_images/Projects_part.png

Click on the Pset that you want to use to open it.

3. Cloning the project

Click on the clone_button to clone the pset to your account so you can save changes.
It should show you this page:

_images/login_page.png

Log in anonomously or with Github/Google.
This will redirect you to a similar looking page as the page before, but this time with different buttons on the top-right, shown below:

_images/another_tooltip.png

4. Opening Your Project

If done correctly, your panel on the left should look like below (we are using pset2 for this example):

_images/project_panel.png

Click on any of the files names to open up the file. The right side of your screen (5) should look something like below:

_images/code_panel.png

6. Running Your Project

To run your project, use the run_button button. For people doing pset4, please see (Additional Information) before clicking the button.
If clicked, the IDE should pop up the compilation panel (7) before going terminal panel (8), shown below:

_images/compilation_panel.png

In this tab, you can run your program by calling the function as you would in a normal terminal. Note that if you change anything in the code, you must click the run_button button again.

9. Saving Your Project

In order to save your project, there should be a save_button button on where the clone_button should be. Clicking on that button or using Ctrl+S will allow you to save the project and you can safely close the website.

Additional Info. Pset4 Configs

Since pset4 requires a bmp, there are some things you have to do to set it up in the build configuration, shown below:

_images/build_information.png

Changing build configuration

On the top-right tooltip, there should be a settings tool (1). You can click on that to open up something called .stensal_project_configurations. We will be focusing on the top part of the configuration for now, shown below:

_images/configuration_menu.png

Changing the top parts

First, start by making a new configuration (3) and naming it (4), then setting the run mode (5) to “Build and Execute”. Doing so will allow you to enable the bottom panel, shown below:

_images/configuration_continue.png

Changing the bottom parts

For pset4, you have to change the executable (6) to the program you call and the program arguments (7) to be any arguments that you gave it.
The stdin (8) isn’t needed for the current pset, but it is everything that you send in after you run the arguments.
The output file (9) for pset4 is “out.bmp” or the bmp file you made with the program.

After changing configurations, click on the save (10) button as well as the save_button button on the top left. You can then switch the configurations to your configuration (2) and continue the tutorial with the “Running the Program” step.

Quick Steps on How to Use CEE Studio

Create a New C Project

1. Click new_project to open a new project form.
There will be a form/box that appears in the middle of the page like this:

_images/new-project-form.png
  1. Fill in the field named “Project Name” with any name you want.
  2. Select “a C main template” for the C template.
  3. Click “Save”.

Running Code With Segfault Protection

  1. Create a new project, or click on a project in the bottom right panel, similar to the one shown below:

    _images/projects_menu.png

  2. Click run_button to build and start the execution.

  3. The bottom part of the screen should look like the one shown below. You can use it to run your programs.

    _images/terminal_panel.png

Debugging Code

  1. Create a new project, or click on a project in the bottom right panel, similar to the one shown below:

    _images/projects_menu.png

  2. Click on the debug_button button to build and start a debugging section.

  3. An menu will appear to the right of the screen that should look like the one shown below. You can use it to debug your programs.

    _images/debug_panel.png

Recording Code Execution

  1. Create a new project, or click on a project in the bottom right panel, similar to the one shown below:

    _images/projects_menu.png

  2. Select your configuration to to be “build+run” like so: build_run_select

    Note: If your code takes command line arguments or reads from stdin, please also click on the configuration_button button right next to the “build+run”.

    This will open up a form that will allow you to update the program arguments (2) and stdin fields (3) configuration on the bottom.
    Do no forget to hit the save (4) button as well as the save_button button afterwards. You can also change the executable (1) as shown below:

    _images/configuration_continue_usage.png

  3. Click the record_button button to build, run, and execute your program.

  4. You should see the record_tab tab, as shown below:

    _images/record_panel.png