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

Slides:



Advertisements
Similar presentations
Support.ebsco.com Using the Search History Feature Tutorial.
Advertisements

COMPUTER PROGRAMMING Task 1 LEVEL 6 PROGRAMMING: Be able to use a text based language like Python and JavaScript & correctly use procedures and functions.
PowerPoint Tutorial 2 Adding Media and Special Effects
Inspiration 9 Visual Diagramming Software HOW TO USE THE PROGRAM IN THE SKILLS CENTER ROOM 801.
Use this video to learn some slide enhancements:
How to use Hawkes Learning Systems software.  Get your Access code  Enroll in a gradebook  Complete your homework  View your Progress Report  Take.
FUNDAMENTALS OF PROGRAMMING SM1204 Semester A 2010/2011.
JavaScript Lesson 1 TBE 540. Prerequisites  Before beginning this lesson, the learner must be able to… Create a basic web page using a text editor and/or.
Create an Office Mix Let’s Get Started….
March 9, 2011CS 1921 JavaScript Debbie Bartlett March 9, 2011.
The Web Wizard’s Guide to Freeware/Shareware Chapter Five Scripts and Applets.
 Online assessment saves students and faculty time and resources  Questions asked through paper and pencil can also be asked through online tests and.
Microsoft Access 2007 Microsoft Access 2007 Introduction to Database Programs.
Database Updates Made Easy In WebFocus Using SQL And HTML Painter Sept 2011 Lender Processing Services 1.
1 eclipse Tips. 2 What is eclipse? Eclipse is a popular IDE (Integrated Development Environment) that we will use to create, compile, execute, and test.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
FUNDAMENTALS OF PROGRAMMING SM1204 SEMESTER A 2012.
Interactive Video Skillbuilder CD & Digital Video Companion CD.
Be active! Cell phones ON! Take care of yourself!
Edit the text with your own short phrases. The animation is already done for you; just copy and paste the slide into your existing presentation. To change.
Introduction to Video Game Programming (VGP) Mr. Shultz.
Before you start, Let’s check your hardware If you want to record audio and video, you’ll need: Microphone Webcam Office Mix.
MyBLAST standalone installation Lab of Systems Biology & Network Biology website Download link. 1.Click the Download link.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
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.
Choose camera and microphone
AGENDA – DIGITAL COMPUTER 1B MARCH 21, WEDNESDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 
C++ and Ubuntu Linux Review and Practice CS 244 Brent M. Dingle, Ph.D. Game Design and Development Program Department of Mathematics, Statistics, and.
PowerPoint | Keynote | Articulate | iSpring | Video | HTML5 | Flash Articulate Storyline | Hosted Content | Quizzing | iOS | HTML 5 Presenting | Authoring.
Download and Install: 1.Java Development Kit (JDK) bin/INTERSHOP.enfinity/WFS/CDS- CDS_Developer-Site/en_US/- /USD/ViewProductDetail-Start?ProductRef=jdk-
FLIPPING WITH ANALYTICS USING OFFICE MIX A MICROSOFT POWERPOINT ADD-ON.
line.net/ okpop.com/bar elythereflashin dex.html.
Entry Task: Add Office Mix to PowerPoint  Download from Software Center on your computer (from the Start Menu)  Go to and select.
AGENDA – DIGITAL COMPUTER 1B MARCH 22, thurSDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 
Click to edit Master text styles Make Interactive Videos with PowerPoint and Office Mix.
Assessing Professional Dispositions Using Observations in TK20 1.
COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.
[ How to use Moodle ] [ Created by Hamda Ali ]. What is Moodle? Moodle is a learning platform designed to provide educators, administrators and learners.
AGENDA – DIGITAL COMPUTER 1B MARCH 5, MONDAY MS PowerPoint Advance Course Lesson 1 – Using Advanced Texture Texts CW #1 – AP Step 1-1.
Office Mix with PowerPoint Jered Martinez. Director of Professional Jered Martinez.
Online Python Tutor Interactive Computer Science Lessons for Office Mix Philip Guo Assistant Professor of Computer Science University of Rochester
Before you start, Let’s check your hardware If you want to record audio and video, you’ll need: Microphone Webcam Office Mix.
COMPREHENSIVE PowerPoint Tutorial 5 Applying Advanced Special Effects in Presentations.
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.
Do I Understand Power Point? Assessment Game. Question 1 What is Power Point?
Using Office Mix Click and Play. Insert Audio Recording Click Record button in Office Mix tab Turn off camera in Office Mix screen if it’s on Click Record.
Office Mix Before you start, Let’s check your hardware
PowerPoint PowerPoint is used for creating slideshows that accompany speeches, lectures, or other types of presentations. Slides can include text, images,
Go to:
Introduction to Eclipse
Introducing Instructions
Introduction to Event-Driven Programming
Computer Software: Programming
Microsoft® Office FrontPage® 2003 Training
Fluency with Information Technology
Save and share your presentation
Office Mix Before you start, Let’s check your hardware
Today’s lesson – Python next steps
Welcome to Day One!.
HOW TO CREATE A CLASS Steps:
Accelerated Introduction to Computer Science
1 Click “Create Course”.
HOW TO ADD SIGNATURE TO MICROSOFT OFFICE OUTLOOK
Category 1 Category 2 Category 3 Category 4 Category
What is Programming Language
Office Mix Before you start, Let’s check your hardware
The button below is set to run the INITIALIZE subroutine
Presentation transcript:

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

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.

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