Tech Notes

Teaching from Home (TFH): Hardware

First, to whoever is reading this: I hope this finds you safe, healthy, and (relatively) happy.

While this is very far from the first thing on folks’ minds, I’ve received a lot of feedback on my online teaching setup and online teaching strategy, and thought I should share my ongoing process of adapting to an online environment.

I’m lucky to have some experience teaching online as one of the faculty leads for the Kennedy School’s Public Leadership Credential. In addition, I’m a big advocate of blended learning both in my residential courses and in my work training policymakers abroad. Much of this work is a combination of synchronous and asynchronous content. For now, I’ll be focusing these posts on delivering content synchronously using Zoom.

This first post will be about my tech setup when teaching online, and tips to ensure that it goes smoothly. Subsequent posts will be about pedagogical choices, but I thought it better to break them up rather than publishing an online novel.

My online teaching setup at home

Here’s an image of my current setup:

And here are the details (with lots of links), and why I think they’re important:

  • Ethernet: None of your teaching matters if students can’t see or hear it. Having a stable internet connection is absolutely critical. WiFi can work, but make absolutely sure you have a good connection where you’re sitting. I prefer physically wiring my computer via Ethernet.
  • Two monitors: I connect my laptop to my LG UltraFine display and keep both of them on. For my purposes this is vastly better than a a single screen, simply because there’s a lot going on during a Zoom session: I’m sharing a presentation, I’m looking at my students’ video feeds, I’m monitoring the Participants list for raised hands, and I’m checking in on the chat (I know, this is a lot. More on this in a subsequent post). Luckily, Zoom has a dual monitor mode that lets you make use of both screens to display all of this. I like to keep my shared screen on the smaller laptop screen, and students’ faces/raised hands/chat front and center on the large screen.
  • An iPad: If you’ve read this site before, you know that I really enjoy teaching and recording from my iPad. This is especially true when teaching online. In addition to the annotation capabilities of the iPad, projecting from my iPad instead of sharing a presentation from my computer allows me to keep the shared screen in Zoom confined to a single window; otherwise apps like Keynote or PowerPoint will take over both screens to show you a presenter view. To project I use Zoom’s iOS Screen Sharing function. You can either connect the iPad physically to your computer (easier, more stable) or Airplay to it (more finicky, but lets you keep a “Presenter View” on your iPad while projecting the presentation to students). I tend to use Airplay since I like using Keynote’s presenter capabilities without students seeing them.1
  • Headphones: I cannot stress this enough: use headphones. If you use your computer speakers, there’s the risk of a feedback loop where your voice comes out of the speakers and back into the microphone ad infinitum. Zoom and other applications try to prevent this via software, but you’re better off removing this possibility.
  • Microphone: Your laptop microphone is probably fine (though you should check to make sure that it is). That said, if you happen to have an external microphone it can really help your audio quality which students will appreciate. I use a Blue Yeti which I have mixed feelings about, but which gets the job done.
  • Webcam: Your computer’s built-in one is fine, but I’m putting this here to stress that you should look into the camera as much as possible when teaching (this can be easy to forget when you have a laptop, since the webcam is below eye level. You’ll naturally want to look at your content or somewhere else, but the last thing your students want is to stare at your chin for 75 minutes.
  • Lighting: The general advice is to not have bright lights behind you, and to instead keep a consistent light source in front of you (behind your monitor). Experiment with different positions and see how they look.

Of course, don’t forget your water and espresso:

Phew! That’s enough for today. Please let me know in the comments if you have any suggestions. My  next post will be about my thinking with respect to running online sessions.

Stay safe!


  1. Note that you could also use an iPhone or other device as a secondary remote control for your presentation, but I digress. ↩︎

Producing, Recording, Editing, and Sharing Animated Videos on iPad


A significant part of my pedagogical approach involves the creation of short, animated videos that convey statistical concepts. Students watch these videos and answer a few quiz questions, which I can then use to make better use of the time we have in class together.

Initially, I would record these videos using Keynote on my Mac, edit them on my Mac, and post them online on my Mac. Over the past year or two, I’ve shifted the entire process onto my iPad – recording with an external mic, editing it in its entirety, and uploading it using Safari. I’m documenting that process in this post for my future self and for anyone else that is interested in doing this too.

Recording

Video

Recording a Keynote presentation has become possible since iOS 11 introduced screen recording to Control Center. Now, I can tap record, go through a Keynote presentation, write on slides as I go1, and end up with a high quality recording of my presentation.

One thing to keep in mind is that I always use presentations with a 16:9 (widescreen) aspect ratio. This way the annotation tools don’t show up on the presentation as I go, and when I export the final video in widescreen all the UI is hidden from the viewer (more on that later).

Audio

iOS’ screen recording feature also allow you to keep the microphone on while recording, so that you can narrate over your slides. However, if you’re in a noisy environment or have a very hot mic (I’m looking at you, Blue Yeti), you might want to add a noise gate and some gain control. Luckily, if you use an app that can send your mic input through your headphones while in the background, iOS screen recording will pick up the processed audio!

I use GarageBand for this. It’s free, it’s reliable, and it integrates with third party apps.

Here’s what my GarageBand file looks like. It’s a single, flat audio track taking in my mic input and feeding it through the monitor (which is set to on). You’ll notice that I keep the gain level pretty low on the left.


Now for the fun part. If you tap the track control buttons on the top left and tap “Plug-ins & EQ”, you can add a noise gate, change the EQ, or utilize any number of third party effects.


One app I highly recommend is Brusfri. Once you record a few seconds of silence, you can let Brusfri listen to your recording and filter out background noise for when you record your video.


Editing

Video

Once your recording is complete, it’s time to edit.

Editing video on the iPad has become pretty easy since the introduction of LumaFusion. To begin with, LumaFusion allows you to create a video in the 16:9 aspect ratio, which immediately gets rid of all UI elements from my video (if you want to use a simpler solution like iMovie, I suggest Video Crop as an inexpensive app that will impose the aspect ratio that you need). Once your video is in LumaFusion, the world’s your oyster. You can create crossfades, add titles, or do whatever chopping and screwing your heart desires.

Audio

Two things worth noting about audio editing. First, iOS apps sometimes take a screen recording video and play it back with no audio at all. After a helpful exchange with the developers of Ferrite, I learned that this is because the video file actually has two tracks: whatever sounds the iPad itself produced via software, and the microphone input. Some apps simply ignore the mic input. I’ve found that using the “Detach” button in LumaFusion fixes this2:


Second, if you didn’t do any noise reduction/voice boosting before recording, you can share your video to Brusfri or Ferrite to clean up the audio, and then drop the audio file into LumaFusion alongside the video.

Uploading

Once this is all done, you’re ready to upload. While LumaFusion integrates with many video services and services, I need an actual file to upload to Kaltura, the video hosting platform that my institution uses, so I choose iCloud Drive and save the video in the Files app. Once I go to my media uploader in Safari, I simply select that file using the Browse option (any website with a standard file uploading interface should let you choose your video file via Browse):


A fully functioning system

At this point, 100% of my needs with respect to this workflow are satisfied by my iPad. This means that I have a fully mobile recording studio, and it’s quite easy to make a high quality video in a relatively short amount of time. Hope others will find this useful and, as always, please let me know if you have questions or thoughts.


  1. Though I really wish Apple would beef up these annotation capabilities ↩︎
  2. I’ve also noticed that any app that compresses the video will mix all the audio to one track, which also fixes the problem. ↩︎

iWork gets LaTeX equation editing

In April of last year, Apple released an update for Pages that supported rendering equations entered using LaTeX or MathML. I was really impressed that Apple chose to support not one but two standards for entering equations1, but was pretty bummed to learn that equation rendering was specific to Pages.

Today that changed. All three iWork apps now support equation rendering (even Numbers!). This is a big, big deal for me; it’ll be a huge timesaver2 and enable for much richer math-based animations in my presentations.

If you combine this with handwriting apps like MyScript Nebo, you can hand draw equations, copy them as LaTeX code, and paste them right into your iWork document.

On a different note, iWork on iOS is really growing up. Keynote now supports the editing and creation of paragraph styles and master slide layouts. I still work with Keynote most efficiently on MacOS, especially when editing animations in bulk, but the iOS apps are becoming more and more self-sufficient with each update.

  1. Especially in comparison to Microsoft’s equation syntax, which is just close enough to LaTeX to be infuriating to use.
  2. I used to create equations in a Pages document, then pasted them into Keynote as images. It worked, but it was kludgy as heck.

15 Minutes on Two-Stage Exams

I delivered a short presentation on two-stage exams1 at the Harvard Initiative for Teaching and Learning Annual Conference back in September. I’ve talked about these in the past, but this time (a) there’s more of a focus on quantifying collaboration, and (b) there are some neat visuals that I couldn’t show on a podcast. Video below.

  1. I’m increasingly calling these collaborative exams. We’ll see if that sticks.

My Tech Setup in the Classroom

I’ve talked at length about the technological details of my teaching setup, and I frequently get questions about exactly how it works. This post is an attempt to document my current setup1.

Before reading on, it’s important to note a few things:

  • This is a two screen setup; I’m lucky enough to teach in a room that has a main projector screen and two (identical) side screens, so much of this setup involves controlling two screens as seamlessly as possible;
  • My teaching style involves writing on an iPad that is displaying a PDF that closely mirrors the handout that I give to students. I use handouts that have lots of empty space that gets filled in by students as the class progresses, so my iPad writing is essentially following along with them;
  • The side screens display supplementary content on Keynote slides that reinforces, organizes, enhances, or extends the handout content that we’re working on together. These include section headers, animations, and Poll Everywhere polls.

Alright, enough caveats. Here’s my entire setup in a single diagram:

In short, I wirelessly project my iPad to the main screen via an Apple TV, and control my MacBook (which is projecting the side slides) from my iPad using Keynote for iOS’ remote functionality.

The Tech

Here’s what I use to make this happen:

Hardware

In addition to needing two screens in the classroom with two distinct inputs, I use:

  • An Apple TV2 which is plugged into the main screen;
  • An iPad Pro3 which is AirPlay Mirroring to the Apple TV;
  • A MacBook4 which is plugged into the side screens.

Software

The reason this system works so seamlessly is the software. Here’s what I use:

  • GoodNotes to annotate the handout being projected from the iPad;
  • Keynote running on both my MacBook (to project the side slides) and iPad (to control the MacBook remotely);
  • PollEv Presenter running on my MacBook and Poll Everywhere’s presenter view loaded on Safari on my iPad.

I also keep OmniOutliner running on my iPad with notes that I reference throughout the lecture such as answers to practice problems and information on who to call on.

I could theoretically use other software to get all of this done, but here’s why this particular constellation of apps and services works so well or me:

  • GoodNotes goes into presentation mode when it’s Airplay Mirroring, which hides both UI elements of the app and any other apps that are in Split View or Slide Over on the iPad. This means that all the other apps that I’m using on my iPad are hidden from the students;
  • Keynote’s remote functionality involves magic from a dark dimension that is a big help while teaching. It essentially gives you a presenter view interface on the iPad that can switch to an annotation mode if needed, making it indistinguishable from the experience of running the presentation from the iPad itself. Better still, it connects via peer-to-peer networking, so it doesn’t matter what kind of network you’re connected to. I’ve used this on a university network in the United States, on a captive network in India, and on a shaky network in Nepal, all without problems.
  • Running the Keynote slides from my MacBook allows me to embed polls in Keynote without having to switch apps.
  • Poll Everywhere’s presenter view allows me to view results of polls before I reveal them to the classroom. This means I can choose my next step (which may or may not involve showing the class their responses) based on the distribution of responses. I can also hide/lock/unshare the poll from the presenter view on my iPad, which propagates to the poll displayed on the MacBook.

Adding/Reducing Devices

This setup can get more or less complex depending on your needs and resources.

If I’m stuck using a one screen setup, I usually choose between GoodNotes (if I have a lot of writing to do) or Keynote (if my class plan has lots of animations in it). I could (and do) switch between the two apps occasionally (e.g., if I have mostly handwriting to do but have one animation to show later in the class), but it’s not a particularly smooth transition. For polling, I recommend Perfect Browser pointing to your Poll Everywhere polls, since it has a UI-hiding presentation mode as well.

I’m currently experimenting with  adding another device to this setup in the form of an always-on iPad that only I can see. On this iPad I run my OmniOutliner notes and the Poll Everywhere presenter view in Split View, so that I don’t have to use Slide Over on my main iPad (which can accidentally advance my Keynote slides if I’m not careful). That said, I think I can do more with this additional device; if you have any suggestions, please get in touch.

Stay Focused

This setup has worked very well for me, but only because I genuinely believe that it improves the learning experience for students. Having supplementary animations and interactive polls has well established benefits, but these materials are often accompanied by increased friction as the instructor switches inputs, activates the poll, and troubleshoots errors in the middle of class. The setup in this article minimizes that friction and, once you get the hang of it, maximizes the time in the classroom spent on learning.

That said, my parting advice is to weigh the costs and benefits of complicating your teaching setup before trying out something like this. Hopefully the benefits are clear, but the cost in the form of an increased cognitive load as you teach is nontrivial. Keep your eye on the real goal of improving learning and, if this post helps you get closer to that goal, have fun!

  1. I do mean current; it’s constantly in flux and will likely be a bit different soon after this is published.
  2. Generation 3 Rev A or later, so that Airplay Mirroring happens peer-to-peer, which is a godsend for those of us on university wifi networks.
  3. could be a non-Pro, but the Apple Pencil is swell.
  4. I could project the side slides using an iOS device and the system would still work, but using a Mac allows me to run PollEv Presenter so that polls on the side slides are embedded in Keynote and automatically activate when I switch to that slide.

Collaborative Exams on the Teach Better Podcast

My journey through the world of podcasts continues, this time on the Teach Better Podcast (an excellent podcast that you should check out if you have any interest in pedagogy and higher ed). This one has (almost) no technology in it. Instead we discuss a collaborative exam structure called Two Stage Exams, and the pedagogical benefits of adopting it in my courses. Later on we get into more general questions of collaboration and student participation in large classes, a conversation that I’m still thinking about.

Enjoy!

Summer Podcasts

This summer I was lucky enough to guest on two podcasts.

MPU

The first was a return visit to Mac Power Users. We got into the nitty gritty of the teaching workflows that I’ve developed in the past year, including:

  • How I set up reminders that alert me during class when it’s time to move on to the next section;
  • How I automate the creation of teaching reflections after every class;
  • How I combine PDF files to post to my class via Workflow.

We also got into some music nerdery towards the end. All in all it was great fun, and hopefully interesting to listeners. the

Teaching in Higher Ed

My second guest appearance was on the Teaching Higher Ed podcast, hosted by Bonni Stachowiak. This one was much more pedagogy-oriented, and focused on presentation techniques that I have found to be useful as a teacher.

Hope you enjoy them, and please get in touch if you have feedback.

Interview: Live Annotation of Student Work with GoodNotes

I was recently interviewed on ABLConnect, a Harvard-based “online database of active learning efforts in post-secondary classrooms.” I talk about my use of GoodNotes to take pictures of student work in class, embed them into a GoodNotes document, and annotate them without skipping a beat. It’s a great tool to get students to engage with the material in a collaborative way.

Enjoy, and please get in touch if you have any feedback.

Mac Power Users #319

This week I was on Mac Power Users to talk about my workflows related to teaching and academic research. I’m a huge fan of MPU so it was quite an honor to be on.

Have a listen – feedback always welcome.

Mac Power Users #319: Teaching Workflows with Teddy Svoronos

Annotating Screenshots in iOS with Mail

Gabe Weatherhead has an awesome post about how he uses the awesome Pixelmator to annotate screenshots. It’s awesome.

Gabe’s discussion of the limitations of all the many different existing iOS apps to annotate screenshots got me thinking about another option: the Markup extension in iOS Mail.

In addition to being built in, the Markup extension has some nice properties:

  • it has excellent shape recognition, including arrows;
  • it’s pressure sensitive using 3D Touch on the iPhone 6s and the Pencil on the iPad Pro;
  • it has a very simple and easy to use interface.

There’s just one big downside to markup: for reasons I cannot fathom, it’s only available in Mail[1]. This is in spite of the fact that it exists in the action extension share sheet in Mail:


Despite this major limitation, the usability of the markup extension makes it worth using by sharing a photo via Mail, then saving the sent image back to your photo library.

First, share an image via Mail and tap on the image to get the Markup option (I sometimes have to tap it more than once):


You can then edit the image to your heart’s content including shapes (notice the nice shape recognition option at the bottom), text, and even a magnifier callout:


Once that’s done, you can either send it to yourself and save/share the image from iOS mail, or you can use this handy dandy IFTTT recipe to email it to IFTTT which saves it back into your photo library, annotated and all. A bit roundabout, but it works.


  1. That’s right, not even Notes or Messages. Maybe in iOS 10?  ↩