eラーニングをすべての人に！blog.eラーニング.co.jp

CSK西日本、iPhoneを利用したeラーニングシステム「BeeDance」 を発表しています。教員用PCから学生用iPhoneに随時出題でき、学生からの回答を教員用PCに即座にグラフ表示できる「ラーニングシステム」と紹介記事。どうして「eラーニング」じゃないのかな、、、と一瞬思いましたが、それはさておき。

大学の授業が一方的な情報発信になりがちで、教員からは学生が積極的に参加でき、学生の理解度を把握できる仕組みが欲しいという要望があったことから 「BeeDance」の開発に取り組んだ。「BeeDance」導入により、「授業中に小テストやアンケートをひんぱんに行うことで、学生の理解度を把握 し素早いフィードバックを与えることができ、学習効果の向上が見込める」としている。

画像：http://k-tai.impress.co.jp/img/ktw/docs/326/918/csk_02_s.jpg

大学の授業で、○×で答えられるような授業は非常に少なかったと記憶しているので、どのようなテストを授業中に先生が作成し、配布されるか興味があります。また、学生が全員iPhoneを持っていない大学、専門学校も多いと思われるため、今後、このシステムがどのように発展していくか楽しみです。

iPhoneアプリベースではなく、ブラウザベースでもアクセスできるようにすれば、iPhone、iPod Touch以外のモバイル端末でもアクセスできるようになり、販売先が一気に拡大すると思うのですが、いかがでしょうか。

授業前に、QRコードを配布しておき、携帯電話からアクセスしてもらうか、あるメールアドレスにメールを送付すると、アクセス用のURLが返信されてくる仕組みがあれば、どの携帯電話でもテスト、アンケートができますし、メールの自動返信時に、ユニークなURLをリターンすることで、学生の本人確認もできるとおもうのですが、いかがでしょうか。

他社のシステムを詳細も確認しないで、あれこれとアイディアを書くのは失礼な話ですね。すみません。iPhoneを（社員全員にiPhoneを支給するぐらい）こよなく愛し、eラーニングをライフワークと思っていますので、ついつい書きたくなってしまいました。詳細は、下記のページに掲載されています。

○CSK西日本、iPhoneを利用したeラーニングシステム「BeeDance」 – ケータイ Watch
http://k-tai.impress.co.jp/docs/dotbiz/news/20091109_326918.html

ブログに画像をアップロードした際に、横幅が圧縮されて困ったこと、ありませんか？

1024×768の画像で、width=1024 height=768に設定しているのにもかかわらず、横幅がつぶれてます。
<a href=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg”><img src=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg” alt=”firefox3″ title=”firefox3″ width=”1024″ height=”768″ class=”aligncenter size-full wp-image-1913″ /></a>

知ってる人は知ってるとおもいますが、これはスタイルシートのmax-widthが指定されているからです。スタイルシートのmax-widthが指定されていると、width属性を指定してもmax-widthが優先されてしまいます。これは、デザインが崩れないようにするためには合理的なのですが、どうしても、なにがなんでも、でっかい画像を張りたいということもあると思います。

そういうときは、min-widthを設定すると潰れずに表示されます。min-widthによる制約が、max-widthよりも優先され、min-widthで指定したサイズで表示されるのです。
<a href=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg”><img style=”min-width:1024px” src=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg” alt=”firefox3″ title=”firefox3″ width=”1024″ height=”768″ class=”aligncenter size-full wp-image-1913″ /></a>

merginにマイナス値を設定すると、右側の部分を表示させることもできます。
<a href=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg”><img style=”margin: 0 -424px ;min-width:1024px” src=”http://blog.elearning.co.jp/wp-content/uploads/2009/11/firefox3.jpg” alt=”firefox3″ title=”firefox3″ width=”1024″ height=”768″ class=”aligncenter size-full wp-image-1913″ /></a>

新着投稿の一覧を記事内に表示するプラグインを前回作成したが、日付が表示されないと、いつの投稿かわからないと指摘されたので、日付を表示されるように改良してみた。

ダウンロード: entrylist

プラグインをアップロード、アクティベート後、投稿やページ内に[ [entrylist] ]という表記があれば、新着記事の一覧を表示します。

使用例

ソースコード

<?php
/*
Plugin Name: エントリーリストつくーる
Plugin URI: http://php7.jp
Description: 新着10件のエントリーリストを作成します。
Version: 1
Author: よういちろう
Author URI: http://php7.jp
*/

function entrylist($str){
if(strpos($str, ‘[[entrylist’) === false)return $str;
$posts = get_posts(‘numberposts=10’);
$entrylist = ”;
if($posts){
foreach($posts as $post){
$entrylist.= ‘<div class=”entry-link”><a href=”?p=’.$post->ID.'”>’.str_replace(‘-‘,’/’,array_shift(explode(‘ ‘,$post->post_date))).’ ‘.$post->post_title.'</a></div>’.chr(10);
}
}
$entrylist = ‘<div class=”entrylist_block”>’.$entrylist.'</div>’;
return str_replace(‘[ [entrylist] ]’, $entrylist, $str);
}

iPhoneと絵本を組み合わせた「PhoneBook」ってとても素敵です。iPhoneの機能を活かしたアプリケーションはたくさん見てきましたが、こんな素敵なiPhoneの使い方は、想像もしませんでした。言葉で説明するよりも、Youtubeのビデオがとても分かりやすいです。音楽もぴったり。是非ご覧ください。kindleの出現で、書籍が大きく変わる予感がありますが、絵本のこんな進化の形もあったんですね。これって、子供用のeラーニングともいえますね。発売されたら、娘にプレゼントをしたいと思います。すべての人にeラーニングを提供するという目標のためには、これぐらい柔軟な発想が必要だと大きな学びでした。

PhoneBookの第1号は、まず絵本で、2010年春に講談社より出版される予定だそうです。詳しくは、下記のサイトに掲載れています。
iPhoneと子ども用絵本を組み合わせた「PhoneBook」とは？ ～ モバイル表現研究所が開発
http://www.rbbtoday.com/news/20091104/63501.html

英語に限らず他言語を学習する時、習得したい言語で日記を書き続けると上達するようですが、なかなか長続きしませんし、一番の問題は「添削してくれる人がいない」ことだったのではないでしょうか？

そんな問題を解決してくれるサービスを見つけたので、今回はそのサービスを紹介しようと思います。

Lang-8(ランゲート)というサービスで、コミュニティ型のWebサイトです。

どういう仕組みかといいますと、

(1)まず、日記を学習したい言語(たとえば英語)で書きます。

(2)すると、他の英語ネイティブユーザーが添削してくれます。

(3)自分も、他の人が日本語で書いた日記を添削します。

といった仕組みで、要するにお互い助け合いで語学学習をする感じです。

実際に、私もユーザー登録してみました。トップ画面はこんな感じです。

この画面の時には日記を書いた後で、既に添削されてました。日記を書いてから10分程度でした。うーん、早い・・・

これが私の書いた日記です。かなりシンプル。どこかにバグがあるでしょう・・・

早速添削されました。どうやら、This is my first diary…が正しいようです。

Lang-8は、参加者が互いに語学学習を助け合うことで、語学の上達と国際コミュニケーションを目標としたWebサイトで、英語以外にも中国語などにも対応しているようです。登録は無料で、まだ試していませんがプレミアムプラン(有料プラン)もあるようです。

今後も、このサービスで日記を書いて英語力を高めていきたいなぁと思う、今日この頃です。

▲紹介ビデオを見つけたので、貼り付けておきます。

WordPressの投稿者毎のアーカイブページをカスタマイズしてみました。

WordPressには投稿者ごとのアーカイブページがあるのですが、今使っているテンプレートでは、ヘッダー部分に「投稿者ごとのアーカイブ」とだけ表示されていて、殺風景だったので、名前と、自己紹介が表示されるようにしてみました。この修正は、Archive.phpが存在するテンプレートだったら、そのまま適用できると思いますので、どうぞお試しください。

※登録ユーザは信頼できるという前提で、内容をエスケープせずそのまま表示しておりますので、ご注意ください。

修正前(archive.php)

} elseif (is_author()) {
_e(‘Author Archive’, ‘inove’);

修正後(archive.php)

} elseif (is_author()) {
echo get_usermeta($_GET[‘author’],’nickname’).’ のアーカイブ<br>’;//get_usermetadataでユーザ情報を取得。
echo get_usermeta($_GET[‘author’],’description’);
// _e(‘Author Archive’, ‘inove’);

最近、eラーニングと関係ない記事ばっかり乱発して、もっとeラーニングと関連することを書くように言われている洋一郎です。

この度、キバンインターナショナルでは、個人情報保護士を取得することになりました。この資格、２人までだと、１人当たりの受験料が10,500円(税込)なのですが、１社から３人以上受けると安くなる・・などと、はまちゃんにそそのかされ、ついうっかり、受験することになってしまいました。試験自体はそれほど難しくなさそうだけど、問題は、、、試験まで１か月を切っているということ。そろそろ勉強しないとなー。

WordPressを使っていて、前後のページへのナビゲーションに困ったことはありませんか？PPT2Flashのページに埋め込みたかったのですが、なかなかよいプラグインが見つからなかったので、自作しちゃいました。前回プラグインを作成したエントリーリストつくーるでは、add_shortcodeを知らなかったので、str_replaceで強引にタグ置換してましたが、今回はadd_shortcodeつかって、それっぽく、仕上げてみました。

add_shortcodeを使えば、簡単にタグを作れることがわかったのが収穫です。ほしい機能がみつからなくても、簡単にプラグインが作れる。それがWordpressのいいところですね。

使用例

ppt2flash

プラグインのダウンロード: prev_next

プログラム概要

• get_prev_next
  現在のページの前後のインデックスを確認し、あればそのページを、なければfalseを返します。
• short_code_next
  [ prev-page ]を置換するためのHTMLを生成。
• short_code_prev
  [ next-page ]を置換するためのHTMLを生成。
• prev_next_prepender
  [ prev-page ][ next-page ]を、記事の先頭に付加します。

ソースコード

<?php
/*
Plugin Name: prev_next
Plugin URI: http://blog.elearning.co.jp
Description: Link to the previous page and the next page
Version: 1
Author: y.nishimura
Author URI: http://blog.elearning.co.jp
*/

/**
* this function returns previous page and next page
* if not exist, return false.
*/
function get_prev_next(){
static $pageArray; // for performance enhancement
if(!isset($pageArray))$pageArray = get_pages(‘sort_column=menu_order,post_title’);
foreach($pageArray as $page)$idArray[] = $page->ID;
$pos = array_search(get_the_ID(), $idArray);
$ret[‘prev’] = isset($pageArray[$pos – 1]) ? $pageArray[$pos – 1] : false;
$ret[‘next’] = isset($pageArray[$pos + 1]) ? $pageArray[$pos + 1] : false;
return $ret;
}

/* define shortcode [prev-page] and [next-page] */
function short_code_next(){
$prev_next = get_prev_next();
$next = $prev_next[‘next’];
if($next)return ‘<a href=”‘.get_page_link($next->ID).'”>’.htmlentities($next->post_title, ENT_QUOTES, ‘utf-8′).’ »</a>’;
}
function short_code_prev(){
$prev_next = get_prev_next();
$prev = $prev_next[‘prev’];
if($prev)return ‘<a href=”‘.get_page_link($prev->ID).'”>« ‘.htmlentities($prev->post_title, ENT_QUOTES, ‘utf-8′).'</a>’;
}
add_shortcode(‘prev-page’, ‘short_code_prev’);
add_shortcode(‘next-page’, ‘short_code_next’);

/* prepend link-unit to the “pages” (not to posts)  */
function prev_next_prepender($content) {
if(is_page())$content = ‘<div><div style=”float:left”>[ prev-page ]</div> <div style=”float:right”>[ next-page ]</div></div><br/>’.$content;
return $content;
}
add_filter ( “the_content”, ‘prev_next_prepender’);
?>

WordPressを使っていて、前後のページへのナビゲーションに困ったことはありませんか？PPT2Flashのページに埋め込みたかったのですが、なかなかよいプラグインが見つからなかったので、自作しちゃいました。POSTは線形に記事が並んでいるだけなので簡単に前後の記事を探せますが、ページは木構造になっているため、簡単に前後の記事を特定することができません。そこで、すべての記事を、表示される順序どおりに配列にいれ、その中で前後の記事を探しています。

使用例

ppt2flash

プラグインのダウンロード: prev_next

プログラム概要

• get_prev_next
  現在のページの前後のインデックスを確認し、あればそのページを、なければfalseを返します。
• short_code_next
  [ prev-page ]を置換するためのHTMLを生成。
• short_code_prev
  [ next-page ]を置換するためのHTMLを生成。
• prev_next_prepender
  [ prev-page ][ next-page ]を、記事の先頭に付加します。

ソースコード

<?php
/*
Plugin Name: prev_next
Plugin URI: http://blog.elearning.co.jp
Description: Link to the previous page and the next page
Version: 1
Author: y.nishimura
Author URI: http://blog.elearning.co.jp
*/

/**
* this function returns previous page and next page
* if not exist, return false.
*/
function get_prev_next(){
static $pageArray; // for performance enhancement
if(!isset($pageArray))$pageArray = get_pages(‘sort_column=menu_order,post_title’);
foreach($pageArray as $page)$idArray[] = $page->ID;
$pos = array_search(get_the_ID(), $idArray);
$ret[‘prev’] = isset($pageArray[$pos – 1]) ? $pageArray[$pos – 1] : false;
$ret[‘next’] = isset($pageArray[$pos + 1]) ? $pageArray[$pos + 1] : false;
return $ret;
}

/* define shortcode [prev-page] and [next-page] */
function short_code_next(){
$prev_next = get_prev_next();
$next = $prev_next[‘next’];
if($next)return ‘<a href=”‘.get_page_link($next->ID).'”>’.htmlentities($next->post_title, ENT_QUOTES, ‘utf-8′).’ »</a>’;
}
function short_code_prev(){
$prev_next = get_prev_next();
$prev = $prev_next[‘prev’];
if($prev)return ‘<a href=”‘.get_page_link($prev->ID).'”>« ‘.htmlentities($prev->post_title, ENT_QUOTES, ‘utf-8′).'</a>’;
}
add_shortcode(‘prev-page’, ‘short_code_prev’);
add_shortcode(‘next-page’, ‘short_code_next’);

/* prepend link-unit to the “pages” (not to posts) */
function prev_next_prepender($content) {
if(is_page())$content = ‘<div><div style=”float:left”>[ prev-page ]</div> <div style=”float:right”>[ next-page ]</div></div><br/>’.$content;
return $content;
}
add_filter ( “the_content”, ‘prev_next_prepender’);
?>

WordPressの”ページ”を使ってサイトを構築する際、子ページの一覧を表示したいことってありませんか？そんな時には、WP Js List Pages Shortcodesがお勧め。本文中に、 [child-pages] と書くだけで、子記事の一覧が表示されます。

でも、全ページに、タグを埋めるって面倒ですよね。

そこで、タグ埋め込みプラグイン(ダウンロード: child_pages_appender)を作ってみました。このプラグインをインストールすると、全ページの末尾に[child-pages]と埋め込まれ、子ページのリストが表示されます。

child_pages_appender のソースコード

<?php
/*
Plugin Name: child_pages_appender
Plugin URI: http://blog.elearning.co.jp/
Description: Append [child_pages] to the buttom
Version: 1
Author: KiBAN International
Author URI: http://blog.elearning.co.jp/
*/

function child_pages_appender($content) {
return $content.'[child-pages]’;
}
add_filter ( ‘the_content’, ‘child_pages_appender’);

とっても単純なプラグインですね。Wordpressのプラグインを今までに作ったことがない方も、この機会にぜひ挑戦していただければと思います。