What are they?

Instructional videos are video tutorials or demonstrations showing how to do something. Use a screencast app to record something you are doing on your computer. Use other apps if you are going to record yourself talking and perhaps using a chalk or white board. You can create the tutorial or your students can. If you found one created by someone else it would be called a learning object. You could also call these movies and have students create them to demonstrate learning or as a call to action or to show creativity or....

Why create them?

  • If you create the video, it can replace a lecture, demonstration or review session. Students can view the tutorial as many times as they wish.
  • We don't retain what we don't manipulate, create and explain.
  • If students create the video they can demonstrate how they have solved a problem, or created a graphic, or done ??? on their computer.
  • View Kids Teaching Kids. Eric Marcos and the Mathtrain.TV story http://www.youtube.com/watch?v=_8OAfHg0CP4Then check out the videos available at Mathtrain http://mathtrain.tv
  • Check out Students create YouTube videos solving algebra problems High-school algebra teacher Vito Ferrante has students create YouTube videos as a way to increase their engagement in learning. Students use their own Flip cameras and smartphones to create videos of themselves solving problems, which gives Ferrante insight into their understanding of concepts. "It seems like they're catching their problems a lot more quickly, and they're not just doing the same things over and over again incorrectly," said Ferrante, who teaches at Jesuit High School near Sacramento, Calif. T.H.E. Journal
  • If you can see it on your monitor, you can record it as a screencast. If you need other materials, select a different app and use a video camera on your phone, iPad, iPod, tablet, laptop, desktop, etc.
  • What if your school blocks YouTube or other videos you wish to use in the classroom? 6 Ways To Access @YouTube Videos Even If They're Blocked at School

  • Broadway musical Hamilton. You've got to see this one (clips at least!) How does it fit into instructional videos? Students could create a script like this about a historical figure and video record it.


Your assignment:

  1. Read/explore links listed above and below.
  2. Create an Instructional Video webpage in your wiki. Tell what instructional videos are.
  3. Optional: Find two articles or videos where teachers talk about how they use screencasting and/or instructional videos with their students.
    Summarize articles/videos (2-3 sentences) and hyperlink to article or video on your instructional videos webpage.
  4. Samples:
    Browsers have changed significantly so use the above handouts. Open the pdf so formatting and screen snips are held in place. Docx is provided so I can edit and update the document at a future date.
    1. Create a sample screencast telling how to do something. (see resource list below, there are many options)
      If one browser in the lab doesn't work, try another one. Some browsers in the lab have Java issues.
      Post screencast your your wiki.Swart Lab: Windows side - browsers seem to work, Java is out of date but can be updated later.
      Mac side - only use Firefox, others need too many plugins. Read these instructions then quit Firefox if it is open. Update Java by going to Finder - Apple - System Preferences - Java (bottom row of icons) - Update Now - Install (keep installing) (password is your campus password). Now you are ready to make screencast.
      Making screencast - Open Firefox, go to Screencastomatic.com, create an account (make open to public if that option is available), create a screencast, publish to Screencastomatic, click on link, screencast should show - don't worry if plugin is needed you won't need it on your wiki - scroll down page and copy embed code, paste as widget into wiki.
    2. (optional for Fall 2014) Use EDpuzzle to edit your instructional video adding a quiz, notes, commentary or other information to it.
    3. If you don't already have one, create a YouTube (or other) account so you will have a place to host your movies. Share it in such a way that we can view your movies without signing in as you. Set permissions making sure others can not leave comments on your videos.
      Note: Did you know you can get to your YouTube account via GoogleDocs? Log in to GoogleDocs then click on More and select YouTube.
      Think YouTube is too dangerous? Then why does WI DPI have their own channel? http://www.youtube.com/WisconsinDPI As a teacher you could elect to use YouTube for Schools. Check it out if you wish. I like YouTube because it makes videos easier to view on a variety of different devises. It all has to do with how the video/movie is encoded for playing on the web.
    4. Make a brief video (10-15 seconds) using Photobooth on the Macs in our lab. Include a section where you hold up a piece of paper with writing on it for your audience to read. (Can you read the message in your final movie?) Post to your YouTube account then embed on your wiki.
    5. Make a brief video using the built in recorder on YouTube. Include a section where you hold up a piece of paper with writing on it for your audience to read. (Can you read the message in your final movie?) Post to your account then embed in your wiki.
      Note: Once you are in YouTube click on Upload to access the WebCam to make your video. If Photobooth happens to be open, close it to access the camera through YouTube. Embed your video into your wiki.
  5. Reflection: Based on what you have discovered, on your wiki page tell how you and your students might use this tool to support learning.

Due Oct 18, midnight


YouTube Instructions (if you need them or, go online and find a few videos to walk you through the process)
  1. Sign in to YouTube
  2. Click on Upload
  3. Select Webcam capture, Record (allow access to microphone)
  4. Get yourself set for the camera
  5. Press Start Recording (then do your thing!)
  6. Press Stop when done
  7. Press Continue. Movie will save/upload itself
  8. Under Basic Info -- set Privacy settings to public so we can see your movie (you might not want to do this in your classroom, but we do here)
  9. Under Advanced Settings -- Deselect "Allow Comments", "Users can view ratings for this video," "Notify subscribers", "Make video statistics on the watch page publicly visible". Publish (to save).
  10. Play the movie -- click on it's name "Webcam video from ..."
  11. Below the movie Add to, Share, and More will appear. Click on Share. Below that Share, Embed and Email will appear. Click on Embed, grab code, embed in your wiki.
  12. Movie should now appear in your wiki.
  13. If you want to see all the videos you have created, click on Video Manager (below bottom right corner of video).


Uploading PhotoBooth or other movie into YouTube
  1. Make movie, save to desktop or at least know where it is on your machine
  2. Sign in to YouTube
  3. Click on Upload
  4. Drag movie file into large Select Files box or browse to locate file
  5. Follow steps 8-12 above



Resources

Apps:
  • Screencast-o-Matic -- mac or windows, created on web, stored on web, super simple to use http://www.screencast-o-matic.com/
  • Screenr -- online ap, free, super simple to use, make up to 5 minute videos. http://www.screenr.com/
  • Jing ( http://www.techsmith.com/jing/ ) A free application that does either still or video computer screen capture with audio narration. Very simple to use. It has a limitation of 5 minutes so you can't use it to record an entire lecture, but you'd be surprised how you can explain how to use a particular function in Excel, analyze a painting or navigate a government database in under 5 minutes. (see Chunking - http://en.wikipedia.org/wiki/Chunking_(psychology) ). Not only is it easy to use, it's easy to make available on the web. You can either let Jing host it for free with a single click or save it locally and put it on one our streaming servers if you've got the geek cred for that. Available on both Windows and Macintosh.
  • ScreenChomp -- iPad ap, free download
  • Camtasia Studio 7 -- Windows 7 (free 30 day download) http://mathtrain.tv/play.php?vid=297
  • TechSmith Snagit -- "With TechSmith Snagit for Google Chrome™ you can take screenshots or screen recordings of anything on your screen including your browser, desktop, and applications you have running. TechSmith Snagit for Google Chrome™ will share your screen, so you can share your ideas and insights with anyone you’d like."
  • Screencastify -- "Screencastify is a simple video screen capture software (aka. screencast recorder) for Chrome. It is able to record all screen activity inside a tab, including audio. Just press record and the content of your tab is recorded. So you can easily create a screencast for video tutorials, record presentations etc. It also supports desktop capturing, allowing you to record anything on your screen (not just tabs). Videos are recorded as webm/vp8 files with ogg vorbis audio and can be saved to disk or uploaded to Youtube or Google Drive with a single click. "
  • Explain Everything on Chromebooks!

A longer list of apps suggested in "Best Apps" articles from a variety of sources
  • Animoto Is quite popular
  • Art Maker - A wonderful free iPad app that allows children to create a digital story from scratch. A user selects their background, characters, and props and then moves them around the screen while recording.
  • Camtasia - Great application for Windows, similar to Screen Flow.
  • Comic Book - Another digital comic creator app ($1.99) for the iPad/iPhone/iPod that is similar to Strip Designer. A person selects their layout, adds their photos, select some effects/stickers/speech bubbles for their finished product.
  • Cuts-
  • Drag On Tape- A innovative site that is very easy to use. All a user has to do is search for a video and then drag-and-drop it into the timeline editor. Once a video is dropped into edit mode, a user can add text, crop, etc.
  • EduCreations
  • Eyespot
  • Gorillaspot-
  • i Tell a Story - A excellent free iPad that works very similarly to how Garageband creates a podcast. A user uploads a photo and then can record their voice for narration while adding stock sound effects.
  • JayCut- One of the most popular online video editors around. Users of iMovie should feel right at home with this excellent-looking site.
  • Jing - One of the more popular free applications for recording screencasts (unpaid version saves as a swf file).
  • Motionbox
  • My Brainshark- Is a very interesting site that offers a lot of features to their users. A user can upload any number of items such as a slideshow, document, or video and then add audio to their project.
  • My StoryMaker
  • Overstream- A great site for adding comments and subtitles to a video. Once a video is created it can then be shared online for others to view and rate.
  • Photobucket
  • PhotoPeach
  • Pixorial- Is a wonderful site for uploading (or sending in the mail) video that can be stored online and then edited. A user can add an intro, crop, and add audio (stock audio too) to edit their video and then order a DVD or share/embed into a site.
  • Popcorn Maker -- Popcorn Maker makes it easy to enhance, remix and share web video. Use your web browser to combine video and audio with content from the rest of the web — from text, links and maps to pictures and live feeds.
  • Puppet Pals - A excellent free iPad app that lets users create a story by adding characters or their own photos to a selected background. Once the scene is a setup a person can move the characters around while recording their voice.
  • Screen Flick - A Mac application with many export features.
  • Screen Flow - Simply the best, most robust application for creating screencasts at an affordable price.
  • ScreenCastle - One of the best and easiest ways to record a screen and share or embed with others.
  • Screenium - A nice Mac application at a nice price.
  • Screenjelly - Probably the most user-friendly site to use for recording video and uploading to a number of sites.
  • Screenr - Excellent free site for recording screens with an iMovie type interface.
  • Sequence - Very affordable Mac application for creating screencasts with the ability to draw or comment.
  • ShowMe -- create videos on your iPad -- You and Your Students Can Be The Next Sal Kahn
  • SnapZpro - While not as many features of Screen Flow, more affordable and easy to use.
  • SnipSnip.It- A site similar to Tube Chop and Splicd for cropping a YouTube video to highlight the important parts.
  • Sock Puppets - A free iPad/iPhone app that is a lot of fun for kids to create animated stories. This is done by selecting your sock, background, and props and then recording your voice as the socks talk.
  • Splicd- Similar to Tube Chop for cropping a video by adjusting the start/stop times and sharing with others.
  • Stashspace-
  • Story Patch - An iPad app ($2.99) that is ideal for digital storytelling. A person can create a story from scratch or use one of their well-designed templates to complete all the parts of a story.
  • Storyrobe - A fun little iPad/iPod/iPhone app ($.99) that allows a user to upload a photo and then record their voice for narration.
  • Strip Designer - An app ($2.99) similar to Comic Life for the iPad/iPhone/iPod. A user can create a digital comic by selecting a layout, adding pics, and then stickers and speech bubbles to enhance their digital story.
  • Stroome- A great collaborative site that allows users to upload video and edit by adding, transitions, effects, audio, etc.
  • Toontastic - A wonderful free iPad that allows children to create animated cartoon stories. They can choose from stock characters or draw their own while animating them and recording their voice for narration. Also, Toontastic's built-in story arc takes students step-by-step on how to create a story.
  • Tube Chop- Is an easy way to crop and edit YouTube videos and then share with others.
  • VideoEgg
  • Viewbix- Is a simple site to use for adding an interactive linkable button in a YouTube or Facebook video.
  • Voice Thread App - A great free iPad/iPhone app that compliments the Voice Thread very nicely for storytelling. A user can manage their Voice Thread account as well as make digital stories by uploading photos and drawing/recording their voice.
  • Wetoku -- online videos
  • Zcubes-
  • ZooBurst -- 3-d pop up books




Articles


My Samples

Screencast-o-Matic
    1. I used Screencast-o-Matic to make the following video on how to use Fotobabble
      http://www.screencast-o-matic.com/watch/c61TFwiCO
    2. The movie turned out to be too big to post directly to this wiki so I saved it on the screencast-o-matic website and then linked to it. To get the opening photo on this page I made a graphic of the opening shot, inserted it into my wiki then made the graphic a link to the website.
image001.png
screen-cast-o-matic movie of how to use fotobabble




Samples --
Movie made with Photobooth then posted to YouTube
(when you embed this video, use Widget, Video, YouTube)



This one was made using the built in recorder on YouTube (I've still got to work on looking at the camera not my face on the screen!)
(when you embed this video, use Widget, Video, YouTube)





ScreenChomp -- free ap for use with your iPad

1. Download ap then make screenchomp on your iPad (there doesn't seem to be an ap to do that online using a desktop or laptop machine).
2. Send address of show to yourself (email) so you can post it on your wiki. (Maybe you can post it directly on your iPad, I didn't try.)
3. Open the link on your machine. Paste address into your wikispace page, make link. (see step 3 below)
4. Or -- Take a screen shot of screenchomp, paste into Word doc, save image as a jpg, upload image to wikispace page, add link to page, when photo is clicked on it will take you to web address and play screenchomp.
5. Or -- When at screenchomp scroll down to bottom of page, download file (mp4), upload file on wikispace page, it shows and plays wonderfully on your iPad from the webpage.

(step 3) Here's the sample I made:
http://www.screenchomp.com/t/96EVSBW4

(Or -- step 4)
screenchomp.jpg
screenchomp.jpg


(or -- step 5)