Engage 360
72 TopicsEngage 360: Glossary Interactions
The glossary interaction in Engage 360 lets learners explore definitions of words, terms, and phrases. Use the glossary interaction to: Define commonly used terms. Explain technical acronyms. Provide understanding of cultural phrases. Exploring the Editor Adding Entries to a Glossary Renaming Entries Rearranging Entries Deleting Entries Adding Content to Entries Changing the Width of the Term List Enabling an Alphabetic Filter Exploring the Editor The glossary editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage entries for the glossary. Text Located in the middle of the screen, this panel is used to add text to each entry. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Entries to a Glossary Each step in a glossary interaction is called an entry. To add an entry, do any of the following: Press Ctrl+M. Go to the Glossary tab on the ribbon and click Add Entry. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected entry(s). Entries are automatically alphabetized, so new entries will appear in the list where appropriate. For example, in the English interface, new entries appear under the letter N. Tip: A glossary interaction can have an unlimited number of entries. Renaming Entries To rename an entry, do either of the following: Double-click the entry in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the entry in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Entries Engage automatically arranges glossary entries alphabetically. To change the order, you’ll need to rename one or more entries using the options above. Deleting Entries To delete an entry, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Glossary tab on the ribbon and click Delete Entry. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Entries To add text, audio, and media to each entry in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Width of the Term List By default, the list of terms in a glossary occupies 40% of the overall width of the interaction, but you can change it. Here's how: Go to the Glossary tab on the ribbon and click Interaction Properties. Select the Glossary tab on the left side of the window. Enter a percentage between 20 and 60 in the Term List Width field. Click OK. Enabling an Alphabetic Filter You can add a filter to your glossary to make navigation easier. When enabled, it appears across the top of your published interaction. Simply click an active letter to jump to that portion of the glossary. To enable the filter, do the following: Go to the Glossary tab on the ribbon and click Interaction Properties. Select the Glossary tab on the left side of the window. Mark the box to Enable filter. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties100Views0likes0CommentsEngage 360: Tab Interactions
The tabs interaction in Engage 360 lets learners explore a group of related items. Use the tabs interaction to: Walk through a list of related concepts. Identify members of a group. Compare several objects. Exploring the Editor Adding Tabs to Your Interaction Renaming Tabs Rearranging Tabs Deleting Tabs Adding Content to Tabs Changing the Location and Size of the Tabs Exploring the Editor The tabs editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage tabs for your interaction. Text Located in the middle of the screen, this panel is used to add text to each tab. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Tabs to Your Interaction Each step in a tabs interaction is called a tab. To add a tab, do any of the following: Press Ctrl+M. Go to the Tabs tab on the ribbon and click Add Tab. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the selected tab(s). New tabs get added just below the tab that's currently selected in the Steps panel—unless the summary is selected, in which case new tabs get added above it. Tip: A tabs interaction can have up to 12 tabs (not counting the introduction and summary). Renaming Tabs To rename a tab, do either of the following: Double-click the tab in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the tab in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Tabs To change the order of tabs, select one or more tabs in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the tabs will be dropped when your mouse button is released. Go to the Tabs tab on the ribbon, click Move Tab, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Tabs To delete a tab, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Tabs tab on the ribbon and click Delete Tab. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Tabs To add text, audio, and media to each tab in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Location and Size of the Tabs The tabs can appear on the left or right side of your interaction. You can also change how they're sized. Here's how: Go to the Tabs tab on the ribbon and click Interaction Properties. Select Tabs on the left side of the window that appears. Set the following properties: Allow tabs to use __% of the interaction width: This determines the width of your tabs. Tabs default to 30% of the width of the overall interaction, but you can enter any percentage between 10 and 70. Place tabs on: This determines whether your tabs display on the left or right side of your interaction. Choose an option from the drop-down. Size tabs: This determines the height of your tabs. Choose Dynamically or Statically from the drop-down. The default setting, Dynamically, makes each tab as tall as possible, so the list of tabs fills the entire height of your interaction. Statically fixes the height of each tab at 40 pixels. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Accordion Interactions
The accordion interaction in Engage 360 lets learners explore related items in a horizontal layout. Use the accordion interaction to: Walk through a list of related concepts. Identify members of a group. Compare several objects. Exploring the Editor Adding Panels (Steps) to an Accordion Renaming Panels (Steps) Rearranging Panels (Steps) Deleting Panels (Steps) Adding Content to Panels (Steps) Exploring the Editor The accordion editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage panels for the accordion. Text Located in the middle of the screen, this panel is used to add text to each panel. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Panels (Steps) to an Accordion Each step in an accordion interaction is called a panel. To add a panel, do any of the following: Press Ctrl+M. Go to the Accordion tab on the ribbon and click Add Panel. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected panel(s). New panels get added just below the panel that's currently selected in the Steps panel—unless the summary is selected, in which case new panels get added above it. Tip: An accordion interaction can have up to eight panels (not counting the introduction and summary). Renaming Panels (Steps) To rename a panel, do either of the following: Double-click the panel in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the panel in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Panels (Steps) To change the order of panels in an accordion interaction, select one or more panels in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the panels will be dropped when your mouse button is released. Go to the Accordion tab on the ribbon, click Move Panel, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Panels (Steps) To delete a panel from an accordion interaction, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Accordion tab on the ribbon and click Delete Panel. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Panels (Steps) To add text, audio, and media to each panel in an accordion interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsStoryline 360: Importing Engage Interactions
Storyline 360 has powerful features for creating highly interactive content. However, you can also take advantage of existing Engage interactions by importing them into Storyline 360. Preparing to Import Interactions Importing Interactions Editing Interactions Using Right-Click Options for Interactions Deleting Interactions Preparing to Import Interactions Before importing Engage interactions into Storyline 360, consider these prerequisites and implications: To import interactions into Storyline 360, you must have Engage ‘09, Engage '13, or Engage 360 installed and activated with a valid serial number or subscription. (Engage doesn't need to be activated if you're in the free trial period.) When you import an interaction into Storyline 360, a copy of the original interaction (*.intr) file is stored in your project file. As a result, you can transfer your project to another computer or another developer and still edit the interaction (as long as Engage is installed and activated). Engage interactions are imported into Storyline 360 as web objects, meaning they'll play as standalone interactions that are simply embedded in your course. We recommend disabling the resume prompt in your interactions. Otherwise, learners will see a resume prompt when they revisit interaction slides in your course. To disable the resume prompt in Engage, visit these user guides: Engage ‘09, Engage ‘13, Engage 360. Importing Interactions First, do any of the following: Click Import on the Storyline 360 start screen and select Import Engage. Go to the File tab on the ribbon, scroll to Import, and click Engage. Go to the Home tab on the ribbon, click New Slide, scroll to Import, and choose Engage. Go to the Slides tab on the ribbon, click New Slide, and choose Engage. Browse to the Engage interaction you want to import and click Open. If you opened the wrong interaction or want to select a different one, click the ellipsis button (...) in the upper right corner to browse for another file. Use the Insert into scene drop-down list at the bottom of the window to choose where the interaction should appear in your course. You can insert it into a new scene, which is the default option, or the current scene. If you choose a new scene, use the Scene field to give it a name. Click Import to complete the process. Editing Interactions To edit an Engage interaction in Storyline 360, select its placeholder, then use the Options tab on the ribbon to adjust any of the following properties. Preview View the selected interaction on the Storyline slide. Click it again to stop the preview. Open Open the interaction in your default web browser. Edit in Engage Open the interaction in Engage for editing. When you're finished editing your interaction in Engage, click Save and Return to Storyline. This option is only available in 32-bit Storyline 360. In 64-bit Storyline 360, update Engage interactions by exporting the interaction file for editing, then replace the file with the updated one. (See below.) Export Interaction Export the interaction file for editing in Engage. This option is only available in 64-bit Storyline 360. Replace Interaction Replace the current interaction file with a different one. This option is only available in 64-bit Storyline 360. Load When do you want the interaction to play in your published course? Choose Automatically or When clicked. This option won't be available if you display the interaction in a separate browser window (see below). An interaction that opens in a separate window won't load until learners click it. Show Determine whether you want to display your interaction in the slide or in a new browser window. Controls If you display the interaction in a new browser window (see above), this drop-down becomes active, letting you choose which browser controls the new window has. This option is grayed out if the interaction is configured to play in the current slide. Size If you choose to show your interaction in a new browser window (see above), this drop-down becomes active, letting you specify a size for the new window. This option is grayed out if the interaction is configured to play in the current slide. Using Right-Click Options for Interactions Right-click an Engage interaction placeholder and you'll find several more options for working with the interaction: Web Object > Edit This opens the Edit Web Object window, which lets you adjust some of the properties described in the previous section, such as where the interaction displays and when it plays. Tip: Don't change the file path in the Address field. Web Object > Open This plays the interaction in your default web browser. Preview This plays the interaction on the slide. Click anywhere outside the interaction placeholder to end the preview Tip: You can also double-click the interaction placeholder to preview it. Reset Picture Your interaction placeholder will automatically use the first frame of the interaction as its placeholder image. If you want to remove the placeholder image, select Reset Picture. After resetting (removing) the placeholder image, you can choose another placeholder image by right-clicking the interaction again and selecting Change Picture. This is especially useful if you've configured the interaction to play only when learners click it. The image you select will be visible until they click it. Rename This lets you change the default name of the interaction placeholder (Engage Interaction 1, Engage Interaction 2, etc.) in Storyline 360. Another way to rename objects is to use the timeline. Tip: Changing the name of the interaction placeholder doesn't affect the title of the interaction in the published course. Size and Position Use this option to specify an exact size and position for the interaction placeholder. Learn more. Deleting Interactions To delete an Engage interaction from your story, just select the interaction placeholder and press the Delete key on your keyboard.99Views1like0CommentsEngage 360: Conversation Interactions
The conversation interaction in Engage 360 lets learners step through a social media dialog. Use the conversation interaction to: Set up a scenario. Critique an interview. Teach interpersonal skills. Exploring the Editor Adding Steps to a Conversation Switching Characters Changing a Character’s Location Rearranging Steps Deleting Steps Adding Content to Steps Exploring the Editor The conversation editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage steps for the conversation. Text Located in the middle of the screen, this panel is used to switch characters and add text to each step. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Steps to a Conversation To add a step to the conversation, do any of the following: Press Ctrl+M. Go to the Conversation tab on the ribbon and click Add Step. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected step(s). New steps get added just below the step that's currently selected in the Steps panel—unless the summary is selected, in which case new steps get added above it. Tip: A conversation interaction can have an unlimited number of steps. Switching Characters To change the character that's speaking, select a step in the Steps panel, then do any of the following: Choose a new character. Click the character avatar in the text panel, which opens the character browser. Choose a character, expression, pose, and perspective, then click Insert Character. (If the character isn’t installed on your computer yet, click Download to install it, then insert it into your interaction.) Another way to choose a new character is to go to the Conversation tab on the ribbon and click Character, which opens the character browser. Choose a character, expression, pose, and perspective, then click Insert Character. (If the character isn’t installed on your computer yet, click Download to install it, then insert it into your interaction.) Reuse an existing character. Go to the Conversation tab on the ribbon and click the drop-down arrow on the Character button, which shows the characters currently being used in your interaction. Click a character to choose it. Import your own character. Go to the Conversation tab on the ribbon and click Picture. Browse to the image you want to use and click Open. Tip: To change the expression, pose, or perspective of a character you’ve already inserted in your interaction, just click its avatar to reopen the character browser. Changing a Character’s Location Characters can appear on the left or right side of your interaction. To move a character: Select the step you want to edit in the Steps panel. Go to the Conversation tab on the ribbon. Click Display on Left or Display on Right. Tip: The avatars in the Steps panel will move to the left or right as a visual indicator of their location in the interaction. Rearranging Steps To change the order of steps, select one or more steps in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the steps will be dropped when your mouse button is released. Go to the Conversation tab on the ribbon, click Move Step, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Steps To delete a step, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Conversation tab on the ribbon and click Delete Step. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Steps To add text, audio, and media to each step in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Bulletin Board Interactions
The bulletin board interaction in Engage 360 lets learners explore a series of items in a freeform manner. Use the bulletin board interaction to: Make announcements. Provide instructions or reminders. Establish the details of a scenario. Exploring the Editor Adding Notes to a Bulletin Board Changing Color and Style of Notes Renaming Notes Rearranging Notes Deleting Notes Adding Content to Notes Exploring the Editor The bulletin board editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage notes for the bulletin board interaction. Preview Located at the top of the middle section, this panel is used to arrange the layout of notes on the bulletin board. Text Located at the bottom of the middle section, this panel is used to add text to each note. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Expand the text panel by dragging its top boundary upward if you need more room to work with text. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Notes to a Bulletin Board Each step in a bulletin board interaction is called a note. To add a note, do any of the following: Press Ctrl+M. Go to the Bulletin Board tab on the ribbon and click Add Note. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected note(s). New notes get added just below the note that's currently selected in the Steps panel—unless the summary is selected, in which case new notes get added above it. Tip: A bulletin board interaction can have up to 100 notes (not counting the introduction and summary). Changing Color and Style of Notes To change the color or style of a note, select the note in the Steps panel or on the bulletin board, then use the following formatting options on the ribbon: Pin Color This changes the color of the pushpin that attaches the note to the board. To use the same color for all pins, click the Apply to All button to the right of the color selector. Note Color This changes the color of the note. To use the same color for all notes, click the Apply to All button to the right of the color selector. Note Style This changes the rotation and curl of the note. To use the same style for all notes, click the Apply to All button to the right of the style selector. Note: Custom colors can't be defined for notes and pins. Renaming Notes To rename a note, do either of the following: Double-click the note in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the note in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Notes There are two aspects to arranging notes: layering and spatial layout. Layering (or stacking) refers to how notes behave when they overlap on the board (three-dimensional arrangement). Spatial layout refers to how notes are distributed across the board (two-dimensional arrangement). Layering: Layering is controlled by the order of notes in the Steps panel. The first note in the list is the bottommost note layered on the board. The last note in the list is the topmost note layered on the board. To change the layer order, select one or more notes in the Steps panel, and do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the notes will be dropped when your mouse button is released. Go to the Bulletin Board tab on the ribbon, click Move Note, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. The order of notes in the Steps panel also determines their sequential order when learners use the previous and next buttons on the player to navigate through the interaction. Spatial Layout: Spatial layout is easy to control. Simply drag notes to a new location on the bulletin board. Tip: Use the arrow keys on your keyboard for more precise placement. Hold down the Ctrl key while pressing the arrows keys for even tighter control. Deleting Notes To delete a note, select it in the Steps panel or on the bulletin board, then do any of the following: Press the Delete key on your keyboard. Go to the Bulletin Board tab on the ribbon and click Delete Note. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Notes To add text, audio, and media to each note, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Circle Diagram Interactions
The circle diagram interaction in Engage 360 lets learners 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. Exploring the Editor Adding Layers and Segments to a Circle Diagram Changing the Color of Layers Rotating Layers Renaming Segments Rearranging Layers and Segments Deleting Layers and Segments Adding Content to Segments Changing the Placement of the Circle Exploring the Editor The circle diagram editor has three columns with the following panels: Steps Located in the upper left corner of the editor, this panel is used to manage layers and segments for the circle diagram. Segments Located in the lower left corner, this panel is used to select segments of the circle for editing. It also provides a dynamic preview of the circle's layout. Text Located in the middle of the screen, this panel is used to add text to each segment. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Expand the Steps panel or Segments panel by dragging the boundary between them up or down. Click the triangle beside any layer in the Steps panel to collapse or expand it. Click the triangle in the upper right corner of the Segments panel to collapse it if you need more room to work with the Steps panel. Click it again to reopen the panel. Click the triangle in the upper right corner of the Audio panel to collapse it if you need more room to work with the Media panel. Click it again to reopen the panel. Adding Layers and Segments to a Circle Diagram Each step in a circle diagram interaction is called a segment, and segments are grouped into layers. Layers: To add a layer to your diagram, do either of the following: Press Ctrl+G. Go to the Circle Diagram tab on the ribbon and click Add Layer. New layers get added to the outside of the circle. Segments: To add a segment, do any of the following: Press Ctrl+M. Go to the Circle Diagram tab on the ribbon and click Add Segment. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected segment(s). New segments get added just below the segment that's currently selected in the Steps panel. If an entire layer is selected, new segments get added to the end of the layer. Segments can't be added to the core layer, introduction, or summary. Tip: A circle diagram interaction can have up to 11 layers and up to 20 segments per layer. Changing the Color of Layers To change the color of a layer, do the following: Select the layer in the Steps panel or in the Segments panel. Go to the Circle Diagram tab on the ribbon and click Layer Color. Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color. Tip: Segments on the same layer can't be different colors. Rotating Layers You can rotate a layer to change the position of its segments in relation to other layers. Here's how: Select the layer in the Steps panel or in the Segments panel. Go to the Circle Diagram tab on the ribbon and click Rotation. Choose one of the rotation values. Renaming Segments To rename a segment, do either of the following: Double-click the segment in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the segment in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. (Layers can't be renamed.) Rearranging Layers and Segments Here's how to change the order of layers and segments. Layers: Select one or more layers in the Steps panel and do either of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the layers will be dropped when your mouse button is released. Go to the Circle Diagram tab on the ribbon, click Move Layer, then select In or Out. Use the Up and Down arrows at the bottom of the Steps panel. Segments: Select one or more segments in the Steps panel and do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the segments will be dropped when your mouse button is released. Go to the Circle Diagram tab on the ribbon and click Move Segment. To move segments to a different layer, select either In or Out. To change their position on the same layer, select either Counterclockwise or Clockwise. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved, nor can a segment be moved when it's the only one on a particular layer. Deleting Layers and Segments To delete a layer or segment, select it in the Steps panel and do any of the following: Press the Delete key on your keyboard. Go to the Circle Diagram tab on the ribbon, then click Delete Layer or Delete Segment. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. A segment can't be deleted when it's the only one on a particular layer. Adding Content to Segments To add text, audio, and media to each segment in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Placement of the Circle Choose whether you want the circle to appear on the left or the right side of your interaction. Here’s how: Go to the Circle Diagram tab on the ribbon and click Interaction Properties. Select the Circle Diagram tab on the left side of the window. Choose Left or Right from the drop-down. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Checklist Interactions
The checklist interaction in Engage 360 lets learners explore a list of related items. Use the checklist interaction to: Walk through a list of related concepts. Provide instructions or reminders. Identify a to-do list. Exploring the Editor Adding Items to a Checklist Renaming Items Rearranging Items Deleting Items Adding Content to Items Changing the Placement and Appearance of the Clipboard Exploring the Editor The checklist editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage items for the checklist. Text Located in the middle of the screen, this panel is used to add text to each item. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Items to a Checklist Each step in a Checklist interaction is called an item. To add an item, do any of the following: Press Ctrl+M. Go to the Checklist tab on the ribbon and click Add Item. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected item(s). New items get added just below the item that's currently selected in the Steps panel—unless the summary is selected, in which case new items get added above it. Tip: A checklist interaction can have up to 32 items (not counting the introduction and summary). Renaming Items To rename an item, do either of the following: Double-click the item in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the item in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Items To change the order of items, select one or more items in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the items will be dropped when your mouse button is released. Go to the Checklist tab on the ribbon, click Move Item, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Tip: The introduction and summary can't be moved. Deleting Items To delete an item, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Checklist tab on the ribbon and click Delete Item. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Items To add text, audio, and media to each item in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media Changing the Placement and Appearance of the Clipboard Choose whether you want the clipboard in your interaction to appear on the left or the right side. And give it an optional page curl effect. Here’s how: Go to the Checklist tab on the ribbon and click Interaction Properties. Select the Checklist tab on the left side of the window. Choose Left or Right from the drop-down on the right side of the window. Mark the Show page curl box to give the lower right corner of the clipboard a page curl effect. Uncheck it if the curl interferes with your list of items. Click OK. You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Labeled Graphic Interactions
The labeled graphic interaction in Engage 360 lets learners identify the key elements of an image. Use the labeled graphic interaction to: Highlight details of an image. Call out relevant parts of a graphic. Explain features of a software screenshot. Exploring the Editor Understanding Labels and Markers Switching to a Different Image Adding Labels to an Image Renaming Labels Rearranging Labels and Markers Changing the Color and Style of Markers Changing the Position of Labels Making an Audio-Only Marker Changing the Marker Animation Style Adding Transparency to Labels Deleting Labels Adding Content to Labels Exploring the Editor The labeled graphic editor has three columns with the following panels: Steps Located on the left side of the screen, this panel is used to manage labels for your interaction. Preview Located at the top of the middle section, this panel is used to arrange markers on the image. Text Located at the bottom of the middle section, this panel is used to add text to each label. Audio Located in the upper right corner of the editor, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of a column by dragging its boundary with your mouse. Expand the text panel by dragging its top boundary upward if you need more room to work with text. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Understanding Labels and Markers A labeled graphic interaction is an image with one or more circular markers highlighting important areas of the image. Each marker displays a label when clicked. Labels can have text, audio, pictures, characters, and videos. Switching to a Different Image To change the image for your interaction, do the following: Go to the Labeled Graphic tab on the ribbon and click Change Image. Browse to the image you want to use and click Open. Adding Labels to an Image Each step in a labeled graphic interaction is called a label. To add a label, do any of the following: Press Ctrl+M. Go to the Labeled Graphic tab on the ribbon and click Add Label. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the currently selected label(s). New labels get added just below the label that's currently selected in the Steps panel—unless the summary is selected, in which case new labels get added above it. Tip: A labeled graphic interaction can have up to 100 labels (not counting the introduction and summary). Renaming Labels To rename a label, do either of the following: Double-click the label in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the label in the Steps panel, then type the new name in the title field at the top of the text panel. Tip: You can rename the introduction or summary in the same way. Rearranging Labels and Markers There are two aspects to arranging labels and markers: sequential order and spatial layout. Sequential order refers to the order of labels in the Steps panel, which is the same order in which they'll appear in the published output. Spatial layout refers to how labels are distributed across the image. Sequential Order: To change the order of your labels, select one or more of them in the Steps panel, then do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the labels will be dropped when your mouse button is released. Go to the Guided Image tab on the ribbon, click Move Label, then select Up or Down. Use the Up and Down arrows at the bottom of the Steps panel. Spatial Layout: Spatial layout is easy to control. Simply drag the markers to a new location in the preview panel. Tip: Use the arrow keys on your keyboard for more precise placement. Hold down the Ctrl key while pressing the arrows keys for even tighter control. Changing the Color and Style of Markers To change the color or style of a marker, select it in the preview panel (or select the corresponding label in the Steps panel), then use the following formatting options on the ribbon: Marker Color Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color. To use the same color for all markers, click the Apply to All button to the right of the drop-down. Marker Style This changes the icon that appears on the marker. Choose from over 200 icons. To use the same icon for all markers, click the Apply to All button to the right of the drop-down. Changing the Position of Labels To change the direction that a label opens when its marker is clicked, do the following: Select a label in the Steps panel (or its marker in the preview panel). Go to the Labeled Graphic tab on the ribbon and click Label Position. Choose any of the nine positions. (The dots represent the position of the marker in relation to its label.) If you want to use the same position for all labels in your interaction, click the Apply to All button to the right of the drop-down. Making an Audio-Only Marker To make an audio-only marker, check the Audio Only box in the audio panel. The text and media panels will become grayed out. If you change your mind, uncheck the Audio Only box. Tip: An audio only marker will still display a title when learners hover over it. Changing the Marker Animation Style By default, markers use a swirl animation, but you can change it. Here's how: Go to the Labeled Graphic tab on the ribbon and click Interaction Properties. Select the Labeled Graphic tab on the left side of the window that appears. Use the Marker Animation drop-down to choose Swirl, Pulse, or None. Click OK. Tip: All markers in the same interaction use the same marker animation. Adding Transparency to Labels To add transparency to the labels in your interaction, do the following: Go to the Labeled Graphic tab on the ribbon and click Interaction Properties. Select the Labeled Graphic tab on the left side of the window that appears. Enter a percentage in the Label Transparency field. Click OK. Tip: All labels in the same interaction use the same amount of transparency. Deleting Labels To delete a label, select it in the Steps panel or preview panel, then do any of the following: Press the Delete key on your keyboard. Go to the Labeled Graphic tab on the ribbon and click Delete Label. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Labels To add text, audio, and media to each label in your interaction, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties99Views0likes0CommentsEngage 360: Timeline Interactions
The timeline interaction in Engage 360 lets learners discover the events on a timeline. Use the timeline interaction to: Walk through a series of periods and events. Highlight key milestones in a schedule. Explain the steps in a sequence. Exploring the Editor Adding Periods and Events to a Timeline Changing the Color of Periods Renaming Periods and Events Rearranging Periods and Events Resizing Periods Deleting Periods and Events Adding Content to Events Exploring the Editor The timeline editor has the following panels: Steps Located on the left side of the screen, this panel is used to manage periods and events for the timeline. Timeline Located at the top of the workspace, this panel is used to select periods and events for editing. It also provides a dynamic preview of the timeline's layout. Text Located in the middle of the screen, this panel is used to add text to each event. Audio Located on the right side of the screen, this panel is used to add and edit audio. Media Located in the lower right corner, this panel is used to add pictures, characters, andvideos. Here are some tips for working with the editor: Change the width of any panel by dragging its boundary with your mouse. Click the triangle beside any period in the Steps panel to collapse or expand it. Click the triangle in the upper right corner of the audio panel to collapse it if you need more room to work with the media panel. Click it again to reopen the panel. Adding Periods and Events to a Timeline Each step in a timeline interaction is called an event, and events are grouped into periods. Periods: To add a period to your timeline, do either of the following: Press Ctrl+G. Go to the Timeline tab on the ribbon and click Add Period. New periods get added to the right end of the timeline (and the bottom of the Steps panel). Events: To add an event, do any of the following: Press Ctrl+M. Go to the Timeline tab on the ribbon and click Add Event. Click the Create a new step button in the lower left corner of the Steps panel. Click the Duplicate button at the bottom of the Steps panel to copy the selected event(s). New events get added just below the event that's currently selected in the Steps panel. If an entire period is selected, new events get added to the end of the period. Tip: A timeline interaction can have up to 12 periods and up to 100 events per period. Changing the Color of Periods To change the color of a period, do the following: Select the period in the Steps panel or in the timeline panel. Go to the Timeline tab on the ribbon and click Period Color. Choose one of the predefined colors, or click More Colors at the bottom of the drop-down and specify a custom color. Tip: Events—the dots on the timeline—will be a lighter shade of the color of the period in which they're located. Renaming Periods and Events To rename a period, do either of the following: Double-click the period in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the period in the timeline panel to open its title for editing, then type the new name. To rename an event, do either of the following: Double-click the event in the Steps panel to open it for editing. Type the new name and press the Enter key on your keyboard. Select the event in the Steps panel, then type the new name in the title field at the top of the text panel. Rearranging Periods and Events Here's how to change the order of periods and events. Periods: Select one or more periods in the Steps panel, and do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the periods will be dropped when your mouse button is released. Go to the Timeline tab on the ribbon, click Move Period, then select Left or Right to change the position on the timeline. Use the Up and Down arrows at the bottom of the Steps panel. Events: To change the order of events, select one or more events in the Steps panel, and do any of the following: Drag them to a new location in the list. An orange line will move with your mouse to indicate where the events will be dropped when your mouse button is released. Go to the Timeline tab on the ribbon, click Move Event, then select Left or Right to change the position on the timeline. Use the Up and Down arrows at the bottom of the Steps panel. Tip: You can change the order of events as well as the spacing between events by simply dragging them back and forth in the timeline panel. Resizing Periods To change the length of a period, do the following: Hover over the beginning or end of a period in the timeline panel. Click and drag the boundary to shorten or lengthen the period. Release your mouse button to accept the change. Deleting Periods and Events To delete a period or event, select it in the Steps panel, then do any of the following: Press the Delete key on your keyboard. Go to the Timeline tab on the ribbon, and click Delete Period or Delete Event. Click the Delete button at the bottom of the Steps panel. Tip: You can't delete the introduction or summary, but you can hide them. Adding Content to Events To add text, audio, and media to each event, see these user guides: Adding and Formatting Text Adding Audio Adding Media You Might Also Want to Explore: Working with the Interaction Title Working with Interaction Properties93Views0likes0Comments