((outline))
!!! ページリンク
>>{23::gr03}{班ページトップへ}
!!!モノと操作
!!開発初期前の草案（手書き）
<<{モノと操作_草案.jpg}
<<{モノと操作_草案②.jpg}
||（モノ）| → |（操作）
の順で書いていく
!!トップページ
||「音域で検索」ボタン| → |クリックで次の画面へ（入力方法の選択画面）
||「設定」ボタン| → |クリックで設定画面へ
||「歌手名で検索」、「曲名で検索」| → |クリックで検索ページへ
!!入力方法の選択画面
||「音声入力を開始」ボタン| → |クリックで移動（音声入力画面）
||「音域を手入力」ボタン| → |クリックで移動（手動入力画面）
||TOPへ戻るボタン| → |クリックするとトップページへ戻る
!!音声入力画面
||・音声波形
・現在の観測音、観測最高音、観測最低音| → |読み取って表示させる
||・「保存」ボタン
・音階を保存するボックス| → |「保存」ボタンをクリック後、
観測音をボックスに保存
||「リロード」ボタン| → |クリックで観測した情報を初期化
||「結果を見る」ボタン| → |測定後、曲の表示画面へ
||TOPへ戻るボタン| → |クリックするとトップページへ戻る
||1つ前へ戻るボタン| → |クリックすると前のページへ戻る
!!手動入力画面
||地声最低音、地声最高音、裏声最高音
のボタン| → |クリックすると、選択肢が出てきて合うものを選ぶ
||「結果を見る」ボタン| → |結果表示画面へ
||TOPへ戻るボタン| → |クリックするとトップページへ戻る
||1つ前へ戻るボタン| → |クリックすると前のページへ戻る
!!歌手名で検索・曲名で検索画面
||検索バー| → |クリック後、キーボードで入力
||サジェスト| → |入力の文字列が含まれる歌手や曲を表示。
クリックで検索バーに表示。
||「結果を見る」ボタン| → |結果表示画面へ
||TOPへ戻るボタン| → |クリックするとトップページへ戻る
!!曲のリストの表示画面
||声の測定画面へ戻るボタン| → |クリックすると画面が戻る
||・「地声最高音が高い順」、
「地声最低音が低い順」、
「裏声最高音が高い順」、
それぞれのトグルボタン
・「並び変える」ボタン| → |オンにされたトグルに対応した順序で並び替える
||TOPへ戻るボタン| → |クリックするとトップページへ戻る
||1つ前へ戻るボタン| → |クリックすると前のページへ戻る
||「ページトップへ戻る」ボタン| → |ページ先頭へ戻る
||曲や歌手、音域の情報| → |連想配列で保存し、メンバーにアクセスして
条件に合うものを探す
!!全ページ共通
|| 背景 | → | 表示させる
!!!ページ遷移図
*ものと操作の具体的な流れを示した図
<<{ページ遷移図.jpg}