Designing for e-learning:

Designing for e-

learning:

Alice Goodwin-Davey, Unisa NADEOSA 2011

Johannesburg

Helping academics to ‘wysiwyg’ their way

through the many dimensions of online learning environments

What is a storyboard? For designers, storyboards help you

plan for more than one dimension, eg graphics & text Walt Disney

Storyboards must suit the purpose Animation: narration with movement Movies: camera angles, soundtrack Multi-media: audio, visuals, slides, text

Graphic from http://www.presentationzen.com/presentationzen/2009/01/lessons-from-the-art-of-storyboarding.html

Different types of storyboards

Graphic from http://marvinqgirons.blogspot.com/2011/08/tv-western-storyboard-example.html

Graphic from http://www.themberg.com/cms.ashx/gallery/storyboard

Graphic from http://www.showboatentertainment.com/storyboards/quirky-monochrome-storyboards.html

Why storyboard for eLearning?

Storyboarding can also be used for planning websites for learning

Graphic from Kuo & Srebalus (2003) http://jtc.columbusstate.edu/vol3_1/kuo/Kuo.htm

Graphic from http://www.webconcerns.co.uk/tutorial/default.asp

Design Rich Environments for Active Learning in a VLE

Principles of REALs Authentic tasks Active learning Meaningful engagement Collaborative & social learning Intentional learning & reflection

These dimensions of interaction need to be designed in the Unisa Virtual Learning Environment [myUnisa]

Multi-dimensional storyboard

How do we design for online? Start with learning texts

Linear Number of topics [focus areas] to cover

Tools available @ Unisa LMS = myUnisa [SAKAI open source platform]

Email announcements Discussion forums Additional resources: ppt, pdf, URLs, html, doc, Learning Units: interactive teaching texts Wiki: group work & editing Blog: with comments Self-assessment: surveys, quizzes, tests,

assignments Others include RSS, podcasts, multi-media, etc

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Time line

Home Page

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Time line

Home Page

Teaching Texts

More about course

docspptpptResources

Ann eCommunications ee

quizquiz

Assessment Taskstest

Active Interaction Act ActAct

Multi-Dimensional storyboard design

Activities for interaction & engagement Individual: read, analyse, answer, write Group: wiki, blog & comment, discussion forums

Resources Static resources: RLOs, articles, pdfs, ppts, docs, URL Dynamic resources: multi-media

Communication tasks Announcements & emails Personal & public communications between students

& facilitators Assessment tasks, assignments & exams

Online assessment: surveys, quizzes, tests, assignments

Captured & submitted activities, tasks Portfolio or ePortfolio assessment

Case studies VLE training workshop

Blueprint to storyboard to prototype Design for Software Project

Management Honours in Computing Year long module

Design interactivity Individual activities

Online self-assessment survey Introduce themselves in blog [profiles & photos] Watch video/podcast & comment in disc forum

Collaborative activities Wiki for group work on specified tasks

Read case study & analyse as group Reflect on what you learned in the group

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Home Page

Teaching Texts

Active Interaction Act ActAct

Design engagement with resources

Reusable Learning Ojects: all file types & audio & video Ex: Add URLs for academic articles

Students read & summarize & Share summaries [Discussion Form or blog] & critique

Ex: Students bring resource & share Disc forum & then added to class resources

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Home Page

Teaching Texts

Active Interaction Act ActAct

More about course

docspptpptResources

Design communication with instructor & institution

Online teacher presence & persona Example: Welcome to course & regular updates

Announcements that go out as email & sms Academic presence & management

Ex: Schedule reminders on student calendars Appointments & individual conferences Instructions for assignments & tasks

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Home Page

Active Interaction Act ActAct

More about docspptpptResources

Ann eCommunications ee

Design authentic assessment tasks

Ongoing continuous assessment Exs: Self assessment quizzes Summaries of articles from WWW Longer essays on theory & practice Case study problem solution Groupwork Wiki feedback & report Research questionnaire of professionals Projects of their own design

Wiki assessment example

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Home Page

Active Interaction ActAct

More about course docsppt

Resources

Ann eCommunications ee

surveyquiz

Assessment Tasks

Assign

e

blog

artcl

DropBox

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Time line

Home Page

LU1Focus 1

LU2Focus 2

LU3Focus 3

LU4Focus 4

LU5Focus 5

Time line

Home Page

Teaching Texts

More about course

docspptpptResources

Ann eCommunications ee

quizquiz

Assessment Taskstest

Active Interaction Act ActAct

quiz

exam

assignquiz

quiz

blog

e e e

In summary... Storyboarding is normal for large

audio-visual & text projects Online learning demands such a

technique for its many opportunities Difference between storyboards for

media & for learning: multi-dimensions REAL principles VLE context for 21st century learning

Contact details Alice Goodwin-Davey

Directorate: Curriculum & Learning Development

UNISA goodwaa@unisa.ac.za 012-4296701