聴解教材作成演習
WEBでの聴解クイズ発信 ~音声編集、HTMLの基本、聴解クイズの作成~

<目次 >
*音声の編集(SoundEngine Free)の練習  *音声の本編集  
HTMLの基礎(基本構造と重要タグ)  *聴解クイズの制作とアップロード


*音声の編集(SoundEngine Free)の練習

最終的な完成品:SoundEngineFreeを用いて音声ファイルを編集し、以下のような問題を作ります。  =>listeningSample.wav

大まかな流れ  1. SoundEngineFreeダウンロード
 2. 音源4種のWaveファイルをダウンロード
 3. 編集1(ノイズ消去,イコライザー利用)
 4. 編集2(つなぎ)と保存


1. SoundEngineFreeダウンロード

  上記メニューSoundEngineFreeのページにアクセスして指示に従いダウンロード
   (注意:CALL教室では、新しいファイルは再起動すると初期化されて削除されるので
      この部屋で操作するにはその都度ダウンロードが必要)

    ソフトを起動して編集する際には以下のような画面になる

2. 音源4種のWaveファイルをダウンロード

  以下のファイルをデスクトップ上にダウンロードする(右クリック)
  PreQ.wav :プリクエスチョン(雑音を消去の必要あり)
  Dialogue.wav : 対話の部分(電話のベル音を貼付け。
         また電話なのでイコライザ処理を加える)
  PostQ+PA.wav : ポストクエスチョンと選択肢
  Signal1+2+Bell.wav : シグナル音(PreQ前とポストQ前、及び電話ベル音


3. 編集1(ノイズ消去,イコライザー利用)

・ノイズ消去 (対象:PreQ.wavのファイルのノイズの部分)
   [ファイル][開く]でPreQ.wavをSoundEngineFreeの上にのせる
    ノイズの部分を確認し、クリック+ドラッグで範囲指定
   [編集][無音][無音化]でノイズを消す(2カ所)
   [ファイル][上書き保存]で保存

・イコライザー利用(対象:Dialogue.wavの男性の声)
   [ファイル][開く]でDialogue.wavをSoundEngineFreeの上にのせる
    男声の部分を確認し、クリック+ドラッグで範囲指定
   [音質][イコライザー][3バンドイコライザー]で
                  「高域」を−10程度にし[OK]
    (すべての男声について繰り返して行う)
   [ファイル][上書き保存]で保存



4. 編集2(つなぎ)と保存

コピーと貼付けの作業で、音声素材を以下の順に並べて新規保存する。
  PreQ.wav全体 → Signal音1 → Bell音 → Dialogue.wav全体
  → Signal音2 → PostQ+PA.wav全体 

   [ファイル][開く]でSignal1+2+Bell.wavを開く。
    Signal1の部分を確認し、クリック+ドラッグで範囲指定し
   [編集][コピー]と選んで一時(クリップボード)保存。
   [ファイル][開く]でPreQ.wavを開く。
    ファイルの最初の部分をクリックし[編集][貼付け]して
    Signal1を加える。
    [編集][名前を付けて保存]を選び「Listening.wav」として保存。

   [ファイル][開く]でSignal1+2+Bell.wavを開く。
    Bellの部分を確認し、クリック+ドラッグで範囲指定し、
   [編集][コピー][ファイル][開く]でListening.wavを開く。
    ファイルの最後の部分をクリックし[編集][貼付け]してBellを加える。
   [編集][上書き保存]で保存する。
  以下、同様の手順でファイル全体をつなげていく。

ページ先頭へ

*音声の本編集(SoundEngine Free利用)

1. 録音ファイルの名称変更とシグナル音
録音された各パーツのファイル名は番号になっている。これらは教師からUSBメモリーで供給されるので、各自コピーし、どの部分かが分けるように名称変更をすること。シグナル音については、あたらなものを使う。シグナル音は<ここ>にリンクをはるので各自ダウンロードすること。

2. 録音ファイルの本編集
上記、編集の練習に示したのと同様に、正しい配列ですないでいく。必要ならば、ノイズ消去やイコライザー処理を行う。音声ファイルができたら、quiz.wavという名前で保存(上記、練習のファイルと混同しないよう保存場所に注意すること。USBメモリー推奨)

ページ先頭へ

*HTMLの基礎(基本構造と重要タグ)

1. 基本構造 WEBの表舞台と舞台裏
 舞台裏:HTMLタグによる単純なテキストデータ => ブラウザ(I.E.) => きれいなデザインのWEBページ
右の書類ををクリック=> script. html  出て来たのが表舞台,[表示][ソース]で見えるのが舞台裏 

2. 重要タグ それぞれのタグの後ろにある*をクリックすると解説が出てきます。
 script.htmlにあるもの
<HTML> ・・・ </HTML>       <HEAD> ・・・ </HEAD>      
<TITLE> ・・・ </TITLE>       <BODY> ・・・ </BODY>      
<P> ・・・ </P>            <B> または</B>      
<FONT> ・・・ </FONT>            <br> または<br/>
 重要タグ(受講者の個人ページとクイズのページにあるもの)
<img src="XXX">      <embed src="XXX">

ページ先頭へ

*聴解クイズの制作とアップロード

1. 聴解クイズサンプルページの視聴 ===>クリック

2. 上記の部品の確認とダウンロード
 右クリックでダウンロード。音声ファイルquiz.wavに関しては各自制作のものを使用。
     音声ファイル quiz.wav          クイズのHTMLファイル quiz.html 
     スクリプトのHTMLファイル script.html   正答のHTMLファイル yes.html
     正答の音声 right.wav

3. 各自のPC上でHTMLの編集(書き換え)と動作の確認
 書き換えのポイント
    クイズのHTMLファイル(quiz.html):正答ボタンの入れ替え
    スクリプトのHTMLファイル(script.html): 作者、スクリプト、正解の書き換え

4. アップロードとインターネット上での動作確認
 上記「サーバー接続」に従い、5つのファイルを各自のSitesフォルダにアップロード=公開。

*余裕のある人へ:「HTMLの基礎」を参考に各自のSitesフォルダのindex.html(=トップページ)に手を加えてみてください。

ページ先頭へ