iSpring Kinetics 6 2 B5 Upload
-
Upload
statistikbisnis -
Category
Documents
-
view
98 -
download
45
Transcript of 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