Make your own multimedia learning materials - ?· Make your own multimedia learning materials ... •…
MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 CREATING GREAT SOFTWARE TUTORIALS Make your own multimedia learning materials TIPS FOR EFFECTIVE WRITTEN TUTORIALS What makes an easy-to-follow written tutorial? Clear instructions Plan your content Decide whether the instructions will be project-specific, or more generic in nature Run through the steps and write them down in order Reassure the reader by explaining expected behaviour Use minimal text. What can you leave out? There are often multiple ways to do things, but you dont need to explain all methods all the time. Choose one method only Use bold sparingly to highlight specific instructions like shortcuts, or other actions Include great images. Visuals make a tutorial easy to follow and attractive to look at Good layout Start with a brief sentence to describe what youre going to do Use point form or numbers for the step-by-step instructions Use some white space dont squish everything up! IMAGES: SCREENSHOTS Screencapture software allows you to take a photo of your screen, or part of your screen. You can then use the image in a written tutorial, or in a video tutorial. There are free options for screencapture, but if youre going to be creating tutorials frequently its well worth purchasing one of the professional programs. Tips for images Think about which images you should include in your tutorial You can take screenshots of windows, sections of documents or menus Only capture the part of the screen you need it will be clearer (and bigger) Add arrows or boxes to highlight the part of the image youre referring to Save your images in a single project folder so theyre easy to find (or in a photo management program such as iPhoto) K a t i e W a r d r o b e C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 SCREENCAPTURE SOFTWARE Free Jing best free option (Mac and PC) http://www.techsmith.com/jing/ Mac inbult option http://guides.macrumors.com/Taking_Screenshots_in_Mac_OS_X PC inbuilt option http://graphicssoft.about.com/cs/general/ht/winscreenshot.htm Paid SnagIt (the one I use). Excellent features including image editing, effects (torn edges, transparency, annotations, image editing), mouse capture, capture of menus and sub-menus and much more. IMAGE CAPTURE IN JING Select the Region Download and install Jing Look for the little sun at the top (or top right corner) of your screen Hover your mouse over the sun and 3 options will appear Click on the Capture option (on the left) Cross-hairs will appear and you can click and drag over the part of the screen you need Let go when youre happy with your selection Choose Image or Video When you let go, youll see your capture like this Now youll need to choose whether you want to create a still image, or a video Click on the Image button on the left Name and Annotate Your Image Title your image in the white Name box Add annotations using the buttons on the left Click on the Save button Select a location for your image (its a good idea to set up a folder for all images related to one project) Click Save C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 ADDING YOUR IMAGE TO A WORD DOCUMENT Insert Your Image Into Your Written Tutorial Open your tutorial document Position your cursor where you want the image to appear (or at least nearby) Go to Insert > Picture > From file Navigate to the image you created Click Insert The image will appear in your Word document Resizing Image in Word Click on the image to select it Resize the image by dragging one of the corners in/out (dragging from a corner will avoid distortion) Crop The Image Click on the image to select it On the Formatting Palette, click on the Picture tab and then select the Crop tool (or go to Format > Picture) Click on the edge of the image and drag the mouse inwards to crop it Position An Image Anywhere on the Page Click on the image On the Formatting Palette, click on Wrapping and then choose one of the options next to Style: o In line with text - image appears between 2 paragraphs o Square image moves freely around in document. Text wraps the image with a square border o Tight - image moves freely around in document. Text wraps image and conforms to image shape C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 SCREENCASTING (VIDEO) What you need: Screencasting software Microphone A way to share the videos with your students Software Options: Free Jing (free) limited to 5 minutes, not viewable on iPhone (creates Flash videos) http://www.techsmith.com/jing/ Screenr free, online limited to 5 minutes web-based, viewable on iPhone http://www.screenr.com/ Voicethread not a screencasting program as such, but a good straightforward way to add a voiceover to still pics http://voicethread.com Software Options: Paid Screenflow (Mac only the one I use) http://www.telestream.net/screen-flow/ Camtasia Studio (PC only) - education discounts available, can bundle it with Snagit http://www.techsmith.com Camtasia for Mac (not the same as the Camtasia PC version) http://www.techsmith.com Microphone options Inbuilt mic in your computer USB mic ($100ish) A regular mic (ie. Shure SM58) and an audio interface Sharing Screencasts Videos are generally too big to email. The best option is to upload the video to a website so that students can view them at home. You may be able to upload them to your school website. Other options: If you use Screenr, they will already live on the internet. Youll just need to give the URL (web address) of the video to the students If you use Jing, you can use their free sharing site www.screencast.com If you use a paid software program like Screenflow or Camtasia, you can upload the videos to video sharing sites like Youtube, Vimeo or Teachertube TIPS FOR EFFECTIVE VIDEO TUTORIALS Decide what sort of style video youre going to make and how much time you have to spend on it BEFORE you hit record Plan, Plan, Plan (an outline or script is useful) You MUST include a voiceover or onscreen instructions Be careful with mouse movements dont circle objects repeatedly Break instructions up into short videos, rather than create one long video. 5 minutes is a long time Your first video may take a long time to make, but it gets quicker! C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 UNSCRIPTED, UNEDITED VIDEOS If youre using one of the free screencasting tools, like Jing or Screenr this will be the type of video youll create because they dont have editing options. Basic steps: Open the software program youre creating the tutorial for Open the screencasting software (or go to the screencasting website if youre using an online solution) Select the area to capture (if applicable) Press record Wait for the countdown and then carry out the steps of the task Describe the steps verbally as you do it. Dont worry too much about ums and ahs or slip-ups! Re-record if necessary SCRIPTED, EDITED VIDEOS If youre using a professional screencasting program and want to create a more professional video youll need to take some more time to create your videos. There are numerous approaches to making tutorial videos. Heres the way I do it: Write a script and practise the steps in the software program Record the audio in an audio editing program such as Audacity (free), leaving slight pauses between each step (this makes editing easier later on) Edit the audio if necessary (remove slip-ups, unwanted gaps, mistakes) Import the audio into your screencasting software program Record the screencast (the visual part) Edit the audio and video together so they match up Add effects such as call-outs, video actions and audio actions Add in titles and theme music Optional Extras Add onscreen text to reinforce any shortcuts mentioned Add subtitles (captions) for the entire video. Because I upload my videos to Youtube, I use a free online subtitling program called Captiontube http://captiontube.appspot.com/ SCREENCASTING IN JING Select the Region Hover your mouse over the sun and 3 options will appear Click on the Capture option (on the left) Cross-hairs will appear and you can click and drag over the part of the screen you need Let go when youre happy with your selection C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 Choose Image or Video When you let go, youll see your capture like this Click on the Video button, second from the left Microphone Make sure your microphone is connected to your computer and that its not muted in Jing Record A 3 second countdown will show on your screen (get ready!) Perform the actions you want to demonstrate and narrate at the same time Click the Stop button when youve finished You can click on the Play button to view a preview Save and/or Share You can either save your video to your hard drive, or you can save it to a video-sharing site. Use the Share on Screencast button to upload your video to Jings own video sharing site Use the Save button to save the video to your own computer C r e a t i n g G r e a t S o f t w a r e T u t o r i a l s K a t i e W a r d r o b e MUSIC TECHNOLOGY IN EDUCATION CONFERENCE mtec2011 IDEAS FOR SCREENCASTS Record tutorial videos about software/websites for students ahead of classtime Students can record themselves doing exercises during classtime - save for revision Students create tutorials for one another (or for staff!) Mark student work verbally record yourself speaking about student work on your screen Record yourself commenting on videos of student performances Have students record comments about each others work Students can record a verbal response to photos/artwork/videos/recordings Record students doing work at the interactive whiteboard LINKS Making Effective Tutorial Videos: Behind The Scenes of a Screencast http://midnightmusic.com.au/index.php/2010/07/making-effective-tutorial-videos-behind-the-scenes-of-a-screencast/ Marking student work via screencasts http://paulmcgovern.net/marking-via-screencasts/ Teachers Describe Student-Created Tutorials http://langwitches.org/blog/2011/03/09/becoming-good-tutorial-designers http://kimcofino.com/blog/2011/02/27/students-as-teachers-6th-grade-tutorial-designers Jing Education Blog http://blog.techsmith.com/edublog/ CONTACT Contact details (questions and/or training enquiries) Email Katie Wardrobe: email@example.com Join the Midnight Music mailing list for tips and news: www.midnightmusic.com.au Welcome to Jing! A guide to taking your first capture 2010 TechSmith Corporation. All rights reserved. Welcome to Jing www.techsmith.com 2 Welcome to Jing Heard of Jing from TechSmith? Its the fastest way to show something on your screen to others. Jing can capture images and video and it works on Macintosh and Windows. Why would you want to show stuff on your screen to others? You could This guide will show you everything you need to know to take a screen capture. Install and set up JingLaunch Jing Take a Capture (Image or Video) Save or Share your Capture Additional References Welcome to Jing www.techsmith.com 3 Install Jing and Sign Up for Screencast.com Download and install Jing from http://www.techsmith.com/jing. Double click the installer and proceed as directed. Near the end of the short process you are prompted to sign up for Screencast.com. What is Screencast.com? Screencast.com is a hosting service from TechSmith, perfect for the videos and images you create with Jing. You get 2 GB of storage and 2 GB of bandwidth per month for free.You can also choose to host your captures elsewhere, such as Flickr or your own FTP server. Is it private?Yes. You own and control all your content. Only people you choose can see it, and its only deleted when you delete it. Welcome to Jing www.techsmith.com 4 Find and Launch Jing After the installation and sign up is complete, you might not notice anything has changed on your computer. Look carefully around the top edges of your screen. On Windows, the Jing Sun Launcher location is at the top center of the screen. On Macintosh, its in the upper right corner. As you move over the sun three options will emerge. The most useful one is Capture. Take a Capture Click Capture. See how parts of your screen go darker as you move the cross hairs around the screen? Click and drag to select a portion of your screen. The highlighted bright area is the part that will be captured. Let go when youve got the area you want selected.Welcome to Jing www.techsmith.com 5 Ok, now its decision time! Do you want to capture an image or record a video? I want to capture an image! I want to record a video! Click the Image button. Click the Video button. The image appears in the Preview window. Make sure your microphone is connected and that youre not muted. Also, if you have Jing Pro, you can record a webcam! Welcome to Jing www.techsmith.com 6 I want to capture an image! (Continued) I want to record a video! (Continued) Use the image tools to annotate your capture. A 3 second countdown will appear, and your screen will then be recorded. Perform any actions youd like to show while narrating along.Note that that there is a 5-minute time limit. The Date/Time stamp is the default filename. Change if desired. Click Stop when youre done. Welcome to Jing www.techsmith.com 7 Save, Copy or Share Your Capture to Screencast.com Once youve captured an image or made a video, you have to decide what you want to do with it. The default output options are Screencast.com (left button), Save (middle), or Copy (right, & only works for images). Lets explore the differences: | Save: Your traditional save process youve done dozens or thousands of times. Save it. Pick a file name. Pick a location. Copy: This only applies to images. You can click the Copy button and then paste the image into a document, email, etc. Screencast.com: If you click Screencast.com, your image or video is uploaded to your Jing folder on Screencast.com. Remember its private. No one is going to get to your content unless you give them the link to it. Once the video or image is uploaded to Screencast.com, you get a link to it. Next, paste the link into your email, document or online conversation. The link will look something like this: http://screencast.com/t/yKWyv8hI5. When people click it, theyll see exactly what you captured! To paste, you can press Ctrl + V (Command + V on Mac). Or you can usually right click your mouse in the area where you want to paste and select Paste from the drop down menu.I want to capture an image! (Continued) I want to record a video! (Continued) Time to share and save your capture. Choose one of the available output buttons to share your capture. Your capture shows up in preview window. Preview itthen share it. Welcome to Jing www.techsmith.com 8 Why Would You Want to Use Screencast.com? Why not just save the file and attach it to an email for example? Possible reasons include: A link is more viewer-friendly in some cases. Example: Your email recipient isnt likely going to be too happy when they receive an email with a huge video file attached to it. A link to the content is more versatile: Example: You cant attach or insert images or video into some mediumslike an Instant message client or chat room. The viewer will likely have a better experience watching the video via your link than trying to open it as a raw file. Screencast.com takes care of everything. Learn More Cool Stuff About Jing! Weve got two great resources you should check out sometime. Our Help Center at www.techsmith.com/learn/jing will show you things like how to move or hide the sun, how to make custom Jing buttons and more. Our blog at http://blog.jingproject.com is a great place to learn the latest news, join the conversation, and see how others are using Jing!