Institute for Public School Initiatives

The Role of Interactive Content inEngaging Online Students

IntroductionJennifer Freeman

Ryan Hill

Institute for Public School Initiatives

College Readiness Technical Team

Content expert / writer

Instructional designer

Reviewer / editor

Flash programmer

HTML programmer

CSS designer

Development Team

1. Identifying instructional objectives

2. Generating ideas

3. Writing content

4. Programming

5. Reviewing content

The Process

Backward

design

Instructional Objectives

1. Identify desired results

2. Determine acceptable evidence

3. Design learning experiences

Bloom's Digital Taxonomy

Thin

king

Ski

lls

Adapted from "Bloom's Taxonomy Digitally"http://www.techlearning.com/article/8670

Rememberdefinename labelbookmarkarrangegooglesearch

Understandclassify describe recognize discussjournal paraphrase compare categorize comment annotate contribute subscribe

Applydemonstrateemploy solve illustrateuse Interpretwriteimplement executeblog tweeteditshareupload

Analyzedistinguishcategorizeexamine compare experimentdeconstructattribute structureintegrate tag validatesort

Evaluatearguepredictassesscompare support estimateevaluatecritiquereviewpost moderate collaborate

Createdesignproducedevelopdevise constructwriteplan invent collaboratepublish animatepresentbuild

Bloom's Digital Taxonomy: Verbs for Writing Learning Objectives

Instructional Objectives

1. Identify desired results

The student understands the causes and effects of major political revolutions between 1750 and 1914.

The student is expected to compare the causes, characteristics, and consequences of the American, and French, and Russian revolutions.

Instructional Objectives

1. Identify desired results2. Determine acceptable evidence

4. Which of the following was a cause of the outbreak of revolution in France in 1789?

A. Peasant revolt in the B. The death of Louis XVIC. The demand of the nobility for greater power and influence D. The invasion of France by foreign armies

Instructional Objectives

1. Identify desired results3. Design learning experiences

I’d like to have a museum with 3 different rooms…one for each revolution. The idea is that within each room, students will click on displays to learn more about the important events in each revolution

Identifying your audience

Generating Ideas

writing style

age

kinesthetic learnersvisual learners

gender

previous knowledge

auditory learners

experience with technology

interests

interpersonal learners

intrapersonal learners

entertainment expectations time limitations

textual learners

analytic learners

technology

Your Audience

Students’ Technology

• mobile devices • YouTube

YouTube for Schools• Allows access to approved educational

videos• No advertisements• No suggested or related videos• No comments• No login to personal YouTube accounts • Cannot play unapproved videos

http://ipsi.utexas.edu/youtubeforschools.html

Generating Ideas

Generating Ideas

Generating Ideas

Generating Ideas

Generating Ideas

Instructional Objectives

20

Tips• Try to include opportunities for interaction every 2-3 pages.

• Create opportunities for students to apply what they’ve learned.

• Create goal-driven, problem-solving tasks.

• Use real-world problems or scenarios whenever possible.

• Provide extra resources and links so students can further explore

topics that interest them.

• Provide a variety of activities and allow students to make choices.

Writing Content

Instructional Objectives

What’s the difference in a war and a revolution? Revolutions are usually a reaction to tyranny within a particular country.

A revolution involves overthrowing that cruel and unjust government and replacingit with a new government. Three of the most important revolutions in history were the American Revolution, the French Revolution and the Russian Revolution.

Let’s go to the Revolution Museum to learn more!

Visual DesignDesigners Help

Progression

Affordances

Tools and Visual Design

Templates

Categories of Interactives

Simplifying Templates

Any Interactive Can Be Repurposed

Coding

No Code Necessary

ActionScript

JavaScript

Testing and Troubleshooting

Developer Testing

Additional Tech Team Testing

Content Expert Testing

External Testing

Integration into LMS

Challenges

Workarounds

External Media Storage

iFrames

Tools

Flash (and its decline…)

JavaScript (Dreamweaver)

HTML 5 including Canvas (and its rise…)

Conversion Tools (Swiffy, Koala)

Questions

Visit OnTRACK on Facebookhttps://www.facebook.com/ipsi.ontrack

Join the OnTRACK Advocates group in Epsilen

Search groups for OnTRACK

Join

YouTube for Schools• Allows access to approved educational

videos• No advertisements• No suggested or related videos• No comments• No login to personal YouTube accounts • Cannot play unapproved videos

http://www.youtube.com/education

YouTube for Schools• TEA is one of four

K-12 pilots• Project Share playlist

coordinated by IPSI• Georgetown ISD first

to implement• In future, districts may

create own playlists

http://www.youtube.com/education

• Requires changes to firewall settings

• IPSI and YouTube staff available to help with implementation

http://www.youtube.com/education

YouTube for Schools

Contacts for Questions

Ryan HillMedia Coordinator, IPSI

rhill@ipsi.utexas.edu(512) 663-9066

33

Jennifer FreemanSenior Project Coordinator, IPSI

jfreeman@ipsi.utexas.edu(512) 921-5604

http://www.ontrack-media.net/sxsw2012.html