1. Online Python Tutor Interactive Computer Science Lessons for Office Mix Philip Guo Assistant Professor of Computer Science University of Rochester www.pythontutor.com

2. Python is one of the most popular languages for teaching introductory CS courses Easy to learn, but widely used in research and industry Used in MOOCs from Coursera, edX, and Udacity 8 of top 10 CS departments use it, ~70% of top 40 [1] [1] Guo, Philip. “Python is Now the Most Popular Introductory Teaching Language at Top U.S. Universities” Communications of the ACM blog, July 2014. Motivation

3. Online Python Tutor Over 500,000 users from over 165 countries www.pythontutor.com

4. 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

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

6. 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.

7. 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.

8. Demo: Python basic data types Integers hold whole numbers Floating point numbers hold decimal values Strings represent textual data Booleans represent True or False

9. Demo: Python data structures Lists are ordered Sets are unordered Dictionaries associate keys with values Tuples are like lists except they cannot be modified

10. Demo: Function calls

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

12. 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.

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

14. 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.

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

16. 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

17. Online Python Tutor Interactive Computer Science Lessons for Office Mix Philip Guo pg@cs.rochester.edu www.pythontutor.com