Visual Literacy 2.0

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

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

3. Non-linguistic Representations • According to… • 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. Consider “We need to prepare our children for a future that we can’t even describe.” David Warlick Technology Consultant & Author

5. 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 25,000 10,000

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

7. Brain Bandwidth 1,000,000 • 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) 30,000 60,000 sequentially simultaneously

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

9. Why Photostory3 & Cmap? WHAT teachers need to know HOW teachers teach Content, compassion& passion INSTRUCTIONAL PRACTICES Why teachers should do this Visual LiteracyTechnologyTools Photostory 3 ICT, 21st CenturyMarzano, Myer, Alverman, Tovani and Vygotsky Bubbl.usCmap

10. 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

11. Photostory 3 – Free is Good! Download from Microsoft Search for Photostory 3

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

13. 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.

14. 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.

15. 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.

16. 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/8th of total volume. This will keep you from drowning out narration with music. Preview your Photostory. Select NEXT.

17. 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!

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

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

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

21. Cmap Tools

22. Cmaps can introduce your class

23. Cmaps can also be used as an assessment tool Writing ConferenceAssessment

24. Mike Kamrud’s Portfolio http://students.dsu.edu/kamrudm/Portfolio/Portfolio_Template.htm

25. Bubbl.us • Let’s you create concept maps online • Share maps online, or export as .jpg

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

27. rubistar.4teachers.org

28. 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.  

29. Filamentality - The Original 2.0

30. Filamentality - The Original 2.0 http://www.kn.att.com/wired/fil/pages/webwhy_dsuds.html

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

32. SchoolTube.com

33. TeacherTube.com

34. 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

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

36. Using Video – Zamzar.com • Video Capture sites • Zamzar.com • Converts files and web video(YouTube.com, etc.) • Emails you a link to download

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

38. Thanks for coming! • CreditsKathy SchrockLynn BurmarkR.L. Erion • Questions? Email me at: Mark.Geary@dsu.edu