Narrated Slideshow – Screencast

DEFINITION

Narrated slideshows include audio recordings synchronized to images, usually without hand-drawn annotations. A screencast is a digital recording of a computer screen with audio narration. Screencasts can include telestrator (‘John Madden pen’) annotations.

Screencasts and narrated slideshows can be created with two kinds of tools:

  1. Browser-based: Create an account on the website and use a modern web browser like Google Chrome or FireFox to record, save and share it.
  2. Client-based: Download and install software on a computing device to record and save.

After recording, narrated slideshows and screencasts can be shared  via a website provided by the software publisher and/or via a video sharing site like YouTube or Vimeo.

WORKFLOW

A 5 Photo Story is an excellent project which can be used to build the foundation for a narrated slideshow.

Initial Setup

Browser-based:

  1. Download and install a modern web browser like Google Chrome or FireFox on your laptop or desktop computer.
  2. Register for a free account on the browser-based Screencasting service (like Screenr.com)

Client-based

  1. Download and install software to your computer or tablet device for screencast recording.
  2. Create a free account EITHER on the software publisher’s website (like Jing, ShowMe or EduCreations) or on a video sharing site (like YouTube or Vimeo.)

Ongoing Use

Browser-based:

  1. Open your web browser and login to the screencasting site.
  2. Record your screencast.
  3. Directly publish your screencast on the website, optionally cross-post to YouTube.

Client-based:

  1. Open your screencasting software program.
  2. Record your screencast.
  3. Save your screencast as a local, editable file.
  4. Export your screencast as a finalized, ‘flattened’ (combined) video.
  5. Upload your final screencast video to the publisher’s sharing site or another video sharing site.

ns-screencast-chart

TOOLS (Web-based / Browser-based)

  1. Screencastify (free & commercial versions, 10 min limit for free)
  2. Screencast-O-Matic (free & commercial versions, 15 min limit for free)
  3. Screenr (free – but not compatible with the latest version of Java as of March 2014)
  4. VoiceThread (free+)
  5. SlideShare (free+)

TOOLS (software for laptop/desktop computers)

  1. Screencast-O-Matic (free & commercial versions, 15 min limit for free, Win/Mac)
  2. QuickTime (free, Mac only)
  3. Jing (free, client software based, 5 min limit, Win/Mac)
  4. Fastone Capture ($20, Win only)
  5. Camtasia ($100, Win/Mac)
  6. Screenflow ($100, Mac only)
  7. Clarify ($30, Win/Mac)
  8. Snapz Pro ($70, Mac only)
  9. iShowU ($20, $30 or $60, Mac only)
  10. Community Clips (free, Win only)
  11. More resources on Screencasting from “Technology 4 Teachers”

TOOLS (iPad / iPod Touch / iPhone apps)

  1. Explain Everything for iPad ($3 – www.explaineverything.com)
  2. Shadow Puppet (free – get-puppet.com)
  3. EduCreations (free, for iPad, can load multiple slides/scenes before starting – www.educreations.com)
  4. 30 Hands: Show What You Know (free)
  5. Touchcast (free, can embed different kinds of interactive media – www.touchcast.com)
  6. ShowMe (free, for iPad, have to load slides/scenes 1 at a time – www.showme.com)
  7. Knowmia (free – www.knowmia.com)
  8. Snapguide (free)
  9. Doodlecast Pro for iPad ($1 doodlecastpro.com)
  10. Pixntell (free, iPhone/iPod Touch / iPad – upload to YouTube or Facebook – pixntell.com)
  11. Sonic Pics ($3 – www.sonicpics.com)
  12. Little Bird Tales ($3)

EXAMPLES

PAPER SLIDE VIDEO EXAMPLES

  1. How to Make a Paper Slide Video (74 sec – also a good example!)
  2. Paper Slide Video Project Rubric and Planning Guide (PDF) by Phillip Ward & Wes Fryer
    1. Example video: China One Child Policy (4 min) by Phillip Ward & Wes Fryer
    2. Example video: Egypt After Arab Spring (5 min) by Wes Fryer
    3. Open Ended Questions List (Africa)
  3. 1 Take Video Resources by Lodge McCammon
  4. Paper Slide Video Guidelines from Mary Frazier (Buhler, Kansas)
  5. Sample Storyboard for Paper Slide Video (PDF) from Mary Frazier (Buhler, Kansas)
  6. Good overview & example: Why This Method? Flipped Classroom Training Program by Lodge McCammon (key idea: “we are modeling a low barrier creative process that requires deep level thinking & focused on content”)
  7. Examples on “Smart Phones in the Classroom” by Jake Heister

Screencasts:

  1. Minecraft – San Diego Mission Project (4 min, 13 sec, created by a 4th grader, backstory)
  2. Mathtrain.tv (elementary math screencasts in Santa Monica, CA – @mathtrain)
  3. Using the Daum Equation Editor to Format Math Equations for Wolfram Alpha (3 min, 18 sec)
  4. Student example created with Screenflow: Subtracting negative and positive integers. Check out Yarmouth 7th grade teachers and students’ YouTube channel HMSFlippingCMP for more. Also check out the resources for Mike and Morgan’s presentation for Yarmouth’s district PD day on March 16, 2012, “Flipping the Classroom.”
  5. Khan Academy is the most famous screencasting project currently.
  6. The Explain Everything Showcase includes exemplary screencasts in a variety of content areas.
Narrated Slideshows:
  1. Narrated 5 Photo Story: 5 iPad Essentials for Traveling Presenters
  2. Ejyafjallajokull: Our 6th Grade Science Volcano Project (7th grade, created with Explain EveryThing for iPad)
  3. Third Grade Three Pig Opinions (EduCreations)
  4. Kitchen Chemistry Experiments (4th grade, created with Explain EveryThing for iPad)
  5. Helen Keller Book Report (3rd grade, created with VoiceThread – YouTube version available)
  6. Annie Oakley (4th grade, 44 sec, created with “Explain Everything” for iPad, posted to a class Posterous blog, more background available)
  7. Liquid Measure (5th grade, 32 sec, created with “Show Me” for iPad)
  8. More on share.playingwithmedia.com

TUTORIALS

  1. HowTo: iPad Screen Recording (3 min, 22 sec)
  2. Using Explain Everything in the Classroom (2.5 min)
  3. Tutorial: Creating a Narrated Slideshow with ShowMe for iPad (4.5 min)

* Image attribution: Narrated Slideshow image created by Wesley Fryer using Brushes for iPad

Permanent link to this article: https://showwithmedia.com/narrated-slideshow-screencast/

3 comments

15 pings

Skip to comment form

  1. Wes,

    I would like to add Knowmia to your list of items compared in the table. It is an iOS app that imports still images, records iPad’s webcam, ability to import video and play it from within the app, and whiteboard annotations are available too. There is no cost for the app as it will be uploaded to the Knowmia.com website for free. Unfortunately, it is limited in download options. Limited to the point of downloading just the recording in Knowmia’s own format. However, I would recommend it over Educreations, Show Me, Screen Chomp, and right behind Explain Everything.

      • on May 13, 2013 at 7:52 pm
      • Reply

      Thanks for recommending it Dean – I added it to the list of linked iOS tool options and will check it out!

  2. I know you’re a Mac/Apple guy, but I figured I’d throw some more in the mix in case you want to expand this list for educators who are using other operating systems and technologies (in my case, Windows):

    BB Flashback Express (http://www.bbsoftware.co.uk/BBFlashBack_FreePlayer.aspx) – this is similar to Jing, but higher quality and doesn’t have a 5 minute time limit; free

    EZVid (http://www.ezvid.com/) – Haven’t tried this, but I know it allows for both screen/audio recording and has a built-in editor

    Record Voice & Pen ( http://apps.microsoft.com/windows/en-ca/app/record-voice-pen/379acbdc-58fc-40d6-b8e4-d768df433aae ) – This is a simple Khan Academy-style app (Windows 8/Metro), for recording drawing/writing along with voice narration; free

  1. […] I worked with a librarian who is going to help 4th and 5th grade students next week record “narrated slideshows” to practice their oral communication skills telling stories with “story cards” […]

  2. […] See on maps.playingwithmedia.com […]

  3. […] See on maps.playingwithmedia.com […]

  4. […] Narrated Slideshow – Screencast » Mapping Media to the Common Core ”A screencast is a digital recording of a computer screen with audio narration. Screencasts can include telestrator (‘John Madden pen’) annotations. Narrated slideshows include audio recordings synchronized to images without hand-drawn annotations.” Some nice, straightforward directions by Wes Fryer […]

  5. […] See on maps.playingwithmedia.com […]

  6. […] added “Shadow Puppet” to the list of iOS apps on the Narrated Slideshow / Screencast page of Mapping Media to the Common Core. Shadow Puppet was fast and easy to use, I actually created this after we boarded our aircraft for […]

  7. […] my iPad2 to iOS 7. In the morning, we viewed and discussed different examples of student-created narrated slideshows and screencasts. These […]

  8. […] this class over H.323 videoconferencing from my house! Tonight we focused primarily on creating narrated slideshows and screencasts. Following class, I used the iPad apps Haiku Deck, Mail, Explain Everything, PhotoSync, and YouTube […]

  9. […] I recorded and posted this screencast to YouTube using the free, browser-based website and service Screencast-O-Matic. Since I don’t have a Pro account it created a small, unobtrusive watermark in the lower left corner of my final video. Screencast-O-Matic (@screencasto on Twitter) works almost identically to Screenr, which used to be my favorite browser-based screencasting tool. Unfortunately, Screenr hasn’t been updated for awhile and now it’s not compatible with the latest version of Java. I added Screencast-O-Matic to the Narrated Slideshow / Screencast page of Mapping Media. […]

  10. […] I recorded and posted this screencast to YouTube using the free, browser-based website and service Screencast-O-Matic. Since I don’t have a Pro account it created a small, unobtrusive watermark in the lower left corner of my final video. Screencast-O-Matic (@screencasto on Twitter) works almost identically to Screenr, which used to be my favorite browser-based screencasting tool. Unfortunately, Screenr hasn’t been updated for awhile and now it’s not compatible with the latest version of Java. I added Screencast-O-Matic to the Narrated Slideshow / Screencast page of Mapping Media. […]

  11. […] If you want to stay away from hand-drawn micro lectures and want to use other options, Wesley Fryer has a host of tools to create micro lectures in other formats to explore. […]

  12. […] of my favorite types of media products to create and share. While images and video clips used in narrated slideshow and quick edit video projects can significantly enhance engagement and learning for people […]

  13. […] I also created a new multimedia project page for “InfoPic” on ShowWithMedia.com, which replaced “5 Photo Story” on the 3 x 4 homepage grid. 5 Photo Story is still on the site but is linked from the Narrated Slideshow / Screencast page. […]

  14. […] wife (@sfryer) is starting a narrated slideshow media project tomorrow with her third graders. About a week ago, all the third graders at our school went on a […]

Leave a Reply

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.