Creating an introductory CS lesson with Mix + Online Python Tutor Philip Guo University of Rochester www.pgbovine.net June 2015.

Slides:

Advertisements

Similar presentations

Support.ebsco.com Using the Search History Feature Tutorial.

Advertisements

Powerpoint Tutorial J.Kellow.

Using the website (click the link above), add the needed information to this PowerPoint. Save your presentation to your files as “programs.ppt” You may.

 Points  Weighted Percentages  Click on the preferred method above for step-by-step directions.

PowerPoint Tutorial 2 Adding Media and Special Effects

Inspiration 9 Visual Diagramming Software HOW TO USE THE PROGRAM IN THE SKILLS CENTER ROOM 801.

BLOGS Dialog Reflection Opinions Solutions. Creating a Blog in Schoolwires 1.Sign in to your Schoolwires Account. 2.Go to Section Manager view. 3.New.

Create an Office Mix Let’s Get Started….

March 9, 2011CS 1921 JavaScript Debbie Bartlett March 9, 2011.

Design an App Gail Dickinson Germantown Middle School 8 th Grade STEM Gail Dickinson Germantown Middle School 8 th Grade STEM.

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.

Foundation Programming Introduction. Aims This course aims to give students a basic understanding of computer programming. On completing this course students.

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.

William Gibson. How is it done? GLMA Summer Institute 2013 Presented by: Laurie Griffin.

Quick guide on making PowerPoint slides  PowerPoint is a presentation program  A PowerPoint slideshow is a stack of slides being presented one after.

Choose camera and microphone

AGENDA – DIGITAL COMPUTER 1B MARCH 21, WEDNESDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 

Introduction to Eclipse. What is Eclipse? An Integrated Development Environment Provides many features to ease C++ programming (and others, e.g. C/Java)

PowerPoint Extras. Eyes to the front please! Action Buttons.

Download and Install: 1.Java Development Kit (JDK) bin/INTERSHOP.enfinity/WFS/CDS- CDS_Developer-Site/en_US/- /USD/ViewProductDetail-Start?ProductRef=jdk-

AGENDA – DIGITAL COMPUTER 1B MARCH 22, thurSDAY  MS PowerPoint Advance Course Lesson 3: Working with Visual and Sound Objects (Applications) 

 You know what these angles are called  Acute  Obtuse  Right  Reflex  Straight.

Building the CarryDrop simulation in Eclipse Creating a new project with existing code from John Murphy’s RePast tutorial.

How to make a PowerPoint using Windows 07? Slide Design/Background Animation Custom Animation Adding a Picture.

CREATING A POWERPOINT 4 th Grade Technology Benchmarks for 4 th grade that will be covered in this Lesson:  Log onto district computers using individual.

[Presentation Title] – Edit this footer by clicking on “View” tab,  “Slide Master” button  this slide’s layout [Date] Changing... Leading... Learning...

[ How to use Moodle ] [ Created by Hamda Ali ]. What is Moodle? Moodle is a learning platform designed to provide educators, administrators and learners.

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

Computer Science I Lab 1 ISMAIL ABUMUHFOUZ | CS 180.

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.

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

1 Using an Integrated Development Environment. Integrated Development Environments An Integrated Development Environment, or IDE, permits you to edit,

Intelligent Data Systems Lab. Department of Computer Science & Engineering App Inventor Intro. & Installation Guide 컴퓨터의 개념 및 실습 3 월 2 일.

Whittier STEM Fair 2016 CARLI PECORARO’S ANDROID APP PROJECT.

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.

PSY 103 Week 2 DQ 2 What type of learner are you? Do you tend to be more visual, audio or kinetic? How does this affect you in the online environment?

Codepourri: Creating Visual Coding Tutorials Using A Volunteer Crowd Of Learners Mitchell Gordon and Philip.

YEAR 12 COMPUTER SCIENCE.

Objectives Create a folder in Google Drive.

Office Mix Before you start, Let’s check your hardware

Computer Science A-level

Using the Search History in EBSCO Interfaces

Introduction to Eclipse

Embedding TimelineJS in WordPress and Omeka

Computer Software: Programming

Unit 3 Lesson 4 & 5- Programming With Simple Commands / Creating Functions Day 26.

Welcome to Computer Science!

Fluency with Information Technology

Save and share your presentation

Office Mix Before you start, Let’s check your hardware

Dr. Clincy Professor of CS

Today’s lesson – Python next steps

Unit 3 lesson 2-5 The Need For Algorithms- Creativity in Algorithms – Simple Commands - Functions Day 18.

See requirements for practice program on next slide.

Click to edit title TO ADD NEW SLIDE LAYOUTS: Make sure you have the ‘Home’ tab selected at the top of the PowerPoint screen and click the down facing.

ENIAC – the first computer

TO ADD NEW SLIDE LAYOUTS: Make sure you have the ‘Home’ tab selected at the top of the PowerPoint screen and click the down facing arrow to the right on.

Introduction to Computer Science

TO ADD NEW SLIDE LAYOUTS: Make sure you have the ‘Home’ tab selected at the top of the PowerPoint screen and click the down facing arrow to the right on.

Click to edit title TO ADD NEW SLIDE LAYOUTS: Make sure you have the ‘Home’ tab selected at the top of the PowerPoint screen and click the down facing.

Office Mix Before you start, Let’s check your hardware

Computer Science A-level

Presentation transcript:

Creating an introductory CS lesson with Mix + Online Python Tutor Philip Guo University of Rochester June 2015

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

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

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

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