TIESのブログ

TIES報告集 Vol.9を発行しました

本日、TIES報告集 Vol.9を発行しました。

本書は6月25日に開催されたTIESシンポジウム
「日本のオンライン教育の現状と未来」の
講演及びパネル ディスカッションの内容をまとめPDFにしたものです。

▼TIES報告集 Vol.9
http://www.cccties.org/publications/

p_vol-09

今年は講演の模様を「CHiLO Book」でも作成しています。こちらもぜひご覧ください。
http://chilos.jp/s/?id=33

TIES報告集 Vol.9を発行しました はコメントを受け付けていません。

新刊CHiLO Book 「中国語入門」のお知らせ

当法人のCHiLO Bookに、新たに「中国語入門  <ポイント>解説」が加わりましたので、お知らせいたします。
CHiLO Book はスマートフォンやタブレットなどのモバイルデバイスにも対応しております。

アクティブ・ラーニングの教材として、ぜひご利用ください。

閲覧・ダウンロードはこちらから
http://chilos.jp/s/?id=42
(現在9巻までを配信中!随時、追加配信予定です。)
042_series_image_ja-225x300

(詳細)
http://www.cccties.org/news/n20161125/

新刊CHiLO Book 「中国語入門」のお知らせ はコメントを受け付けていません。

表紙画像のテンプレート

画像の素材サイトを見ているとこんな画像がありました。

内側のコーヒーカップの絵はシリーズごとに差し替えるので不要ですが、
うちで使っている表紙画像のテンプレートと似たような雰囲気で
こちらの方が本の折り目なんかもついていて凝っているように見えますね。

(日置先生のはじめての情報ネットワークⅠ-1章の表紙画像)
001_cover_image_1
こちらはペタっとした感じになってますね。

テンプレート用に1枚購入するか、参考にして自分で作成するかしてどちらが良さそうか比べてみます。

表紙画像のテンプレート はコメントを受け付けていません。

CHiLO Producer/CHiLO Reader更新版の検証中

表題の通り、CHiLO Producer/CHiLO Readerの更新版を検証中です。

youtube

突然スクリーンショットを貼りましたが、そうですYoutubeを埋め込んでいるのです。またWeb版かと思われる方もいらっしゃるかもしれませんが、単純に埋め込むのではなくちゃんと理由があります(理由はまた後日)。

ところで、このYoutube埋め込み、結構難儀なもので、現在のところEPUBチェックでエラーが出まくります。
Youtube埋め込み版はエラーが出ても良いとしても、ダウンロード版のEPUBは、Youtube埋め込み版とはまた別のものを用意する必要があるでしょう。

また、youtube埋め込み用のタグはiframeになるので、videoタグのMP4とは、レスポンシブル対応の仕方が違ってきます。現在、検証を進めながら、そのレスポンシブル対応についても検討していっています。

CHiLO Producer/CHiLO Reader更新版の検証中 はコメントを受け付けていません。

研究成果2016

CCC-TIESのHPにある研究成果のページを更新しました。2016年の資料を追加しています。

http://www.cccties.org/category/activities/literature/

20161118

今年は資料を追加するのが遅れてしまい、年末近くにどかっと更新してしまいました。。
来年はもう少しこまめに更新していければと思います。

研究成果2016 はコメントを受け付けていません。

編集作業の工夫

映像をtext1からtext2に切り替えさせて、その下に音声を入れ、練習用に同じ時間分間を空ける。
これを1セットとして何個も作っていくという動画編集がありました。
%e3%81%b6%e3%82%8d%e3%81%94%e7%b4%a0%e6%9d%90

1セットずつ作成していくのは効率が悪いため、
まず音だけ入れていって後から映像を合わせられるように方法を作成しました。
%e7%84%a1%e9%a1%8c
音の前後に内容のない空白のデータ(オレンジ色の部分)を挿入し、音の分の間を空け、空白データをコピペと繰り返します。
後からテキスト部分もコピペで追加していき、空白部分のタイミングとフェード部分を合わせます。
これで編集ソフトの使い方さえ分かっていれば感覚に頼らず同じ要領で作業を進められます。

編集作業の工夫 はコメントを受け付けていません。

表紙画像の表示を固定レイアウトにする

現在、CHiLO Bookの表紙ページは、文字や画像が画面サイズ等によって流動的に表示されるリフロー型のレイアウトになっており、ウィンドウサイズによっては、このように表紙画像が2ページに分かれてしまう場合がありました。

reflowable_cover

これを、表紙ページのみ固定レイアウトにすることで、表紙画像が1ページに収まるよう、テンプレートを変更しています。

fixed_cover

テスト版ですが、1ページにぴしっと収まっています。

各デバイスでテストして、問題なければ、CHiLO Producerの次期マイナーバージョンアップに反映させる予定です。

表紙画像の表示を固定レイアウトにする はコメントを受け付けていません。

トライアルサイトの変更

TIESのお試しサイトとして公開していた「TIES V8トライアルサイト」ですが、来年度からサイトの内容を、CHiLO Book の利用に適した構造にしていこうという話になりました。
それに伴い、現在の「TIES V8トライアルサイト」改め「CHiLO トライアルサイト」のURLが以下の通り変更になります。
今までの
https://aomarukun.cccties.org
20161110_1

新しいの(一応すでに公開してます)
https://trial.chilos.jp

20161110_2
来年度までは両方公開しておき、来年度以降からは新しい方だけ公開する形にしていく予定です。
詳細は以下のページにも書いていますのでそちらをご確認ください。
・プロダクト 統廃合のご案内
http://www.cccties.org/news/n20161107/
トライアルサイトの変更 はコメントを受け付けていません。

動画の結合

ある新しい機能を試すために
編集した動画を一つにまとめたものを作成することになりました。

元々話の内容ごとに区切っていた動画を
%e5%88%86%e5%89%b2
こんな風に間を詰めて1つに結合しています。
%e7%b5%90%e5%90%88

さて、これでどういうものが出来るのか!
進展があったらまたお報せします。

動画の結合 はコメントを受け付けていません。

CHiLO Producer ver.2.0.2リリース

先日のブログ記事に書いた、ビデオのサイズ調整問題を反映した、CHiLO Producer ver.2.0.2をリリースしました。

この記事では、アスペクト比が4:3の動画の場合、ビデオが大きくなりすぎて、テキストの表示領域が狭くなってしまう問題に対処するため、アスペクト比4:3のビデオについては、幅を4分の3にするという解決策を試しました。

しかし、すべてのデバイスで幅が4分の3になってしまうと、スマートフォンのような画面サイズの小さいデバイスの場合、ビデオが見づらくなる場合がありました。

nexus5_75

そこでCSSのメディアクエリを利用し、スマートフォン相当の解像度の場合は、画面の縮小をしないようにしました。

nexus5_100

スクリーンショットはChromeのDeveloper ToolsでNexus5をエミュレートしたものですが、ビデオと文章のバランスも悪くないですね。

CHiLO Producer ver.2.0.2ではそのほか、トピックタイトルが未記入の場合、iBooksで閲覧したときにレイアウトが崩れる問題も修正しています。詳しいリリースノートはこちらから

参考:
メディアクエリ - ウェブデベロッパーガイド | MDN

CHiLO Producer ver.2.0.2リリース はコメントを受け付けていません。