name: n. lee anna smith email: [email protected] date: …itma-project-final.weebly.com › uploads ›...

Name: N. Lee Anna Smith Email: [email protected] Date: 11/27/2016

Multimedia Flowchart

Project: Essential Business Phone Skills Screen: 1 of 25 Date: 11/27/2016

Multimedia Storyboard

Screen Description and Event(s) of Instruction addressed: Title screen – first screen of introduction to instruction. Gagne 1, ARCS-A.

Screen Layout:

Text Attributes: Trebuchet MS. Hex #FFFFFF. Title 48pt, button text 24pt. Still Images: City Floral logo. Man at desk holding cell phone. Navigation “Start

Here” button with instructions on using navigation bar at bottom. Header and footer bars.

Moving Images

Animation: Navigation button alpha fade in. Navigation buttons change colors on rollover and down.

Video: None. Audio

Speech: None. Music: None. Sound Effects: None.

Interactivity: Navigation buttons. Navigation

From Screens: None. To Screens: Introductory Question.



Screen Description and Event(s) of Instruction addressed: Introductory Question screen designed to gain attention by presenting a question relevant to learner’s role. Gagne 1, ARCS-A, R.

Screen Layout:

Text Attributes: Trebuchet MS. Hex #FFFFFF. 24pt. Still Images: Background image of office environment. Female character. Rounded

rectangle shape behind text. Header and footer bars. Moving Images

Animation: Navigation buttons change colors on rollover and down. Video: None.

Audio



From Screens: Title screen. To Screens: Introductory Answer.



Screen Description and Event(s) of Instruction addressed: Introductory Answer screen presenting info that relates to the audience and answer the question from previous screen. Gagne 1, ARCS-A, R.

Screen Layout:

Text Attributes: Trebuchet MS. Hex #FFFFFF. 24pt. Still Images: Background image of office environment. Female character. Rounded

rectangle shape behind text. Header and footer bars. Moving Images

Animation: Last word “people” zooms in at 4 seconds. Navigation buttons change colors on rollover and down.

Video: None. Audio



From Screens: Introductory Question screen. To Screens: Objectives screen.



Screen Description and Event(s) of Instruction addressed: Objectives screen presenting the two main learner objectives. Gagne 2; ARCS-A, R, C.

Screen Layout:

Text Attributes: Trebuchet MS. Header hex #FFFFFF, 48pt. Body first line hex

#000000, 24pt. Body objectives hex #FFFFFF, 24pt. Still Images: Header and footer bars. Moving Images

Animation: Rectangular shapes behind objectives fade in. Navigation buttons change colors on rollover and down.

Video: None. Audio



From Screens: Introductory Answer screen. To Screens: Overview & Stimulate Recall screen.



Screen Description and Event(s) of Instruction addressed: Overview & Stimulate Recall screen containing brief video with audio. Gagne 1, 3, 4; ARCS-A, R, C.

Screen Layout:

Text Attributes: Trebuchet MS. Header hex #FFFFFF, 48pt. Still Images: Header and footer bars. Moving Images

Animation: Navigation buttons change colors on rollover and down. Video: “Essential Business Phone Skills at City Floral.”

Audio

Speech: Video contains narration. Music: Video contains music. Sound Effects: None.

Interactivity: Video playback controls. Navigation buttons. Navigation

From Screens: Objectives screen. To Screens: Business Phone Skills screen.



Screen Description and Event(s) of Instruction addressed: Business Phone Skills screen presenting the main content topics. Gagne 4.

Screen Layout:

Text Attributes: Trebuchet MS. Hex #FFFFFF. Header 48pt. Body 24pt. Still Images: Header and footer bars. Moving Images

Animation: Blue and green rectangle shapes behind text, woman on cell phone, man on cell phone, hands holding notebook, calculator. Images fade and fly in from left and right in sequence according to Skill #.

Video: None. Audio



From Screens: Overview & Stimulate Recall screen. To Screens: Skill #1 Content screen.



Screen Description and Event(s) of Instruction addressed: Skill #1 Content screen presenting instructional content, example, and non-example for first skill. Gagne 4, 5.

Screen Layout:

Text Attributes: Trebuchet MS. Skill title hex #BAD047, 48pt. Subheading hex

#FFFFFF, 24pt, all caps. Body hex #FFFFFF, 24pt. Button hex #000000.

Still Images: Blue/green rectangle behind text. Pen writing “Be positive.” Audio

speaker on example button. Header and footer bars. Moving Images

Animation: Example and navigation buttons change colors on rollover and down. Video: None.

Audio

Speech: Narration upon clicking button to hear example. Music: None. Sound Effects: None.

Interactivity: Audio is played upon clicking button to hear example. Navigation

buttons. Navigation

From Screens: Business Phone Skills screen. To Screens: Skill #1 Activity screen.



Screen Description and Event(s) of Instruction addressed: Skill #1 Activity screen presenting practice activity with feedback for first skill. Gagne 6, 7; ARCS-C.

Screen Layout:

Text Attributes: Trebuchet MS. Skill title hex #000000, 48pt. Body hex #FFFFFF, 24pt.

Yes, no, and audio buttons hex #000000, 24pt. Still Images: Background image of office environment. Blue/green rectangle behind

text. Female character. Header and footer bars. Moving Images

Animation: Yes, no, audio callout, and navigation buttons change colors on rollover and down. Feedback text appears when yes/no buttons are clicked.

Video: None. Audio

Speech: Narration upon clicking button to listen. Music: None. Sound Effects: None.

Interactivity: Yes, no, audio callout, and navigation buttons. Navigation

From Screens: Skill #1 Content. To Screens: Skill #2 Content.



Screen Description and Event(s) of Instruction addressed: Skill #2 Content screen presenting instructional content, example, and non-example for second skill. Gagne 4, 5.

Screen Layout:


#FFFFFF, 24pt, all caps. Body hex #FFFFFF, 24pt. The four key manners are emphasized in bold and italics. Button hex #000000.

Still Images: Blue/green rectangle behind text. Gray wide bar across middle screen.

Callout shapes (beneath pop-up text in screen layout above). Header and footer bars.

Moving Images

Animation: View tip and navigation buttons change colors on rollover and down. Female character, green rectangle, and text appear when “View tip” button is clicked (toggle show/hide).

Video: None. Audio


Interactivity: View tip and navigation buttons. Navigation

From Screens: Skill #1 Activity screen. To Screens: Skill #2 Activity screen.



Screen Description and Event(s) of Instruction addressed: Skill #2 Activity screen presenting practice activity with feedback for second skill. Gagne 6, 7; ARCS-C.

Screen Layout:

Text Attributes: Trebuchet MS. Skill title hex #000000, 48pt. Body hex #FFFFFF, 24pt.

Yes/no buttons and callout shape hex #000000, 24pt. Still Images: Background image of office environment. Blue/green rectangle behind

text. Female character. Caption callout. Header and footer bars. Moving Images

Animation: Yes/no and navigation buttons change colors on rollover and down. Feedback text appears when yes/no buttons are clicked.

Video: None. Audio


Interactivity: Yes, no, and navigation buttons. Navigation

From Screens: Skill #2 Content screen. To Screens: Skill #3 Content screen.



Screen Description and Event(s) of Instruction addressed: Skill #3 Content screen presenting instructional content and example for third skill. Gagne 4, 5.

Screen Layout:


#FFFFFF, 24pt, all caps. Body hex #FFFFFF, 24pt. Button hex #000000.

Still Images: Blue/green rectangle behind text. Gray wide bar across middle screen.

Image with text stating “Pay Attention!” Upon click of example button: caption callouts, cell phone. Header and footer bars.

Moving Images

Animation: Feedback text appears when yes/no buttons are clicked. Full-screen overlay occurs upon click of “View an example” button.

Video: Audio


Interactivity: View example and navigation buttons. Navigation


Project: Essential Business Phone Skills Screen: 12, 14 of 25 Date: 11/27/2016


Screen Description and Event(s) of Instruction addressed: This layout applies to the practice activity screens for skills #3 and #4 and presents a scenario between a caller (customer) and a City Floral team member. Gagne 6, 7; ARCS-C.

Screen Layout:

Text Attributes: Trebuchet MS. Skill title hex #000000, 48pt. Text in header and footer

bars hex #FFFFFF, 24pt. Yes/no buttons, callout shape text, and feedback hex #000000, 24pt.

Still Images: Male and female characters. Caption callouts. Header and footer bars

and vertical divider line. Green rectangle behind feedback text. Moving Images

Animation: Yes/no and navigation buttons change colors on rollover and down. Feedback text appears when yes/no buttons are clicked.

Video: Audio


Interactivity: Yes, no, and navigation buttons. Navigation

From Screens: Skill #3 Content screen. (Screen 14 navigates from Skill #4 Content screen.)

To Screens: Skill #4 Content screen. (Screen 14 navigates to Test Your Knowledge screen.)



Screen Description and Event(s) of Instruction addressed: Skill #4 Content screen presenting instructional content, examples, and a non-example for fourth skill. Gagne 4, 5.

Screen Layout:


#FFFFFF, 24pt, all caps. Body hex #FFFFFF, 24pt. Still Images: Blue/green rectangle behind text. Gray wide bar across middle screen.

Hand pointing to “Help” sign. Header and footer bars. Moving Images

Animation: None. Video: None.

Audio






Screen Description and Event(s) of Instruction addressed: Test Your Knowledge screen informing the user that the assessment section is beginning. Gagne 8.

Screen Layout:

Text Attributes: Trebuchet MS. Hex #FFFFFF. 24pt. Still Images: Background image of office environment. Female character. White

board sign with text image. Header and footer bars. Moving Images

Animation: Navigation buttons change colors on rollover and down. Video:

Audio



From Screens: Skill #4 Activity screen. To Screens: Identify Skill #1 assessment screen.

Project: Essential Business Phone Skills Screen: 16-23 of 25 Date: 11/27/2016


Screen Description and Event(s) of Instruction addressed: This layout applies to the assessment screens related to identifying and recognizing all four skills. Navigation buttons are omitted; learners must answer each question and use the Submit button. Gagne 7, 8.

Screen Layout:

Text Attributes: Trebuchet MS. Body text hex #FFFFFF, 24pt. Feedback hex #000000,

24pt. Question number text (lower left of screen) hex #BAD047, 16pt. Still Images: Blue/green rectangle behind text. Female character and blue/green

caption callouts. Header and footer bars. Moving Images

Animation: Feedback text and female character appear when submit button is clicked.

Video: None. Audio

Speech: Narration occurs on screen 17 (Recognize Skill #1). Music: None. Sound Effects: None.

Interactivity: Answer buttons (A, B, C). Submit button. Navigation

From Screens: Test Your Knowledge screen; Skill assessment screens. To Screens: Skill assessment screens; Quiz Review screen.



Screen Description and Event(s) of Instruction addressed: Quiz Results screen presenting score to learner and Review Quiz button option allowing learner to review correct/incorrect answers on each quiz slide. Gagne 7; ARCS-C.

Screen Layout:

Text Attributes: Trebuchet MS. Header hex #FFFFFF, 48pt. Body left side hex

#FFFFFF, body right side (results) hex #000000, 24pt. Feedback hex #000000, 24pt.

Still Images: Blue rectangle behind text. Review Quiz and Continue buttons.

Header and footer bars. Moving Images

Animation: Navigation buttons change colors on rollover and down. Video: None.

Audio


Interactivity: Review Quiz and Navigation buttons. Navigation

From Screens: Recognize Skill #4 assessment screen. To Screens: Memory Aid & Transfer screen.



Screen Description and Event(s) of Instruction addressed: Memory Aid & Transfer screen presenting a downloadable quick reference guide and a follow-up activity. Gagne 9, ARCS-S.

Screen Layout:

Text Attributes: Trebuchet MS. Header hex #FFFFFF, 48pt. Body steps hex #FFFFFF,

24pt. “Thanks” blurb and Exit button hex #000000, 24pt. Still Images: Header and footer bars. Moving Images

Animation: Quick Reference Guide and blue rectangular shapes behind steps fade in. Green rectangle behind “Thanks” blurb and Exit button fade in at 9 seconds. Exit and navigation buttons change colors on rollover and down.

Video: None. Audio


Interactivity: Linked image to Quick Reference Guide (PDF). Exit and Navigation

buttons. Navigation

From Screens: Quiz Results screen. To Screens: (Exit course.)

name: n. lee anna smith email: [email protected] date: …itma-project-final.weebly.com › uploads ›...

Documents