hi everyone today I'm going to introduce
you to submit cs50 i/o which is cs50 s
new tool for managing student
submissions and viewing the results of
automated correctness and style testing
submit dot cs50 dot IO will first enable
you to create a course online then add
students to that course via an
invitation link then view student
submissions for that course for any
problems that you want to track as part
of the course in addition to viewing
those submissions you'll also be able to
view the results of check50
which will perform automated correctness
testing on student submissions as well
as style 50 which will perform automated
style testing on student submissions as
well in addition submit cs50 i/o will
enable you to download scores for those
individual problems too so what are the
steps to actually create a course on
submit cs50 io the first thing you'll do
is go to submit cs50 io / courses slash
new in order to create a new course from
there you'll be able to add slugs for
which problems you want to show
submissions for for that course after
that you'll be able to create an
invitation link that you can then share
with students and you can create
invitation links for other teachers as
well if you'd like other teachers to be
able to manage the course - let's take a
look at this now and actually see what
it looks like to create a course on
submit cs50 dire the first time you go
to submit cs50 dot IO you'll be
presented with a page where you'll need
to authorize the cs50 submit application
submit dot cs50 dot IO uses github to
allow you and to allow students to log
in view submissions and view the results
of those submissions so when you get to
this page go ahead and click on the
authorize that cs50 button and that will
take you to the main page of submit cs50
io
from there you can go to submit cs50 io
/ courses / new which will take you to a
page where you can create a new course
on submit cs50 IO go ahead and type in
the name of a course for example my cs50
AP course and click on the create button
to actually go ahead and create that
course once you do you'll be taken to
the course settings page where you'll
see here the name of the course along
with the courses ID number and beneath
that you'll see an invitation link
this is an invitation link that you
should share with students when students
click on that invitation link they'll be
able to join your course as a student of
the course so for example if I take this
invitation link and switch now to a
student account they have them go to
submit dot cs50 dot io / invite slash
that invitation link they'll be
presented with a page where they will
now see that they've been invited to
join this cs50 AP course they'll need to
check the check box indicating that they
understand that they're granting access
to the teachers of the course to see any
of the submissions as they submit to the
course and the student can then click
the green join course button to join
your cs50 AP course now you as the
teacher also have the ability to
indicate which slugs you want to keep
track of them as part of this course
in other words which problems do you
want attract submissions for and also
see the results of check50 and style 54
so i could press the plus button for
example and add a problem like cs50 /
2019 or cs50 / problems / 2019 / AP /
hello for instance as one of them but
these don't need to be entire branch
names they can also just be the prefix
of any of the slugs that you actually
care about tracking so it'd be totally
fine for example to just say cs50
problems 2019 AP in order to have your
course track all of the cs50 AP problems
for 2019 if you've written problems of
your own you can also add your own slugs
to here as well by saying something like
your own username / problems / wherever
you stored your problems and if you're
interested in learning about how to
create custom problems that can be
tracked on submit cs50 dot IO and
correctness tested using check50 go to
cs50 dot read the docs io / check 50 for
more details about how to do that going
back to the settings page on submit cs50
bio in addition to the slugs and you'll
also notice a place where you can add
additional teachers to the course if you
click the green plus button at the
bottom here you'll be given another
invitation link that you can give to
other teachers of your course if you
would like other staff to be able to see
the results of student submissions and
also view check 50 and submit 50 results
as well let's take a look now at what
commands students might run in order to
interact with problem
in your course they can first run check
50 followed by a particular slug name in
order to check the correctness of their
code for a particular problem they're
also able to run style 50 followed by
the name of a file in order to check the
style of the code in order to get some
suggestions for how they can modify the
file to improve its style and finally
when students are done working on their
code they can submit it by running
submit 50 followed by a slug name in
order to actually submit their work so
let's take a look now at an example of
that to see how this works in practice
here for example is the students cs50
IDE where the student has been working
on the Mario problem when the students
done working on the problem and is ready
to submit it they'll run submit 50
followed by the slug that uniquely
identifies this problem in this case
cs50 problems 20 19 AP Mario slash lists
the student will press return and then
they'll be prompted to sign in with
their github username and password
they'll type in their github username
and then their github password and after
that once they agree to the courses
policy on academic honesty their code
will be uploaded to github where you'll
then be able to access it via submit
cs50 I am once their submission is
complete now let's take a look at what
this looks like from the teacher
perspective once you've added the slugs
that you want to keep track of like cs50
problems 2090 and AP and confirmed it by
clicking on the Add button that will
appear to the right you'll then be able
to click on the course submissions
button at the top of the page which will
take you to all of the submissions for
this particular course here we'll see
here all the submissions for Mario less
for example and you'll see a number of
submissions student 50 for example has
submitted this assignment multiple times
so you see multiple submissions there as
well and you'll see another student
who's also submitted this assignment to
what you can do now is you'll see these
buttons called check safety and style 50
which will take you to a page where
you'll be able to view the results of
their correctness tests and their style
tests so if we here click on the check
50 button will be taken to a page or we
can see the results of the students
check 50 run where we've run some
automated tests against their submission
and it looks like in this case they've
passed all of the tests meanwhile we can
also do the same thing by clicking on
the style 50 button to see
the results of style 50 which
automatically checks students code for
style you'll notice that red are areas
where style 50 would want the student to
remove some space for example and green
are places where style 50 would want the
student to add some white spaces or
break things up into multiple lines for
example so you'll be able to see all of
these results right from submit cs50 io
you might also want to download this
information as well and so you can just
click on this export button to download
all of this data as a CSV file - how
does this all actually work well when a
student is running cs50 IDE or even
running on their own computer and they
run submit 50 the result is that submit
50 pushes students code to github after
that github will inform submit cs50 dot
IO of the fact that there was a new push
and submit cs50 dot io will take care of
starting to run the automated
correctness and style testing as well
where you'll then be able to log in to
submit dot cs50 io click on your course
and view all of the submissions for all
of your students in that course as well
as download their code and download the
results of the automated correctness and
style testing as well so that's submit
cs50 io a tool that will make it easier
for you to collect student submissions
and also assess them for correctness and
style
automatically we hope you enjoy using
the tool and definitely feel free to be
in touch if you have any questions my
name is Brian and this is cs50