Online/Hybrid Teaching

Slides: http://tiny.cc/online-teaching

Aug. 20, 2020 6:00-7:30 p.m. ET

Video Recording

Webinar Agenda

• Welcome and Introductions (5 mins)
• Brief Presentation - Online & Remote Teaching (~20 mins)
• Hosting virtual meetings
• Resources and Tips
• A Deeper Dive and Hands-on Demonstrations (~45 mins)
• CSAwesome and Mobile CSP Breakouts
• Q & A (~15 mins)

​

​

Introductions

Hosting Virtual Classroom Sessions

12 Ideas for Video Conferencing

Zoom Group Norms

​

​

​

​

Classroom Tips

In class, ask for a helper to read out chat questions to you.

​

​

​

​

​

​

​

​

http://tiny.cc/online-teaching

Polls - Pulse Check

Let’s experience a Zoom poll!

• Create the poll (tutorial) before the meeting/when you schedule it
• Control/edit polls during the meeting in Zoom.
• Launch Poll in Zoom from Polls at bottom.

Alternatives:

• Zoom reactions or type in answer or thumbs up/down emoji in chat
• Polleverywhere.com, Pear Deck, Google form
• Your LMS’s forum/questionnaire

​

​

​

Zoom Annotation Tools for Shared Screen

• Temporary annotations/drawings on shared screen

​

• Screen Sharer:
• Point to the green “You are screen sharing” bar and click on Annotate.

​

• Participants:
• Click on the green bar, click on View Options then Annotate.

​

​

​

Where are you joining us from?

Virtual Whiteboards

• Zoom whiteboard,
• Share Screen, choose Whiteboard

​

​

​

• Students can also share their screens or Zoom whiteboards to share their work. You can disable annotations.

​

Activity

​

​

Practice using all of the annotation tools.

​

​

Shared Annotating Alternatives

Alternatives

• Padlet.com (map)
• Jamboard
• Draggable stacked images in a shared document (video)
• Whiteboard sites: Miro, whiteboard.fi Idroo (allows math equations)

Remote Control

• Zoom Remote Control
• While someone shares their screen, choose Request Remote Control
• This is helpful for pair programming and for teachers to remotely assist students with coding.

​

​

Alternatives:

• Chrome Remote Desktop Extension
• TeamViewer

​

Closed Captioning

• Accessibility considerations:
• Hearing impaired
• English learners
• Background noise at home
• Zoom provides Closed Captioning
• Automatic transcribing of cloud recordings for Zoom

Alternatives:

• Google Meet
• Google Slides

​

​

Resources and Tips

Resources

• NCCSE’s Online and Remote Teaching Resources
• CSAwesome & Mobile CSP specifics included
• CSTA’s COVID Resources

​

• Maintain an inclusive CS classroom environment online
• Equity - CS4ALL NYC’s Guide
• Accessibility - UDL, AccessCSforALL
• Culturally Responsive Teaching (CRT)

​

​

Online Engagement Tips

• Be present: Establish a regular virtual presence to connect and engage students in your class.
• Design for online first: Design/use materials for synchronous online students and have in-class students use them too.
• Let students help: Design/use materials that are student-led like breakout rooms. Ask students to monitor chat, help lead breakout groups, etc.

​

Tips for Ice Breakers + Taking Attendance

• A virtual meeting tool such as Zoom records attendance (tutorial)

​

• Answer an ice breaker in the chat and save the chat
• Would you rather questions

​

• Google Doc activity that asks students to type their names
• Add more ice breaker ideas here

​

​

Tips for Reaching All Students

• Record and post all online sessions*
• Provide computers, when possible
• No Internet access?
• Find a school, library, cafe
• Weak wifi?
• Turn off video
• Low bandwidth collaboration/help (e.g Q/A forums, Slack, Discord, etc.)
• Don’t want to share surroundings?
• Turn off video

​

Using Video

Infographic by Torrey Trust, Ph.D. (@torreytrust)

Tips for Creating a Welcoming Environment

• Virtual Classroom Decor
• For Computer Science and Tech Educators (From NCWIT)
• 11 super creative ways to use Bitmojis in your classroom (From We Are Teachers)
• Use bitmoji, school photo, or selfie as profile photo
• Interactive Bitmoji Classroom (Tutorial)
• Include mindset quotes

​

​

Tips for Doing POGIL Remotely

• Process Oriented Guided Inquiry Learning
• POGIL Team Roles
• Can be asynchronous or synchronous
• Suggestions:
• Assign the groups/teams to breakout rooms
• Assign the roles using an online random generator (e.g. Picker Wheel)
• Assign 3 roles instead of 4 per team

​

A Deeper Dive with

Hands-on Demonstrations

​

CSAwesome Mobile CSP

Remain Here Breakout Link

​

Interested in CSAwesome PD?

CSAwesome

Planning Lessons for Online/Hybrid Teaching

Online/Hybrid Lessons

Let’s look at CSAwesome Lesson 1.3 Variable on Runestone:

• Introduce Lesson: synch. online or in person (AP Daily videos start Sept. 1st in AP Classroom). Q/A sessions.
• Lesson Activities: synch. online in breakout rooms or asynch. individual work (could use Google Classroom/Group for questions)
• Challenge: synch. online or in-person pair programming
• Summary and AP-practice: synch online or in person

Mastery: all students should complete the lesson activities with opportunities for collaboration and help from the instructor.

​

​

​

Online/Hybrid Lesson Plans

Let’s look at a lesson plan (ex. 1.3 variables lesson plan):

• Introduce Lesson (Hook and Direct Instruction): synch. online or in-person
• Guided Practice and Collaborative Pair and Group Work: synch. online breakout rooms, shared docs, pair programming in Runestone or repl.it
• Individual Work: asynchronous online on Runestone
• Extra Worksheets (example): could be used in breakouts or indiv.work.
• Summary/AP practice synch. online or in-person
• Experiment! Take it a day at a time! Plan for the online group..

AP Classroom : Videos and Assessments

The AP Classroom will provide:

• Unit guides and topic questions
• Progress Checks and Progress Dashboard
• Question bank for summative Assessments
• AP Daily Videos for each lesson starting on Sept. 1st in AP Classroom (info video)

CSAwesome

Demos of Online Activities:

Hook Activity

Breakouts with Shared Docs

Pair Programming

Java Zoo Activity with Lisa

• Go to this Padlet
• Draw or insert a picture of a pet or animal to create an object of the Animal class with 4 attributes: name, favoriteFood, numberLegs, and weight.

OOP vocabulary: (Lesson plan)

• Class, Object
• Attributes -> instance variables
• Behaviors -> methods

Class Definition (Unit 5)

What is the class definition for Animal?

public class Animal

{

private String name;

​

​

​

}

​

Shared Document Coding Breakout

Breakout Rooms with Shared Documents

• Goals
• Collaborate to gain insights
• Provide space to work through challenges without teacher
• Write code without compiling/running code
• Give teacher insight to coding process
• String Methods Lesson (CSAwesome 2.7)
• Collaborative Problem Solving (firstHalf Challenge click here)
• Breakout for ~10 minutes → use slide labeled for your room
• Debrief as a class

If you’re using Google Meets instead of Zoom in your school, sign up for a Meets link here and leave Zoom computer audio.

Breakout Room Tips

• Mix it up: Parsons problems, POGIL
• Make instructions clear before sending to breakout rooms!
• Require a written record of their work in shared docs.
• Assign roles (time keeper, facilitator, recorder, POGIL roles, driver/navigator, etc.)
• Visit breakout rooms
• Invite students to use Ask for Help
• Tutorials: Zoom, Google Meet, Microsoft Teams

CSAwesome

Pair Programming Breakouts

csteachingtips.org/tips-pair-programming

Pair Programming Breakout on Repl.it

• Open the Pair-Programming Shared Document for directions.
• 1 person in your breakout group will copy the 3.2 challenge repl.it/@BerylHoffman/Magic8BallTemplate and send a join link.

How did Pair/Group Programming go?

Repl Benefits? Challenges?

Headphones might be necessary if in class.

Alternative: jdoodle.com also has audio chat. Runestone has pair programming support but not real-time (see slide at end)

​

Fall Checklist - Before classes start:

• Watch the CSAwesome intro video and Runestone Instructor video.
• Create a custom CSAwesome course with a unique name yourhighschool2020.
• Upload student registrations spreadsheet or prepare instructions for students on how to register for the course.
• Look at Unit 1 lesson plans.
• Prepare your LMS with links to first lessons and Q/A forums.
• Decide how to do pair programming/collaboration online. Provide headphones if in class.
• Do the AP audit and check out the AP Classroom.

Online Engagement TakeAways

• Be present: Establish a regular virtual presence to connect and engage students in your class.
• Design for online: Design/use materials for synchronous online students and have in-class students use them too. Experiment and take it a day at a time.
• Let students help: Design/use materials that are student-led like breakout rooms. Ask students to monitor chat, help one or more groups, etc.

​

Thank you for your participation!

Much luck with the academic year!

Please put remaining questions in the Parking Lot and we will answer them in the same document after the webinar.

​

(Do File/Make a Copy or Add Shortcut to keep these slides)

​

Q & A

Parking Lot

Runestone: Quick Look at Student Progress

• In a custom course, go to the Instructor’s Page (person icon)
• Click on Chapter Progress

Click to drill down!

Pair Programming on Runestone

• In a Runestone custom course, turn pair programming on Instructor Page/Course Settings/
• Partners should check at top of Active Code and type in the username of their partner (under user icon).
• When 1 partner writes code and clicks on Save&Run, the other partner can refresh page and LoadHisto to see it.
• Grader shows code that has been shared in comments.
• John & Beryl will debug this challenge1-2 together

Mobile CSP

Planning Online/Hybrid Teaching

​

Parking Lot Reminder

​

Video Recording of Mobile CSP session

​

Teaching Mobile CSP Online/Hybrid

• Curriculum Overview (spreadsheet)
• Adjusting your schedule as needed

​

• Online Sessions (Teach 1.8)
• Hold open “office hours”
• Plan synchronous classroom sessions
• Use breakout rooms (pro account/license required)

​

Teaching Mobile CSP Online/Hybrid Cont.

• Individual work
• Assign tutorials/videos to complete/watch
• Assign the self-check questions

​

• Collaborative Work
• Use breakout rooms during synchronous sessions
• Use collaborative docs/slides
• Can assign some group work to be done asynchronously

​

Monitoring Student Progress

• Teacher Dashboard (course.mobilecsp.org/mobilecsp/teacher)
• Maintain Portfolios
• Use Google Classroom, Canvas, etc.

​

Mobile CSP

Demos of Online Activities

POGIL Activities

• Synchronous - all students online at the same time
• Asynchronous:
• Student groups may meet synchronously on their own
• Students complete work individually on their own schedule�

Note: will likely need to reduce number of questions in worksheets

Adapting POGIL

• Create shared documents:
• Example Google Docs
• Example Google Slides
• Managing sharing - Doctopus ( Add-On | Video )
• Provide clear guidelines on time
• Assign some of the early activities (lower Bloom’s, first interactions with the model) as pre-work
• Be explicit about when groups need to check-in
• Use formative assessments (e.g. quiz, poll) on key questions

Asynchronous

• students leave comments in docs/slides with their thinking
• each student could use different colors for answering ?’s

Mobile CSP

POGIL Breakouts

​

POGIL Share out

​

3-2-1-GO

Pair Programming in App Inventor

• Use breakout rooms
• Visit the rooms while students are working
• Tell students to use Ask for Help
• Encourage one student in each pair to screen share
• Use the remote control feature
• Encourage switching of driver/navigation roles
• Keep a timer and broadcast a message when to switch
• At the end of the session, the screen sharer sends the aia file to their partner

​

Assisting Students Remotely

​

• Zoom Remote Control
• While someone shares their screen, choose Request Remote Control
• Helpful for pair programming and for teachers to remotely assist students with coding.
• Help students with their programming
• Allow students to remote control your screen during a class synchronous coding session.

​

​

Mobile CSP

Pair Programming Breakouts

​

Pair Programming

Share out

Q & A

Parking Lot