第五回パッドコンテスト パッドウェア部門応募作品


作品名

「ブック作成キット」とその発展形の「単語学習用ハイパーテキスト作成キット」 およびその「応用教材例」

応募者: 任都栗 新


分野:マルチメディアコンテンツ作成、教育一般および言語教育
ユーザ:一般、学校の先生・生徒

応募作品の概要:

 ハイパーテキストのブックを作成するキットと、それを「単語の標記・発音の学習 教材」作成用に専用化したキットおよびその応用例の日本語学習教材です。

<ブック作成キット>

[概要]
 フォルダパッドを利用したハイパーテキスト作成ツールです。フォルダパッドの指 定のページを呼びだすボタンを自動生成し、それを任意の場所に貼ることによってハ イパーテキストを作成することができます。
 その際にスロット結合をする必要がないため、エンドユーザにも簡単に利用すること が可能です。

[構成]
 ブックを構成する要素は次の通りです。
(1)ページ
 フォルダパッドの各ページ
(2)モード
 2つのモードを用意し、ボタンの表示・非表示をコントロールします。モードには 名前をつけることができます。(例:博士モード、悪魔モード) キットは常時表示 されるボタンと、あるモードの時だけ表示されるボタンを提供します。
(3)サブ画面
 フォルダパッドのページ枠にとらわれずに利用することのできる独立した画面(ウ ィンドウ)を出すことができます。 サブ画面を呼び出すボタンもモードによって表 示・非表示がコントロールされます。

[使い方]
(1)キットのブック部品ボタンを押して、ブック部品をキットからはがし、フォル ダパッドの使用法にしたがってpage areaのサイズ・位置を確定します。

(2)各ページを構成するパッドを格納するSave pathを設定します。

(3)New Page欄にページ名を入力しページを生成します。

(4)Page Areaにイメージパッドやテキストパッドなどをはって内容を作成します 。

(5)(3)(4)を繰り返してページを増やしていきます。

(6)ページ間のハイパーリンクを作成するときには、キットのページ切り替えボタ ンを押して、リンク先ページ名を入力してください。下のふたつのボタンがそのペー ジを呼び出すボタンに成ります。コピーして必要な所に貼ってください。上のボタン が常時利用可能ボタン、下のボタンがモード1専用ボタンです。

(7)サブ画面を呼び出すボタンを作成するときはキットのサブ画面ボタンを押して ください。
下のふたつのボタンがサブ画面を呼び出すボタンです。コピーして必要な所に貼っ てください。上のボタンが常時利用可能ボタン、下のボタンがモード1専用ボタンで す。サブ画面はこのボタンをコピーする毎に生成されます。

(8)キットのモード切り替えボタンを押し、モード名を入力すれば、モード名がボ タンに入ったモード切り替えボタンが生成されます。コピーして利用してください。

(9)コンテンツを作成していて、構成要素をきれいにならべる必要が生じた時には キットのレイアウト調整ボタンを押して、レイアウト調整ツールを利用してください 。

<単語学習用ハイパーテキス作成キットと応用教材例>

上記ブック作成キットを拡張し、単語学習用に専用化したしたものです。

[拡張点]

(1)モードを3つにしました

(2)ページジャンプボタンが文字列(ページ名)を更新伝播することを利用して単 語を読み上げたり、関連する情報を表示する部品とのインタフェースにしています。

(3)CSVファイルに単語の文字列、読み上げ音声などを記述し、それらが自動的に 動作するようにしました。

[教材の概要]

作成する教材は3つのモードを持ってます。
(1) ブラウジングモード
 教材のベースとなるハイパーテキストをブラウジングするためのモードです。 ページジャンプボタンを押すと対応するページが開きます。

(2) 読み学習モード
 画面上に配置されたオブジェクトの読みを音で学習するためのモードです。オブジ ェクト上に貼られた透明な単語ボタンを押すと、対応する単語の読みが一文字づつ表 示・発音されます。最後に単語全体の正しい読みが流れます。   

(3) 表記学習モード
 単語表記をクイズ形式で学習するモードです。
 オブジェクト上に貼られた透明な単語ボタンを押すと、対応する単語の表記文 字が 一文字づつ文字パッドとして表示されます。そこには 関係ない文字パッドも 数個含まれます。文字パッドは単語表示欄の正しい位置にのみ貼る事ができるように なってますので、試行錯誤しながら表記を学習できます。すべて正しく並べると正解 音が鳴ります。

[教材作成キットの概要]
(1) ハイパーテキスト作成機能
フォルダパッドをベースとするハイパーテキスト作成用のパッド群です。

(a) ハイパーテキストのページ管理
 基本パッドのフォルダーパッドを使ってるだけです。

(b) ページジャンプボタンとその作成画面
 ページジャンプボタン作成画面でジャンプ先のページ名を設定するだけで、透明な ページジャンプボタンを作成できます。あとは、作成したボタンをページ上のオブジ ェクト(オブジェクトのイメージを表示したイメージパッドなど)の場所に貼るだけ です。このボタンをクリックすると、フォルダーパッドがそのページを開きます。ブ ラウジングモードの時だけ存在できるボタンも作れます。同じオブジェクトを押した 時にブラウジングするのか、単語の学習をするのか、で動きを変更したい場合に用い ます。
(→ 参照:(2)(a)単語ボタン)

(c) ブラウズ履歴管理
ページめくりの履歴を管理するパッドを使って、Back, Forward ボタンで履歴間を 行き来できます。  

(2) 単語学習機能
単語情報を格納した CSV 形式のファイルを参照し、以下の学習機能を実現するパッド群です。

(a) 単語ボタン
 単語ボタン作成画面で単語を設定するだけで、透明な単語ボタンを作成できます。あとは、作成したボタンをページ上のオブジェクト(オブジェクトのイメージを表示 したイメージパッドなど)の場所に貼るだけです。このボタンをクリックすると、モ ードによって以下のとおり処理が走ります。

・ 読み学習モード
 単語を一文字づつ表示・発音していき、最後に単語の正確な読みがサウンドファイ ルより再生されます。

・ 表記学習モード
 単語の表記をバラバラにした文字パッドが生成されます。 関係ない文字もそれに含 まれます。
 上記モードの時だけ存在できるボタンも作れます。
同じオブジェクトを押した時にブラウジングするのか、単語の学習をするのか、で 動きを変更したい場合に用います。
(→ 参照:(1)(b)ページジャンプボタン)

(b) 単語表記エリア
 単語の表記を1文字づつ表示するエリアです。読み学習モードでは1文字づつ読み ながら表示していきます。表記学習モードでは最初空っぽになってます。ここに文字 パッドを正しい位置に貼りながら学習をしていきます。

(c) 文字パッド
 表記学習モードにて単語ボタンをクリックすると生成されます。 本パッドは空っぽ の単語表記エリアに貼る事ができます。 ただし、間違った位置には貼れないように なってます。
(*) CSV 形式ファイルのフォーマット
#単語表記、読み、読みサウンドファイル、イメージファイル(、他)
(例)
ケーキ,けいき,cake.mov,cake.jpg,,,



ダウンロード: Padはこちら
ダウンロード: ムービーファイルはこちら

CB9s.gif第5回応募者リストへ戻る