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

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

AlgoTutor Tutorial (1) Composing an algorithm using AlgoTutor J. Yoo, S. Yoo, C. Pettey, S. Seo, and Z. Dong MTSU Computer Science Department.
Variables and Operators
Programming Paradigms and languages
Inspiration 9 Visual Diagramming Software HOW TO USE THE PROGRAM IN THE SKILLS CENTER ROOM 801.
Lesson 4: Formatting Input Data for Arithmetic
How to use Hawkes Learning Systems software.  Get your Access code  Enroll in a gradebook  Complete your homework  View your Progress Report  Take.
CIS 101: Computer Programming and Problem Solving Lecture 8 Usman Roshan Department of Computer Science NJIT.
Introduction to a Programming Environment
Create an Office Mix Let’s Get Started….
The Required Software & How To Install it CS 242– Programming (1) 1.
Database Updates Made Easy In WebFocus Using SQL And HTML Painter Sept 2011 Lender Processing Services 1.
Software design and development Marcus Hunt. Application and limits of procedural programming Procedural programming is a powerful language, typically.
Docs, Spreadsheets, & Presentations. What Do YOU Know???
Visual Basic Fundamental Concepts. Integrated Development Enviroment Generates startup form for new project on which to place controls. Features toolbox.
General Computer Science for Engineers CISC 106 Lecture 02 Dr. John Cavazos Computer and Information Sciences 09/03/2010.
Creating On-Screen and On-Line Demonstrations Teaching with a Tablet PC Bill Vilberg.
Introduction to Python Basics of the Language. Install Python Find the most recent distribution for your computer at:
©Xiaoying Gao, Peter Andreae First Java Program COMP 102 #2 2014T2 Xiaoying Sharon Gao Computer Science Victoria University of Wellington.
U3A Computing Class Leader – Brian Moore Week 5 of 10 weeks. Mondays 4:15 to 5:45 pm Next week is half term then an Inset day So Next lesson is 4 November.
First Java Program COMP 102 #2 2015T2 Xiaoying Sharon Gao Computer Science Victoria University of Wellington.
Before you start, Let’s check your hardware If you want to record audio and video, you’ll need: Microphone Webcam Office Mix.
PYTHON: PART 2 Catherine and Annie. VARIABLES  That last program was a little simple. You probably want something a little more challenging.  Let’s.
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
60 Questions (review for final exam) CSC 161: The Art of Programming Prof. Henry Kautz 12/7/
MyBLAST standalone installation Lab of Systems Biology & Network Biology website Download link. 1.Click the Download link.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
5 BASIC CONCEPTS OF ANY PROGRAMMING LANGUAGE Let’s get started …
AGENDA – DIGITAL COMPUTER 1B MARCH 21, WEDNESDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 
Variables When programming it is often necessary to store a value for use later on in the program. A variable is a label given to a location in memory.
PROGRAMMING In Lesson 2. STARTER ACTIVITY Complete the starter activity in your python folder – lesson 2 Now we will see how you got on and update your.
Introduction to Programming G50PRO University of Nottingham Unit 2 : Introduction To Scratch Paul Tennent
Data Types and Variables. Data Type! Computers are all about Data! Data can be in the form of Text Dates Sounds Pictures.
Welcome To MOODLE Getting Started. Introductions Christa McLaughlin – High School math teacher and high school lead teacher of technology Jason Grubbs.
Java Programming, Second Edition Chapter Two Using Data Within a Program.
Python Let’s get started!.
Introduction to JavaScript CSc 2320 Fall 2014 Disclaimer: All words, pictures are adopted from “Simple JavaScript”by Kevin Yank and Cameron Adams and also.
Python Lesson 1 1. Starter Create the following Excel spreadsheet and complete the calculations using formulae: 2 Add A1 and B1 A2 minus B2 A3 times B3.
Chapter 3 AS3 Programming. Introduction Algorithms + data structure =programs Why this formula relevant to application programs created in flash? The.
Assessing Professional Dispositions Using Observations in TK20 1.
How to create interactive CS lessons with Office Mix + Online Python Tutor Philip Guo University of Rochester Aug 2015.
Office Mix with PowerPoint Jered Martinez. Director of Professional Jered Martinez.
Before you start, Let’s check your hardware If you want to record audio and video, you’ll need: Microphone Webcam Office Mix.
Online Python Tutor Embeddable Program Visualizations for CS Education Philip Guo Assistant Professor of Computer Science University of Rochester
Creating an introductory CS lesson with Mix + Online Python Tutor Philip Guo University of Rochester June 2015.
Input, Output and Variables GCSE Computer Science – Python.
Codepourri: Creating Visual Coding Tutorials Using A Volunteer Crowd Of Learners Mitchell Gordon and Philip.
Office Mix Before you start, Let’s check your hardware
Introducing Instructions
Microsoft® Office FrontPage® 2003 Training
Computer Programming I
Variables, Expressions, and IO
Visual programming Chapter 1: Introduction
Office Mix Before you start, Let’s check your hardware
Learning to Program in Python
Chapter 4 LOOPS © Bobby Hoggard, Department of Computer Science, East Carolina University / These slides may not be used or duplicated without permission.
Visual Basic..
Introduction to Python
Review Tab Click on the Review tab to: - view the entire course - use Highwire to print the course or save the file to your computer This tab allows.
Learning Outcomes –Lesson 4
Lesson Aims Vocabulary In this lesson you are going to:
Intro to Computer Science CS1510 Dr. Sarah Diesburg
Welcome to AP Computer Science A!
Lesson 13 Editing and Formatting documents
General Computer Science for Engineers CISC 106 Lecture 03
Office Mix Before you start, Let’s check your hardware
Data Types Every variable has a given data type. The most common data types are: String - Text made up of numbers, letters and characters. Integer - Whole.
Data Types and Maths Programming Guides.
Intro to Programming (in JavaScript)
Presentation transcript:

Online Python Tutor Interactive Computer Science Lessons for Office Mix Philip Guo Assistant Professor of Computer Science University of Rochester

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 Motivation

Online Python Tutor Over 500,000 users from over 165 countries

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

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

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.

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.

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

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

Demo: Function calls

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

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.

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

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.

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

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

Online Python Tutor Interactive Computer Science Lessons for Office Mix Philip Guo