Visual Literacy 2.0

1
Visual Literacy 2.0

• Mark.Geary_at_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 cant 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
  computerBrowse 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 Kamruds Portfolio
http//students.dsu.edu/kamrudm/Portfolio/Portfoli
o_Template.htm
25
Bubbl.us

• Lets 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?v6gmP4nk0EOE
38
Thanks for coming!

• CreditsKathy SchrockLynn BurmarkR.L. Erion
• Questions? Email me at
• Mark.Geary_at_dsu.edu