!!! ページリンク
>>{23::gr03}{班ページトップへ}

!!!モジュール分け

!!top.html（担当：刈谷、中野、角掛）
*トップページ。他のhtmlファイルのパスを使って画面切り替えを行えるようにする

!!setting.html（担当：角掛）
*設定を行えるようにする画面。

!!voice_imput.html（担当：吉田、中島）
*声の入力を行う画面。
*ここでimput.jsに飛ぶ。
*マイクでの入力を行い、戻り値はint型の整数とする。

!!manual_input.html（担当：角掛）
*音域を自分で選択する画面
*imput.jsに飛ぶ
*入力はint型の整数戻り値も整数。

!!singer.html（担当：角掛）
*歌手名を入力する画面
*入力はstring型の文字列
*data_search.jsから該当歌手の曲名が入ったリストを返す

!!song.html（担当：角掛）
*曲名を入力する画面。
*入力はstring型の文字列。
*data_search.jsから該当の曲名が入ったリストを返す

!!output.html（担当：角掛）
*音域検索では、その音域に当てはまる曲のリストを出力する。
*歌手名や曲名検索では、該当する歌手の曲のリスト又は、検索した曲をピンポイントで出力する。
*表形式で出力し、歌手名や音域での並び替えを行えるようにする。

!!data_search.js（担当：島脇、清水、正野、角掛）
*構造体で曲のデータを入れる。
*受け取った変数に応じて返す構造体の中身を決定する。
*検索結果に対応した曲のリスト（構造体）をoutput.jsに渡す

!!manual_input.js（担当：角掛）
*手動で入力された結果をもとに、音域を数字に変換し、deta_search.jsに送る

!!voice_input.js（担当：吉田、中島）
*音声入力の結果から音域を割り出し、結果をdeta_search.jsに送る

!!output.js（担当：角掛）
*出力を制御するファイル。
*data_search.jsで決定した構造体の中身を出力する。
<br>

!!デザイン（担当：中野）
*背景や、ボタンなどのグラフィックの方針を作成する。

!!!追記(2023/05/29)　追加したモジュール
!!top.css(担当：刈谷)
*トップページのデザイン

!!input.css(担当：角掛)
*音域検索(manual_input.html)、歌手名検索(singer.html)、曲名検索(song.html)に用いるデザイン

!!pitch_match.js(担当：角掛、島脇)
*数字で管理している音階を文字で書いた音階に変換する

!!!モジュール分けの図
<<{module_separate.jpg}
<<{module2.jpg}