Comments
Description
Transcript
オフライン時の 閲覧方法1
Step3
デジタルブックを配信しよう！
自社サーバーに入れたい！
PC内に入れたい！
CD-ROMで配信したい！
WebやBlogに手軽にリンクしたい！
多量なコンテンツを管理したい！
コンテンツ配信方法
DBookの制作 に関しては
ベーシックマニュアルを
参照ください。
CD-ROMで
配信したい！
PC内に入れたい！
自社サーバに
置きたい！
ダウンロード
リンク方法
- HTML タグ記載方法
オフライン時の
閲覧方法1
- ReadDBook.exe
自社のWebや
個人Blogに手軽に
リンクしたい！
リンクURL取得
オフライン時の
閲覧方法2
- ブラウザで見る
埋込方法
- Iframeの使用
多量なコンテンツを
管理したい！
リスト表示を
簡単にしたい！
Book Shelf機能
iPhone / iPad /
Androidに
対応したい！
iPhone / iPad /
Android対応マニュアル
を参照ください。
ダウンロード
自社サーバに
置きたい！
ダウンロード
YOUSEEコンテンツをダウンロードすることができます。
ダウンロードするには、Windows環境にて、Internet Explorerが
必要となります。
Internet Explorer 7以上をお使いの場合は、事前に設定が必要と
なります。
事前の設定につきましてはトラブルシューティングマニュアルを
参照してください。
6. 3で指定した保存先のディレクトリを開いてください。
1. Edit / Book Shelfを開きます。
リンク方法
HTMLタグ記載方法
2. ダウンロードボタン (
)をクリックしてください。
ダウンロード画面中、タイトル名横の括弧内に表示されている数字のディレクトリが作成
され、以下のファイルが作成されます。
ファイル名
3. 保存先のディレクトリを指定します。
4. 以下の画面が表示され、ダウンロードが開始されます。
説明
appendix
プログラム関係のディレクトリ（編集しないでください）
config
設定ファイル用ディレクトリ
data
ページデータ、検索データなどのデータ用ディレクトリ
images
ボタン関連のイメージ用ディレクトリ
cover.jpg
表紙用サムネイル画像(90x120ピクセル)
default1.html
基本DBook用HTML
iframe.html
Iframe用HTML
ios.html
iPhone/ iPad用HTML
mobile.html
Android用HTML
ReadDBook.exe
オフライン時の閲覧用プログラム
ReadDBook.ini
ReadDBook.exe用設定ファイル
Sample.html
リンク用サンプルHTML
thumbnail.jpg
表紙サムネイル用画像(150x150ピクセル)
トラブルシューティング
ダウンロードが上手くできない、又はダウンロードしたコンテンツが見つからない
もし、途中で止めたいときは、[STOP]をクリックしてください。
5. ダウンロード進行率欄の[ファイル数]と[全体数]が同じになると
ダウンロードが終了です。ダウンロード画面を閉じてください。
自社サーバに
置きたい！
ダウンロード
リンク方法 / HTMLタグ記載方法
YOUSEEコンテンツを、自社のWebサーバなどにアップロードし
配信する方法です。
ダウンロードされたDBookコンテンツをFTPソフトなどで
Webサーバへアップロードしてください。
その後、以下の手順により、DBookコンテンツにリンクを
設定してください。
3. test.htmlのあるディレクトリに適当なサブディレクトリを作成し、その中にDBookで生成され
たファイルを移動させます。（注意：今回はtestbookというディレクトリを作成したとします。）
4．<p><img src= " Dummy.jpg" border="0"></p> の部分を次のように変更します。
<p> < a href="javascript:openDBook('testbook/default1.html');" >
<img src="Dummy.jpg" border="0"></a></p>
リンク方法
HTMLタグ記載方法
1. 既存のtest.htmlファイルが次のようだと仮定します。
<html>
<head>
<title>DBook Sample</title>
</head>
Dummy.
jpg
<body>
<p>DBook Sample</p>
<p><img
src="Dummy.jpg" border="0"></p>
5．最終的に変更完成されたtest.htmlは次のようになります。
<html>
<head>
<title>DBook Sample</title>
<script language="javascript">
function openDBook(win_url)
{
var w = window.screen.availWidth;
var h = window.screen.availHeight;
</body>
</html>
var win_attr = "width=" + w + ",height=" + h;
var win;
Dummy.jpgとDBookをリンクしていきます。
2. HTMLソース<head></head>の間に以下の行を追加します。
<head>
<title>DBooK Sample</title>
<script language="javascript">
function openDBook(win_url)
{
var w = window.screen.availWidth;
var h = window.screen.availHeight;
var win_attr = "width=" + w + ",height=" + h;
var win;
win = window.open(win_url,"",win_attr +
',left=0,top=0,scrollbars=yes,scrolling=yes,menubar=no,resizable=yes');
try{win.focus();}catch(e){}
}
</script>
</head>
win = window.open(win_url,"",win_attr + ', left=0, top=0, scrollbars=yes,
scrolling=yes, menubar=no, resizable=yes');
try{win.focus();}catch(e){}
}
</script>
</head>
<body>
<p>DBook Sample</p>
<p> < a href="javascript:openDBook('testbook/default1.html');" >
<img src=“Dummy.jpg" border="0"></A></p>
</body>
</html>
＜注意＞
DBookの生成方法が、KDM方式の場合(dataディレクトリに、eBook.jpg)ファイルがある場合、
設定が必要となります。
詳しくは、アップロードしたコンテンツがウェブサーバ上で見ることができないを参照ください。
CD-ROMで
配信したい！
PC内に入れたい！
オフライン時の閲覧方法1
- ReadDBook.exe
ダウンロードされたファイルにあるReadDBook.exeを利用すること
で、簡単に閲覧することができます。
閲覧環境
閲覧方法
注意点
ダウンロード
オフライン時の
閲覧方法1
- ReadDBook.exe
：Windows のみ
：ReadDBook.exeを実行してください。
：ReadDBook.exeと、ReadDBook.iniは
同じフォルダにおいてください。
ReadDBook.iniは以下のとおりです。
[START]
fullscreen=1
left=2
top=2
width=1000
height=740
useEsc=1
caption=[D]igital + [M]agazine + B[ook]
オフライン時の
閲覧方法2
- ブラウザで見る
ReadDBook.iniを[メモ帳]などのテキストエディターで開き、編集
することで、以下の機能設定ができます。
項目
説明
記載例
fullscreen
フルスクリーン表示：1
ウィンドウ表示：0
left
ウィンドウ表示時のみ
left=10
ウィンドウ左位置を指定（ピクセル）
top
ウィンドウ表示時のみ
top=10
ウィンドウ上位置を指定（ピクセル）
width
ウィンドウ表示時のみ
ウィンドウの幅指定
width=640
height
ウィンドウ表示時のみ
ウィンドウの高さ指定
height=480
useEsc
Escキーを終了動作のキーとする
1:使用 / 0:不使用
useEsc=1
caption
ウィンドウ表示時のみ
タイトル名指定
caption=テスト
コンテンツ
filename
表示するHTMLを指定します。
filename=dboo
通常は、default1.htmlを指定してくだ k/default1.html
さい。
ディレクトリ名を入れ、違うディレク
トリにあるコンテンツを表示させるこ
ともできます。
fullscreen=1
ウィンドウの形状として以下の4タイプになります。
フルスクリーン
fullscreen=1
caption=
画面はフルスクリーン
Escキーを押すと
ウィンドウ表示になり、
その時のタイトルバーは、
[D]igital + [M]agazine + B[ook]
フルスクリーン＋タイトルバー
fullscreen=1
caption=○○○
画面はフルスクリーン
Escキーを押すと
ウィンドウ表示になり、
その時のタイトルバーは、
captionで指定された文字列
ウィンドウ表示
fullscreen=0
caption=
画面はウィンドウ表示
タイトルバーは、
[D]igital + [M]agazine + B[ook]
ウィンドウ表示＋タイトルバー
fullscreen=0
caption=○○○
画面はウィンドウ表示
タイトルバーは、
captionで指定された文字列
CD-ROMで
配信したい！
PC内に入れたい！
オフライン時の閲覧方法2
- ブラウザで見る
ダウンロードしたコンテンツを閲覧するには、セキュリティーレベ
ルを設定する必要があります。
Adobe Flash Playerのセキュリティ設定
ダウンロード
下のリンク（Adobe Flash Playerの設定マネージャー）でダウンロー
ドしたフォルダを設定する必要があります。
http://www.macromedia.com/support/documentation/jp/flashpla
yer/help/settings_manager04a.html
オフライン時の
閲覧方法1
- ReadDBook.exe
1．グローバルセキュリティ設定を選びます。
Internet Explorerのセキュリティ設定（Windows XPまたはVistaのみ）。
Internet Explorerを起動します。
1 ．[ツール]→[インターネットオプション]を選択します。
2 ．[詳細設定]タブを選択し、[セキュリティ]の所までスクロールします。
オフライン時の
閲覧方法2
- ブラウザで見る
２．[これらの場所にあるファイルを常に信頼する]の横の編集をク
リックします。
３． [追加]をクリックし、[フォルダーを参照]をクリックします。
3 ． “マイコンピューターでの、CDのアクティブコンテンツの実行を許可する"を有効にします。
4 ． “マイコンピューターのファイルでのアクティブコンテンツの実行を許可する"を有効にしま
す。
４．ダウンロードした、フォルダを選び追加します。
5 ．[OK]をクリックします。
５．選択した場所は今信頼できる場所の一覧に表示されます。
設定マネージャを閉じて、コンテンツやアプリケーションに
戻ります。
自社のWebや
個人Blogに手軽に
リンクしたい！
リンクURL取得
DBookコンテンツをYOUSEEのシステムに置いたまま、
リンクを設定ることができます。
リンクURLの取得方法
リンクURL取得
1．リンクボタンをクリックしてください。
項目
DBook URL
DBookへのリンクを左図の
ように表示
説明
基本的なURLです。
このような表示をさせて、DBookへのリンクを
作成したい場合のサンプルHTMLソースコードで
す。
これを該当のHTMLへコピーしてご使用してくだ
さい。
埋込方法
- Iframeの使用
2 ．各URL情報が表示されます。
これをコピーし、DBookのURLとして、リンクしてください。
DBookの埋込コード
Iframeを利用したHTMLの埋込が可能です。
こちらに表示されたソースを利用し、該当のHTMLへコピーして
ご使用ください。
DBookへのリンクを左図の
ように表示
左図、赤い点線部分をBlogなどのHTMLエディタ上にドラッグア
ンドドロップしてください。
（HTML編集や、ドラッグアンドドロップがサポートされている
ものに限ります）
Facebookにシェア
Facebookへのシェアを行うためのURLです。
Twitterにシェア
TwitterにツイートするためのURLです。
自社のWebや
個人Blogに手軽に
リンクしたい！
リンクURL取得
埋込方法 – Iframeの使用
iframe.htmlを利用することにより、ホームページやBlogなどへの
埋め込みが出来ます。
<IFRAME src="http://○○○/iframe.html" width="□□□"
height="△△△" frameBorder="0"></IFRAME>
のようなタグを記載してください。width, heightは、デザイン、バラ
ンスにより、調整してください。
埋込方法
- Iframeの使用
ミニツールバーでの操作が可能です。
ブック本体での操作が可能です。
iframe.htmlを直接編集することにより、ミニツールバーの編集も
可能です。
多量なコンテンツ
を管理したい！
リスト表示を簡単
にしたい！
Book Shelf機能（1/3）
Book Shelf機能を利用すると、YOUSEEコンテンツをフォルダ分け
のように管理できるとともに、以下のリストを作成することができ
ます。
Book Shelfへコンテンツを追加する
1. 追加したいコンテンツをチェックします。
Book Shelf機能
サムネイル表示
くるくる表示
リスト表示
2. [Move]ボタンをクリックします。
新しいBook Shelfの作成
1. [+New]ボタンをクリックします。
3. Book Shelfを選択し、[確認]をクリックしてください。
2. Book Shelf名を入力し、[確認]ボタンをクリックします。
3. My Bookshelves欄に追加されます。
多量なコンテンツ
を管理したい！
リスト表示を簡単
にしたい！
Book Shelf機能
Book Shelf機能（2/3）
Book Shelfを公開します。
Book Shelf表示の設定をします。
Book Shelfは作成しただけでは、ログインなしに閲覧はできませ
ん。
以下の手順を行うことで、Book Shelfを公開することができます。
また、この表示をIframなどを利用し、ホームページなどに埋め込
むことも可能です。
1. 公開したいBook Shelfをクリックします。
1. 公開したいBook Shelfをクリックします。
2. [Detail Edit]ボタンをクリックします。
2. [Edit]ボタンをクリックします。
3. 詳細を設定してください。
[プレビュー]をクリックすると、ブラウザが開き、現在の設定での表示を行います。
[保存]をクリックすると、設定が保持されます。
3. [公開]にチェックを入れ[保管]をクリックします。
4. URLをコピーし、ブラウザで表示してください。
4. URLをコピーし、ブラウザで表示してください。
多量なコンテンツ
を管理したい！
リスト表示を簡単
にしたい！
Book Shelf機能（3/3）
Book Shelfのパラメータリスト
albumlist.asp以下に続くパラメータを変更することで、手動で設定
を変えることができます。
基本パラメータ
項目
実際のサンプルを入れてはどうでしょうか。
Book Shelf機能
表示方法
fskin
totw
toth
cx
cy
rx
ry
サイズ指定 lbtnx
lbtny
rbtnx
rbtny
imgw
Imgh
type
String
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Integer
Default
basic
中心座標x
中心座標y
回転半径x
回転半径y
左側ボタンx座標
左側ボタンy座標
右側ボタンx座標
右側ボタンy座標
80 (数字)
カバーイメージ
横サイズ
カバーイメージ
縦サイズ
107 (数字)
Integer
1
Integer
1
Integer
0.7
Integer
1.5
回転
オプション
duration
Integer
eForce
Integer
スキンを指定する
basic: 基本
skin: 本の枠が茶色
skin2: 本の下に影
totw/2
toth/2
300(px)
150(px)
50(px)
toth/2
totw-50
toth/2
イメージの
透明値 minAlpha
イメージの maxScale
大きさ比
説明
(ブラウザの
flash幅(width)
幅 – 50px)
(ブラウザの
flash高さ(height),
高さ – 50px)
maxAlpha
minScale
Default
skin
String なし
vmode
String contents
40
先頭のイメージに
対しての最大Alpha
（透明）値（0～1)
先頭のイメージに
対しての最小Alpha
（透明）値（0～1)
先頭と最小イメージ
の大きさ比較値
先頭と先頭以外で
一番大きいイメージ
の大きさ比較値
回転するスピード
（大きいほど
遅くなる）
回転の遠心力
v_type
リストの
ソース選択
Integer 6 (数字)
Integer 4 (数字)
Integer 80 (数字)
Integer 107 (数字)
カバーイメージ縦サイズ
Integer 12 (数字)
(imgw+46) * col +
Integer
20 (数字)
String n (y,n)
n (n,top,
String
bottom)
String y (y,n)
タイトル名の長さ制限
Integer
表示するページ数
String
(rank, mk_rank,
myfavor)
owner_id String なし
category String なし
row
リスト表示の col
イメージ表示 imgw
Imgh
サイズ
t_len
totw
s_icon
s_sch
s_navi
リスト表示 page
オプション
検索表示
説明
rotarで「くるくるガジェット」/設定なしでリスト表示
表示形式を指定します。
contents: 通常
rss: RSS形式
xml: XML形式
search: 検索結果表示
Bookshelf機能を利用の場合、Bookshelf IDを指定
現在利用せず
rank:
mk_rank:
myfavor: My ギャラリーの場合
v_type=myfavor 時のみ該当ユーザーIDを指定
ギャラリー機能利用の場合
カテゴリーIDを指定する。
ex) 17_1_3
リストの 行数
リストの 列数
カバーイメージ 横サイズ
bookshelf String なし
くるくるリストパラメータ
項目
type
リストの全体幅
ダウンロード, メール,リンク等のアイコンの表示可否
検索キーワード入力位置
ページNavigationの表示可否
s_date
String n
(y,n)
制作日付の表示可否
s_count
String n
(y,n)
閲覧数の表示可否
bgcolor
String FFFFFF
リストの背景 カラー
css
String /css/ams.css
cover
String cover
sort
String desc
リストスタイルシート
カバーイメージの選択
cover: cover.jpg
thumb: thumb.jpg
整列方式
desc: 降順
asc: 昇順
検索方式
Title: タイトルを検索
Description: Dbook説明を検索
検索語
srchType String
srchVal
String
sDay
(日付形式)
制作日付 >= sDay
ex) 2006-03-31
eDay
(日付形式)
制作日付 >= eDay
ex) 2006-04-05
その他のマニュアル
完成したDBookに、リンクや動画などの埋込みを行う「編集」や、他のWebサイトからリンクするための「リンク」など、
完成後に活用するための情報をまとめました。各項目からジャンプし、閲覧することができます。
トラブル
シューティング
よくある質問
編集
配信方法
カスタマイズ
多言語サポート機能
Webサイトへのリンクや、
動画・音声・Flashなどの埋込方法
ボタンや背景など
デザインのカスタマイズ方法
iPhone/iPad
Android対応
スマートフォンへの対応方法
他のWebサイトへの埋込みや
配信方法
多言語に切り替える機能
ブックシェルフ機能
リスト表示し、管理する機能
トラブルシューティング
ダウンロードが上手くできない、
又はダウンロードしたコンテンツが見つからない
アップロードしたコンテンツが
ウェブサーバ上で見ることができない
InternetExplorerの設定によって
ダウンロードが失敗する、またはダウンロードが正常にされている表示であるのに、実際には
ダウンロードされていない(ブロックされている)場合があります。
Webサーバを用いた場合（他のサーバで配信する場合も同様）、dataディレクトリにeBook.jpgが
ある場合CGIの設定が必要です。
下記の設定を確認してもう一度ダウンロードしてください。
1〉InternetExplorerを開きます。
2〉ツールから、インターネットオプションを開きます。
これは、データ自体がeBook.jpgという１つのファイルに集約されていますが、
Adobe Flash Player自体に、１つのファイルの一部分をダウンロードする機能が無いためです。
1〉 Webサーバにて
asp(Active Server Pages)
php(PHP: Hypertext Preprocessor)
jsp(JavaServer Pages)
のいずれかが機能できるようにします。
※Webサーバの設定については、Webサーバの管理者にお問い合わせください。
2〉 ブックコンテンツフォルダの中のconfig/config.jsにある以下のパラメータを、1のCGIに合わ
せ、テキストエディタなどで編集します。
3〉セキュリティタブを開いて、信頼済みサイトをクリックします。
4〉保護モードを有効にする(Internet Explorerの再起動が必要)(P)]の部分のチェック
をはずします。
var e_readURL="/readbin2.asp"; の/readbin2.aspの部分を
aspの場合：asp
phpの場合：php
jspの場合：jsp
に変更してください。
5〉Internet Explorerを再起動します。
6〉もう一度ダウンロードをしてください。
*KDM方式は、ページデータが１つのファイルに保存します。(セキュリティに高いが、CGIが必要)
Slice方式は、複数のファイルに分割して保存されます。(CGIは不要)
*ベクターフォーマットではKDM方式の選択のみ対応しています。
トラブルシューティング
Macでのダウンロードコンテンツのオフライン閲覧方法
MacOSにて、CD-ROMや、ハードディスクに置いたコンテンツを表示する際、
通常、Flashのセキュリティ設定が必要となります。
これは、Flashのセキュリティがオフライン時に非常に強いためです。
この設定を行わなくても、添付ファイルのReadDBook.appを用いることで
簡単に閲覧できるようになります。
設置手順
設置条件 ： MacOS10.6以上
1. ReadDBook.app.zipをダウンロードします。
Download
2. 解凍して得られるReadDBook.appを、DBookコンテンツの
default1.htmlがあるところに置きます。
3. ReadDBook.appを起動します。
※ReadDBook.iniは機能しません。
※フォルダなどに日本語が入っていると機能しませんので、ご注意ください。
通常のFlashセキュリティ設定に関しての詳細は、
トラブルシューティングマニュアルをご確認ください。