1. Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

2. 21 st Century Skills Learning and Thinking skills - Critical Thinking and Problem-solving - Creativity and Innovation - Information & Media Literacy 21 st Century Assessments - A balance of assessments is needed. Assessments must use modern technologies …

3. Non-linguistic Representations According to… Marzano Marzano Marzano speaks of non-linguistic representations as one of his nine core strategies for improving instruction. These include: Creating Graphic representations Drawing Pictures or Pictographs Generating Mental pictures Cmap and Bubbl.us are two additional tools for non-linguistic representations

4. http://techlearning.com/shared/printableArticle.php?articleID=196604382 New Visual Literacy

5. Consider We need to prepare our children for a future that we can t even describe. David Warlick Technology Consultant & Author

6. Our Visual World The average youth spends __________ hours watching TV by the age of 18. He/she spends ___________ hours in school. The average vocabulary of a 14 year old: __________ words in 1950; ________ words in 1999. 22,000 12,000 10,000 25,000

7. Motivation? _________ % of college students would rather pick up trash than write a paper; _________ % would rather donate blood. 30 50

8. Brain Bandwidth Each eye has ______________ fibers to the brain; each ear has ______________. Humans process visual info _________ times faster than text. Words are processed ___________, images _____________________. (keyboard vs. camera) 1,000,000 30,000 60,000 simultaneously sequentially

9. Why bother? Using illustrated materials, retention and recall increase _________ % and transfers to long term memory a whopping _______ %. Recall is increased ________% in color. 42 89

10. WHAT teachers need to knowHOW teachers teach Content, compassion & passion INSTRUCTIONAL PRACTICES Visual Literacy Technology Tools Photostory 3 Bubbl.us Cmap Why Photostory3 & Cmap? ICT, 21 st Century Marzano, Myer, Alverman, Tovani and Vygotsky Why teachers should do this

11. Photostories Lasts from 30 seconds to 7minutes, 10min max Audio is clear Used to illustrate topic in movie format Scan small pictures in at higher DPI, to avoid pixilation

12. Download from MicrosoftMicrosoft Search for Photostory 3 Photostory 3 – Free is Good!

13. Edit and add motion to Pictures Allows for Text and Narration Has built in music generator DigitalesDigitales and Rubistar can help you evaluateRubistar Photostory 3 – What can it do?

14. Steps to Building a Photostory 1. Import and Order your digital pictures. Hold shift key for multiple selections. You may want to create an all black jpg in paint for intros and credits, but this is not necessary. You can do basic cropping, remove red eye, and remove black borders (not usually recommended) here as well, but any in- depth photo editing is better left to another program before you import. Select NEXT.

15. Step 2 - Adding Text On this screen you can add text and photo effects. I do not recommend the photo effects, but text, carefully chosen and placed, may add to your project. Notice you can make the text appear in the right, left, top, bottom or middle of your picture. This is also a good place to Save Project. Remember the name of your file, and where on the hard drive you saved it to. Select NEXT.

16. Step 3 – Add Narration & Motion On this screen, you can add narration and customize motion. I recommend you add narration first, as that usually will dictate how long the photo is displayed. Preview your narration. If you do not like it, you can delete it and start over. Click Customize Motion to select the motion and duration of your photos. You can add transitions here, as well, but I do not recommend it to begin with. Later, a cross fade transition may be desirable. Use the rest with caution. Select NEXT.

17. Step 4 – Add Music Here you can add music by either selecting Create Music. Select your Genre from the drop down box. Then Style from the next drop down. Then select your preferred Band, Mood, Tempo and Intensity. This can take a lot of experimentation, but the default classical Amadeus, piano, sentimental frequently works well. IMPORTANT: After selecting music, be sure to REDUCE the VOLUME to slightly above LOW, or 1/8 th of total volume. This will keep you from drowning out narration with music. Preview your Photostory. Select NEXT.

18. Step 5 – Export to.wmv Movie Select Save story for playback on computer Browse to the folder you created at the beginning of this project. Select that folder. The movie file will be the same name as your project file. A descriptive filename is better than the default Photostory. Quality Settings are generally set to Profile for Computers 2 - 640 x 480. Save Project. Select NEXT. Your movie, with narration, pictures, and music is created!

19. Keep music VERY low if there is narration Can convert to AVI for DVD playing, but not in PS3 – Use MovieMaker2 Photostory 3 – Caveats

20. Use big pictures - You can shrink, but not expand digital pictures Create a blank all black or all white picture for intro or closing text Go to the tutorial! http://www.windowsphotostory.com/Guidestutorial http://www.windowsphotostory.com/Guides /Beginner/importing-and-arranging-pictures.aspx Photostory 3 – Caveats

21. Cmap & Bubbl.us Cmap is a FREE Concept Mapping download that duplicates much of the functionality of Inspiration. http://cmap.ihmc.us/ http://cmap.ihmc.us/ Bubbl.us is an online concept mapping tool.

22. Cmap Tools

23. Cmaps can introduce your class

24. Cmaps can also be used as an assessment tool Writing Conference Assessment

25. Mike Kamruds Portfolio http://students.dsu.edu/kamrudm/Portfolio/Portfolio_Template.htm

28. Digital Presentations - Rubrics DigiTales http://www.digitales.us/index.php Rubistar at http://rubistar.4teachers.org http://rubistar.4teachers.org is a GREAT website for creating rubrics. It gives you samples for different project types, then lets you edit and save online.

29. rubistar.4teachers.org

30. Digital Presentations DigiTales http://www.digitales.us/index.php Digital Storytelling takes the ancient art of oral storytelling and engages a palette of technical tools to weave personal tales using images, graphics, music and sound mixed together with the author's own story voice. Digital storytelling is an emerging art form of personal, heartful expression that enables individuals and communities to reclaim their personal cultures while exploring their artistic creativity. While the heart and power of the digital story is shaping a personal digital story about self, family, ideas, or experiences, the technology tools also invite writers and artists to think and invent new types of communication outside the realm of traditional linear narratives.

31. Web 1.0

32. Read Web

33. Web 2.0

35. Needs

36. Filamentality - The Original 2.0

37. http://www.kn.att.com/wired/fil/pages/webwhy_dsuds.html

40. Google for Educators http://www.google.com/educators/tools.html

41. Create and share diagrams on the web. http://www.gliffy.com/

46. Works somewhat like a webbased OneNote

55. SchoolTube.com

56. TeacherTube.com

57. Using Video from the Web In a perfect world, we would always be able to access whatever video we need for teaching and students could not misuse. Sometimes we need to capture video at home for school use

58. Using Video from the Web Video Capture sites Keepvid.com Vixy.net Media-Convert – for sounds Media-Convert You may also want a Wimpy FLV playerWimpy FLV player http://learn.sdstate.edu/erionr/video

75. Web 2.0 The Machine is using us http://youtube.com/watch?v=6gmP4nk0EOE

76. Thanks for coming! Credits Kathy Schrock Lynn Burmark R.L. Erion Questions? Email me at: Mark.Geary@dsu.edu