Table Of Contents About Articulate Engage... 1 About Articulate... 1 Installing Articulate Engage... 2 To install Articulate Engage:... 2 Launching Articulate Engage... 3 To launch Articulate Engage:... 3 Start page overview... 4 Articulate Engage start page... 4 Create a new interaction:... 4 Recent Interactions... 4 Support and Resources:... 5 Creating new interactions... 6 To create interactions... 6 Interaction description... 6 Interaction... 6 Description... 6 System requirements... 12 Requirements for authoring with Articulate Engage:... 12 General Hardware Requirements... 12 Supported... 12 General Software Requirements... 12 Supported Versions... 12 Software requirements for viewing published interactions:... 12 Windows Operating System... 12 Supported Browsers... 12 Macintosh Operating System... 12 Supported Browsers... 12 Linux Operating System... 12 Supported Browsers... 12 Shortcut keys... 13 Shortcut keys... 13 Shortcut Keys... 13 Action... 13 Working with Interactions... 15 Working with Circle interactions... 15 Circle interactions... 15 Properties... 15 Feature description... 15 iii
Articulate Engage Documentation Left pane:... 15 Feature description... 15 Interaction panel... 15 Layer panel... 15 Segment panel... 16 Right pane:... 16 Feature description... 16 Working with Process interactions... 18 Process interactions... 18 Properties... 18 Feature description... 18 Left pane:... 18 Feature description... 18 Interaction panel... 18 Process steps... 18 Right pane:... 19 Feature description... 19 Working with Pyramid interactions... 20 Pyramid interactions... 20 Properties... 20 Feature description... 20 Left pane:... 20 Feature description... 20 Interaction panel... 20 Layer panel... 20 Segment panel... 21 Right pane:... 21 Feature description... 21 iv
Welcome to Articulate Engage Documentation About Articulate Engage Articulate Engage Easily add stunning interactive content to your e-learning courses. Looking for compelling learning interaction and stunning visual quality, all without the need for expensive design or programming? That s Articulate Engage. Energize your e-learning courses with Engage a quick and easy tool that lets you create leanforward experiences that learners love. The ability to produce dazzling interactions that turn passive viewers into active learners makes Engage a must-have companion to Articulate Presenter for producing quality e-learning courses. You can now actively encourage discovery by prompting learners to interact, such as: Examining in greater detail each step of a process. Exploring the relationship between timeline events through text, images and sound. Drilling down into key elements of a diagram to better understand the main points. Easy-to-use templates let you create rich-media interactivity in minutes. Choose from a wide range of interaction types, including process, timeline, pyramid diagram, labeled graphic, interactive FAQ, and more. The familiar Flash format allows interactions to integrate seamlessly into virtually any e-learning course, or even stand alone on any Web site. Once you see how quickly and easily you can create great looking interactive content, you ll never want to produce passive e-learning again. About Articulate Articulate is the global leader in rapid e-learning. Thousands of corporate, government and academic customers in more than 50 countries use our powerful, intuitive technologies to train and communicate rapidly, widely and effectively. We know how people learn. We understand how organizations work. We believe that superior learning and communications technology, widely available across your enterprise, provides competitive advantage. That's what Articulate is all about -- putting the power of rapid e-learning in the hands of anyone who needs to share knowledge. Our goal is to ensure that you can train, motivate, inform and persuade the people who will move your organization forward. Copyright 2006 Articulate Global, Inc. All rights reserved Articulate and Articulate Engage are trademarks or registered trademarks of Articulate Global, Inc. in the United States and other countries. 1
Articulate Engage Documentation Installing Articulate Engage To install Articulate Engage: 1. Download Articulate Engage. 2. Close all programs. 3. Make sure all prior versions of Engage (trial installs included) are un-installed. 4. Double-click the downloaded file to start the installation program. 5. Follow the instructions on the screen. Note: By default, Articulate Engage is installed to C:\Program Files\Articulate\Articulate Engage. 2
Getting Started Launching Articulate Engage To launch Articulate Engage: 1. Double-click the Articulate Engage shortcut icon on your desktop 2. Or go to Start -> All Programs -> Articulate -> Articulate Engage 3. When the application launches, you will see the Start Page The Start Page is the first window you will see when launching Articulate Engage. This window is used as a launching pad for the different tasks you need to access within the application. Click here for more information on the start page. 3
Articulate Engage Documentation Start page overview Articulate Engage start page The start page is the first window you will see when launching Articulate Engage. This window is used as a launching pad for the different tasks you need to access within the application. Create a new interaction: To create a new interaction click the "Create a new interaction" link. Clicking this link will bring up the "New Interaction" dialog that allow you to specify what interaction type you like to create. Click here for more information on Creating different Interaction types. Recent Interactions The "Recent Interactions" list the Engage interactions last worked on. This help you quickly access the most recent files. The Start Page will list the last 9 interactions worked on. To open an interaction not listed, simply click "More..." and navigate to the interaction file you would like to open. For example; If an interaction file is sent to you by another author, save the file to disk then click the "More..." link on the Start Page to navigate to and open the Engage interaction file. Tip: You can also open an interaction by double clicking the Engage project file (*.intr) in windows explorer or even Drag and Drop the *.intr file onto the Start Page. 4
Getting Started Support and Resources: This area of the start page links to resources on the web. As long as you have internet connection you have all this information available just a click away. 5
Articulate Engage Documentation Creating new interactions To create interactions 1. To create a new interaction, click the "Create a new interaction" from the start page. 2. This will open the New Interaction window. 3. Select the interaction type you like to create and click OK. 4. To view a sample of any interaction type, click the "View Sample" link in the lower right corner. Interaction description Articulate Engage has many different interaction types for you to chose from. Below is a brief description of each interaction type and suggestion for usage. Click the interaction name to get in-depth information on how to work with each interaction type. Interaction Description 6
Getting Started The Process interaction allows users to discover the steps of a linear process. Use the Process interaction to: Illustrate the steps of a process Walk users through a series of related items Explain a workflow or procedure The Labeled Graphic interaction allows users to identify the key elements of an image. Use the Labeled Graphic interaction to: Highlight details of a photo Call out relevant parts of a graphic Explain features of a software screen shot 7
Articulate Engage Documentation The Tabs interaction allows users to explore a group of related items. Use the Tabs interaction to: Walk through a list of related concepts Identify members of a group Compare the differences among several objects The Circle Diagram interaction allows users to examine the relationship of items in a circular hierarchy. Use the Circle Diagram interaction to: Show related items within a hierarchy Organize concepts into segments and layers Graphically depict a philosophy or approach 8
Getting Started The Timeline interaction allows users to discover the events of a timeline. Use the Timeline interaction to: Step through a series of periods and events Guide users though a continuum Highlight key milestones in a schedule The Media Tour interaction allows users to step through a series of related images, video and Flash. Use the Media Tour interaction to: Walk through screen shots of a software application Create a multimedia tour from photographs and videos Provide a how-to manual from a series of images 9
Articulate Engage Documentation The FAQ interaction allows users to uncover the answers to frequently asked questions. Use the FAQ interaction to: Answer commonly asked questions Let users search for solutions to problems Review subject matter in a Q&A format The Pyramid interaction allows users to explore a hierarchical relationship of related concepts. Use the Pyramid interaction to: Show relationships within a hierarchy Compare levels of importance of related concepts Detail steps in a process or methodology 10
Getting Started The Guided Image interaction allows users to examine important parts of an image or diagram. Use the Guided Image interaction to: Step through details of an image Explain significant parts of a graphic Point out items of interest in a photo The Glossary interaction allows users to reveal the definitions of words, terms and phrases. Use the Glossary interaction to: Define commonly used terms Explain the meaning of technical acronyms Provide understanding of cultural phrases 11
Articulate Engage Documentation System requirements Requirements for authoring with Articulate Engage: General Hardware Requirements CPU: Memory: Available disk space: Multimedia: Recording Device: Supported Pentium II or later 64MB (128MB recommended) 40 MB Sound card (if recording narration) Microphone (if recording narration) Tip: For the best sound quality when narrating, use a USB microphone such as the Plantronics DSP-100 or similar equipment. General Software Requirements Operating System: Articulate Presenter: (If planning to embed Engage interactions in Articulate Presenter presentation) Macromedia Flash Player: Supported Versions Microsoft Windows 2000, XP Articulate Presenter Professional version 5.10 or higher. Macromedia Flash Player 6 or higher.net Framework Version 1.1 Software requirements for viewing published interactions: Note: If the interactions contain video user will still be able to view the content and will have the option to download a newer version of the Flash player. One of the following browsers: Windows Operating System Windows 98 Windows 2000 Windows XP Supported Browsers Microsoft Internet Explorer 6.x, Netscape 4.7, Netscape 7.x, Firefox 1.x, AOL 8, and Opera 7.11 Microsoft Internet Explorer 6.x, Netscape 4.7, Netscape 7.x, Firefox 1.x, CompuServe 7, AOL 8, and Opera 7.11 Microsoft Internet Explorer 6.0, Netscape 7.x, Firefox 1.x, CompuServe 7, AOL 8, and Opera 7.11 Macintosh Operating System Mac OS 9.x Mac OS 10.x Supported Browsers Microsoft Internet Explorer 5.1, Netscape 4.8, Netscape 7.x, Mozilla 1.x, and Opera 6 Microsoft Internet Explorer 5.2, Netscape 7.x, Mozilla 1.x, AOL 7, Opera 6, and Safari 1.0 (Mac OS 10.2x or later only) Linux Operating System Supported Browsers Linux Konqueror 3.3.1, Mozilla 1.7.3, Firefox 1.x 12
Getting Started Shortcut keys Shortcut keys To make Articulate Engage even quicker and easier to use, a number of shortcuts is available for common tasks. Below is a list of all the shortcut available in Engage. Shortcut Keys F1 F7 F10 F11 F12 Ctrl-N Ctrl-O Ctrl-S Ctrl-Z Ctrl-Y Ctrl-Page Up/Page Down Alt-Enter Action Articulate Engage help documentation Spell check Publish Preview current step, event or segment Preview the whole interaction Create a new interaction Open an existing interaction Save interaction Undo Redo Navigate between the steps, events or segments in edit mode Opens the interaction properties dialog 13
Working with Interactions Working with Circle interactions Circle interactions This help topic will cover all options and features available while working with Circle interactions. Properties Feature description Interaction Title This is the interaction title for this project. This will display as the main interaction title in the published output. To change the title font, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Color Scheme A color scheme is assigned by default and applies to background color, button color etc. in the published output. To select a different color scheme, simply select another color from the pull-down list and preview to see the result. Left pane: Feature description Preview/Navigation control This is a visual representation on how the Circle will look after publish or in preview. The title for each layer is not displayed on top of the preview due to the limited size. To select any segment and/or layer simply click on the preview/navigation control. This preview will update as you add, delete and move layers and segments and will help you visualize what the published result will look like without having to preview. Interaction panel Edit Introduction This option allows you to edit the Introduction. The introduction is edited like all other step in the interaction and you can even add audio, images or video as required. The introduction is optional, and can be included or excluded in the output. To remove the Introduction step, click the Interaction Properties button in the toolbar and select the Circle Diagram tab. Check or un-check the "Introduction" checkbox to include or exclude the introduction step. Interaction Properties This option has the same behavior as clicking the Interaction Properties button in the toolbar and will bring up the Interaction Properties dialog. Layer panel Add Layer This will add a layer. The layer will always be added as the outmost layer but can be moved easily. This interaction type allow for 10 layers outside the Core layer. 15
Articulate Engage Documentation Delete Layer Move Layer Layer Color Rotation This will delete the layer currently selected. Deleting a layer will also delete the segments it contain. Note: The core layer cannot be deleted. You can move a layer in or out as needed. Note: The core layer cannot be moved. A color is selected by default as you create new layers. To change the default selection select a color of your choice from the Layer Color pull-down menu. This feature allow you to rotate (offset) a layer. This feature is helpful if you don't want the segment lines between layers to line up. You can select a number from the pull down menu or type in any (non fractional) number between 0-360. Note: The offset is in degrees from the start of the 1st segment in the current layer. Segment panel Add Segment Delete Segment Move Segment Preview Segment This will add a new segment to the current layer. For each segment you can specify a title, segment text, narration, images and/or video. You can add up to 20 segment for each layer. However, adding that many segment to a layer might not look good in the published output. Note: Segments cannot be added to the Core layer or the Introduction. This will delete the selected segment. You can tell what segment is selected in the preview image as well as in the right pane. Note: Segments cannot be added to the Core layer or to the Introduction. A segment can be moved between layers as needed and you can also move the segments left and right to set the segment order within the layer. Note: Segments cannot be moved to the Core layer or to the Introduction. This selection will allow you to preview the current segment. Right pane: Feature description Segment Tabs Note: Segment Tabs are not available for the Introduction or the Core Layer since they don't have segments. Any other layer in the Circle diagram can have up to 10 segment each. The Segment tabs shows what Segment already exist and the default display order. To edit a Segment simply click the tab. You can also select any Segment by clicking "List" in the left corner. Clicking this option will display all Segments in a pull-down menu for easy and fast selection. To add a new Segment, click the "Add Segment" tab. Tip 1: Segments can be moved right and left by click and drag. Moving the tabs will affect the default display order. Tip 2: To navigate between Segments using the key board press Ctrl-Page Up/Down. 16
Index Title This is the title displayed for the current segment in your published output. To change the font type, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Segment Text This is the area where you add the text that you like to display for the selected segment. To format this text use the wide variety of options available in the formatting toolbars directly above the text input field. Tip: Hyperlinks are easy to add to your text by clicking the Hyperlink button in the formatting toolbar. Audio Add Media This feature allows you to easily add audio to each segment. Audio can be added by recording narration directly in Articulate Engage or by importing external audio files. Note: Click here to get more information on the Add Audio feature. This feature allows you to add an image or a video (SWF or FLV) to each segment. Note: Click here to get more information on the Add Media feature. 17
Articulate Engage Documentation Working with Process interactions Process interactions This help topic will cover all options and features available while working with Process interactions. Properties Feature description Interaction Title This is the interaction title for this project. This will display as the main interaction title in the published output. To change the title font, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Color Scheme A color scheme is assigned by default and applies to background color, button color etc. in the published output. To select a different color scheme, simply select another color from the pull-down list and preview to see the result. Left pane: Feature description Interaction panel Edit Introduction This option allows you to edit the Introduction. The introduction is edited like all other step in the interaction and you can even add audio, images or video as required. The introduction is optional, and can be included or excluded in the output. To remove the introduction step, click the Interaction Properties button in the toolbar and select the Process tab. Check or un-check the "Introduction" checkbox to include or exclude the introduction step as needed. Interaction Properties This option has the same behavior as clicking the Interaction Properties button in the toolbar and will bring up the Interaction Properties dialog. Process steps Add Step Delete Step Move Step Preview Step This will add a new step to this Process interaction. The new step will always be added as the last step but can be moved easily. This interaction type allows for 20 individual step. This will delete the currently selected step. You can tell what step is selected by the tab selected in the right pane. You can move a step left and right as needed. You can also move steps by dragging the tabs in the right pane. Note: The Introduction is displayed as a tab for this interaction type. The introduction has to be first so this tab cannot be moved. This selection allows you to preview the current step. 18
Index Right pane: Feature description Step Tabs The Step tabs shows what step already exist and the default display order. To edit a step simply click the tab. You can also select any step by clicking "List" in the left corner. Clicking this option will display all steps in a pulldown menu for easy and fast selection. To add a new step, click the "Add Step" tab. Steps can be moved right and left by click and drag. Moving the tabs will affect the default display order. To navigate between steps using the key board press Ctrl-Page Up/Down. Title This is the title displayed for the current step in your published output. To change the font type, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Step Text This is the area where you add the text that you like to display for the selected step. To format this text use the wide variety of options available in the formatting toolbars directly above the text input field. Note: Hyperlinks are easy to add to your text by clicking the Hyperlink button in the formatting toolbar. Add Media Audio This feature allows you to add an image or a video (SWF or FLV) to each step. Note: Click here to get detailed information on the Add Media feature. This feature allows you to easily add audio to each step. Audio can be added by recording narration directly in Articulate Engage or by importing external audio files. Note: Click here to get detailed information on the Add Audio feature. 19
Articulate Engage Documentation Working with Pyramid interactions Pyramid interactions This help topic will cover all options and features available while working with Pyramid interactions. Properties Feature description Interaction Title This is the interaction title for this project. This will display as the main interaction title in the published output. To change the title font, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Color Scheme A color scheme is assigned by default and applies to background color, button color etc. in the published output. To select a different color scheme, simply select another color from the pull-down list and preview to see the result. Left pane: Feature description Preview/Navigation control This is a visual representation on how the Pyramid will look after publish or in preview. The title for each layer is not displayed on top of the preview due to the limited size. To select any segment and/or layer simply click on the preview control. This preview will update as you add, delete and move layers and segments and will help you visualize what the published result will look like without having to preview. Interaction panel Edit Introduction This option allows you to edit the introduction. The introduction is edited like all other step in the interaction and you can even add audio, images or video as required. The introduction is optional, and can be included or excluded in the output. To remove the introduction step, click the Interaction Properties button in the toolbar and select the Pyramid Diagram tab. Check or un-check the "Introduction" checkbox to include or exclude the introduction step as needed. Interaction Properties This option has the same behavior as clicking the Interaction Properties button in the toolbar and will bring up the Interaction Properties dialog. Layer panel Add Layer Delete Layer This will add a layer. The layer will always be added as the bottom layer but can be moved easily. This interaction type allow for 10 layers outside the top layer. This will delete the layer currently selected. Deleting a layer will also delete the segments it contain. 20
Index Note: The top layer cannot be deleted. Move Layer Layer Color You can move a layers up or down as needed except for the top layer. The top layer cannot be moved. A color is selected by default as you create new layers. To change the default selection select a color of your choice from the Layer Color pull-down menu. Segment panel Add Segment Delete Segment Move Segment Preview Current Segment This will add a new segment to the current layer. For each segment you can specify a title, segment text, narration, images and/or video. You can add up to 20 segment for each layer. However, adding that many segment to a layer might not look good in the published output. Note: Segments cannot be added to the top layer. This will delete the selected segment. You can tell what segment is selected in the preview image as well as in the right pane. A segment can be moved between layers as needed and you can also move the segments left and right to set the segment order within the layer. Note: Segments cannot be moved to the top layer. This selection will allow you to preview the current segment. Right pane: Feature description Segment Tabs Title Note: Segment Tabs are not available for the introduction or the top layer since they don't have segments. Any other layer in the Pyramid diagram can have up to 10 segment each. The segment tabs shows what segment already exist and the default display order. To edit a segment simply click the tab. You can also select any segment by clicking "List" in the left corner. Clicking this option will display all segments in a pull-down menu for easy and fast selection. To add a new segment, click the "Add Segment" tab. Tip 1: Segments can be moved right and left by click and drag. Moving the tabs will affect the default display order. Tip 2: To navigate between segments using the key board press Ctrl-Page Up/Down. This is the title displayed for the current segment in your published output. To change the font type, click the Interaction Properties button in the toolbar and select the Colors and Effects tab. The "Title Font:" setting will determine the font type used. Segment Text This is the area where you add the text that you like to display for the selected segment. To format this text use the wide variety of options available in the formatting toolbars directly above the text input field. Note: Hyperlinks are easy to add to your text by clicking the Hyperlink 21
Articulate Engage Documentation button in the formatting toolbar. Audio Add Media This feature allows you to easily add audio to each segment. Audio can be added by recording narration directly in Articulate Engage or by importing external audio files. Note: Click here to get more information on the Add Audio feature. This feature allows you to add an image or a video (SWF or FLV) to each segment. Note: Click here to get more information on the Add Media feature. 22
Index Index A Articulate... 1 Articulate Engage Installing... 2 Articulate Engage... 1 Articulate Engage... 2 Articulate Engage Documentation... 1 C Circle... 15 Circle Interactions... 15 F FAQ... 6 G General Software Requirements... 12 I Images... 6 Installing Articulate Engage... 2 Installing... 2 Interaction Description... 6 Interaction Type... 6 Interactions... 6 L Linux Operating System... 12 M Macintosh Operating System... 12 Macromedia Flash Player... 12 N New interactions... 6 O Opening Existing Interactions... 4 Opening... 4 P Process... 18 Process Interactions... 18 Pyramid... 20 Pyramid Interactions... 20 R Requirements... 12 S Shortcut Keys... 13 Start Page... 4, 6 Supported Browsers... 12 System Requirements... 12 W Windows Operating System... 12 23