Try It #1: Finding, Downloading, Storing, Moving Images

1) On your desktop, create a folder named “media-workshop”2) Go to http://commons.wikimedia.org and find an image that is at least 800 pixels wide. (Hint: dimensions are shown as width x height)3) Download this file, or click the chosen dimensions to open the file full screen, then right/ctrl-click on it, and save it to the “media-workshop” folder you just created.4) Jot down the dimensions (W x H), then get the file size (click once on file to select it, then use ⌘-i (Mac) or right-click: Properties (Win).5) Go to http://webfiles.uvm.edu. Login. 6) Click on the Zoofiles-Webpage folder in the left sidebar, then click the “New” icon. Click “Folder” and create a folder named media-workshop.6) Find the folder, click it to open it, then click the “Upload” icon and upload your image file.

Take it further: 1) See if your neighbor can find your image. They should look at http://www.uvm.edu/~your-netid/media-workshop/whatever-you-named-your-image2) Ask your neighbor if you can copy their image. Go to its location (just like they went to yours).3) Download their image (right/ctrl-click, save the image.)

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 1

Try It #2: Editing Images

1) Open a new window in your browser, go to picmonkey.com and upload an image.2) Click the Crop tool and do one adjustment.3) Click the Text tool and add some text.4) Click the Effect tool and try one effect.5) Look for this icon to show before and after versions as you edit: 6) Save the picture, name it, choose a quality (and notice the difference in file sizes), save it to your computer.7) Upload this new edited picture file to zoo/media-workshop

Take it further: Sometimes the images you want are not directly available on the web. For example, we may have images embedded in a Word file but do not have access to the original images. How can we get the images out of the file so we can re-use them? Let’s compare two methods:1) Download this file: http://tinyurl.com/hsm8t2p and open it in Word.2) Right/ctrl-click on a picture choose “Save Picture As,” give it a name, save it to the desktop.3) Now try another method: In the Word doc, choose File: Save As and choose to save the document as a web page (.htm).4) Word will save your file as a web page but will also save the images in a separate folder. Find that folder, open an image, and compare them to the size and quality of images saved in step #3. Which is closest to the quality of the original image?What about getting images out of PDF files? Here are some options: http://www.online-tech-tips.com/software-reviews/extract-images-from-pdf-files/

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 2

Try It #3: Finding Video: Kanopy1) Go to library.uvm.edu, Articles & More, scroll down to Kanopy.2) If you are off-campus you will asked to login with your NetID and password.3) Use “Browse Subjects” or the Search tool to find a film.4) Click Play button to watch it. Once it starts, click the Expand button to see it full screen. 5) Click the Share/Embed icon to get code you can use to paste a link in PowerPoint or Blackboard or embed the video in Blackboard. (Embed? The video appears right on the Blackboard page.)

Take it further: Extra features in Kanopy1) Some features in Kanopy require that you create an additional account. You can use your UVM email name for this but don’t (don’t ever!) use your UVM password. Create a new password.2) Find a movie, then click “Create Clip/Playlist”3) Type a name for the new playlist in the box and click “Create.”4) The Playlist name will appear above in the Existing Playlist area. There will be an “Add Video” option. Click that to add the video to this playlist.5) There is also an “Edit Playlist” link. Click that to make clips or to find the “Delete Playlist” option.6) To make a clip, click the “Edit” button to the right of your movie in the My Playlist area.7) Enter the start time and end time for the clip, then click “Save Clip.”TIP: If you want to keep the full movie in your Playlist and make some clips from that movie, add the movie to your Playlist, click “Edit Playlist,” then click “Duplicate” to make a copy. Creating a clip keeps only the clip. Ex: Want 5 clips? Make 5 duplicates.TIP: The fastest way to make clips is to scrub through the video and note all the times for where you want a clip to start and where it should end. Jot those down. You can then just enter each set of numbers in each duplicate to make your clips.

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 3

Try It #4: Ripping Video: Handbrake1) Put in a DVD and when it starts to play, go to the menu and determine which chapter you want to rip. Then Quit the player.2) Start Handbrake and open a file (or if it’s already open, click the Source icon and choose file). 3) Choose your settings. Select the chapter you want to rip.Browse to where you want to save the resulting .mp4 file. Open the Preset sidebar menu and choose Apple TV. The remainder of the settings are like this:

4) Click “Start” to begin processing. The progress bar is at the bottom. Handbrake will let you know when it’s done.5) Go find your video and play it!

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 4

Try It #5: Creating Video: Screencast-o-matic or Camtasia1) Go to our CTL Help pages for these.http://www.uvm.edu/ctl, look for Teaching Resources in the left menu, then find Screencasting.

Try It #6: Storing your video in streaming.uvm.edu1) Go to streaming.uvm.edu, login with your NetID and password.2) Click “Upload a Video”3) Enter a title, some tags to search on so you can find your video later, and a description. Then set the options:

4) Acknowledge the statement give, note that your video cannot be larger than 10GB, and must be in one of the formats listed.5) Click “Browse,” find your video, then click” Upload Video.” Remember: the upload is fast but the transcoding is slow. Don’t try to upload several video in quick succession. It will just slow the process down.

Try It #7: Linking or Embedding Video in BlackboardMixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 5

To create a link to the video:1) In streaming.uvm.edu, click in the video. 2) Click on the “Share” tab below the video. Copy the URL you find under: “Copy and paste this code into your blog.uvm.edu post.” (I know, it says blog but it works for Blackboard too.)3) Go to your Blackboard course, open a Content Area page (eg: Course Materials) and under "Build Content," choose “Web Link.”4) Give the link a name and below that, paste in the URL that you've just copied from the streaming.uvm.edu. Description of file is optional. 5) It is recommended that you select the option to "Open in New Window" and then click "Submit"

To embed the media (so it can be viewed within the course page):1) In streaming.uvm.edu, click in the video. 2) Click on the “Share” tab below the video. 3) Copy all the code inside the Embed box (It will start with “<iframe…”4) In your Blackboard course, go to a Content Area page and under "Build Content," choose "Item," and fill in the title of the media, e.g. "Lecture 1"5) BEFORE you paste the "embed code" into the text area, you must "toggle to the HTML view" (See image below)

6) Once you click on the toggle button, you may see a small amount of HTML code. You may delete it and paste the "embed code" you've copied into that window.7) Click “Submit.”NOTE: if you want to include more than one media file on the same Blackboard page, you must create a new Item for each one.

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 6

Try It #8: Smorgasbord of AppsExplore one or more of the apps:1) Pinterest:

More information: http://tinyurl.com/zpq9spwHow-to video: http://tinyurl.com/z8god9bSample to try: Go to pinterest.com, login as hag+demo@uvm.edu, guestofhag

2) ThingLinkMore information: http://tinyurl.com/zpq9spwHow-to video: https://streaming.uvm.edu/media/videos/426/thinglink/Sample to try: To add a pin to a sample ThingLink, go to http://tinyurl.com/zavduys

3) WordPressMore information: http://tinyurl.com/hstvc3bTo visit the WordPress Victorian Science Fiction example, go to http://blog.uvm.edu/scalexan-vsf/

4) OmekaMore information: http://tinyurl.com/zpq9spwTo visit our UVM Omeka site: http;//badger.uvm.edu/omeka

5) VideoAntTo annotate a VideoAnt, go here and login using Google with this user name: hag+demo@uvm.edu: https://ant.umn.edu/apwjrspfkx (I’ll give you the password in the workshop)

6) Annotation StudioMore information: http://tinyurl.com/zpq9spwTo add an annotation to a sample document in Annotation Studio, go to http://www.annotationstudio.org and Sign In as hag+demo@uvm.edu, guestofhag. In the document “Finding the Leak” select some text, let go of the mouse, and when you see the pen icon, click it.

7) TouchCastMore information: http://tinyurl.com/zpq9spwAn example at: http://tinyurl.com/hyk9op3

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 7

Try it #9: Assignments and Resources

1) As you see examples of the Apps or as you try them for yourself, jot down ideas for how you might use them. Would you create materials for your students or might you ask them to do a project using one of these?

Consider the types of work you currently have them do, ways you would “scaffold” these projects so that they can build them in pieces, and ways you would assess them.

We’ll share ideas at the end.

Mixing Media Bootcamp, Center for Teaching and Learning, May 24, 2016 8