The Storyboard Builder

The Storyboard Builder is used to create Storyboards for the lessons and is a tool written in ToolBook that allows the Writers to create storyboards where the data is exported to an ini file. That ini file is then used by the Lesson Builder to build the final tbk that is near ready to be exported to HTML for deployment. The Storyboard Builder provides the Writers with pre-approved scenarios to choose from as they write a Storyboard for a Topic (Lesson).

 

A Menu Bar provides access to most of the functionality.

 

Click here for a full tutorial on the use of the Storyboard Builder. Close the window to return to this screen when done.

 

 

 

 

 

 

The Menu Bar

Each Storyboard file will have a Menu Bar that provides most all of the functionality of the tool. There are five menu items as shown here.

Quick Navigation

Clicking Quick Navigation gives the drop-down menu as shown here for a Simulation lesson.

The Show Screen List option gives a Popup Screen List as shown below. This list can be printed for reference when the Writer has to do the screen captures. It also can be used for navigation to any screen in the lesson.

Insert Screens

The Insert Screens menu gives options for inserting the various types of screens for any given lesson. In the case of a Simulation lesson, the screen types shown below are available.

Maintenance

The Maintenance menu provides options for copying, pasting and deleting any screen. There also is a Compact File utility and Spelling Check. The Store Data option allows the Writer to export the data to an ini file which is used by the Developer to create the lesson book.

This is the Spelling Check dialog box which makes use of the Word Spelling functionality.

Format Text

The Format Text menu contains options for adding bold formatting to both text displayed by the Simulation as well as other text on any screen.

Help

The Help menu provides options for viewing the various lesson outlines and screen types. It also has an option to display the Screen List described earlier.

Starting a Lesson Storyboard

The Writer begins a lesson by entering the required information for the Title page of one of the files listed above. In the case of a Simulation, the Writer enters their name, the name of the lesson, and the introductory text. Input fields are provided.  The Topic number and Book Name (the same as the Topic number) fields are populated based upon the name of the file. The naming conventions will be addressed later on in this document. For all screens, the name (Title) will appear in the upper-left corner, the Screen Number in the middle, and the Topic number below the Title. A Save button at the bottom is used to save the data and a Navigation Bar is located in the bottom right.  Note the example text provided.

 

Storyboard Builder Navigation

The Navigation Bar (bottom-right) will most of the time contain four buttons as shown here.  This is the Writer's primary means of navigating through the pages (screens). The Popup Screen List can be used to quickly navigate to any page.

Inserting Screens

Screens (pages) are added by making choices from the drop-down menu option show earlier. As an example, to build a Simulation, existing scenarios include such actions as these: Learner clicks once on a screen to advance to the next screen. or Learner types input into an active field and clicks a button. The Writer chooses the scenario from the Insert Screens drop-down menu as shown here.  In this case, Scenario A has been chosen as the screen to insert.

 

Adding Information to Storyboard

After inserting a screen, the Writer fills in the data on a form-like screen using sample text provided for any specific scenario. A Save button is clicked to save the file at any point during the process. A Page Metaphor is used with each page corresponding to a screen. Page Names are assigned as each scenario is added with the Writer deciding the order. In the example shown below, the Topic ID is 200_900 and the page is 010, so the Page Name is 200_900_010 and the screenshot is named automatically (200_900_010.gif). Note the generic text for some of the form fields along with the examples provided for this particular scenario, Scenario A: User clicks once to advance to the next screen.

The graphic below shows what this page (screen) would look like after all the information has been entered by a Writer.

Reordering Screens

The Writer can easily reorder (and rename) a screen as needed. This is accomplished by changing the number in the Screen Number field and clicking the Update button. If the order of the pages are changed, the Page Names (and therefore the Screenshot Names) can be changed by typing in the Page Name field. Also, as described earlier, the Maintenance Menu has options for copying, pasting, and deleting pages.

Exporting the Data

When the Writer has completed the Storyboard for a lesson, the data is stored (exported to an ini file) by click the Store Data option from the Maintenance menu. This file is then passed on to the Developer along with the graphics.

Click here to view a sample ini file. The next section will discuss how the Lesson Builder part of the suite handles this file.