Session+1

**Session I: October 6 (1:00 – 2:30)** //Universal Design and The Power of the Image// "The more visual the input becomes, the more likely it is to be recognised - or recalled. The phenomenon is so pervasive, it has been given its own name: the pictorial superiority effect, or PSE." John Medina

//Goals and Topics://
 * Understand the 3 Universal Design for Learning Principles
 * Explore the brain science supporting the UDL princilples
 * The power of an image - how we perceive, understand and acquire information
 * What makes a good image (color, rule of thirds, white space, simplicity and emotion)
 * Free use and creative commons sources
 * Visual supports use for personal and professional use
 * How to rev up your powerpoints

//Learning Activities:// Application to UDL principles: __represent__ - redesign a powerpoint slide __express__ - take a photo or find a relevant image for a vocabulary word __engage__ - take a photo or find an image that delivers an emotionally intelligent message ( send in an email)

//Resources:// <span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|visual recipes]

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|visual dictionary]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Flickr Creative Commons]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Flickrcc]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Google Images Creative Common How To]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> [|Pics4Learning]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Powerpoints - Dump that Text]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Garr Renolds redesign your powerpoint]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Garr Reynolds before and after slides]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">[|Dean Shareski Deign Matters]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-weight: normal; text-decoration: none; vertical-align: baseline;">//Preparation for Next Session:// <span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">Sign up for course wiki course/ embed your images from today’s learning activities <span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> Sign up for [|Webspiration]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 24pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">extra <span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;">tell a story in 5 images coffee []poem []full circle []bus stop man []when life gives you lemons []modern family []photos examples []adding 5 images to tell a story in group discussion - You need to put [ square brackets ] around the photo urls.**Please instead create a new "discussion" and add the html code for each image which is found when you click on "all sizes--> small"**

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 3. Choose any subject, but the entire sequence should visually tell a story.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 4. A title is the only words that can be used. Rely on the photographs to bring the story to life

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 5. Group members respond by relating in their own words the story that they see, or critique the story and/or photographs and open the story up to discussion.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> How to Submit a Story

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 1 Post a new topic. The topic will be the title of your story, for instance, "Visiting the Past." 2 Enter your photographs in a numerical sequence up to five (5). 3 In "Your photos," choose the photo you want to post. 4 Select "all sizes," then select a "small" size image. 5 Copy and paste the HTML into your post. Repeat for each photograph to create the sequence required for your story.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> Guidelines for Telling a Story

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> Guidelines are not rules, but a formula that can be used to suit your creative imagination. Several avenues exist for story telling, such as journalistic reporting, sequential photos that reveal a moment, photographic poetry, and narrative. The following guidelines are for narrative.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> A good story has characters in action with a beginning, middle, and an ending. Fortunately a lot of information can be given in a single photograph, enhancing the limitations of five photographs for your story. Location, time, and atmosphere aid viewer imagination. Keep standards of pictorial beauty, but pack as many story telling elements in one photograph as possible to develop an action.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 1st photo: establish characters and location.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 2nd photo: create a situation with possibilities of what might happen.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 3rd photo: involve the characters in the situation.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 4th photo: build to probable outcomes

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> 5th photo: have a logical, but surprising, end.

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> lesson 1 Abe Lincoln’s s face <span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[]

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[]

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;"> []

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|__http://understandinggraphics.com/design/5-myths-of-visual-communication/__]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 11pt; font-style: normal; text-decoration: none; vertical-align: baseline;">**Visual Language For Designers: Principles For Creating Graphics That People Understand connie malemed****selective attention []**

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|__http://presentationzen.blogs.com/presentationzen/2005/09/whats_good_powe.html__]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> []

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> From M Guhlin <span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|__http://www.mguhlin.org/2010/07/5-steps-to-digitizing-writing-workshop.html__]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> Bringing the Outside In <span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|__http://www.bringingtheoutsidein.com/__]

<span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;"> Visual Understanding Environment VUE [|__http://vue.tufts.edu/__]

<span style="background-color: transparent; color: #000000; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: baseline;"> knit picture <span style="background-color: transparent; color: #000099; display: block; font-family: Arial Narrow; font-size: 14pt; font-style: normal; font-weight: normal; vertical-align: baseline;">[|__http://understandinggraphics.com/wp-content/uploads/2010/05/myths_schematic.png__]