Visual Literacy 2.0

38
Visual Literacy 2.0 [email protected] Credits Kathy Schrock

description

Visual Literacy 2.0. [email protected] Credits – Kathy Schrock. 21 st Century Skills. Learning and Thinking skills - Critical Thinking and Problem-solving - Creativity and Innovation - Information & Media Literacy 21 st Century Assessments - PowerPoint PPT Presentation

Transcript of Visual Literacy 2.0

Page 1: Visual Literacy 2.0

Visual Literacy 2.0

[email protected]

Credits – Kathy Schrock

Page 2: Visual Literacy 2.0

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

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

Consider

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

David WarlickTechnology Consultant & Author

Page 5: Visual Literacy 2.0

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 6: Visual Literacy 2.0

Motivation?

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

_________ % would rather donate blood.

30

50

Page 7: Visual Literacy 2.0

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 8: Visual Literacy 2.0

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 9: Visual Literacy 2.0

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 10: Visual Literacy 2.0

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 11: Visual Literacy 2.0

Download from Microsoft

Search for Photostory 3

Photostory 3 – Free is Good!

Page 12: Visual Literacy 2.0

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 13: Visual Literacy 2.0

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 14: Visual Literacy 2.0

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 15: Visual Literacy 2.0

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 16: Visual Literacy 2.0

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 17: Visual Literacy 2.0

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 18: Visual Literacy 2.0

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 19: Visual Literacy 2.0

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 20: Visual Literacy 2.0

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 21: Visual Literacy 2.0

Cmap Tools

Page 22: Visual Literacy 2.0

Cmaps can introduce your class

Page 23: Visual Literacy 2.0

Cmaps can also be used as an assessment tool

Writing ConferenceAssessment

Page 24: Visual Literacy 2.0

Mike Kamrud’s Portfolio

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

Page 25: Visual Literacy 2.0

Bubbl.us

• Let’s you create concept maps online

• Share maps online, or export as .jpg

Page 26: Visual Literacy 2.0

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 27: Visual Literacy 2.0

rubistar.4teachers.org

Page 28: Visual Literacy 2.0

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 29: Visual Literacy 2.0

Filamentality - The Original 2.0

Page 30: Visual Literacy 2.0

Filamentality - The Original 2.0

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

Page 31: Visual Literacy 2.0

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

Page 32: Visual Literacy 2.0

SchoolTube.com

Page 33: Visual Literacy 2.0

TeacherTube.com

Page 34: Visual Literacy 2.0

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 35: Visual Literacy 2.0

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 36: Visual Literacy 2.0

Using Video – Zamzar.com

Video Capture sites Zamzar.com Converts files and web video

(YouTube.com, etc.) Emails you a link to download

Page 37: Visual Literacy 2.0

Web 2.0 The Machine is using us

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

Page 38: Visual Literacy 2.0

Thanks for coming!

CreditsKathy SchrockLynn BurmarkR.L. Erion

Questions? Email me at:

[email protected]