1. How to create interactive CS lessons with Office Mix + Online Python Tutor Philip Guo University of Rochester www.pgbovine.net Aug 2015

2. What can you do with Mix + Online Python Tutor? -Create interactive computer science lessons with live code writing, execution, visualization, and test cases -Supports five popular languages: -Python (2 and 3), Java, JavaScript, TypeScript, Ruby -See step-by-step visualizations of execution state like what people would draw on the board

3. This Mix shows you how to set up Online Python Tutor and showcases the kinds of interactive labs that you can create with it.

4. 1.) Get Mix and add an Online Python Tutor lab Install Mix, then go to the Mix tab, click “Quizzes Videos Apps”, select “STORE”, and pick the Online Python Tutor lab.

5. 2.) Write code in each lab to populate it with code that the learner can execute. This is a simple Python example populated with code that the learner can execute by clicking the “Visualize Execution” button. The learner can also freely modify the example code.

6. 3.) You can insert more than one lab per slide, each set to a different programming language.

7. 4.) If you hit “Visualize Execution” and save the mix when the lab is in visualization mode, then that visualization will be cached so that the learner sees it without needing to re-execute.

8. 5.) If the learner clicks the “Edit code” link below the code, then they can modify your example and see related visualizations.

9. 6.) Click “Create test cases” and “Add new test” to create a test suite that the learner can run as a formative assessment. One use case is for the instructor to create a problem with skeleton code and accompanying test suite, and then ask the learner to fill in the rest of the code to pass those tests.

10. 7.) The learner can write in their own solution to your problems and then click “Run All Tests” to check for correctness.

11. Recap -Using the Online Python Tutor lab in Mix, you can create interactive computer science lessons with: -live code writing, execution, visualization, and test cases -Write code in five popular languages: -Python (2 and 3), Java, JavaScript, TypeScript, Ruby -Your lessons contain step-by-step visualizations of execution state like what people draw on the board