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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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’);
?>

皆さんこんばんは、株式会社キバンインターナショナル　中村おりおです。今回は、誰でも簡単に、プログラム不要でeラーニング用のテストが作成できるソフトウェアQuizCreatorを利用して、過去問題集を作成してみたいと思います。

0．用意するもの

・過去問の原稿
今回は、財団法人全日本情報学習振興協会　様よりご協力を頂きまして、個人情報保護法検定の過去問を頂きましたので、こちらを利用致します。

・ScanSnap　S1500
富士通製のスキャナです。紙媒体の原稿でも電子化（PDF化）してくれて、しかもOCR（画像データを文字に変換）してくれる優れものです。原稿が紙媒体しかない場合、この機材が重宝します。

・QuizCrator
プログラム不要で、誰でも簡単にテストを作成できるソフトウェアです。
ソフトウェアの詳細はこちら

１．紙データを電子化

ではさっそくやってみましょう。まずは、紙データを電子データに取り込みます。S1500では、A4サイズまでしか取り込めませんので、原稿の過去問題集は背をカッターで切り取って、A4サイズにばらしておきます。

２．画像をテキスト化

S1500 に付属のソフトウェアを利用して、画像データをテキスト化します。この作業の精度が低いと、次の問題作成の際に悲しいことになるのですが、Scan Snap付属のソフトウェア、精度はかなり良いようです。

３．QuizCreatorでテストに
択一式の問題の形式なので、Quizcreatorの単一選択方式の設問として取り込んでいきます。ここは、機械（というかプログラム）で自動化したいところですが、頑張って手作業でコピペしていきます。
（80問だと丸1日利用すると、だいたい出来上がります。そこから、入力ミスのチェックなどを行って完成です。）

これで、このような感じでのテストが作成できます。
作成サンプル（3問分）

このように、紙媒体しか原稿が存在しない場合でも、ちょっとした工夫と機材があれば簡単にテストを作成することができます。

先月30日と31日に開催されたオープンソースカンファレンス2009 Tokyo/Fallへ参加するために東京へ行ったのですが、その際東北新幹線を使いました。これで北海道函館市から東京まで行きますと、約6時間程かかります。今回は、乗車時間中に色々とeラーニングを活用してみました。

まずは、iPhoneで。

早速、英文法.comをやろうとしたのですが、新幹線の中ではどうしてもトンネルに入ったりしてしまったり、地方に出てしまったりで電波が途切れてしまい、動画を見ることが出来ませんでした･･･

そこで、あらかじめ用意しておいたPodcast教材を出してみました。

今回は、smart.fmが配信しているPodcast教材 “まずは！TOEIC基礎シリーズ1-50″を入れておいたので、これで学習をしました。

(ちなみに、画像は自宅で撮影しました。車内でiPhone以外カメラを持っていなかったので･･･)

このPodcast教材、音声とイメージ画像が交互に出る仕組みになっており、イメージで頭の中に英単語が入ってきます。これを2時間ぐらい、ずーっとやっていました。

次に、ニンテンドーDS。

さすがにずっとiPhoneを使っていると飽きてきますし、それにバッテリーも切れてきます。そこで、ニンテンドーDSの”えいご漬け“に切り替えてみました。

こちらは、音声が出て、次につづりをタッチペンで実際に書くという仕組みです。識字制度も高く、これも私なりに楽しく勉強を楽しむことが出来ました。

約2時間ぐらいやっていました。

iPhoneで3G回線を経由したeラーニングは東北新幹線では難しかったのですが、オフラインで使えるPodcast教材やニンテンドーDSの”えいご漬け”みたいな学習ソフトでは十分eラーニングを楽しめる結果となりました。東北新幹線でも無線LANが使えるようになれば、英文法.comで学習を進めることが出来るのですが･･･

ちなみに、帰りの新幹線では疲れ果てて終始眠ってしまっていました・・・

大学の講義、企業研修で作成したパワーポイントファイルをを改ざんや、コピーを禁止して配布する必要があります。パワーポイントファイルを、Flashファイルに変換して配布するのがベストです。PDFでは、スライドに付けたアニメーションが再現されませんし、HTMLに変換した時には、画像やテキストを自由にコピーできてしまいます。

PPT2Flash は、パワーポイントファイルをFlashファイルに変換する事が可能なツールです。パワーポイントのアニメーション、音声、ビデオも、Flashに変換します。Flashに変換すれば、Webに掲載しても、テキスト、画像をコピーされる心配は無くなります。

eラーニング用教材作成ソフトとして、PPT2Flashを発売しました。このPPT2Flash で変換をパワーポイントをFLASHに変換してして、大学講義の配布、企業研修資料のの配布、営業資料の配付をしていただければ、資料のコピーや改ざんの心配がありません。PPT2Flash Professionalをお試しいただければと思います。

30日間、すべての機能を試して納得の上、購入していただけるようになっています。インストールいただくと、パワーポイントにPPT2Flash というメニューができますので、そこから「パブリッシュ」を選択するだけでFlash変換ができます。知的財産保護するためにも、配布するPPTファイルをFlash変換して配布することをご検討ください。価格は29,400円です。配布するFlashファイルのライセンスはフリーで無料です。変換するPC1台につき、1ライセンスのみ必要です。

▲PPT2Flash Professional　30日間無償トライアル

●PPT2Flash Professionalの30日間無償トライアル版ダウンロード
http://ppt2flash.jp/?page_id=23

PHPでPOSTを送信するとなると、Pearのライブラリを使った方法が一般的だと思いますが、Pearなんて大嫌いだという人もいるかと思います。そこで、PHPの標準関数だけでPostを実行する関数を作ってみました。間違ってるよとか、つかいづれーとか、もっと言い書き方があるよ、なんて意見があればはてぶでがんがん叩いていただけると幸いです。

関数の使い方
第1引数　投げ先のURL
第2引数　投げるデータの連想配列
戻り値　レスポンスHTML

function post($url, $data = array()){
—-foreach($data as $key => $value){
——–$data[$key] = mb_convert_encoding($value, ‘utf-8’);
—-}
—-$query = http_build_query($data, ”, ‘&’);
—-$pattern = “/^(http):\/\/([^\/]+)\/.*$/i”;
—-if(!preg_match($pattern, $url, $match ))return false;
—-$domain = $match[2];
—-$fp = fsockopen ( $domain, 80 );
—-if ( !$fp ) {
——–echo(‘Connection failed’);
—-} else {
——–$str =
——–“POST ” . $url . ” HTTP/1.0\r\n”.
——–“Host: ” . $domain . “\r\n”.
——–“Content-Type: application/x-www-form-urlencoded\r\n”.
——–“Content-Length: ” . strlen($query) . “\r\n”.
——–“\r\n”.
——–$query.
——–“\r\n”;
——–fwrite($fp, $str);
——–$ret = ”;
——–while($buff = fread($fp, 1024))$ret.=$buff;
——–return $ret;
—-}
}

※Wordpressでうまくインデントを表現できなかったので、ハイフンを大量に挿入しています。ソースコードをコピペする際は、”—-“をタブか半角スペース4つに置換してください。

—

すごい改良されたコードがアップされてました。ｈｔｔｐｓなどにも対応した、より実用的な関数に改良されています。

—

[php][http][雑談]Re:PHPの標準関数でPOSTする方法

実は stream_context_create なんて便利な関数があることを知りませんでした。勉強不足ですね。精進します。

—

こうやって意見をもらえることで、一気に知識の幅が広がります。まだまだ未熟ですが、積極的に情報発信していこうと思います。