76
Visual Literacy 2.0 [email protected] Credits Kathy Schrock

Visual Literacy 2.0 [email protected] Credits – Kathy Schrock

Embed Size (px)

Citation preview

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

Visual Literacy 2.0

[email protected]

Credits – Kathy Schrock

Page 2: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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…

Page 3: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Non-linguistic Representations

According to…According to…

• MarzanoMarzano

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

Page 4: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

http://techlearning.com/shared/printableArticle.php?articleID=196604382

New Visual Literacy

Page 5: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Consider

“We need to prepare our children for a future that we can’t even describe.”

David WarlickTechnology Consultant & Author

Page 6: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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,00025,000

Page 7: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Motivation?

_________ % of college students would rather pick up trash than write a paper;

_________ % would rather donate blood.

30

50

Page 8: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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

Page 9: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Why bother?

Using illustrated materials, retention and recall increase _________ % and transfers to long term memory a whopping _______ %.

Recall is increased ________% in color.

42

8989

Page 10: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

WHAT teachers need to know HOW teachers teach

Content, compassion& passion

INSTRUCTIONAL PRACTICES

Visual LiteracyTechnology

ToolsPhotostory 3

Bubbl.usCmap

Why Photostory3 & Cmap?

ICT, 21st CenturyMarzano, Myer, Alverman,

Tovani and Vygotsky

Why teachers should do this

Page 11: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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

Page 12: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Download from Microsoft

Search for Photostory 3

Photostory 3 – Free is Good!

Page 13: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Edit and add motion to Pictures

Allows for Text and Narration

Has built in music generator

Digitales and Rubistar can help you evaluate

Photostory 3 – What can it do?

Page 14: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 15: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 16: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 17: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 18: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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!

Page 19: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Keep music VERY low if there is narration

Can convert to AVI for DVD playing, but not in PS3 – Use MovieMaker2

Photostory 3 – Caveats

Page 20: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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/Guides

/Beginner/importing-and-arranging-pictures.aspx

Photostory 3 – Caveats

Page 21: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 22: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Cmap Tools

Page 23: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Cmaps can introduce your class

Page 24: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Cmaps can also be used as an assessment tool

Writing ConferenceAssessment

Page 25: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Mike Kamrud’s Portfolio

http://students.dsu.edu/kamrudm/Portfolio/Portfolio_Template.htm

Page 26: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 27: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 28: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.

Page 29: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

rubistar.4teachers.org

Page 30: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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.  

Page 31: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Web 1.0

Page 32: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Read Web

Page 33: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Web 2.0

Page 34: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Web 2.0

Page 35: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Needs

Page 36: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Filamentality - The Original 2.0

Page 37: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Filamentality - The Original 2.0

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

Page 38: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 39: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 40: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Google for Educatorshttp://www.google.com/educators/tools.html

Page 41: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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

Page 42: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 43: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 44: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 45: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 46: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Works somewhat like a webbased OneNote

Page 47: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 48: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 49: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 50: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 51: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 52: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 53: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 54: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 55: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

SchoolTube.com

Page 56: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

TeacherTube.com

Page 57: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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

Page 58: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

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

Page 59: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 60: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 61: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 62: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 63: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 64: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 65: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 66: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 67: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 68: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 69: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 70: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 71: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 72: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 73: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 74: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock
Page 75: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Web 2.0 The Machine is using us

http://youtube.com/watch?v=6gmP4nk0EOE

Page 76: Visual Literacy 2.0 Mark.Geary@dsu.edu Credits – Kathy Schrock

Thanks for coming!

CreditsKathy SchrockLynn BurmarkR.L. Erion

Questions? Email me at:

[email protected]