untitled

(1)

F

L

I

P

E

R

3

3 M

M

a

k

e

r

操

作

マ

ニ

ュ

ア

ル

(2)

目

次

1. 制作の前に ... 6

動作環境 ... 6

閲覧の推奨環境 ... 7

グローバルセキュリティの設定 ... 8

ページのカウント ... 10

コンテンツ作成の流れ ... 11

JPEG 画像を準備 ... 12

FLIPPER3 Maker ウィンドウの説明 ... 14

2. ライセンス認証 ... 15

3. プロジェクトの設定(ブック作成前に設定) ... 16

4. ブックの作成 ... 17

ブックの設定 ... 17

チラシの作成 ... 23

FLIPPER3 ファイル構造の確認 ... 24

5. ブックの設定変更 ... 26

作成後の画像サイズ・画質の変更 ... 26

ブックの削除 ... 27

(3)

6. ページの修正 ... 28

ページの追加 ... 28

ページの差し替え ... 28

ページの入れ替え ... 28

ページの削除 ... 28

7. テキストインデックスの設定 ... 29

直接入力 ... 29

CSV インポート ... 29

CSV エクスポート ... 30

項目移動 ... 30

クリア ... 30

PDF からインポート ... 30

8. ラベルの変更 ... 31

9. 検索ワードの設定 ... 32

直接入力(ハイライト検索不可) ... 32

CSV インポート(ハイライト検索不可) ... 32

クリア ... 33

PDF からインポート(ハイライト検索可) ... 33

(4)

11. その他の機能 ... 35

ブックテンプレート ... 35

ページフォルダ名の整列 ... 35

ブック設定のインポート ... 36

FLIPPER3 を Web ページへ組み込み ... 37

FLIPPER3 を CD または DVD で配布 ... 37

検索エンジン対策ファイルについて ... 38

12. 上級者向けの設定 ... 39

Google Analytics を利用した閲覧ログ解析 ... 39

FLIPPER Report を使用した閲覧ログ解析 ... 39

切り抜きプログラムの設置 ... 39

ビデオ・サウンド・アニメーションの組み込み ... 39

URL 紹介機能の URL を index.html 以外に変更 ... 40

モバイル版 FLIPPER にリンクを設定 ... 40

FLIPPER3 を学習管理システム(LMS)教材用として書き出し ... 41

13. リンクツールでリンクファイルを作成 ... 42

リンクツールの基本操作 ... 42

リンクツールの各種機能 ... 43

動画・音声の追加 ... 45

スタンプの追加 ... 46

(5)

QR コードからリンクを自動で設定 ... 47

14. 各種機能説明 ... 48

お問い合わせについて ... 51

(6)

1

1 .

.

制作

制

作の

の前

前に

に

動

作

環

境

FLIPPER3 Maker は動作環境として以下を推奨しています。 • OS : Windows XP(32bit 版)、Windows Vista(32bit 版)

作成ソフトは、Windows パソコン上で動作します。管理者権限のユーザーでログインして下さい。 • PC メモリ : 512MB 以上

• .NET Framework 3.5

.NET Framework 3.5 以上がパソコンにインストールされていない場合は、マイクロソフトのダウンロードサイト、または「Windows Update」の機能を使いインストールして下さい。

• Flash Player 9.0.115.0 以上(InternetExplorer にインストールしてください) • インターネット接続環境ユーザー認証や作成ページ数のカウントは、インターネットに接続した環境で行なわれます。但し、年間定額制、パッケージ販売は、ユーザー認証の際にインターネット接続環境は不要です。 ※1 FLIPPER3 Maker は、必ずパスに全角文字の入らない場所にインストールしてください。 ※2 Windows がインストールされているドライブに、1GB 程度の空き容量が必要です。 Windows Vista 特有の現象として、操作が困難になる、また原因不明の問題が発生することがございます。下記の方法で一時的に UAC を解除することで、問題解決する場合があります。「コントロールパネル」→「ユーザーアカウント」→「ユーザーアカウント制御の有効化または無効化」で、「ユーザーアカウント制御(UAC)を使ってコンピュータの保護に役立たせる」のチェックを外してください。なお、UAC の解除はセキュリティ低下を伴うことがあるため、本アプリ実行後は元の設定に戻しておくことをお勧めします。

(7)

閲

覧

の

推

奨

環

境

FlashPlayer 9.0.115.0 以上 (但し、FlashPlayer の不具合により、FlashPlayer9.0.246.0 ではフルスクリーン表示は使用できません) Windows • OS : Windows 2000、XP、Vista、7 日本語版

• CPU : Intel Pentium III 800MHz 相当(但し、ブックの大きさに依存します) • メモリ : 256MB 以上の空きメモリ(512MB 以上推奨)

• モニタ : 解像度 1024 x 768、16 ビット以上を表示可能なカラーモニタ • ブラウザ : Microsoft Internet Explorer6 以上、Firefox 1.x 以上

Macintosh

• OS : Mac OS X 10.2.8 以降、10.3.4 日本語版

• CPU : PowerPC G4 800MHz 以上(但し、ブックの大きさに依存します) • メモリ : 256MB 以上の空きメモリ(512MB 以上推奨)

• モニタ : 解像度 1024 x 768、16 ビット以上を表示可能なカラーモニタ • ブラウザ : Firefox 1.x 以上、Opera 6、Safari 1.x 以上

OS 及びブラウザの環境につきましては、Adobe FlashPlayer のシステム条件に依存します。詳細は Adobe 社 Web サイトでご確認ください。

iPhone/iPad

• 機種 : iPhone 3GS、iPhone 4G、iPad 携帯

• Flash Lite 2.0 対応機種

• WEB ブラウジング時の描画領域サイズ 180 x 230 ピクセル以上

(8)

グ

ロ

ー

バ

ル

セ

キ

ュ

リ

テ

ィ

の

設

定

FlashPlayer は、Version8 からセキュリティが強化されており、ローカル上で実行する swf ファイルからのファイルの読み込みが許可されません。そのため、ローカルで index.html を起動すると、画面がグレーのままで正常に表示されません。閲覧者ごとに FlashPlayer の設定が必要になります。 1. 以下、Adobe 社 FlashPlayer の設定サイトを開いてください。 http://www.macromedia.com/support/documentation/jp/flashplayer/help/settings_manager04a.html 初期状態では何も設定されていない状態が表示されます。「常に許可」は推奨いたしません。 2. 「編集」のプルダウンの「追加」を選択

(9)

3. 「フォルダを参照」を選択し、FLIPPER3 コンテンツを書き出すフォルダを選択(上位フォルダでも大丈夫です) ※ C ドライブ(もしくは D ドライブ)直下にフォルダを作成し(フォルダ名は半角英数字)、そのフォルダを選択することをお勧めします。 4. 選択後にブラウザ(もしくは該当タブを)閉じる以上でグローバルセキュリティ設定は完了です。この設定をおこなわないとローカルでの動作確認ができませんので、グローバルセキュリティ設定は必ずおこなってくだ さい。

(10)

ペ

ー

ジ

の

カ

ウ

ン

ト

ページカウントは、正式版で作成する際に発生します。 • 新規ブック作成時、ページ数分(画像ファイル分)カウント →作成時にカウントが確定します。 • 新規ページ挿入時、挿入ページ数分(画像ファイル分)カウント • ブックのページ画像変更時、変更ページ数分(画像ファイル分)カウント →ブックの保存時にカウントが確定します。 • 画像再読み込み時(フォルダから画像読込)、読み込んだページ数分(画像ファイル分)カウント →変換途中で中止した場合、変換済みのページ数分カウントされます。何度ブック保存を押しても、画像を変更していない限りカウントは増えません。ページカウントの対象は、従量課金制およびプリペイド制となります。

(11)

コ

ン

テ

ン

ツ

作

成

の

流

れ

PDF インポーター 3 を使用して JPEG と検索用データ、テキストイ ンデックスデータを生成 JPEG を独自に準備 12 ページ参照

プロジェクトの設定

16 ページ参照 (毎回設定する必要はありません)

ブックの設定

17 ページ参照

作成

画像変換完了と同時に FLIPPER3 完成 テキストインデックス、検索の設定 29 ページ、32 ページ参照 データの準備 ここまでで、めくれて 拡大できるブックは完成です 特別な設定は不要 画像変換完了時に、設定も完了 テキストインデックス検索の設定

(12)

J

P

E

G

画

像

を

準

備

FLIPPER3 Maker の入力ファイルは JPEG になります。1 ページごとで全ページ縦横比率の揃った JPEG をご準備ください(トンボを含めないもの) 任意のフォルダに、1 から連番で用意した全ページ分の JPEG ファイルを置いてください。ブック作成時に元画像としてフォルダ内の JPEG 1 ファイルを選択するだけでフォルダ内の全ページ分の JPEG を読み込み一括で変換いたします。 ※ PDF 入力は、プラググインツール「PDF インポーター3」(有償)が必要です。 PDF インポーター3 の詳細は FLIPPER3-Maker¥Documents¥PDFimporter3.pdf をご参照ください。

1) 画像サイズについて

作成するブックの片面サイズに対し、指定倍率以上のサイズで作成します(単位ピクセル) 例 : 片面ブックサイズ横 424×縦 600 の場合(画面解像度 1024 x 768 でちょうど収まる大きさ)に書き出す原稿の JPEG のサイズ 2 倍率 : 横 848×縦 1200 以上 4 倍率 : 横 1696×縦 2400 以上 8 倍率 : 横 3392×縦 4800 以上作成したい倍率に合わせて 1 種類ご用意ください。

2) ファイル形式について

RGB モードの JPEG ファイルにします(通常の JPEG データです)。プログレッシブ、JPEG2000 などの形式には対応していません。

3) ファイル名について

ファイル名は、1 から連番(桁なし)の数字のみでつけてください。 例 : 1.jpg 2.jpg 3.jpg … 20.jpg 21.jpg 22.jpg 以下のようなリネームツールを使用すると簡単です(フリーソフトですので各自の責任においてお使いください) FileRenamer2000 http://www.vector.co.jp/soft/win95/util/se074425.html

(13)

4) PDF から JPEG 画像への書き出し

PDF から JPEG 画像への書き出し方法として Adobe Acrobat 7.0 を使用した一例を挙げます。

1. Adobe Acrobat※_{で PDF ファイルを開きます。}

2. [ファイル - 名前を付けて保存]で、ファイルの種類 JPEG を選択します。

3. [設定]をクリックし、JPEG の設定を以下のように設定し、[OK]をクリック。

4. [保存]で JPEG データに書き出されます。

5. 書き出された JPEG のファイル名を桁なし連番に直します。「ファイル名について」を参照ください。

(14)

F

L

I

P

E

R

3

3 M

M

a

k

e

r

ウ

ィ

ン

ド

ウ

の

説

明

1. FLIPPER3 Maker を終了します。 2. プラグインツールの起動、ライセンス情報の確認をおこないます。 3. 操作マニュアル、製品情報を確認します。 4. プロジェクト(保存フォルダ)を設定します。 ※保存フォルダのパスに全角文字は入れないでください。 5. ブックの基本設定をし、作成します。 6. ブックを保存します。 7. 高度な編集をおこないます(機能ごとに別途設定が必要です) 8. 作成したブックをプレビューします。 9. ブック編集ウィンドウ上で、指定したページを開きます(ページ番号を入れて ) 10. 作成したブックを LMS 教材用として書き出します。 11. ページ単位での編集(追加、差し替え、入れ替え、削除)をおこないます。 12. ページ単位でレイヤー(SWF ファイル)の設定・削除をおこないます。 13. リンクの編集・削除をおこないます。 14. 任意のページラベルを設定する際に使用します。

(15)

2

2 .

.

ライ

ラ

イセ

セン

ン

ス

認証

認

証

初回起動時にライセンスの認証が必要です。ライセンスキーを入力し、[認証]をクリックします。認証に成功すると作成ページ数が表示されます。で情報画面を終了し、ライセンス情報画面を閉じると FLIPPER3 Maker が起動します。ライセンス情報およびページ数は、[ツール] - [ライセンス認証]で確認できます

(年間定額制、パッケージ販売の方)

ライセンスキーファイルを選択すると、ライセンスキー、有効期限、種類が表示されます。[OK]で認証画面が終了し、 FLIPPER3 Maker が起動します。ライセンス情報は、[ツール] - [ライセンス認証]で確認および更新できます

(16)

3

3 .

.

プロ

プ

ロジ

ジ

ェク

ェ

クト

トの

の設

設

定

(

ブ

ック

ッ

ク作

作成

成

前

に

設定

設

定

)

をクリックすると、プロジェクトの設定画面が起動します。プロジェクト名(任意)、保存フォルダを指定し[OK]をクリックすると、ブック一覧ウィンドウに設定したプロジェクトができます。必ずフォルダを指定してください。その際、保存フォルダのパスに全角文字は入れないでください。このプロジェクト下で作成したブックデータは、プロジェクトの設定で指定したフォルダ内に保存されます。 <<注意>> ブック一覧ウィンドウのブックと保存フォルダに保存されたブックデータは連動しています。そのため、保存フォルダ内のブックデータを移動または削除すると、ブック一覧ウィンドウからそのブック情報も消えてしまいます。また、その逆で、ブック一覧ウィンドウからブックを削除すると、保存フォルダに保存されたブックデータも削除されてしまいますのでご注意ください。プロジェクトの削除は、ブック一覧ウィンドウからプロジェクト情報が消えるだけです。フォルダおよび保存されているブックデータは残ります。プロジェクトの情報は、以下に保存されます。

C:¥Documents and Settings¥USERNAME¥Application Data¥Logosware¥FLIPPER3¥config¥maker-setting.xml (Vista の場合 C:¥Users¥USERMAME¥AppData¥Roaming¥Logosware¥FLIPPER3¥config¥maker-setting.xml ) このファイルを削除すると全プロジェクトの情報が削除されてしまいますのでご注意ください。但し、保存フォルダおよびブックデータは残りますので、再度プロジェクトの設定をし直していただければ、ブック一覧ウィンドウにプロジェクト情報は復活します。

(17)

4

4 .

.

ブッ

ブ

ック

クの

の作

作成

成

プロジェクトを選択した状態でをクリックしブックの設定をします。新規作成時にサンプル版か正式版を選択します。正式版での作成はページカウントが発生します。※ サンプル版で作成したブックには SAMPLE 文字が入ります。 ※ ページカウントの対象は、従量課金制およびプリペイド制となります。

ブ

ッ

ク

の

設

定

ブック情報/ブック画像

1. タイトルブラウザのツールバーに表示されます。 2. 概要設定は不要です。ブックには反映されません。 3. ブックテンプレートブックの設定項目をテンプレートとして保存することができます。保存したテンプレート

(18)

5. 画像サイズ ※1 元画像を選択すると「画像サイズを再計算しますか?」と確認メッセージが出ます。[はい] をクリックし再計算をしてください。任意のサイズに設定も可能です。 6. モバイル ※2 チェックを入れるとモバイル版 FLIPPER の出力を行います。作成後、うまく動作しない場合に限り、1 倍サイズ・ズームサイズを小さくし調整してください(通常は変更しなくて大丈夫です) 携帯端末の FlashLite でインタラクティブ再生が前提となっているため、PC 環境では正しく閲覧できないことがあります。 7. PDF ファイルリンク PDF ファイルを 1 つリンクする場合は、チェックを入れ[選択] よりファイルを選択してください。ページ毎にリンクする場合は、チェックを入れ、ブック作成後に PDF ファイルを指定の位置に設置してください。ファイルの設置場所は「手動で設置するフォルダ」をご参照ください。 ※1 画像サイズの設定元画像を選択し画像サイズを再計算すると、縦幅 600px を基準に、横幅、最大倍率が自動で算出されます(画像分割サイズはデフォルトで 400 になっています)。倍率はプルダウンより選択ください。画像サイズを変更する場合は、縦・横の基準にする方をチェックしサイズを入れ[計算]をクリックすると、基準にしたサイズを元にもう一方のサイズが計算されます。 A4 縦を基準にし、ページが正方形に近い場合は横基準で横幅 460px 以内に、縦長の場合は縦基準で縦幅 600px 以内にして画像サイズを計算してください。画像サイズを変更すると、最大倍率も変わってきますので、 [計算]をクリックし更新してください。 ※2 モバイルにチェックを入れた場合に限り、ブック作成(変換)時にモバイル用の小さい画像も出力します。そのため、チェックを入れずに作成し後からモバイル用データが必要になった場合は、[フォルダから画像読込]で再度画像変換をしなければなりません(ページカウントがプラスされます) 1 倍サイズ・ズームサイズを調整する場合も、再度画像変換が必要です。

(19)

ブック動作

1. 開き方左とじ/右とじを設定します。 2. 開始ページ開始ページが片面か両面かを設定します(ほとんどが片面です)。 3-1. ビジュアルインデックス ※ サムネイルを使用したインデックスを、使用するか、しないかを設定します。 3-2. テキストインデックス ※ 別途テキストインデックスの設定が必要です。初期表示時にツリーを開く場合は、"初期状態でツリーを開く" にチェックを入れてください。 3-3. 付箋インデックス ※ 付箋機能使用時に、貼った付箋の一覧表示を、使用するか、しないかを設定します。 3-4. 起動時の表示起動時に開くインデックスを選択してください。すべて閉じた状態は「なし」を選択してください。 4-1. ページめくりめくり音を鳴らすか、鳴らさないかを設定します。アニメーション速度は、数値が大きいほどめくり感がゆっくりになります(0∼9 で設定) 4-2. 自動ページめくり速い・遅いそれぞれ 1∼10 秒の間で秒単位で設定可能です。 4-3. クリック時の動作ページ上をクリックした際の動作を「何もしない」「ページをめくる」「拡大・縮小」から選択します。

(20)

検索は PDF インポーター3 が必須です。 5-3. テキスト選択使用する場合は、PDF インポーター3 から抽出した search.xml、textpoint.xml が必要になります。PDF インポーター3 が必須です。 5-4. 印刷ページ画像の印刷を、許可するか、しないかを設定します。 5-5. フルスクリーンボタンフルスクリーン表示を使用するか、しないかを設定します。 ※ FlashPlayer の不具合により、FlashPlayer9.0.246.0 では設定に関わらずフルスクリーン表示は使用できません。 5-6.友達に URL を教えるページの特定領域の URL 表示機能を、使用するか、しないかを設定します。但し、ローカル上では、正常に動作しません。 iPhone/iPad 版、skinrep で共有機能を使用したい場合は、使用するに設定してください。 5-7.ページ内埋込みページ内埋込み用 HTML の取得を許可するか、しないかを設定します。但し、ローカル上では HTML の取得はできません。 5-8. ヘルプ操作ヘルプを使用するか、しないかを設定します。 5-9. ヒントのポップアップ操作ボタンの説明をバルーン表示するか、しないかを設定します。 5-10. リンクのポップアップリンクツールで設定したリンクのポップアップを、表示するか、しないかを設定します。表示する場合、リンクツールでポップアップテキストの設定が必要です。 6-1. ノンブル表記ノンブル(ページ番号)を表示するか、しないかを設定します。 6-2. ブックの影ブックの中心に影を入れるか、入れないかを設定します。 6-3. ブックの厚みブックの両端に厚み感(数ページ重なっているように見えます)を持たせるか、持たせないかを設定します。 6-4. ページラベル表記ページラベルの表示方法を設定します。「総ページを指定」にチェックを入れると FLIPPER3 の総ページではなく任意のページ数を表示することができます。 ※ インデックス類と検索結果のページ番号の表示方法は、プルダウンより「ページ」(FLIPPER の通し番号)、「ラベル」(任意で設定した番号)、「番号を表示しない」(インデックスのみ)から選択してください。

(21)

スキン選択

使用するスキンを選択します。・ブック skin01 ~ skin04、skinw、skinrep ・チラシ専用 skin03c 3 ページ以上のものは表示できません。詳細は「チラシの作成」をご参照ください。 skinw は、操作ボタンが何もないスキンになります。設定に関わらず、タブ・ボタン類は一切表示されません。拡大・縮小はマウスホイール操作でおこないます。ページ内リンク、外部リンクは有効です。 skinep の概要および使用方法については、以下をご確認ください。 http://soft.logosware.com/flipper3_skin/ skin03c、skinw は、バリュープラン、プリペイド制アカデミック版では選択いただけません。 skinrep は、レギュラープラン、バリュープラン、プリペイド制アカデミック版では選択いただけません。

高度な設定

(22)

3. ブック設定のインポート通常の作成時には使用しません。指定したブックからテキストインデックス、検索ワード情報、リンク情報をインポートします。 4. ページフォルダ名の整列通常の作成時には使用しません。ページの追加・削除等で入れ替わったページフォルダの並びを page1 から整列します。 5. 切り抜き機能切り抜きプログラム(PHP)の設置をお勧めします。詳細は「切り抜きプログラムの設置」をご参照ください。切り抜き機能を使用する場合はチェックを入れ、データ保存先の URL を設定してください。URL は後から設定もできますので空欄でも大丈夫です。 6. ダイナミックサイジングダイナミックサイジングを使用しない場合はチェックを入れてください。 7. ページめくりの画質と速度速度優先にチェックを入れると、ページをめくり終わってから次のページをめくれるようになるまでの待機時間が短くなりますが、その分ページめくり時の画質が劣化します。 ※ この設定は FLIPPER3 のみで有効です。各設定をし、[作成]をクリックすると同時に元画像を読み込み画像サイズの変換作業を行います。画像変換が終了するとブックの完成です。新規作成時はフォルダから画像を読み込んで変換が完了するとブックデータは自動で保存されます。

(23)

よりブックを確認できます。但し、プレビューでは右クリックメニュー、マウスカーソルの挙動、フルスクリーン、 PDF リンク、一部の URL リンクが正常に動作しません。最終の確認は保存フォルダに保存されたブックデータでおこなってください。正式版で作成したブックのフォルダ名は bookID、サンプル版で作成したブックのフォルダ名は sampleID となります。ブック一覧ウィンドウには、正式版で作成したブックは、サンプル版で作成したブックはで表示されます。正式版作成後にフォルダ名(bookID)を変更した場合、ページの修正等をおこなうときはフォルダ名を元(bookID)に戻してください。フォルダ名を変更したままですと、ブック一覧ウィンドウにはで表示されサンプル扱いとなり、ページの挿入や入れ替えをすると該当ページには SAMPLE 文字が入ります。必ずフォルダ名を元に戻しブックアイコンがであることを確認の上、作業をしてください。

チ

ラ

シ

の

作

成

チラシスキン(skin03c)を使用することにより、片面(めくりなし)、もしくは両面のチラシを簡単に作成できます。以下ご注意ください。・ページ数は、1 ページ(片面)もしくは、2 ページ(両面)のみです。3 ページ以上で作成した場合、チラシスキンでは表示ができません。・開始ページは「片面」で、ノンブル表記のチェックは外して作成ください。・クリック時の動作は「ページをめくる」のみです。「拡大・縮小」「何もしない」で設定しても無効になります。・左のインデックス類は使用できません。設定をしても無効になりタブは表示されません。

(24)

F

L

I

P

E

R

3

3 フ

フ

ァ

イ

ル

構

造

の

確

認

作成したブックデータは、保存フォルダ内に以下の構造で保存されます。 embedskin flipper3js image m mobile pageXX layer x2 - x8 page.xml textpoint.xml thumbnail.jpg x1.jpg pageindices swfaddress / swfobject bbs.xml book.xml book_ext.xml expand.html flipper3.swf framework_3.3.0.4852.swf framework_3.3.0.4852.swz index.html menu.xml nomble.swf pages_ext.xml search.xml skin03.swf skinoption.xml wait.png flv mp3 pdf ページ内埋込み表示用データ JavaScript ファイルを格納しますスタンプ画像 iPhone/iPad 表示用データモバイル版ブックデータ各ページのデータリンクファイル(XML)、SWF ファイルを格納します各倍率の画像ファイルを格納します内部処理に使用するファイル検索ハイライト表示用ファイルサムネイル画像 1 倍の画像ファイル検索エンジン対策ファイルページごとの URL を管理するライブラリ共有コメント機能用ファイル(Libra 搭載時) 内部処理に使用するファイル FLIPPER3 の基本設定ファイルシェア機能用ファイル FLIPPER3 本体 Flex フレームワーク RSL Flex フレームワーク RSL FLIPPER3 を表示するファイルテキストインデックス用ファイルノンブル用ファイルページ情報ファイル検索ワードファイルスキンファイルスキンの表示設定ファイルシェア機能用ファイル動画ファイル(FLV)を格納します音声ファイル(MP3)を格納しますページ毎の PDF ファイルを格納します

(25)

index.html を開くと閲覧が可能になります。

フォルダ名・ファイル名およびファイルの階層の変更はしないでください。データの改変をおこなうとブックが起動しなくなります。

index.html は、[保存]をすると常にデフォルトのファイルで上書きされます。index.html に GoogleAnalytics のトラッキングコードを貼り付けている場合等、十分にご注意ください。FLIPPER3 Maker での設定がすべてお済みになってから index.html を修正することをお奨めいたします。スタンプの使用・不使用に関わらず、image フォルダは作成されます。スタンプを使用しない場合は image フォルダごと削除ください。

手動で設置するファイル

使用する機能によっては、bookID フォルダ内に手動でフォルダおよびファイルの設置が必要です。フォルダ名・ファイル名は以下に則ってください。機能フォルダ名格納するファイルページ毎の PDF ファイルリンク pdf 1 から連番(桁なし)の PDF ファイル(1.pdf 2.pdf 3.pdf …. ) リンクツールで動画設定 flv リンクツールで設定した任意のファイル(xxxxx.flv) リンクツールで音声設定 mp3 リンクツールで設定した任意のファイル(xxxx.mp3)

(26)

5

5 .

.

ブッ

ブ

ック

クの

の設

設定

定変

変更

更

ブックの情報・動作・スキンは、ブックのプロパティ(ブック一覧でブックタイトルを右クリック)から簡単に変更が可能です。

作

成

後

の

画

像

サ

イ

ズ

・

画

質

の

変

更

<<注意>> ブック作成後に画像サイズ・最大倍率・分割画像サイズ・画質・シャープ値を変更するには、元画像を再度読み込み、画像を変換し直さなければなりません。再読み込みしたページ数分カウントがプラスされますので、サンプルで十分確認してから正式版を作成してください。 1. ブックの設定画面を開き、変更箇所を修正し[設定]をクリックし変更内容を確定します。 2. 再度ブックの設定画面を開き、先ほどの変更が反映されていることを確認してから、[フォルダから画像読込]を選択してください。確認メッセージが出ます。 [はい] を選択し、元画像のあるフォルダを指定し[OK]で進んでください。設定済みのリンク・レイヤーを、引き継ぐ場合は[はい]を選択してください。[いいえ]を選択すると、設定済みのリンク・レイヤーは反映されません。どちらかを選択したと同時に画像変換を開始します。 <<注意>> 画像サイズ・最大倍率・分割画像サイズ・画質・シャープ値を変更するだけでは FLIPPER3 は正常に動作しません。設定変更後に画像の再読み込みをしてはじめて変更が反映され正常に動作します。設定変更後に、再読み込みページ分のカウントが気になり画像再読み込みはやめるとなった場合は、変更した設定を必ず元に戻してください。

(27)

ブ

ッ

ク

の

削

除

ブック一覧で、ブックタイトルを右クリック [ブックの削除] で作成済みのブックを削除することができます。ブックを削除するとブック一覧から削除されるだけではなく、フォルダに保存されているブックデータも削除されますのでご注意ください。 ※ Vista でブックを削除しようとすると、以下のようにすべてのプロジェクトが選択されているように見えますが、実際には指定したブック(確認画面でタイトル表示)しか削除されませんのでご安心ください。

(28)

6

6 .

.

ペー

ペ

ー

ジの

ジ

の修

修正

正

FLIPPER3 では、1 ページ単位での追加・差し替え・入れ替え・削除ができます。ブック編集ウィンドウの各ページ上部を使用します。修正後に必ずをしてください。

ペ

ー

ジ

の

追

加

ページを追加するには、まず空ページを追加してから新しい JPEG ファイルを設定します。左に空ページを追加し以降のページを 1 つずつずらします。追加した空ページには、で必ず新しい JPEG ファイルを設定してください。右に空ページを追加し以降のページを 1 つずつずらします。追加した空ページには、で必ず新しい JPEG ファイルを設定してください。

ペ

ー

ジ

の

差

し

替

え

新しい JPEG ファイルを選択しページを置き換えます。

ペ

ー

ジ

の

入

れ

替

え

ページを左のページと入れ替えます。ページを右のページと入れ替えます。

ペ

ー

ジ

の

削

除

ページを削除し、以降のページを 1 つずつずらします。

(29)

7

7 .

.

テキ

テ

キス

ス

ト

イ

ン

デッ

デ

ック

クス

スの

の設

設定

定

をクリックしテキストインデックス編集画面を起動します。テキストインデックスの設定方法は三通りあります。但し、ブックの設定で、テキストインデックスのチェックを外している場合は設定しても反映しません。 メニューの名称が長い場合、改行コード %0A (半角) を入れるとその位置で改行します。

直

接

入

力

編集画面上で右クリックすると、項目・子項目の作成、挿入、削除ができます。作成した項目ごとに、名称・ページ番号を設定します。以上の作業の繰り返しです。[保存]で終了してください。

C

S

V

イ

ン

ポ

ー

ト

右記の内容で CSV ファイルを作成してください。メニューの階層に制限はありません。 A は JPEG ファイルの番号です。例： 1.jpg→1、10.jpg→10

(30)

編集画面をクリックし、CSV ファイルを指定すると、一度にメニュー項目の設定ができます。 [保存]で終了。

C

S

V

エ

ク

ス

ポ

ー

ト

編集画面をクリックし、CSV ファイルの保存先を指定すると、一度にメニュー項目の保存ができます。ブックの再作成の時などに使用できます。[保存]で終了。

項

目

移

動

一度作成したメニュー項目を移動する事が出来ます。移動させたいメニュー項目を選択し、右クリックしたままドラッグしてください。移動後は必ずページ番号の修正を行ってください。 [保存]で終了。

ク

リ

ア

編集画面をクリックすると、登録したメニュー項目が一括で削除できます。 [保存]で終了。

P

D

F

か

ら

イ

ン

ポ

ー

ト

「PDF インポーター3」を使用し、PDF ファイルから自動でテキストインデックス項目を生成することができます。詳細は FLIPPER3-Maker¥Documents¥PDFimporter3.pdf をご参照ください。

(31)

8

8 .

.

ラベ

ラ

ベル

ル

の変

の

変更

更

FLIPPER3 では、任意のページラベルを設定することができます。数字だけではなく、A1・A2 のような英数字や、表紙・目次等の文字も設定できます。但し、ノンブル表記にチェックを入れている場合、ページ左右下に表示できるのは数字のみになります。インデックス・検索結果一覧・ページラベルには英数字や文字の表示も可能です。ブック編集ウィンドウ、各ページの下部にあるラベル欄に直接入力してください。この設定はページごとにしなければなりませんが、数字に限りよりラベル編集画面を開き、開始番号を指定して連番で一括変更が可能です。 設定後は必ず保存をしてください。 例 : 全 50 ページのブックの 1 ページに「表紙」、2 ページに「目次」、3 ページ以降を 1 から連番にラベルを振り、最終ページ(50 ページ)は「裏表紙」にする。 1. 1 ページのラベル欄に「表紙」、2 ページのラベル欄に「目次」、50 ページのラベル欄に「裏表紙」と入力 2. からラベル編集画面を開き、ページ番号 3∼49、開始番号 1 と設定し変換。 3. ブック編集ウィンドウでラベルが変更されていることを確認の上、保存。 ※ ページ : 実際のページ番号(FLIPPER 通し番号) ラベル : ブック上に表示させる番号

(32)

9

9 .

.

検索

検

索ワ

ワ

ード

ー

ドの

の設

設定

定

をクリックし検索ワード編集画面を起動します。検索ワードの設定方法は三通りあります。但し、ブックの設定でテキスト検索のチェックを外している場合は検索ワードを設定しても検索機能は使用できません(ボタンが非表示になります)

直

接

入

力

(

ハ

イ

ラ

イ

ト

検

索

不

可

)

青くなっているページの検索ワードを、下のスペースに入力してください。 [保存]をクリックすると画面が終了します。

C

S

V

イ

ン

ポ

ー

ト

(

ハ

イ

ラ

イ

ト

検

索

不

可

)

以下の内容で CSV ファイルを作成してください。

(33)

セル A にページ番号、セル B に検索ワードを設定します。検索ワードに改行コードが入っていると改行コード以降がインポートされません。改行コードは必ず抜いてください。設定画面をクリックし、CSV ファイルを指定すると、一度で検索ワードが設定されます。 [保存]で終了。

ク

リ

ア

設定画面をクリックすると、登録した検索ワードが一括で削除できます。 [保存]で終了。

P

D

F

か

ら

イ

ン

ポ

ー

ト

(

ハ

イ

ラ

イ

ト

検

索

可

)

「PDF インポーター3」を使用し、PDF ファイルから自動で検索ワードファイル(search.xml)・ハイライト表示用ファイル (textpoint.xml)を生成することができます。詳細は FLIPPER3-Maker¥Documents¥PDFimporter3.pdf をご参照ください。検索結果をハイライト表示させるには、「PDF インポーター3」(有償)が必須になります。 ※ 一度ブックを作成した後にハイライト検索をおこないたい場合は、手動にて以下の設定をおこなってください。 1. PDF インポーター3 で生成した search.xml を bookID フォルダ直下に保存してください。 2. PDF インポーター3 で生成した textpoint.xml を bookID¥pagexx フォルダ直下に保存して下さい。 3. [ブックの設定] - [ブック動作] テキスト検索にチェックをした状態で、[設定保存]をしてください。

(34)

1

0

0 .

.

i

P

h

o

n

e

/

i

P

a

d

で

の動

の

動作

作

iPhone/iPad 版は、バリュープラン、プリペイド制アカデミック版では生成されません。 iPhone/iPad 版のデータは、特別な設定は必要なくブックを作成した際に自動で生成されます。ブックデータ一式(bookID フォルダ)をサーバーにアップロードし、bookID/index.html にアクセスすると、その端末に対応したページが表示されます。

iPhone/iPad 版は FLASH ではなく JavaScript で動作するため、機能および動作は PC 版(通常の FLIPPER3)とは異なります。

標準的な環境で 1000 ページの動作は確認していますが、使用状況によってはブラウザ(Safari)が落ちることがあります。

(35)

1

1 .

.

そ

の

他の

他

の機

機能

能

ブ

ッ

ク

テ

ン

プ

レ

ー

ト

ブックの設定をテンプレートとして保存することができます。保存したテンプレートを読み込むことにより設定の手間を省くことができます。 [ブックの設定] - [ブックの情報] - [ブックテンプレート]で操作をおこないます。読込テンプレートを選択し、[テンプレート読込]で設定項目が反映されます。削除テンプレートを選択し、[テンプレート削除]でテンプレートが削除されます。保存ブック設定が一通り終わりましたら[名前を付けて保存]でテンプレート名を入力し[保存]すると、ブック設定がテンプレートとして保存されます。

テンプレート保存項目

タイトル/画像サイズ(横、縦)/倍率/画像分割サイズ/モバイル/開き方/開始ページ/目次全般/ページめくり全般/機能全般/ 表示全般/スキン/画質/シャープ/クリッピング機能/ダイナミックサイジングテンプレートは、FLIPPER3-Maker/template に保存されます。テンプレート読み込み後または読み込み前に、必ず元画像を選択し、画像サイズ、倍率、分割画像サイズの再計算をしてください。

ペ

ー

ジ

フ

ォ

ル

ダ

名

の

整

列

ページの追加・削除等で入れ替わったページフォルダの並びを page1 から整列します。 操作をおこなう前に、必ずブックを保存してください。

(36)

[はい]でページフォルダ名を整列しします。

情報画面「処理が完了しました。」を[OK]で閉じ、ブックの設定画面は必ず[設定]で閉じてください。

ページの追加・削除等、FLIPPER3 Maker を介してページフォルダが入れ替わった場合は、FLIPPER3 の動作には全く支障はありません。但し、他のブックから設定をインポートする際、インポート元・インポート先のページフォルダの並びが揃っていないと正しくインポートされないため、ページフォルダ名の整列をおこなってください。

ブ

ッ

ク

設

定

の

イ

ン

ポ

ー

ト

指定したブックから、テキストインデックス、検索ワード、リンク設定をインポートします。 操作をおこなう前に、必ずブックを保存してください。 [ブックの設定] - [高度な設定] - [ブック設定のインポート]を実行すると、確認メッセージが表示されます。実行をクリックし、インポート元のブックフォルダ(bookID フォルダ、sampleID フォルダ)を選択し、[OK]で設定のインポートの完了です。 情報画面「設定をインポートしました。」を[OK]で閉じ、ブックの設定画面は必ず[設定]で閉じてください。 サンプル版で設定した検索ワードやリンクを、正式版で作成したブックにインポートすることで、サンプルから正式版への移行をスムーズにおこなうことができます。インポート元のブックでページの追加や削除等をおこなっている場合は、インポート前に必ずページフォルダ名の整列をしてください。

(37)

F

L

I

P

E

R

3

3 を

を

W

e

b

ペ

ー

ジ

へ

組

み

込

み

ブックデータ一式(bookID フォルダ)をサーバーにアップロードし、bookID/index.html にリンクを貼ってください。アップロード後に、ブックに何らかの修正を行った場合は、差分ファイルだけでなくブックデータ一式をアップロードし直してください。但し、設定済みのリンクやレイヤーを削除した場合、ブックデータ一式をアップロードし直しても古いリンク・レイヤー情報が残っている可能性があります。リンクやレイヤーを削除した場合は、古いブックデータを削除してから、修正したブックデータをアップロードしてください。

F

L

I

P

E

R

3

3 を

を

C

D

ま

た

は

D

V

D

で

配

布

作成した FLIPPER3 を、CD または DVD で autorun 等を使用して閲覧させたい場合は、実行形式ファイル(EXE)をご使用ください。実行形式ファイルで起動する場合は、グローバルセキュリティの設定は不要なため、ローカル上で閲覧する際に、グローバルセキュリティの設定をさせたくない場合は、CD、DVD 配布に限らず実行形式ファイルにすることをお勧めいたします。但し、Windows 限定となりますのでご了承ください。実行形式ファイルは、FLIPPER3-Maker¥help¥local_exe にスキンごとに用意しております。各スキンに対応した実行形式ファイルを作成した bookID フォルダ内にコピーし、実行形式ファイルから起動してください。

注意点

1. パスに全角文字が入っていると正常に動作しません 2. 実行形式ファイルはブラウザを使用しないため、以下のブラウザに依存する機能が動作しません・リンクに JavaScript ・リンクターゲット(設定は無視して_blank で開きます) 3. 次の機能は使用しないに設定してください: URL 紹介/切り抜き/ページ埋め込み 4. skinrep で設定した背景色・テーマカラーは無効になり、デフォルトカラーになります 5. ブック作成時の FLIPPER3 Maker のバージョンと、実行形式ファイルのバージョンが一致しないとブックが正常に表示されないため、新たに実行形式ファイルを使用する際は、メインウィンドウにブックが表示された状態で

(38)

検

索

エ

ン

ジ

ン

対

策

フ

ァ

イ

ル

に

つ

い

て

検索エンジン対策のキーワードは検索ワードを使用しているため、検索機能を使用しない場合、あまり効果的ではありません。但し、検索機能を使用しなくても、「9. 検索ワードの設定」で検索ワードを設定すればキーワードとして登録されます。検索エンジン対策ファイルは新規作成時に生成され、その後はをクリックしたときに更新されます。検索ワード設定後、もしくはブック設定のインポート後には、必ずをし、検索エンジン対策ファイルを更新してください。検索エンジン対策をしない場合は、 bookID¥pageindices をフォルダごと削除し、 index.html の赤で囲った部分を削除してください。

(39)

1

2

2 .

.

上級

上

級者

者向

向け

けの

の設

設定

定

G

o

g

l

e

A

n

a

l

y

t

i

c

s

を

利

用

し

た

閲

覧

ロ

グ

解

析

Google 社が無料で提供するアクセス解析サービスを利用して、FLIPPER3 の閲覧ログを取得することができます。詳細は FLIPPER3-Maker¥Documents¥ga_f3.pdf をご参照ください。

F

L

I

P

E

R

e

p

o

r

t

を

使

用

し

た

閲

覧

ロ

グ

解

析

FLIPPER Report を使用し、ヒートマップ型アクセスログ解析ができます(Google Analytics を利用しログデータを取得します)

[ツール]-[FLIPPER Report のご案内]より、専用ビューアをダウンロードしご使用ください。FLIPPER Report の使用方法は、ダウンロードサイトのクイックスタートガイドでご確認ください。 FLIPPER3-Maker¥Documents¥ga_f3.pdf もご参照ください。 FLIPPER Report は、バリュープラン、プリペイド制アカデミック版のロゴ入りスキンではご使用いただけません。

切

り

抜

き

プ

ロ

グ

ラ

ム

の

設

置

閲覧者が FlashPlayer10 以上の場合、切り抜いたデータはローカルに保存されます。 FlashPlayer9 の場合は、切り抜きプログラム(PHP)を設置していればサーバーに保存され、設置していなければエラーになります。切り抜きプログラムの設置方法は FLIPPER3-Maker¥help¥clip をご参照ください。

ビ

デ

オ

・

サ

ウ

ン

ド

・

ア

ニ

メ

ー

シ

ョ

ン

の

組

み

込

み

Adobe Flash(ActionScript3)でムービーを作成し(SWF)、音声やビデオ、アニメーションなどを合成できます。レイヤー(SWF)の大きさは、画像サイズと同じ大きさ(例 : 424px×600px)にしてください。

(40)

ブック編集ウィンドウページ上部より、作成した SWF ファイルを設定してください。設定後は必ずをしてください。設定した SWF ファイルは、ブック編集ウィンドウページ上部で削除もできます。削除をした際は必ずをしてください。

U

R

L

紹

介

機

能

の

U

R

L

を

i

n

d

e

x

.

h

t

m

l

以

外

に

変

更

FLIPPER3 閲覧時に「URL を紹介」ボタンを押下すると、現在開いているページとハイライト位置を指定できますが、 index.html で開かれていることが前提のため、FLIPPER3 を開いている HTML ファイルが index.html 以外の時にも、デ フォルトでは http://･･･.index.html#･･･となり正しい URL が取得できません。

この index.html の部分を変更するには、bookID¥skinoption.xml を開き、<url dispUrl="" visible="true" /> の部分を

<url dispUrl="frame.html" visible="true" /> のように記述すると、http://･･･.frame.html#･･･と正しい URL が取得

できます。

モ

バ

イ

ル

版

F

L

I

P

E

R

に

リ

ン

ク

を

設

定

モバイル版 FLIPPER は、デフォルトでは外部へのリンク設定がありません。以下の方法でリンクを設定することができます。1 がリンクになります。

link:1 を表示する方法

bookID¥mobile¥index.html に link=link.php& を手動で追加し、 flippermobile.swf?page=1&book=1&total=89&dir=r2l&link=link.php&key=111202323241 のような URL で開くと、 モバイル版 FLIPPER 上に、link:1 が表示されます。

リンク仕様

各ページでリンク link:1 を押下すると、どのページで押下した場合も起動時に指定したリンクファイルに移動します。その ときに、b=[ブック ID],p=[リンク元ページ番号] を GET で渡します。リンク先の link.php で上記条件で場合分けをして処理を追加してください。例 : flippermobile.swf?page=1&book=1&total=89&dir=r2l&link=link.php&key=111202323241 上記の link=link.php が、リンク先ファイルとなります。

(41)

F

L

I

P

E

R

3

3 を

を

学

習

管

理

シ

ス

テ

ム

(

L

M

S

)

教

材

用

と

し

て

書

き

出

し

FLIPPER3 を LMS で使用する際は、ブック作成後に SCROM 形式で書き出しをおこなってください。メインウィンドウ上にブックを開いた状態で、アイコン群のから、SCROM1.2、SCORM2004 どちらで書き出すか選択してください。 SCROM1.2 SCROM1.2 に対応した LMS 用 SCROM2004 SCORM2004 に対応した LMS 用書き出し先を指定し[OK]で書き出しを実行します。 ZIP 形式でコンテンツが書き出されます。ページ数にもよりますが、書き出し処理に数分かかる場合がございます。 LMS への登録は、書き出した ZIP ファイルをそのまま LMS へアップロードし登録してください。詳しくはご利用の LMS における説明をご確認ください。

尚、FLIPPER2 の場合、ブック作成時に SCORM 用の HTML(scrom.html)も生成されるため、上記の書き出し作業は不要です。LMS で使用する際は、scorm.html から閲覧ください。

(42)

1

3

3 .

.

リン

リ

ン

クツ

ク

ツ

ール

ー

ルで

で

リ

ンク

ン

クフ

ファ

ァイ

イ

ルを

ル

を作

作成

成

リンクの設定は、リンク枠を描き URL を記述するというシンプルな操作の繰り返しになります。

リ

ン

ク

ツ

ー

ル

の

基

本

操

作

1. ブック編集ウィンドウにブックを表示し、またはでリンクツールを起動します。 2. リンクの設定は片ページ単位でおこないます。設定するページをクリックすると赤枠がつきます。赤枠のページがリンクを設定できるページです。 3. リンク枠を描き URL を記述します(ページ画像はマウスホイールで拡大・縮小できます) 自動保存にチェックが入っている場合、リンク枠を描いたときにリンク ID を自動で保存し、 URL の記述やカラー変更等、常に自動保存しているため、改めての保存は必要ありません。

(43)

4. リンクの設定ファイル(hitarea.xml)は、ページ単位で保存されます。自動保存にチェックが入っていない場合は、ページ単位(赤枠単位)で保存をしてください。

リ

ン

ク

ツ

ー

ル

の

各

種

機

能

1. ツール(種類) 長方形のリンクエリアを描画します楕円形のリンクエリアを描画します多角形のリンクエリアを描画します。始点と終点を同じポイントにしてください(パスを閉じてください) プルダウンで選択したスタンプ押します 2. ページ移動ページを移動します。ページ番号をクリックしスライダーで指定のページへも移動できます。 3. 保存設定設定したリンクをページ単位で保存します。自動保存にチェックを入れると、変更等の度に自動保存しているため改めて保存の必要はありません。 4. 設定初期設定画面の表示・非表示を切り替えます。 5. DataGrid ページに設定したリンクを一覧表示します。 6. スナップページ内でリンクエリアを整列させる等のために表示できる水平/垂直の線です。上側・左側のブルーのエリアからからドラッグしてください。

(44)

リンクの設定

リンク枠を描くとリンクの設定画面が表示されます。 name/id ページごとに自動で振られます。 key 拡張機能用(通常は使用しません) x,y (リンクエリア位置) ページ画像の左上基準(0,0)とし、リンクエリアの左上の位置をピクセル数で表示します。 w,h(リンクエリアサイズ) リンクエリアのサイズをピクセル数で表示します。通常,R/O(リンクカラー) 通常(マウスオーバーしていない)時、マウスオーバー時のリンクカラーを 16 進数とアルファ値で設定します。

target リンクの属性(_blank _self 等)を設定します。 URL リンク先の URL を指定します。 Body (ポップアップテキスト) マウスオーバー時にポップアップさせるテキストを入力します。テキスト内での改行も可能です。ハンドカーソルの使用マウスオーバー時のハンドカーソルの使用・不使用を設定します。リンクを消去リンク単位での消去。クリックすると同時に選択しているリンクが消去されますのでご注意ください。 リンクターゲットの説明 target 用途 URL 欄への入力

_blank URL を別ウィンドウで開きます URL(http://...) / 相対パス _self URL を同一ウィンドウで展開します URL(http://...) / 相対パス指定ページへ移動ブック内の指定ページへ移動しますページ番号(半角数字)

動画動画(FLV)を設定する際に使用しますファイル名のみ(xxxx.flv) 音声音声(MP3)を設定する際に使用しますファイル名のみ(xxxx.mp3)