Guertin | UOIT EDUC 5405G

21 May 15

Statistic Infographic

Blog Tutorial for Weebly:

http://www.weebly.com/weebly/main.php

Learning Tool Assessment (Due June 9)

•  Assessment of a digital tool that is useful to you for teaching in your subject area, and for its use of instructional design principles (1 short wiki-essay, with screen grabs or illustrations or video demos, as appropriate, with a length of roughly 1,500 words), posted to the course wiki

•  Course Wiki: https://educ5405g.wikispaces.com/ •  This is a research assessment assignment and should include full citations

in APA Style. •  Select a tool that is useful to you in your teaching/research and that could

help you solve some specific problems with a unit, skill or topic you might teach. (See instructor’s Pinterest page for guides to available toolshttps://www.pinterest.com/carolynguertin/teacher-education/ or many other sites on the Web, including: http://www.freetech4teachers.com/

–  Assess the tool on its own merits. Clearly describe what the tool does. –  Then assess what its properties and abilities are. While you will want to choose a tool

that is very useful to you, be sure to include in your assessment a discussion of its limitations or weaknesses.

–  How would you apply this tool in a specific learning situation? What problems could it solve? How easy would it be for students to learn it? Would you need to supplement it with other approaches and techniques or could it do the whole job?

Learning Object Portfolio Draft due June 2nd; Final due June 18th – 50%

•  Design, execution, and presentation of a web-based portfolio project with three mockups, outlines or storyboards for learning objects in the student’s area of study. Each of the three pieces should be roughly equivalent in complexity. For example:

–  1) a transmedia project might include a webisode, a digital comic, and the rules and/or interface for a board game;

–  2) a unit on climate change might include an instructional video, a wiki, and a browser-based app;

–  3) a math unit might include an instructional animation of problem-solving, a data map, and an infographic

–  4) a game on a particular topic with pedagogical content might include rules, cards or icons, characters or playing pieces, and an interface (digital or analogue).

•  Select three pedagogical (or research) strategies that will help you teach a particular unit. What do you want to teach? How are you going to teach it?

•  Create mockups, outlines or storyboards (as appropriate for the genre of the object) for each of the three parts of your unit. Clearly describe each of the three learning objects, shoot photographs or video demos of how they will function, and explain how they will help you teach the unit and your students learn.

•  Each of the three learning objects should be of comparable complexity. You should be able to demonstrate some sort of common thread between them.

•  Explore thoroughly your problem(s), planning, design, and presentation design.

Critical Media Literacy

•  What is it, according to Garcia, Seglem and Share?

•  Why do they advocate for critical media literacy pedagogy?

5 basic elements of Critical Media Literacy (p. 111)

1.  Construction of media as a social process 2.  Analysis that explores languages, codes,

conventions of any text 3.  Exploration of the audience’s role in

negotiating meaning 4.  Problematizing representation to expose

issues of power, ideology, and pleasure 5.  Examination of institutions and political

economy of media industries (especially as for-profit enterprises)

Word Clouds as a Teaching/Learning Strategy

https://www.teachingchannel.org/videos/reading-teaching-strategy

For later ~ Useful Tutorial for Wordle and Tagxedo: https://www.youtube.com/watch?v=oZlQiwCm82Q

For later ~ Useful Tutorial for Wordle and Tagxedo:

https://www.youtube.com/watch?v=oZlQiwCm82Q

WORDLE.NET (HTTP://WWW.WORDLE.NET/ ) AND WORD CLOUDS

Cut and paste an article or a URL into Wordle.net (HTTP://WWW.WORDLE.NET/ ). Probably Firefox is the most stable choice for a browser.

Sifting News and “Online Filter Bubbles” ~ Eli Pariser

https://www.ted.com/talks/eli_pariser_beware_online_filter_bubbles

http://francis-moran.com/wordpress/wp-content/uploads/2012/01/infographic_on_infographics.jpg

Infographics tell a story with data

•  Incorporate accurate and complete raw data for pedagogical ends

•  Analyze data to find an engaging story •  Design your narrative in the right mode •  Express new stories multimodally •  Speak directly to the audience at a glance

and in-depth •  Marry design and data

desi

gn +

dat

a

http://www.bitrebels.com/design/8-types-of-infographics-use-when/

Usability infographic

7 Ti

ps to

Cre

ate

A D

esig

ned

Info

grap

hic

Think visually

Be creative

8 + 1 Kinds of Infographics 1.  Content-Rich 2.  Flow Chart 3.  Chronological 4.  Informatic 5.  Comparison 6.  Data and Statistics (aka Number Porn) 7.  Photographic 8.  Data Visualization 9.  Metaphor (can be used with any of other 8)

Content-Rich Infographic/Article

Wired Magazine

Comic Touch to Convey Information

http://www.coolinfographics.com/blog/tag/flowchart

A handy flowchart to help you and your group decide what kind of infographic to use: https://www.pinterest.com/pin/162200024055669128/

Hyperbole as Infographic

Analogy as

humour

Chronology

http://www.designinfographics.com/funny-infographics/music-timeline

Interactive timeline

An Informatic (designed for reference, it foregrounds usability)

Usability

Usability Infographic

https://www.pinterest.com/pin/162200024056278658/

Comparison (aka Faceoff)

https://leveragenewagemedia.com/blog/social-media-infographic/

Data and Statistics

Statistics Infographic https://alfredovela.files.wordpress.com/2013/07/infografia_estadisticas_social_media.jpg

https://www.pinterest.com/pin/162200024056262942/

http://lorirtaylor.com/wp-content/uploads/2012/02/infographic-power-of-twitter.gif

How to write a Booker Winning Novel

9. Visual Metaphor (which can mix and match any of the above kinds)

Metaphor

“The Metrics of Maximum Impact” – Getting your Story Heard on the Web.

Future of Storytelling Summit: http://www.deepmediaonline.com/deepmedia/2014/01/the-future-of-storytelling-summit.html

Storyboarding for multimedia

Storyboards are a roadmap

Storyboarding (like wireframing or outlining) is a way of developing complexity visually

Structure

Chunk Sketch

Quick Tips

Nonlinear presentation

Freestanding elements

Redundancies (but not too many)

Don’t edit too soon

Storyboarding Templates

Goldman Template

Project name: Date: / / Screen ID:

Media information

Navigation info Screen of

Notes:

Programme/Course Name: Module Name: Page No.: Page Title: Section/Lesson No.: Section/Lesson Name: On-Screen Visuals

1.

On-Screen Text

1.

<Information must be chunked in small pieces>

Mitran Template

On-Screen Visuals

2.

On-Screen Text

2.

<The slide can be divided if two closely related chunks of information are to be presented on the same slide. Ideally, one idea must be presented on one slide>

Michaels Template (5 pages)

Screen Title

• Screen text

Graphic: description

Click Next to continue.

Page x of y

Screen Title Page x of y

Click each component for more information. Menu buttons

Page x of y

Select your answer and click Submit. Menu buttons

Correct feedback

or

Incorrect feedback

Submit

MC Question

•  Question A. Answer B. Answer C. Answer D. Answer

Page x of y

Select your answer and click Submit. Menu buttons

Correct feedback

or

Incorrect feedback

Submit

Matching Question •  Question 1. Term 2. Term 3. Term 4. Term

A.  Description B.  Description C.  Description D.  Description

Page x of y

Select your answer and click Submit. Menu buttons

Correct feedback

or

Incorrect feedback

Submit

Fill in the Blank Question

•  Question (include blank space for answer)

Celtx ~ Free Online Storyboarding and Project Planning Software

https://www.celtx.com/index.html