iSpring Kinetics 6 2 B5 Upload

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

1

iSpring Kinetics 6.2 Dokumen Bantuan

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

2

Contents

1. System Requirements 2. Quick Start 3. Interactions

3.1. Timeline 3.1.1. Creating Timeline 3.1.2. Timeline Properties 3.1.3. Formatting Text 3.1.4. Adding Hyperlinks 3.1.5. Managing Images 3.1.6. Adding Audio 3.1.7. Managing Flash Movies 3.1.8. Managing Video 3.1.9. Creating Backups

3.2. Directory 3.2.1. Creating Directory 3.2.2. Directory Properties 3.2.3. Formatting Text 3.2.4. Adding Hyperlinks 3.2.5. Managing Images 3.2.6. Adding Audio 3.2.7. Managing Flash Movies 3.2.8. Managing Video 3.2.9. Creating Backups

3.3. FAQ 3.3.1. Create FAQ 3.3.2. FAQ Properties 3.3.3. Formatting Text 3.3.4. Adding Hyperlinks 3.3.5. Managing Images 3.3.6. Adding Audio 3.3.7. Managing Flash Movies 3.3.8. Managing Video 3.3.9. Creating Backups

3.4. 3D Book 3.4.1. Managing Pages 3.4.2. Duplicating Pages 3.4.3. Managing Content 3.4.4. Layout and Design 3.4.5. Zooming Pages 3.4.6. Grid and Guides 3.4.7. Creating Backups

4. Publishing Interactions 4.1. Preview Interactions 4.2. Compression Options 4.3. Video Quality Presets

1. System Requirements In order to run iSpring Kinetics, your computer must meet the following system requirements:

• 512 MB RAM, 1024 MB recommended

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

3

• 500 MB available disk space • Microsoft® Windows® XP/Vista/7 (32- or 64-bit editions) • Microsoft® PowerPoint® 2003/2007/2010 (32- or 64-bit editions) • Microsoft Word 2003/2007/2010 (32- or 64-bit editions) • Internet Explorer 6.0 or higher • Adobe Flash Player 10.1 or higher

To install Adobe® Flash® Player ActiveX on your computer: 1. Open http://www.adobe.com/go/getflash in Internet Explorer

Make sure you use Internet Explorer for this task, because other browsers will install a different plugin (not ActiveX).

2. Follow instructions on that page to install Adobe Flash Player ActiveX. 2. Quick Start As you start iSpring Kinetics, you will see a Quick Start screen, which gives you access to basic operations with the program. From this window, you can create a new interaction, open an interaction from the list of recent interactions, or choose to browse online resources devoted to iSpring Kinetics.

If iSpring Kinetics hasn't been activated yet, there will be a notification at the bottom of the window. After you activate the product, this notification will disappear.

Option Description

Create a New Interaction

This list contains four interaction types sorted by the last modified interaction. Choose the type of the interaction that you want to create or click More Interactions... to see detailed info about each interaction and its preview.

More Click this button to create a new interaction. You will be prompted to

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

4

Option Description

Interactions... choose an interaction type.

Recent Interactions

This pane shows a list of interactions that you have recently opened. You can also click the Browse button and open an interaction, which is not listed in the recent documents.

Resources This panel lists links to online resources devoted to iSpring Kinetics: online help, forums, and support. These links will open in your default web browser.

3. Interactions With iSpring Kinetics you can create the following four interactions:

• Timeline • Directory • FAQ • 3D Book • Timeline • Directory • FAQ • 3D Book

3.1. Timeline Timeline is an iSpring Kinetics interaction that can be used to visualize events that happened along a certain period of time.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

5

A timeline is divided into periods. In fact, when you create a new timeline, it already appears with a blank period. Each period may contain as many events as you want. So here is the basic structure of a timeline (optional elements are shown in square brackets):

• [Introduction slide] • Timeline

o Period 1 [Event 1] [Event 2] ... [Event N]

o [Period 2] o ... o [Period N]

• [Summary slide] • Creating Timeline • Timeline Properties • Formatting Text • Adding Hyperlinks • Managing Images • Adding Audio • Managing Flash Movies • Managing Video • Creating Backups

Parent topic: Interactions 3.1.1. Creating Timeline

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

6

When you create a timeline, it already contains one period. Now you can add more periods and events to it and provide a brief or detailed description to each element of the timeline.

Adding Period 1. On the toolbar, click the Add Period button.

or Right-click any place on the Events pane and choose New Period in the contextual menu.

2. Type a period name in the Period Title field. 3. Select a color from the drop-down menu. 4. Provide a description, add images, Flash movies, videos and/or audio narration.

Adding Event 1. On the timeline, select a period to which you want to add an event. 2. On the toolbar, click the Add Event button.

or Right-click any place on the Events pane and choose New Event in the contextual menu.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

7

3. Type an event name in the Event Title field. 4. Adjust event's position on the timeline. 5. Provide a description, add images, Flash movies, videos and/or audio narration.

You can adjust the position of each period and event by dragging and dropping it in the desired location within the Timeline.

Duplicating Period 1. Select a period on the Events pane. 2. Right-click the selected period on the Events pane and choose Duplicate Period

in the contextual menu.

The selected period will be duplicated along with the texts, images, audio, video and Flash files but without the added events.

Duplicating Event 1. Select an event on the Events pane. 2. Right-click the selected event on the Events pane and choose Duplicate Event in

the contextual menu.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

8

The selected event will be duplicated along with the added texts, images, audio, video and Flash files. Introduction and summary cannot be duplicated.

Deleting Period or Event 1. Select a period or an event, which you want to delete, on the Events pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

2. Click the Delete button on the toolbar or press the Delete key on your keyboard. or Right-click the selected periods and events on the Events pane and choose Delete Selected in the contextual menu.

Moving Period or Event • Drag it to a desired location with a mouse.

When your timeline is ready, enter its name and proceed to publishing it to Flash.

Parent topic: Timeline 3.1.2. Timeline Properties To modify timeline properties, click the Properties button on the toolbar.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

9

Timeline propeties will open in a new window. Here you can change the default fonts and customize the look of your timeline.

Table 1. Player fonts

Property Description

Title font Choose a font for the timeline title.

Content font

Choose a default font to be used for text in your timeline. When you change the default font, the program will ask if you want to apply the change to all content. You can always change this font for selected text using the drop-down font menu on the toolbar.

Table 2. Display Options

Property Description

Show an event list in the title bar Clear this checkbox to hide the drop-down box with events.

Display a period description Select this checkbox to show a description when a period is selected on the timeline.

Show a list of the period events at the end of the description

Select this checkbox to show a list of events in the period selected on the timeline.

Title of the period events list Enter the events list title. Events are listed at the end of each period description.

Parent topic: Timeline 3.1.3. Formatting Text iSpring Kinetics comes with a simple WYSIWYG (What You See Is What You Get) text editor.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

10

Table 1. Text Formatting

Font When you start a new description, the default font will be Arial. But you can always choose a different font from the drop-down menu on the editor toolbar.

Size To change a font size, choose the new size from the corresponding drop-down menu.

Style There are three font styles you can apply to selected text -- bold, italic, and underline. To change font style back to normal, select text and click the corresponding font style button one more time.

Color You can choose the font color using the corresponding drop-down menu.

Alignment To change paragraph alignment, click inside a paragraph to select it and then click the corresponding alignment button.

Bullets You can quickly add bullets to existing lines of text. To do it, select the corresponding text and click the Bullets icon on the text formatting toolbar. To turn on/off automatic bulleting, click the Bullets icon and type in the text.

Indent You can indent text or bulleted list by using the Increase or Decrease Indent buttons.

Hyperlink You can add hyperlinks to the text elements.

Text You can add text paragraphs.

Image You can add multiple images to each interaction item.

Flash You can add Flash movies to each paragraph.

Video You can add video files to each interaction item.

Moving Text Paragraphs You can move paragraphs by dragging their handles (the leftmost part of the pane with three vertical dots).

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

11

Parent topic: Timeline 3.1.4. Adding Hyperlinks You can add hyperlinks to web pages, interaction elements, and e-mail addresses.

Adding Hyperlink 1. Select text that you want to convert to a hyperlink. 2. Click the Hyperlink button on the editor toolbar.

3. Choose a hyperlink type using the radio buttons.

o Web page Enter a web page address in the corresponding field. You can try the URL by clicking the Open link (the program will open the URL in your default web browser). You may also want to select the Open in a new browser window checkbox. If you don't, a click on this link will open a target page in the same window.

o Interaction Item Choose an item from the drop-down menu.

o E-mail Type an e-mail address in the corresponding field.

4. Click OK.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

12

Removing Hyperlink

1. Click the hyperlink in the text. 2. Click the Hyperlink button on the editor toolbar. 3. Click the Remove link.

Parent topic: Timeline 3.1.5. Managing Images

Adding Images 1. Click the Add Image button on the toolbar or on the new snippet bar.

2. Choose an image file in the standard Open dialog.

The image will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Resizing Images 1. Click an image to select it.

You will see sizing handles (square dots) on the border of the selected image. 2. Drag one of the sizing handles to change the size of the selected image.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

13

o Use sizing handles in image corners to preserve aspect ratio of the selected image.

o Sizing handles placed in the middle of image borders will change image size only in one direction (modifying aspect ratio of the selected image)

Moving Images You can drag an image to a desired location holding the left mouse button.

Parent topic: Timeline 3.1.6. Adding Audio You can add an audio clip to every element in iSpring Kinetics interactions.

Importing Audio 1. Click the Import Audio button on the editor toolbar.

2. Choose an audio file in the standard Open dialog.

Recording Audio Narration 1) Click the Record button in the Audio area. 2) Read your narration into the microphone. 3) Stop recording by clicking the Stop button. Moreover, the Narration script window has been added for your convenience. You can add your narrative description into the window and read from it while you record. If you close the window, the application will automatically save the text you've put there. You can play the imported file right in the editor by clicking the Play button.

Deleting Audio To delete an audio file or audio narration, click the Delete button on the editor toolbar,

Parent topic: Timeline 3.1.7. Managing Flash Movies

Adding Flash Movies 1. Click the Add Flash button on the toolbar or on the new snippet b

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

14

2. Choose a Flash file in the standard Open dialog.

The Flash movie will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Resizing Flash Movies 1. Click a Flash movie to select it.

You will see sizing handles (square dots) on the border of the selected Flash movie.

2. Drag one of the sizing handles to change the size of the selected Flash movie

o Use sizing handles in the Flash movie corners to preserve aspect ratio of the selected Flash movie.

o Sizing handles placed in the middle of Flash movie borders will change the Flash size only in one direction (modifying aspect ratio of the selected Flash movie)

Moving Flash Movies You can drag a Flash movie to a desired location holding the left mouse button.

Parent topic: Timeline 3.1.8. Managing Video

Adding Video

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

15

1. Click the Add Video button on the toolbar or on the new snippet bar.

2. Choose a video file in the standard Open dialog.

Importing a video may take some time depending on the file size. Once importing starts, you will see its status in the progress window. The video will appear in the content pane. Now you can resize it, adjust its alignment, move it if you want. To preview a video, click the Play button.

Resizing Video

1. Click a video to select it. You will see sizing handles (square dots) on the border of the selected video.

2. Drag one of the sizing handles to change the size of the selected video

o Use sizing handles in the video corners to preserve its aspect ratio. o Sizing handles placed in the middle of video borders will change the video

size only in one direction (modifying aspect ratio of the selected video).

Moving Video You can drag a video to a desired location holding the left mouse button.

Parent topic: Timeline 3.1.9. Creating Backups Creating backups is enabled by default. You can turn on/off backups creation option in the Application Menu -> Options.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

16

To back up your interaction, switch on the 'Automatically create interaction backups' option.

If the option is enabled, a backup file of the previous version is created each time when you save an interaction. Each new backup copy replaces the previous backup copy. Kinetics saves the backup file in the same folder as the original interaction. The name of the backup file adds the word 'backup' to the file name, for example: 3D Book and 3D Book (backup).

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

17

Parent topic: Timeline 3.2. Directory Directory is an iSpring Kinetics interaction that can be used to compile an alphabetical list of terms with definitions.

• Creating Directory • Directory Properties • Formatting Text • Adding Hyperlinks • Managing Images • Adding Audio • Managing Flash Movies • Managing Video • Creating Backups

Parent topic: Interactions 3.2.1. Creating Directory With Directory interaction, you can easily create a referenced glossary that includes an introduction, list of specific terms and a summary.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

18

Adding Items 1. Click the Add Item button on the toolbar.

or Right-click any place on the Directory Items pane and choose New Item in the contextual menu.

2. Type an item title. 3. Enter a description, add images, Flash movies, and/or audio narration.

Duplicating Items 1. Select one or multiple items on the Directory Items pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

2. Right-click the selected items on the Directory Items pane and choose Duplicate Item in the contextual menu.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

19

The selected items will be duplicated along with the added texts, images, audio, video and Flash files. Introduction and summary cannot be duplicated.

Deleting Items 1. Select an item, which you want to delete, on the Directory Items pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

2. Click the Delete button on the toolbar or press the Delete key on your keyboard. or Right-click the selected items on the Directory Items pane and choose Delete Selected in the contextual menu.

When your directory is ready, give it a name and proceed to publishing it to Flash.

Parent topic: Directory 3.2.2. Directory Properties To modify directory properties, click the Properties button on the toolbar.

Directory properties will open in a new window. Here you can change the default fonts and customize the look of your directory.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

20

Table 1. Player fonts

Property Description

Title font Choose a font for the directory title.

Content font

Choose a default font to be used for text in your directory. When you change the default font, the program will ask if you want to apply the change to the content. You can always change this font for selected text using the drop-down font menu on the toolbar.

Table 2. Glossary Properties

Property Description

Show alphabet Clear this checkbox to hide the alphabet for glossary navigation.

Generate automatically

Select this radio button to generate the glossary navigation automatically using the first letters of your terms. That option may come in handy if you use terms in several languages.

Use a predefined alphabet

Select this radio button and then choose a predefined alphabet from the drop-down menu. This way you will use a standard alphabet of the chosen language for your glossary navigation.

Use a custom character set

Select this radio button and then type letters that will appear in the glossary navigation bar. You can also save your string of letters as a custom alphabet for future use.

Hide unused Select this checkbox to hide characters that do not point to any term in

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

21

Table 2. Glossary Properties

Property Description

characters your glossary. If you clear this checkbox, the glossary navigation will contain the full alphabet.

Parent topic: Directory 3.2.3. Formatting Text iSpring Kinetics comes with a simple WYSIWYG (What You See Is What You Get) text editor.

Table 1. Text Formatting

Font When you start a new description, the default font will be Arial. But you can always choose a different font from the drop-down menu on the editor toolbar.

Size To change a font size, choose the new size from the corresponding drop-down menu.

Style There are three font styles you can apply to selected text -- bold, italic, and underline. To change font style back to normal, select text and click the corresponding font style button one more time.

Color You can choose the font color using the corresponding drop-down menu.

Alignment To change paragraph alignment, click inside a paragraph to select it and then click the corresponding alignment button.

Bullets You can quickly add bullets to existing lines of text. To do it, select the corresponding text and click the Bullets icon on the text formatting toolbar. To turn on/off automatic bulleting, click the Bullets icon and type in the text.

Indent You can indent text or bulleted list by using the Increase or Decrease Indent buttons.

Hyperlink You can add hyperlinks to the text elements.

Text You can add text paragraphs.

Image You can add multiple images to each interaction item.

Flash You can add Flash movies to each paragraph.

Video You can add video files to each interaction item.

Moving Text Paragraphs You can move paragraphs by dragging their handles (the leftmost part of the pane with three vertical dots).

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

22

Parent topic: Directory 3.2.4. Adding Hyperlinks You can add hyperlinks to web pages, elements, and e-mail addresses.

Adding Hyperlink 1. Select text that you want to convert to a hyperlink. 2. Click the Hyperlink button on the editor toolbar. 3. Choose a hyperlink type using the radio buttons.

o Web page Enter a web page address in the corresponding field. You can try the URL by clicking the Open link (the program will open the URL in your default web browser). You may also want to select the Open in a new browser window checkbox. If you don't, a click on this link will open a target page in the same window.

o Item Choose an item from the drop-down menu.

o E-mail Type an e-mail address in the corresponding field.

4. Click OK.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

23

Removing Hyperlink

1. Click the hyperlink in the text. 2. Click the Hyperlink button on the editor toolbar. 3. Click the Remove link.

Parent topic: Directory 3.2.5. Managing Images

Adding Images 1. Click the Add Image button on the toolbar or on the new snippet bar.

2. Choose an image file in the standard Open dialog.

The image will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Resizing Images 1. Click an image to select it.

You will see sizing handles (square dots) on the border of the selected image. 2. Drag one of the sizing handles to change the size of the selected ima

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

24

o Use sizing handles in image corners to preserve aspect ratio of the selected image.

o Sizing handles placed in the middle of image borders will change image size only in one direction (modifying aspect ratio of the selected image)

Moving Images You can drag an image to a desired location holding the left mouse button.

Parent topic: Directory 3.2.6. Adding Audio You can add an audio clip to every element in .

Importing Audio 1. Click the Import Audio button on the editor toolbar.

2. Choose an audio file in the standard Open dialog.

Recording Audio Narration 1) Click the Record button in the Audio area. 2) Read your narration into the microphone. 3) Stop recording by clicking the Stop button. Moreover, the Narration script window has been added for your convenience. You can add your narrative description into the window and read from it while you record. If you close the window, the application will automatically save the text you've put there. You can play the imported file right in the editor by clicking the Play button.

Deleting Audio To delete an audio file or audio narration, click the Delete button on the editor toolbar,

Parent topic: Directory 3.2.7. Managing Flash Movies

Adding Flash Movies

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

25

1. Click the Add Flash button on the toolbar or on the new snippet bar.

2. Choose a Flash file in the standard Open dialog.

The Flash movie will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Resizing Flash Movies 1. Click a Flash movie to select it.

You will see sizing handles (square dots) on the border of the selected Flash movie.

2. Drag one of the sizing handles to change the size of the selected Flash movie.

o Use sizing handles in the Flash movie corners to preserve aspect ratio of the selected Flash movie.

o Sizing handles placed in the middle of Flash movie borders will change the Flash size only in one direction (modifying aspect ratio of the selected Flash movie)

Moving Flash Movies You can drag a Flash movie to a desired location holding the left mouse button.

Parent topic: Directory

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

26

3.2.8. Managing Video

Adding Video 1. Click the Add Video button on the toolbar or on the new snippet bar.

2. Choose a video file in the standard Open dialog.

Importing a video may take some time depending on the file size. Once importing starts, you will see its status in the progress window. The video will appear in the content pane. Now you can resize it, adjust its alignment, move it if you want. To preview a video, click the Play button.

Resizing Video

1. Click a video to select it. You will see sizing handles (square dots) on the border of the selected video.

2. Drag one of the sizing handles to change the size of the selected video.

o Use sizing handles in the video corners to preserve its aspect ratio. o Sizing handles placed in the middle of video borders will change the video

size only in one direction (modifying aspect ratio of the selected video).

Moving Video You can drag a video to a desired location holding the left mouse button.

Parent topic: Directory

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

27

3.2.9. Creating Backups Creating backups is enabled by default. You can turn on/off backups creation option in the Application Menu -> Options.

To back up your interaction, switch on the 'Automatically create interaction backups' option.

If the option is enabled, a backup file of the previous version is created each time when you save an interaction. Each new backup copy replaces the previous backup copy. Kinetics saves the backup file in the same folder as the original interaction. The name of the backup file adds the word 'backup' to the file name, for example: 3D Book and 3D Book (backup).

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

28

Parent topic: Directory 3.3. FAQ The FAQ interaction can be used to compile FAQ articles into a single interactive flash movie.

• Create FAQ • FAQ Properties • Formatting Text

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

29

• Adding Hyperlinks • Managing Images • Adding Audio • Managing Flash Movies • Managing Video • Creating Backups

Parent topic: Interactions 3.3.1. Create FAQ FAQ helps you to quickly create a list of questions and answers that your site visitors or students ask most often.

Adding Questions and Answers 1. Click the Add Question on the toolbar.

or Right-click any place on the FAQ Questions pane and choose New Page in the contextual menu.

2. Type a question title in the corresponding field. 3. Enter a description, add images, Flash movies, video and/or audio narration.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

30

Duplicating Questions and Answers 1. Select one or multiple questions on the FAQ Questions pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

2. Right-click the selected questions on the FAQ Questions pane and choose Duplicate Question in the contextual menu.

The selected questions will be duplicated along with the added texts, images, audio, video and Flash files. Introduction and summary cannot be duplicated.

Deleting Questions and Answers 1. Select a FAQ entry, which you want to delete, on the FAQ Questions pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

2. Click the Delete button on the toolbar or press the Delete key on your keyboard. or Right-click the selected entries on the FAQ Questions pane and choose Delete Selected in the contextual menu.

When your FAQ is ready, give it a name and proceed to publishing it to Flash. Parent topic: FAQ 3.3.2. FAQ Properties

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

31

To modify FAQ properties, click the Properties button on the toolbar.

FAQ properties will open in a new window. Here you can change the default fonts of your FAQ interaction.

Table 1. Player fonts

Property Description

Title font Choose a font for the directory title.

Content font

Choose a default font to be used for text in your FAQ. When you change the default font, the program will ask if you want to apply the change to the content. You can always change this font for selected text using the drop-down font menu on the toolbar.

Parent topic: FAQ 3.3.3. Formatting Text iSpring Kinetics comes with a simple WYSIWYG (What You See Is What You Get) text editor.

Table 1. Text Formatting

Font When you start a new description, the default font will be Arial. But you can always choose a different font from the drop-down menu on the editor toolbar.

Size To change a font size, choose the new size from the corresponding drop-down

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

32

menu.

Style There are three font styles you can apply to selected text -- bold, italic, and underline. To change font style back to normal, select text and click the corresponding font style button one more time.

Color You can choose the font color using the corresponding drop-down menu.

Alignment To change paragraph alignment, click inside a paragraph to select it and then click the corresponding alignment button.

Bullets You can quickly add bullets to existing lines of text. To do it, select the corresponding text and click the Bullets icon on the text formatting toolbar. To turn on/off automatic bulleting, click the Bullets icon and type in the text.

Indent You can indent text or bulleted list by using the Increase or Decrease Indent buttons.

Hyperlink You can add hyperlinks to the text elements.

Text You can add text paragraphs.

Image You can add multiple images to each interaction item.

Flash You can add Flash movies to each paragraph.

Video You can add video files to each interaction item.

Moving Text Paragraphs You can move paragraphs by dragging their handles (the leftmost part of the pane with three vertical dots).

Parent topic: FAQ 3.3.4. Adding Hyperlinks You can add hyperlinks to web pages, elements, and e-mail addresses.

Adding Hyperlink 1. Select text that you want to convert to a hyperlink. 2. Click the Hyperlink button on the editor toolbar.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

33

3. Choose a hyperlink type using the radio buttons.

o Web page Enter a web page address in the corresponding field. You can try the URL by clicking the Open link (the program will open the URL in your default web browser). You may also want to select the Open in a new browser window checkbox. If you don't, a click on this link will open a target page in the same window.

o Item Choose an item from the drop-down menu.

o E-mail Type an e-mail address in the corresponding field.

4. Click OK.

Removing Hyperlink

1. Click the hyperlink in the text. 2. Click the Hyperlink button on the editor toolbar. 3. Click the Remove link.

Parent topic: FAQ 3.3.5. Managing Images

Adding Images 1. Click the Add Image button on the toolbar or on the new snippet bar.

2. Choose an image file in the standard Open dialog.

The image will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

34

Resizing Images 1. Click an image to select it.

You will see sizing handles (square dots) on the border of the selected image. 2. Drag one of the sizing handles to change the size of the selected image.

o Use sizing handles in image corners to preserve aspect ratio of the selected image.

o Sizing handles placed in the middle of image borders will change image size only in one direction (modifying aspect ratio of the selected image)

Moving Images You can drag an image to a desired location holding the left mouse button.

Parent topic: FAQ 3.3.6. Adding Audio You can add an audio clip to every element in .

Importing Audio 1. Click the Import Audio button on the editor toolbar.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

35

2. Choose an audio file in the standard Open dialog.

Recording Audio Narration 1) Click the Record button in the Audio area. 2) Read your narration into the microphone. 3) Stop recording by clicking the Stop button. Moreover, the Narration script window has been added for your convenience. You can add your narrative description into the window and read from it while you record. If you close the window, the application will automatically save the text you've put there. You can play the imported file right in the editor by clicking the Play button.

Deleting Audio To delete an audio file or audio narration, click the Delete button on the editor toolbar,

Parent topic: FAQ 3.3.7. Managing Flash Movies

Adding Flash Movies 1. Click the Add Flash button on the toolbar or on the new snippet bar.

2. Choose a Flash file in the standard Open dialog.

The Flash movie will appear in the content pane. Now you can resize it, adjust its alignment, and move it if you want.

Resizing Flash Movies 1. Click a Flash movie to select it.

You will see sizing handles (square dots) on the border of the selected Flash movie.

2. Drag one of the sizing handles to change the size of the selected Flash movie.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

36

o Use sizing handles in the Flash movie corners to preserve aspect ratio of the selected Flash movie.

o Sizing handles placed in the middle of Flash movie borders will change the Flash size only in one direction (modifying aspect ratio of the selected Flash movie)

Moving Flash Movies You can drag a Flash movie to a desired location holding the left mouse button.

Parent topic: FAQ 3.3.8. Managing Video

Adding Video 1. Click the Add Video button on the toolbar or on the new snippet bar.

2. Choose a video file in the standard Open dialog.

Importing a video may take some time depending on the file size. Once importing starts, you will see its status in the progress window. The video will appear in the content pane. Now you can resize it, adjust its alignment, move it if you want. To preview a video, click the Play button.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

37

Resizing Video

1. Click a video to select it. You will see sizing handles (square dots) on the border of the selected video.

2. Drag one of the sizing handles to change the size of the selected video.

o Use sizing handles in the video corners to preserve its aspect ratio. o Sizing handles placed in the middle of video borders will change the video

size only in one direction (modifying aspect ratio of the selected video).

Moving Video You can drag a video to a desired location holding the left mouse button.

Parent topic: FAQ 3.3.9. Creating Backups Creating backups is enabled by default. You can turn on/off backups creation option in the Application Menu -> Options.

To back up your interaction, switch on the 'Automatically create interaction backups' option.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

38

If the option is enabled, a backup file of the previous version is created each time when you save an interaction. Each new backup copy replaces the previous backup copy. Kinetics saves the backup file in the same folder as the original interaction. The name of the backup file adds the word 'backup' to the file name, for example: 3D Book and 3D Book (backup).

Parent topic: FAQ 3.4. 3D Book The 3D book interaction allows you to arrange text and images on book pages and publish them as an interactive book.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

39

• Managing Pages • Duplicating Pages • Managing Content • Layout and Design • Zooming Pages • Grid and Guides • Creating Backups

Parent topic: Interactions 3.4.1. Managing Pages When you open a new book, it already contains a face cover, one broadside, and a back cover.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

40

Adding Broadside Click New Broadside on the toolbar.

or

Right-click any place in the Book Pages menu and choose New Page in the contextual

menu.

A new broadside will be added under the selected broadside in the Book Pages pane. You can move pages up and down in this list by dragging them.

Deleting Broadside 1. Select a broadside, which you want to delete, on the Book Pages pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

41

2. Click the Delete Selected button. or Right-click the selected broadside or several broadsides in the Book Pages menu and choose Delete Selected in the contextual menu.

Parent topic: 3D Book 3.4.2. Duplicating Pages Duplicating a broadside is useful in situations when you need to quickly create a modified version of an existing page.

Duplicating Broadside 1. Select one or multiple broadsides in the Book Pages pane.

Note: To select several items, click them while holding down the Shift or Ctrl button.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

42

2. Click the Duplicate button on the toolbar. or Right-click the selected broadside or several broadsides in the Book Pages menu and choose Duplicate from the contextual menu.

The selected broadside will be duplicated along with the added texts, images, and layout. Since there is only one face cover and back cover, they cannot be duplicated.

Parent topic: 3D Book 3.4.3. Managing Content Editing a page in the book interactivity is different from your usual experience with text editors. It's more like a desktop publishing tool. That is before you type text on a page, you should add a text box to the page.

Adding Text Box

1. Click the Text Box button. 2. Click on a page where you want to place the text box and then drag out mouse to

draw the box as wide as you need.

3. Now you can click inside the text box and type text.

Adding Image

1. Click the Picture button on the toolbar. 2. Choose an image file in the standard Open dialog. 3. Click Open.

The selected image will appear on your page. Now you can drag it to its place and resize it if necessary.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

43

Note: You may use guides for accurate alignment of objects on a page.

You can also replace the added image with another one or change the arrangement of objects using contextual menu. Just right-click the selected object and choose the action.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

44

Arranging Objects

Objects on a page can overlap each other. In this case you can arrange how they are stacked by sending them backward or forward. To do that:

1. Select an object (text box or image) on a page. 2. On the toolbar, click the Arrange button.

3. Choose one of the four available actions from the drop-down menu:

o Bring to Front o Send to Back o Bring Forward o Send Backward

You can select multiple objects on a page (text boxes and images) and modify all selected objects at once. You have the option to change text formatting properties, move, resize, and delete all selected objects. Parent topic: 3D Book 3.4.4. Layout and Design A new book will always be created using the standard portrait layout. But you can always change the size of pages in your book.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

45

Changing Page Size Choose one of the predefined page sizes from the Page Size drop-down menu:

• Standard Portrait • Wide Portrait • Square • Standard Landscape

This will change the size of all pages in your book. You can also customize the look of pages in your book. Each page can be customized separately.

Applying Background Picture to Pages

1. Click a page to select it. 2. Click the Page Backgrounds button on the toolbar. 3. Choose a background from the drop-down menu.

It’s also possible to apply color to page backgrounds. If you already added a picture background, the fill color will change the tint of the applied image.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

46

Filling Page with Color

1. Click a page to select it. 2. Select the Use Color Fill checkbox. 3. Click the Fill Color button.

4. Choose a color in the color picker window. 5. Note: you can specify a color by typing its RGB values in the corresponding edit

fields on the Custom tab. It’s also possible to type the hexadecimal color value.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

47

Note: the specified color will be automatically applied to the selected page for preview.

6. Click OK to apply the color. or Click Cancel to discard the color.

Parent topic: 3D Book 3.4.5. Zooming Pages There are two options to adjust the size of the book in the editor. In the View tab you can choose one of the two options: Zoom to Fit or 100%.

To fit the broadside to the size of the current window, click the Zoom to Fit button on the toolbar. 100% will zoom the book to 100% of the default size. The default size of the page can be found in the Publish window –> Flash Movie Properties -> Page size. The current zoom level will be shown in the right bottom corner of the editor. You can enlarge or reduce a page to any size allowed – within the range of the minimum and maximum zoom levels. By dragging the scroll box right and left you can set the custom zoom level from 50% up to 400%. Parent topic: 3D Book 3.4.6. Grid and Guides The 3D book editor may show a grid and/or guides to help you align text boxes and images on book pages.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

48

To show the grid, select the Show Grid option on the product ribbon.

To show guides, select the Show Guides option on the product ribbon.

Note: you can also drag the guides to place them where you need them.

Snapping to Guides

The Grids and Guides tool helps to precise the alignment. With Guides enabled, text boxes and imported images will fit inside the space between the guides. If you use guides to align objects on page, you may want to make objects snap to guides. To enable snapping, select the Snap to Guides checkbox on the toolbar. When selected, the guides will act like magnets attracting objects as you move them with your mouse. Parent topic: 3D Book 3.4.7. Creating Backups Creating backups is enabled by default. You can turn on/off backups creation option in the Application Menu -> Options.

To back up your interaction, switch on the 'Automatically create interaction backups' option.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

49

If the option is enabled, a backup file of the previous version is created each time when you save an interaction. Each new backup copy replaces the previous backup copy. Kinetics saves the backup file in the same folder as the original interaction. The name of the backup file adds the word 'backup' to the file name, for example: 3D Book and 3D Book (backup).

Parent topic: 3D Book 4. Publishing Interactions Once your interaction is ready, you can publish it to Flash:

1. Click the Publish button on the toolbar.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

50

2. In the new Publish window enter a name for your interaction.

3. Specify a publish location. 4. Type a name for your output Flash movie in the File name field. 5. Select the Generate HTML checkbox, if you want to generate a sample html page

with your interaction embedded into it. 6. Specify Flash movie properties.

Table 1. Flash movie properties

Property Description

Width Width of the Flash movie.

Height Height of the Flash movie.

Auto size When this option is disabled, the output Flash movie and its player will be scaled to the window size. When enabled, the Flash player will be resized to the window, preserving the original size of its controls.

Frame rate

This option specifies the frequency at which frames are produced.

7. Click the Publish button. Your interaction will be converted to Flash. Now you can take a look at the sample html code to see how to embed your new interaction to your web site.

• Preview Interactions • Compression Options • Video Quality Presets

4.1. Preview Interactions You can see a live preview of your interaction and test it before publishing it to Flash. To open the Preview window, click the Preview button on the toolbar.

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

51

Or you can right-click an item on the left-hand side pane and choose Preview from the drop-down menu.

Interaction preview will be displayed in a new window.

Editor: Purwo Adi Wibowo, SE, MSc, disusun sebagai salah satu komponen modul panduan penyusunan Hibah MPNK Mata kuliah Statistika Bisnis (www.purwoadiwibowo.com)

52

You can easily get back and continue editing your interaction by clicking the Edit button or closing the Preview window. Parent topic: Publishing Interactions 4.2. Compression Options The Compression tab allows you to configure compression settings for your interaction. The lower the quality of images and audio/video objects, the smaller the size of your resulting Flash file.

Compression

Use Preset

iSpring Kinetics offers two preset compression modes that optimize a Flash movie for the web with low or high connection speed. You can also create up to ten custom compression presets according to your needs.

Image Compression

Image compression

If you choose "Smart compression" mode, all images will be saved, keeping their high quality and small size. Read more about Smart compression in the iSpring blog. Lossy compression will convert and save all embedded images to .jpg format. Lossless compression converts all images in your interaction with the highest quality.

Audio Compression

Audio compression

Audio bitrate value is set to 96 kbit/s by default. You can manually change audio bitrate and publish audio with lower or higher quality according to your needs. Changing bitrate will affect the output file size.

Video Compression

Video compression

You can choose one of the video quality presets offered by iSpring Kinetics. Setting higher or lower preset options will affect the output file size and video quality. To find accurate stream resolutions and corresponding bitrates, please check the Video Quality Table.

Parent topic: Publishing Interactions 4.3. Video Quality Presets In the following table you can find the complete list of the available quality presets, resolutions and corresponding video and audio bitrates.

Table 1. Video Quality Presets

Resolution

Superb Very Good

Good Average Low Very Low

video audio

video audio

video audio

video audio

video audio

video audio

1920x1080x30fps

15187.5

256

12150

192

10631.25

128

9112.5 96 6075 80 3037.5

64

1920x1080x25fps

12656.25

256

10125

192

8859.375

128

7593.75

96 5062.5

80 2531.25

64

1280x720 6750 25 5400 19 4725 12 4050 96 2700 80 1350 64

Dokumentasi Ispring Kinetic 6.2 sumber: www.ispringsolutions.com/kb/suite.html#help_docs

53

Table 1. Video Quality Presets

Resolution

Superb Very Good

Good Average Low Very Low

video audio

video audio

video audio

video audio

video audio

video audio

x30fps 6 2 8

1280x720x25fps

5625 256

4500 192

3937.5 128

3375 96 2250 80 1125 64

800x600x30fps

3515.625

256

2812.5

192

2460.9375

128

2109.375

96 1406.25

80 703.125

64

800x600x25fps

2929.6875

256

2343.75

192

2050.78125

128

1757.8125

96 1171.875

80 585.9375

64

720x540x30fps

2847.65625

256

2278.125

192

1993.359375

128

1708.59375

96 1139.0625

80 569.53125

64

720x540x25fps

2373.046875

256

1898.4375

192

1661.132813

128

1423.828125

96 949.21875

80 474.609375

64

720x480x30fps

2531.25

256

2025 192

1771.875

128

1518.75

96 1012.5

80 506.25

64

720x480x25fps

2109.375

256

1687.5

192

1476.5625

128

1265.625

96 843.75

80 421.875

64

640x480x30fps

2250 256

1800 192

1575 128

1350 96 900 80 450 64

640x480x25fps

1875 256

1500 192

1312.5 128

1125 96 750 80 375 64

400x300x30fps

878.90625

256

703.125

192

615.234375

128

527.34375

96 351.5625

80 175.78125

64

400x300x25fps

732.421875

256

585.9375

192

512.6953125

128

439.453125

96 292.96875

80 146.484375

64

320x240x30fps

562.5 256

450 192

393.75 128

337.5 96 225 80 112.5 64

320x240x25fps

468.75 256

375 192

328.125

128

281.25 96 187.5 80 93.75 64

Note: Audio quality depends on the quality of the original audio stream. Parent topic: Publishing Interactions