Authoring Tools Project – Design Documents

Date

ScreenGRAPHIC/ANIMATION

NARRATION/AUDIO

BRANCHING/INTERACTIONS

PROGRAMMING INFORMATION

Project Name Storyboard #

TEMPLATE #

VIDEO INFORMATION

Authoring Tools Project – Design Documents

This document contains a flowchart and storyboards for the Authoring Tools project. The projects will be done in a combination of tools including

•Flash•Director•Authorware•HTML (as generated by Dreamweaver)

This multimedia piece will instruct users on the concept of Authoring tools and show examples objects created in each major tool.

All media referenced in this project can be found on the MathCS drive – MULT 209 folder.

Design Document created by Veronica NooneAuthors MULT 209 Class

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION

Index1

Flash1.a

Aware1.c

Director1.b

ExternalLinks toexamples



Flow ChartAuthoring Tools Project

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION

Authoring Tools Project

• Lines represent copy as written on next page - SB# 1 copy

Yes links are duplicated

1

Introduction to Authoring Tools

Introduction

The Tools

About this Project

Green squares represent icons for the tools.Flash.jpgDirector.jpgAuthorware.jpg

n/a

n/a

f ad

f graphic links to 1.ad graphic links to 1.ba graphics links to 1.c

f ad

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


Introduction

The term authoring tool causes some confusion. For the purposes of this project we will refer to Authoring tools as a software applications that aides in the creation of interactive multimedia projects through the use of an easy to understand interface. These interactive multimedia projects may be delivered via the web or on CD-ROM.

The Tools

Popular Authoring tools include such applications as PowerPoint, Flash, Director, Authorware, Dreamweaver and ToolBook. There are many others ranging from WYSIWYG HTML authoring tools to complex timeline based scripting environments. This tutorial will focus on 3 Adobe (formally Macromedia) tools, Flash, Director and Authorware and show examples of each. Click on the icons below to learn more about these Authoring Tools.

About this Project

This site was actually created using Dreamweaver, an HTML Authoring Tool. It was developed as a class project for MULT 209 Multimedia Authoring II.


SB# 1 copy

NOTES:

Underlined words are hyperlinkedTo corresponding page in project•Flash links to 1.a•Director links to 1.b•Authorware links to 1.c

Blue words should have tool tip

WYSIWYG – What you see is what you get

HTML – Hypertext Markup Language

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


• Lines represent copy as written on next page - SB# 1.a copy

• Flash Example should be 550x400

1.a


Adobe Flash

Example


n/a

n/a

f ad


Flash Piece1.a.1

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


Adobe Flash

Flash may, arguably, be the most popular time-based Authoring tool of all time. Since its introduction in 1996, Flash technology has become a popular method for adding animation and interactivity to web pages; several software products, systems, and devices are able to create or display Flash. Flash is commonly used to create animation, advertisements, various web-page components, to integrate video into web pages, and more recently, to develop rich Internet applications. It has truly moved beyond Authoring tool status.

Example

Here is a simple example using this complex tool.

For more complex examples of what this tool can do visit … links to example - TDB


SB# 1.a copy

NOTES:

Underlined words are hyperlinkedTo corresponding page in project

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


• Line represents basic animation flow of the text Hello World

• Flash Example should be 550x400

1.a.1

Earth.jpg

n/a

n/a

Clicking on the Earth will display SB# 1.a.2

Hello World

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


• Box represents graphic

1.a.2

Square represents

Hello.jpg

Hello.wav

n/a

Graphic will be displayed for 3 seconds while Audio plays and then loop back to SB# 1.a.1

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


• Lines represent copy as written on next page - SB# 1.b copy

• Director Example should be 550x400

1.b


Adobe Director

Example


n/a

n/a

f ad


Director1.b.1

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


Adobe Director

Director is one of the older Authoring tools still popular today. It is a time-based environment allows the users to build applications built on a movie metaphor, with the user as the "director" of the movie. Originally designed for CD-ROMs and kiosks, it has become more popular for the use of online 3D game development.

Director started out as MacroMind "VideoWorks", an application for the original Apple Macintosh. Its name was changed to "Director" in 1987, with the addition of new capabilities and the Lingo scripting language in 1988. A Windows version was available in the early 1990s.

Example

Here is a simple example using this tool.



SB# 1.b copy

NOTES:

Underlined words are hyperlinked

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION



1.b.1

Earht.jpg

n/a

n/a

Clicking on the Earth will display SB# 1.b.2

Hello World

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION



1.b.2

Square represents

Hello.jpg

Hello.wav

n/a

Graphic will be displayed for 3 seconds while Audio plays and then loop back to SB# 1.b.1

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


• Lines represent copy as written on next page - SB# 1.c copy

1.c


Adobe Authorware

Example


n/a

n/a

f ad


Authorware1.c.1

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION


Adobe Authorware

Authorware is an interpreted, flowchart based authoring tool. Authorware is used for creating interactive programs that can integrate a range of multimedia content, particularly e-learning applications. The flowchart model differentiates Authorware from other authoring tools, such as Flash and Director which rely on a visual stage, timeline, and script structure. Authorware is particularly well-suited to creating e-learning content, as it includes highly customizable templates for CBTs and WBTs, including student assessment tools. Working with these templates, businesses and schools can rapidly assemble multimedia training materials without needing to hire a full-fledged programmer.

Example

Here is a simple example using this tool.



SB# 1.c copy

NOTES:

Underlined words are hyperlinked•Flash links to 1.a•Director links to 1.b

Blue text should contain tooltip

CBT – Computer Based TrainingWBT – Web Based Training

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION



1.c.1

Earth.jpg

n/a

n/a

Clicking on the Earth will display SB# 1.c.2

Hello World

Date


NARRATION/AUDIO




TEMPLATE #

VIDEO INFORMATION



1.c.2

Square represents

Hello.jpg

Hello.wav

n/a

Graphic will be displayed for 3 seconds while Audio plays and then loop back to SB# 1.c.1