Storyboard: Multimedia Development Itma 523

Storyboard Multimedia development ITMA 523 D. Rama Rao March 25, 2009 Slides : 10

What is a Storyboard ?  Storyboard

is an expression of everything that will be contained in the project. It is final product specification document.  Storyboarding is a key step in the development of interactive software.  It can lead to faster production times and fewer design problems to overcome in later production stages. June 21, 2009

2

Storyboard process 1.

2.

3.

Prepare a project outline to identify the main categories of information and how they are related. For each individual screen, prepare a draft showing the components and how they are integrated. With approval of the plan, create final plan for rendering / execution.

June 21, 2009

3

Step-1: Outline ● ● ● ● ● ●

Title Main idea objectives 2 or 3 main points Sequence and strategy Summary Exercise, test, practice

June 21, 2009

4

Type of strategy •

•

The expository approach is more directive and behavioristic. It is program-controlled, not allowing the learner enough freedom to direct their own learning. The inquiry approach allows the learner freedom to pursue their own goals and their own definitions. This would work for high ability learners.

June 21, 2009

5

Strategy to choose is based on • • •

•

The type of content The maturity of the learner Your beliefs about learning (do you prescribe more to a behavioristic, combination, or constructivist approach?) The time you have to develop instruction

June 21, 2009

6

Step-2: Screen example Screen name

Introduction to quilts

Screen No

Text

Welcome to the wonderful world of quilting

Background

Light

Video/ Picture/ Graphic

Four pictures of quilts in different styles and blocks. Quilting elements fade in and out, moving across the screen in different depth layers

Sound

Background music start with the introduction

Voiceover

Welcome to the wonderful world of quilting

Actions/ Links

“Skip” links to next page to skip the introduction by user. Wword "Skip" on the lower right corner.

June 21, 2009

:1

Visual

7

Script template Provide information on  Text

- color, font, size  Voice over – male,female,child  Graphics - size, placement  Video - camera angle, zoom in, temporal  Animation  Directions  Feedback messages  Sequence (easy to complex)  Simultaneous events  Color scheme June 21, 2009

8

`What to` with script Provide

information on sequence and strategy Give a sketch and description of all instructional content and navigation

June 21, 2009

9

Step-3: Final project ●

●

●

The project team would decide on screen text-fonts, screen layout, image size and resolution, file-size to fit on the target distribution medium These decisions are inputs to the programming and final artwork stages. Content-writing process begins now

June 21, 2009

10

Thank You