デモビデオ: CHiLO Bookの作成方法。

ウィジェットコネクタ

width	360
url	https://www.youtube.com/watch?v=ETXPHxJdXro
height	270

...

1. バッジの追加

MoodleのデジタルバッジによりCHiLO Bookの学習成果の状況を評価できます。

...

ヒント
表示ページURLとは[http://xxx.xxx.xx/mod/xxx/view.php?id=xxxxx]のように "view.php" を含むURLのことです。

...

2. CHiLO

...

Bookの作成

CHiLO BookはCHiLO producerを使って作成することができますProducerを使って作成することができます. CHiLO ProducerはオープンソースのソフトでCHiLO ProducerはオープンソースのソフトウェアでCHiLO Bookを制作するためのJavaコマンドラインのアプリです。

...

情報

chilo-producer-master
│ run.bat / run.sh * Script to output CHiLO Book Bookを書き出すスクリプト (for Windows / Unix-like OSWindows用 / Unix系 OS用)
│
├ src * Source file of the scriptスクリプトのソースファイル
│
├ page_templates * Template folder defining the page designページデザインを定義するテンプレートフォルダ
│　　　├ templates_epub * Template for EPUB3 CHiLO BookBook用テンプレート　
│　 ├ templates_web * Template for web Web CHiLO BookBook用テンプレート
│　 └ templates_epub_google * Template for EPUB3 for Google play CHiLO BookGoogle PlayのEPUB3用CHiLO Bookのテンプレート
│

(abbr.）
│
└ chiloPro
　　　├ template-series_english *Template of the series foloder: copy this folder to create シリーズフォルダのテンプレート: 作成する時はこのフォルダをコピーする。(English)
│ │ structure-books.xlsx　* Structure file of CHiLO BookBookの構造ファイル
│ │
│ ├ vol-n　 *Folder to save the learning resources to be embedded in CHiLO BookCHiLO Bookに埋め込む学習リソースを保存するフォルダ
│ │   ├ images　　　　　　: copy according to the number of CHiLO Books to be created in the series.シリーズで作成するCHiLO Book の巻数と同じ数だけコピーする。
│ │   ├ scripts
│ │   ├ text
│ │ └ videos
│ │
│ └ common　* Folder used in common for the CHiLO Book created within the series folderシリーズフォルダ内の素材を保存するフォルダ

│    ├ images
│   ├ scripts
│   ├ styles    * Style sheet of the EPUB3 CHiLO BookBookのスタイルシート
│   ├ text
│   ├ videos
│ └ web-styles * Style sheet of the Web CHiLO BookBookのスタイルシート
│
　　　├ common　 * Folder used in common for all the CHiLO Books created within the chiloPro folderchiloPro内の全てのCHiLO Book共通のファイル群

　　　│　　　│ authors.xlsx * Spreadsheet to enter information of the "About the AuthorAuthor（著者について）" pageのページの情報を入力するスプレッドシート
　　　│　　　│
　　　│　　　├ authorImages * Folder to store the image of the author 著者の画像を保存するフォルダ
　　　│　　　├ images　　　　* Images used in common　　　　　　　　共通に使用される画像　　　　　　　　
　　　│　　　└ scripts * scripts used in common共通に使用するスクリプト
　　　│
　　　├ sample-series /_english　 * Sample of CHiLO Book seriesBookシリーズの見本
　　　└ template-series /_english　 * Template of the series folder: copy this folder to createシリーズフォルダのテンプレート: このフォルダをコピーして作成します。

2-1. 作業用フォルダの作成

1) "chilo-producer-master/chiloPro/name of your folder"の作成

...

ii. コピーした "vol-n" のフォルダを vol-1,vol-2,vol-3・・・に名前を改めます。3・・・に名前を変更します。

2-2. CHiLO Lectureを保存またはアップロードする

1) CHiLO Lectureの保存

デザイン段階で作成したCHiLO Lectureの説明文や図をそれぞれのCHiLO Bookの作業用フォルダ vol-1, vol-2, vol-3, ....のビデオ、テキスト（文書）、画像（図）の各フォルダに保存します。

...

素材	詳細	学習リソースの保存場所
A. CHiLO Lecture (ビデオ解説ビデオ) [必須]	解説ページのビデオ。ビデオの再生時間は１～２分を推奨。CHiLO Lectureのビデオ. お勧めするビデオの長さは１～２分です。 EPUB3形式のCHiLO Bookに実装するためにできるだけ圧縮します。Bookに埋め込むため、できるだけ圧縮します。フレームレート: 29.97 ビットレート: 384kbps サイズ: 480x360(4:3) または 560x316(16:9)	chilo-producer-master/chiloPro/name of your folder/vol-x/videos/ *
B. ビデオのサムネイル解説ビデオのサムネイル [必須]	解説ビデオのサムネイルビデオのサムネイルビデオと同サイズ JPEG形式 (推奨)	chilo-producer-master/chiloPro/name of your folder/vol-x/images/ *
C. 説明文解説テキスト [必須]	解説ビデオの下に表示される説明文拡張(.xhtml)テキストファイルで準備で用意	chilo-producer-master/chiloPro/name of your folder/vol-x/text/ *
D. 図解説テキスト画像 [任意]	解説テキストには画像を埋め込むことができます。画像を埋め込みたい場合は用意してください。文書の説明として図表、チャート、グラフやイラストなどの図を埋め込みます。推奨解像度: 1024	chilo-producer-master/chiloPro/name of your folder/vol-x/images/ *

...

ヒント
https://www.youtube.com/watch?t=5&v=YrAdO44ezh8　→ "YrAdO44ezh8" がYouTubeのビデオIDです。

2-3.

...

表紙画像の保存

表紙と内表紙の画像ファイルを保存します。

学習リソース

素材	詳細	素材の保存場所	例
E. 表紙の画像 [必須]	CHiLO Book の表紙画像解像度:768x1024 JPEG 形式(推奨

Save the image file of the book cover and the section cover (inside cover).

Learning Resources

Resource	Details	Location to save the learning resources	Example
E. Image of book cover [required]	Cover image of the Book Resolution:768x1024 JPEG format(Recommended)	chilo-producer-master/chiloPro/name of your folder/vol-x/images/ *
F. Image of section cover内表紙の画像 [required必須]	Image for display on the inside cover of the section throughout the series. Resolutionシリーズを通して各セクションに使用する内表紙の画像解像度: 1024x600 JPEG format形式(Recommended推奨)	chilo-producer-master/chiloPro/name of your folder/common/images/

* vol-x : x indicates the volume of the CHiLO BookはCHiLO Bookの巻数を示します。.

2-4.

...

structure-books.

...

xlsxの作成

Enter CHiLO Book structure to の構造を chilo-producer-master/chiloPro/name of your folder/structure-books.xlsx に記載します。

1) "series information" sheetシート

シリーズに関する情報を作成します。Configure the information concerning the series.

Main settings主な設定

language : Language tag such as "ja", "en" 　defined by など RFC 5646 で定義されている言語タグ

creator : Name of the sheet created in the creator : 後に説明する "author.xlsx" which is to be explained later.で作成されるシート名

published : Issued date of first edition : 初版発行日

rights : Owner of copyright著作権の所有者

series-name name : Name of series of CHiLO BookBookのシリーズの名前

series-introduction: Introduction of the series

series-url： URL of the site introducing the series, if any.

シリーズの紹介

シリーズURL：シリーズを紹介しているサイトのURL（あれば）

cover : "F. セクション表紙の画像" ファイルの名前（CHiLO Bookの表紙ではありません）cover : Name of "F. Image of section cover" file. Not the book cover of CHiLO Book.

2) "Book-list" sheetシート

シリーズに含まれるCHiLO Bookの一覧List of CHiLO Books included in the series

Main settings主な設定

vol : Number CHiLO Books in the series; volシリーズに含まれるCHiLO Bookに vol-1, vol-2, vol-3 and so on, in order.3・・・と順に番号を付けます;

book-title : Title of CHiLO BookBookの題名

book-summary : Outline of CHiLO BookBookの概要

cover : Name of "E. Image of book cover" file. The file name of the cover image of CHiLO Book表紙の画像" ファイルの名前。CHiLO Bookの表紙画像のファイル名

identifier : For uniquely identifying CHiLO BookBookを一意的に識別するため, enter "urn:uuid:" + UUID (Universally Unique Identifier) と入力します。　
　　　　e.g.　　　　　　　　例：　urn:uuid:a7c4eab7-1540-47bd-9302-7fda5df5c54e

情報

title	How to generate UUID

Windows用

For windows

Boot up UUID Generator:GUIDEGEN (Microsoft) を立ち上げます。
Select "4. Guid Format" を選択します。
Click [Copy] and をクリックし、 copy uuid to clipboard

For Unix-like OS

をクリップボードにコピーします。

Unix系 OS用

コマンドプロンプトを使って以下のコマンドを実行します。Run the following command utilizing command prompt.

> uuidgen

3) "vol-x" sheetシート

i. Copy the シリーズで作成するCHiLO Bookの数だけ vol-n sheet according to the number of CHiLO Books in the series and alter the sheet name to volシートをコピーし、シート名を vol-1,vol-2...に変更します。

ii. Enter information of the pages to be created in the Body text-section of the CHiLO Book using one row per page from the top.CHiLO Book の本文部分に使用するページ毎の情報を上から順に１ページに１行ずつ使い記載します。

Main settings主な設定

page-type : Select CHiLO Lecture を組み込む時は "document" for embedding CHiLO Lectures. Select を選択します。 Moodle のアクティビティモジュールを使って学習成果を評価する時は "test" for assessment of learning outcomes using Moodle activity module.を選択します。

section-title : Enter the section name of the page.ページのセクション名を記載します。

page-title : The page title is the topic of the CHiLO Lecture.ページタイトルとはCHiLO Lecture のトピックのことです。

community: Currently not in use.現在使用できません。

main: When the page type ページタイプに "document" is selected, enter the video file name of the CHiLO Lecture.が選択されている時はCHiLO Lecture のビデオファイル名を記載します。

When the page type ページタイプに "test" is selected, enter the URL of the view page of the Moodle activity module.が選択されている時はMoodle のアクティビティモジュール閲覧ページのURL を記載します。

text : Enter the file name of the explanation text corresponding to the CHiLO Lecture.CHiLO Lectureに対応する解説文のファイル名を記載します。

video-id: Enter when creating web version CHiLO Book. Enter ID of the video uploaded on the video-sharing website.Web版CHiLO Book作成時に記載します。ビデオ共有サイトにアップロードしたビデオのIDを記載します。

2-5.

...

著者情報

巻末情報に表示される Configure information which displays on the "About the Author" page of Addendum section. The information configured here will be referred to by all the CHiLO Books created under the chiloPro folder.

1)Save image of the author

Learning Resources

Author（著者について）" のページの情報を作成します。ここで作成される情報は chiloPro フォルダの元に作成される全てのCHiLO Book共通です。

1)著者の画像を保存する

学習リソース

素材	詳細	学習リソースの保存先	例
E. 著者の画像 [オプション]	画像は "About the Author（著者紹介）" のページに表示されます。解像度: 159x159 JPEG 形式（推奨）
Resource	Details	Location to save the learning resources	Example
E. Image of the author [optional]	The image will be displayed on the "About the Author" page. Resolution: 159x159 JPEG format（Recommended）	chilo-producer-master/chiloPro/common/authorImages/

* vol-x : x indicates the volume of CHiLO Book.はCHiLO Book の巻数を示します。

2) Create author.xlsx を作成する

i. Copy "series-infomation" sheet of chilo- chilo-producer-master/chiloPro/common/author.xlsx and name the sheet with an easy-to-recognize name.の "series-infomation" シートをコピーし、そのシートに認識しやすい名前を付けます。

注意
structure-books.xlsx の
注意
Match the sheet name with the one entered in "creator" of the[series-infomation] sheet of structure-books.xlsx. シートの "creator" に記載したものと合わせます。

ii. Enter author information.

2-6.

...

CHiLO Book を書き出す

CHiLO Producer can output two types of CHiLO Booksは２種類のCHiLO Bookを出力できます: EPUB3 format 形式の EPUB3 CHiLO Book and と HTML5 format 形式の Web CHiLO Book.

Run the following Java command utilizing command prompt.コマンドプロンプトを使用して以下のJavaコマンドを実行します。

CHiLO Book is output to chiloはchilo-producer-master/OutputBase/name of your folder/ に出力されます。

コードブロック

theme	Midnight

*** To output EPUB CHiLO BookBookの書き出し ****
> run.bat -c <name of your folder> -t epub (Windows)
> sh run.sh -c <name of your folder> -t epub (Unix-like OS)

*** To output Web CHiLO BookBookの書き出し ****
> run.bat -c <name of your folder> -t web (Windows)
> sh run.sh -c <name of your folder> -t web (Unix-like OS)

command line optionコマンドラインオプション: -t type of CHiLO BookBookのタイプ

注意

一度コマンドを実行すると以前に書き出したCHiLO Book は上書きされますので必要な場合は退避させてください。

CHiLO Book の書き出しに失敗した場合はCommon errors を参照してください。

Once you run a command, the former CHiLO Book will be overwritten, so save it if necessary.

If you failed to output CHiLO Book, refer to Common errors.

...

3.

...

書き出した CHiLO Book を確認する

▶ EPUB3 CHiLO Book

The output EPUB3 書き出したEPUB3 CHiLO Book can be found in は chilo-producer-master/OutputBase/name of your folder/epub3 .

The contents of the output EPUB3 CHiLO Book may be confirmed using the following ebook reader.

にあります。

書き出した EPUB3 CHiLO Bookを確認する際は予め端末に以下の電子書籍リーダーがインストールされていることをご確認ください。

Mac OS用: iBooks
Windows,Linux用
For Mac OS: iBooks
For Windows,Linux: Radium

▶ Web CHiLO Book Book

書き出したWeb CHiLO Book はchiloThe output Web CHiLO Book can be found in chilo-producer-master/OutputBase/name of your folder/html にあります。

vol-x/nav.html is the contents page of the web CHiLO Book. Confirm using the Web browser.

You will not be able to check web CHiLO Book in local environment in the following cases:

はWeb CHiLO Bookのコンテンツページです。 Webブラウザを使って確認します。

次のローカル環境下ではWeb CHiLO Book が確認できない場合があります。

解説ビデオがYouTubeにアップロードされたビデオである場合。
When explanation videos are videos uploaded to YouTube
When there is an input in fb-app-id of [series-information] sheet of chiloPro/SeriesName/structure-books.xlsx の [series-information] シートの fb-app-id に入力がある場合。

これらの場合、遠隔サーバーにWeb版 CHiLO Bookのファイルをアップロードするか、ウェブサーバーをローカル環境下で実行して確認してください。In these cases, check by uploading Web CHiLO Book files to the remote server or run the web server in local environment.

スペースショートカット

子ページ

比較バージョン

古いバージョン 2

新しいバージョン現在

キー

1. バッジの追加

2. CHiLO

Bookの作成

2-1. 作業用フォルダの作成

2-2. CHiLO Lectureを保存またはアップロードする

2-3.

表紙画像の保存

2-4.

structure-books.

xlsxの作成

2-5.

著者情報

2-6.

CHiLO Book を書き出す

3.

書き出した CHiLO Book を確認する

スペース ショートカット

子ページ

ページ履歴

比較バージョン

古いバージョン 2

新しいバージョン 現在

キー

1. バッジの追加

2. CHiLO

Bookの作成

2-1. 作業用フォルダの作成

2-2. CHiLO Lectureを保存またはアップロードする

2-3.

表紙画像の保存

2-4.

structure-books.

xlsxの作成

2-5.

著者情報

2-6.

CHiLO Book を書き出す

3.

書き出した CHiLO Book を確認する

スペースショートカット

新しいバージョン現在