College of Education
Dept. of Curriculum & Instruction
Instructional Technology Program

CUIN 7358:
Educational Uses of Digital Photography
& Digital Storytelling

fall 2008

This course is linked with ELED 7325: History & Development
of Early Childhood Literature

 

November 11, 2008: Class Eleven     Course Blog          Student Blogs          return to main page


Topics for Class Eleven:

New Course Menu Link
Assignment Checklist
Review Assignments from Previous Classes
A Little More with Audio
Working with Video


Assignments for Next Class:
  * Reading Assignments
 
* Discussion Blog Assignment
  * Personal Blog Assignment
 


 

New Course Menu Link
http://courses.coe.uh.edu/brobin/7358-lit/lit-menu.htm

 


Assignment Checklist
 

10 Hands-On Assignments - worth 2 points each, a maximum of 20 points possible
1. Find digital images
2. Create picture collage
3. Use image editing program
4. Create digital story
5. Add narration/music
6. Select Engines episode; begin collecting images
7. Write 1st version of script
8. Create a storyboard of final project
9. Edit audio file
10.


10 Discussion Blog Postings - worth 1 point each, a maximum of 10 points possible
1. Post personal introduction
2. Post question about Class 2 topics
3. Mini-review of online image editor
4. Discuss final semester project topics
5. Post question/comment about storyboard process
6. Post question/comment about audio editing process
7.
8.
9.
10.


10 Personal Blog Postings - worth 1 point each, a maximum of 10 points possible
1. Create personal blog, post link to image collage
2. Upload edited images
3. Discuss 1st digital story assignment
4. Upload digital story w/narration and music
5. Discuss Engines episode you selected
6. Post your script and provide online feedback to 2 other student's scripts
7. Post link to edited audio file
8.
Post list of the different software programs used
9. D
iscuss reaction to reading assignment on copyright
10.
 

Engines of Our Ingenuity Midterm Project - worth a maximum of 20 points


Final Semester Project
- worth a maximum of 25 points


Final Semester Project Report
- worth a maximum of 15 points


 


Review Assignments from Last Class


Hands-On Assignment 9:

In this week's class, we explored the use of the Goldwave Digital Audio Editor to edit and mix audio files. The hands-on assignment for this week is to download and use Goldwave, Audacity or any other digital audio editing program of your choice, to try to create an edited audio file that has one person talking with music mixed in at the proper volume level so that music does not drown out the narration.

Remember, that if you need to, you can check out a microphone or portable digital voice recorder from the CITE Lab with which you can record audio for this assignment.

When you have completed the audio editing, you should save the file as a .WMA or .MP3 file (you may need to download and install the LAME encoder first if you're using Goldwave in order to save files in MP3 format.)

Then go to the Sound Upload website at: http://www.soundupload.com/ and upload your edited audio file and then retrieve the link to the file (it will be emailed to you) and post the link on your personal blog (see Blog Assignment 9a below). If you prefer, you may use another method to put your audio file online as long as you can add a link or an embedded audio player (such as adding MP3s with BoomP3, located at:http://boomp3.com/) to your blog posting. 

Since SoundUpload.com no longer appears to be working, here are some other options for uploading audio files:

ZShare
http://www.zshare.net/

Orbitfiles.com
http://www.orbitfiles.com/


Blog Assignment 9a: 

Post the link to your edited audio file from this week's hands-on assignment (or an embedded audio player) on your personal blog.


Blog Assignment 9b:

Post a comment on the course discussion blog related the Class 9 hands-on assignment about editing and mixing audio files and/or uploading the audio file to an online site that provides a hyperlink or an embedded audio player for your blog. 


 


Settings for Digital Audio Clips in Goldwave

There may be times when you need to decide what settings to use when saving digital audio files in Goldwave or other digital audio editors.

To save an audio file with the recommended settings, go to the File menu and choose Save Selection as...


 

To save an audio file in the MP3 format, use the Save as type pull-down men and choose MP3.




 

Under the Attributes pull-down menu, you will see a number of choices. The larger numbers generally indicate higher audio quality but they also will result in larger file sizes. 

For voice only audio, 64 or 96 KBPS is a good place to start, although if your audio contains music, you should use a higher bit rate, such as 128, 160 or 192 KBPS. 44100 HZ is also recommended. 



 

You can also save digital audio in the Windows Media Audio (WMA) as shown below.

 

And you should use the same general settings as those for MP3 files described above.


 


Downloading Video Clips from YouTube

Got to YouTube.com (http://www.youtube.com) and 
find the video you want to download.



 

On the right side of the YouTube page, you will see the URL of the video .

Copy the URL of the video you wish to save.


 

Go to the Media Converter website (http://www.mediaconverter.org/) and check the button labeled: Convert a video directly from various portals.

Paste in the URL that you copied. And then click on the Next Step button.

 

 

At this point, you can choose what video format you would like to use when the clip is downloaded. You should note that YouTube, like many websites that present videos use the Flash video format (.flv), which is common for videos that are displayed online but not saved to your computer. If you plan to edit the video clip, you should select a format that your video editing software supports, such as .avi and .wmv for Windows or .mov for Macintosh.

 

 

The Media Converter tool also allows you to make changes to the audio and video quality settings, although you may simply bypass this step and go to the next screen.



 

 

The conversion will then take place and an indicator bar will appear letting you know how much of the file has been processed.



 

 

When the video has been converted, you will see a button that says “Download Now” and the video will be saved to your computer when you click it.


Depending on which Web browser application you are using, you may be asked whether you would like to save the video clip or open it with a video player application.


Once the clip is saved, you can repeat this process to download additional video clips.

 


Adding Video to Digital Stories

There are some basic facts that should be reviewed before we investigate using video in the digital stories that are being created in this course:

  1. Microsoft Photo Story 3 does not support video files. This means you cannot add a video clip to the timeline in Photo Story. The program only supports still images. Even though, the final file that Photo Story creates is a .WMV file, which stands for Windows Media VIDEO, it only uses still images.
     

  2. The .WP3 project file created in Photo Story 3 can only be opened in Photo Story 3. Video editing software programs, such as Windows Movie Maker or Adobe Premiere, cannot open .WP3 files.
     

  3. The .WMV file that is created with Photo Story 3 can be opened in another program (such as Windows Movie Maker or Adobe Premiere), but editing items in the middle of this file can be tricky. It's not too difficult to add video at the beginning or end of the story but if you try to edit in the middle, this can cause disruptions with the motion, transitions, and especially any audio you have included in the Photo Story file.
     

  4. Other software programs may be used to create digital stories that contain video clips, bypassing the use of Photo Story.

    Video editing programs include Windows Movie Maker and Adobe Premiere for PC only and iMovie for the Apple computers only, and many others.

 


Software Options for Adding Video to a Digital Story


Windows Movie Maker

Use a video editing program such as Windows Movie Maker, to add a video introduction, middle or ending to the story created in Photo Story. 

One way to do this is to split your digital story into more than one part and import the first .wmv file into Windows Movie Maker, add the video clip in the middle, and then add the second part of the .wmv file into Windows Movie Maker after the video clip, as shown below:
  



 

When you import a media file into Movie Maker, it appears in the Collection bin and you can drop it onto a video track in the timeline at the bottom of the Movie Maker window.


This step can be repeated several times to include all of the media elements you want to use. And you can edit clips in the timeline as well. One of the most useful editing procedures is Split Clip, which can be used to edit video clips by cutting out parts of the video segment. Audio and video may be faded in or out from the Clip menu or by right-clicking on the media clip in the timeline.




 

When your editing is complete, you can use the Save Movie File option from the File menu to create a final WMV file of your video. Remember that just like Photo Story, you can and should save the project file so that you can go back and work on the project at a later time.



 

Example project:

WMV file created with Photo Story

Video Clip 1

Video Clip 2

Final edited file
 


 

Adobe Photoshop Elements

Adobe Photoshop Elements, versions 4, 5, and 6 contain a slide show creation module that works very much like Photo Story 3, allowing you to create slide shows that can contain zooms and pans, recorded narration, added text and transitions such as fade in and out. However, unlike Photo Story 3, Photoshop Elements also allows you to add video clips to the slide show, not just still images. 

Adobe Photoshop Elements does support the use of video clips as well as still images. However, there is one huge problem you may encounter when using this program: the project file cannot be saved easily as with Photo Story 3's .WP3 file. What this means is that it's not easy to begin working on a digital story on one computer, saving the project file and then transporting it to another computer to continue working on the story. However, if you are able to confine your work with Photoshop Elements to the same computer, such as a home desktop or laptop, this program may be a good choice for creating digital stories that contain video clips.

Click here for a tutorial on using Photoshop Elements to create a digital story with video.
 


 


Additional Resources 

Using Windows Movie Maker 2 to Present Still Photos
http://www.microsoft.com/windowsxp/using/moviemaker/expert/northrup_02december02.mspx  

Pan and Zoom in the Photoshop Elements 4 Slideshow Editor
http://photography.consumerelectronicsnet.com/articles/viewarticle.jsp?id=35371  

Tell a Story with your Photos in a Custom Slide Show
http://www.adobe.com/tips/phsel3slideshow/index.html  

Creating Slide Show Extravaganzas
http://www.adobe.com/education/digkids/training/pse4_vid/slideshow.html  

Adobe Digital Storytelling Site
http://www.adobe.com/education/digkids/storytelling/index.html  
 


Assignments for Next Class:
 

Reading Assignments:

Review the following resources:

The Code of Best Practices in Fair Use for Media Literacy Education 
http://www.centerforsocialmedia.org/resources/publications/code_for_media_literacy_education/

Full Report in PDF
http://www.centerforsocialmedia.org/files/pdf/Media_literacy_txt.pdf 
 

The Cost of Copyright Confusion for Media Literacy 
http://www.centerforsocialmedia.org/resources/publications/the_cost_of_copyright_confusion_for_media_literacy

Recut, Reframe, Recycle
http://www.centerforsocialmedia.org/resources/publications/recut_reframe_recycle

Code of Best Practices in Fair Use for Online Video
http://www.centerforsocialmedia.org/resources/publications/fair_use_in_online_video

 
Assignments for next week:


Discussion Blog Assignment 10a: 

After you have reviewed the reading assignments for this week, post a message on the course discussion blog at: http://cuin7358-lit.blogspot.com/ in which you discuss your reaction to at least one of the following:

something new you learned about copyright/educational fair use that you did not know before reviewing these materials

one thing you read about that you agree with  

one thing you read about that you disagree with 

one thing you think may have applicability to your own teaching

one thing you think may have applicability to your own digital media production efforts

anything else you would like to discuss 



Personal Blog Assignment 10b: 

Post a comment on your personal blog in which you list of the different software programs you have used and are using to create your final semester project. This list should include the software you use for the script, still images, audio, storyboard, video, as well as putting all of the elements together into a digital story; plus any additional software programs not mentioned above.

 

 

Instructor: Bernard Robin