Giter VIP home page Giter VIP logo

codio / parsons-puzzle-ui Goto Github PK

View Code? Open in Web Editor NEW
7.0 14.0 13.0 1.98 MB

To help all computing educators unlock the power of Parson's problems, Codio built a graphical Parson's problem creator on top of the js-parsons library. This tool is free to use and does not require a Codio account.

License: MIT License

JavaScript 57.95% TypeScript 26.48% HTML 11.62% CSS 1.51% Less 2.44%
parsons-puzzle parsons-problem parsons csed

parsons-puzzle-ui's Introduction

To help all computing educators unlock the power of Parson's problems, Codio built a graphical Parson's problem creator on top of the js-parsons library. This tool is free to use and does not require a Codio account.

Hosting Created Parson's Problems

Please visit our template repo for instructions on how to host your created Parson problems for free on Github.

How to Use this Creator

There are 5 types of graders in the js-parsons library which you can select from via the drop down. Below is a brief description of each grader and short video on how to set it up.

Line Based Grader

The line based grader is a way to quickly and easily make Parson's problems with a single right answer. This grader does not require you to use a certain programming language which makes it a great way to abstract processes and workflows one level higher than actual code.

<script src="https://fast.wistia.com/embed/medias/s28b54hzcs.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

Variable Check Grader

The variable check grader is for Python problems where students are manipulating variables. You can set the variables of interest before the student code and check them after -- meaning this grader checks the functionality of student code so it's okay that there is more than one right answer!

<script src="https://fast.wistia.com/embed/medias/zyrxf8as9m.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

Unit Test Grader

The unit test grader is for Python problems where students are creating functions. Similar to traditional unit tests on code, this grader leverages a unittest framework where you set asserts -- meaning this grader checks the functionality of student code so it's okay that there is more than one right answer!

<script src="https://fast.wistia.com/embed/medias/fafvc7pih9.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

Language Translation Grader

The language translation grader is for Java and psuedocode problems with functionality similar to the variable check grader described above. The main difference being you map the Java or psuedo code blocks to python in the background. Selecting the language allows the Parson's problem to check for correct indention and syntax.

<script src="https://fast.wistia.com/embed/medias/epu2uofoo5.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

Turtle Grader

The Turtle grader uses the Python Turtle library to allow students to write turtle code! Either use native python or map psuedo code to python commands (similar to the language translation grader) for student code. With the click of a button, generate the solution code the grader checks student answers against.

<script src="https://fast.wistia.com/embed/medias/818mmle6c1.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

This is an open-source project

Feel free to contribute or create issues to help us improve this project. When something as wonderful as Parson's problems comes out of the Computing Education Research community, we want to help bring it to as many classrooms as possible.

Obligatory Sales Pitch

If you are interested in hosting these Parson's problems inside Codio, you can seamlessly integrate them into instructional material, lab assignments or tests. Additionally, Codio tracks student performance on assessments and our Learning Insights feature visualizes student progress on Parson's problems as well as our many other auto-graded assessment items. If you are interested in learning more about Codio or would like a free trial, plese visit our website: https://www.codio.com/

parsons-puzzle-ui's People

Contributors

dependabot[bot] avatar edeitrick avatar ksimuk avatar mloginov avatar sergei-bronnikov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.