1. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Yes, Busy Teachers CAN Create Interactive Audio Applications! Open source (FREE) Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe (ULM) beutner@ulm.edu

2. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Webpage/Handout http://ulm.edu/~beutner/LACUE2012/audio/ http://ulm.edu/~beutner/ LACUE2012/audio/

3. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Interactive Online Audio Before, interactive online educational audio was very difficult to produce with expensive software. Now, you can use a “cookie cutter” approach… … with open source software.

4. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Is It Difficult? This is a step by step process. You need to know how to “Capture” images as “.gif” files. Record audio as “.mp3” files. Edit an HTML file… just a little bit. Put it online.

5. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Can I Do This? Just follow some steps, using free software. All files are provided. Key Point: You can adapt ANY CONTENT on your own with this simple step by step process.

6. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Can I Apply My Own Content? You can adapt ANY CONTENT using your own images, your own content, and your own audio.

7. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Interactive Online Audio Let’s view a working example of interactive online audio.

8. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe What’s Involved: 5 Steps 1. “Capture” what you see on your screen. Save it as an image file. 2. Record your voice. Save it as an audio file. 3. Do minor editing of an “HTML” file. 4. Copy your files to folders. 5. Put it all online.

9. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe What’s Involved: 5 Steps 1. “Capture” what you see on your screen. Save it as an image file. 2. Record your voice. Save it as an audio file. 3. Do minor editing of an “HTML” file. 4. Copy your files to folders. 5. Put it all online.

10. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe What’s Involved: 5 Steps 1. “Capture” what you see on your screen. Save it as an image file. 2. Record your voice. Save it as an audio file. 3. Do minor editing of an “HTML” file. 4. Copy your files to folders. 5. Put it all online.

11. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe What’s Involved: 5 Steps 1. “Capture” what you see on your screen. Save it as an image file. 2. Record your voice. Save it as an audio file. 3. Do minor editing of an “HTML” file. 4. Copy your files to folders. 5. Put it all online.

12. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe What’s Involved: 5 Steps 1. “Capture” what you see on your screen. Save it as an image file. 2. Record your voice. Save it as an audio file. 3. Do minor editing of an “HTML” file. 4. Copy your files to folders. 5. Put it all online.

13. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe How are you? I like turtles!

14. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Basically… We use image and sound files together by naming them like this: Image FileAudio File 01.gif01.mp3 02.gif02.mp3 03.gif03.mp3 99.gif99.mp3

15. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Basically… We use image and sound files together by naming them like this: Image FileAudio File 01.gif01.mp3 02.gif02.mp3 03.gif03.mp3 99.gif99.mp3

16. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Basically… We use image and sound files together by naming them like this: Image FileAudio File 01.gif01.mp3 02.gif02.mp3 03.gif03.mp3 99.gif99.mp3

17. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Basically… We use image and sound files together by naming them like this: Image FileAudio File 01.gif01.mp3 02.gif02.mp3 03.gif03.mp3 99.gif99.mp3

18. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Basically… We use image and sound files together by naming them like this: Image FileAudio File 01.gif01.mp3 02.gif02.mp3 03.gif03.mp3 99.gif99.mp3

19. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe

23. Checklist Capturing an image. (08.gif) Recording audio. (08.mp3) Editing of numbered links in an HTML file. (Link # 08) Copy images to img folder. Copy audio to mp3 folder. Test it!

24. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Checklist Capturing an image. (08.gif) Recording audio. (08.mp3) Editing of numbered links in an HTML file. (Link # 08) Copy images to img folder. Copy audio to mp3 folder. Test it!

25. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe View A Working Example Click on the red arrow to view a working example of interactive online audio. “Counting 1 to 10 in Chinese”.

26. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Under The Hood (1/2) image file:08.gif audio file:08.mp3

27. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Under The Hood (2/2)

28. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Is There A Book About This? There will be a book in print in 2013 titled Online Audio. Publisher Visions Technology In Education Website http://www.toolsforteachers.com Author Mike Beutner

29. LACUE 2012, November 27, 2012 Mike Beutner, Ph.D., Instructional Technology, University of Louisiana at Monroe Will You Help Me? Yes! If you can apply this open source technology in a Louisiana school, you will get help! Contact Information: Mike Beutner, Ph.D. (318) 342-3142 (Office, Direct Line) beutner@ulm.edu Website: http://ulm.edu/~beutner