2024 ソフトウェア設計及び演習用の班Wiki

24::gr10::モジュール分け

archive mode

((outline))

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

!!!モジュール分け

!!htmlファイル（cssも付随）

:__search.html__担当：髙橋　俊喜
* ユーザーが入力した音階からから当てはまる楽曲を検索する画面
* 機能
** 曲全体の音階を調整するボタン
** 入力された音階を微調整するボタン
** 音ごとに昇順、降順でソートするボタン

*data_search.jsから該当歌手の曲名が入ったリストを返す

:__song_output.html__担当：竹田　笙馬
* 楽曲の「曲名」、「歌手名」、「音域」、「MV」、「歌詞」など、楽曲にまつわる情報を出力する。

:__input.html__担当：澤田昌弥
*トップページ。楽曲を曲名や歌手名、音域から検索する。
*お試しで音を聞くことができるキーボードと、マイクから音を拾って、最高音、最低音を出力してくれる簡易音域チェッカーを使って、検索に役立てられるようにする。
*右上のアイコンから、ログイン画面に遷移する。

:__main.html__担当：葛西　日向
*ログイン画面表示。ユーザー名とパスワードの受取を担う。
*input.htmlから、ページ遷移する。

!!javascriptファイル

:__data_search.js__担当：関口堂真
*構造体で曲のデータを保存するデータベース。
*検索結果に対応した曲のリスト（構造体）をoutput.jsに渡す

:__filter.js__担当：髙橋　俊喜
*結果表示画面において表示やソート、キーの変更の制御を行うファイル。
*window.onloadでページを開いたときにフィルタを行うように設定
*関数
**filterAndDisplay() 入力された音階に対応する曲を検索し表示する関数
**convertToNoteNumber() 入力された音階や調整後の音階を表示する関数
**displayPagination() 表示された曲をページ分けして表示する関数
**incrementValue() 音ごとにキーを上げる関数
**decrementValue() 音ごとにキーを下げる関数
**incrementValues() 曲ごとにキーを上げる関数
**decrementValues() 曲ごとにキーを下げる関数
**incrementCounter()　キー変更をHTMLへ反映する
**decrementCounter()　キー変更をHTMLへ反映する
**updateCounters()　キー変更の合計を計算する関数
**convertToNote()　数値から音階へ変換する関数
**sortDataA()　昇順でソートする関数
**sortDataD()　降順でソートする関数

:__script.js__担当：葛西　日向
*アカウント作成やログイン時に参照するデータ。
*ログイン後、song_output.htmlへページ遷移。

:__input.js__担当：澤田昌弥
* input.htmlに関するscriptが入っている。
*入力した曲名をsong_output.htmlに、歌手名をartist_song.htmlに、音域をsearch.htmlに渡すための関数が入っている。
*キーボード部分で鳴らす音の制御、周波数解析部分の制御を行っている。
*
検索部分 
search()...音階での検索 
search_so()...曲名での検索 
search...si()...歌手名での検索
*
キーボード部分 
make_sound()...設定した周波数から正弦波で音を作成 
play_sound()...make_soundで作成した音の再生 
*
周波数解析部分 
addEventListner()...周波数解析の制御 
function draw()...波形の描画 
frequencyToPitch()...周波数→音階の変換を行う

!!入力、検索画面
*担当：澤田昌弥 
 input.html 
 input.js 
 input.css

*トップページ。楽曲を曲名や歌手名、音域から検索する。
*お試しで音を聞くことができるキーボードと、マイクから音を拾って、最高音、最低音を出力してくれる簡易音域チェッカーを使って、検索に役立てられるようにする。
*右上のアイコンから、ログイン画面に遷移する。

!!音域検索結果出力画面
*担当：髙橋　俊喜 
 search.html 
 filter.js

*入力、検索画面で入力された音階をもとに当てはまる楽曲を検索する画面。
*検索後にキー、最高音、最低音、裏声最高音をボタンによって増加、減少させることができる。
*最高音、最低音、裏声最高音をボタンによってソートすることができる。
 
!!楽曲検索結果出力画面
*担当：竹田　笙馬 
 song_output.html 
 song_output.css

*入力画面で入力された曲名や、音域検索結果画面でクリックされた曲名をもとに当てはまる楽曲の詳細（歌詞、MVなど）を表示する画面。
*ページ下部にあるボタンで、Topページである入力画面や、その楽曲を手掛けたアーティストのページに移動することができる。
*最低音や最高音がどこか分かるように歌詞が見やすく施されている。
 
!!アーティスト結果出力画面
*担当：竹田　笙馬 
 artist_song.html

*入力画面で入力されたアーティスト名や、音域検索結果画面でクリックされたアーティスト名をもとに当てはまるアーティストの曲をリスト化した画面。
*楽曲検索結果出力画面と同様の表示の方法で、アーティストに絞ったような形である。
*曲名をクリックすれば楽曲検索結果出力画面のページに移動することができる。

!!データ
*担当：関口堂真 
 data_search.js

*アーティスト名、曲名、曲の最高音・最低音の音域、最高音・最低音に対応する歌詞などを配列にしてまとめた。

!!その他
*担当：竹田　笙馬 
 common.css 
 convertionNumTone.js

*
 
!!ログイン画面
*担当：葛西　日向 
　main.html
　script.js

*ログイン後、song_output.htmlへページ遷移。
*ページ遷移後、ユーザー名を受け渡し。
*ログインデータやログイン画面を動かすためのjsファイル。

Tag:

Attachment

New: append-tag

(download: 4516 bytes, at 2024/05/01 14:31:50 <frozen> )
(download: 4516 bytes, at 2024/05/17 15:36:28 <frozen> )
(download: 2078 bytes, at 2024/05/17 15:48:14 <frozen> )
(download: 1964 bytes, at 2024/05/17 15:48:43 <frozen> )
(download: 2049 bytes, at 2024/05/17 15:49:56 <frozen> )
(download: 1893 bytes, at 2024/05/17 15:50:19 <frozen> )
(download: 1887 bytes, at 2024/07/12 16:17:50 <frozen> )
(download: 2040 bytes, at 2024/07/12 16:21:40 <frozen> )
(download: 2197 bytes, at 2024/07/12 16:25:15 <frozen> )
(download: 2612 bytes, at 2024/07/12 16:31:39 <frozen> )
(download: 2630 bytes, at 2024/07/12 16:44:58 <frozen> )
(download: 3063 bytes, at 2024/07/12 16:55:37 <frozen> )
(download: 3065 bytes, at 2024/07/12 16:56:06 <frozen> )
(download: 3101 bytes, at 2024/07/12 16:57:12 <frozen> )
(download: 4451 bytes, at 2024/07/26 10:35:59 <frozen> )
(download: 4558 bytes, at 2024/07/26 10:41:24 <frozen> )
(download: 4955 bytes, at 2024/07/26 10:42:13 <frozen> )
(download: 4936 bytes, at 2024/07/26 10:47:09 <frozen> )
(download: 4607 bytes, at 2024/07/26 12:15:19 <frozen> )
(download: 5051 bytes, at 2024/07/26 12:16:14 <frozen> )
(download: 6196 bytes, at 2024/07/26 12:40:15 <frozen> )
(download: 6303 bytes, at 2024/07/26 12:41:41 <frozen> )
(download: 6594 bytes, at 2024/07/26 12:45:04 <frozen> )
(download: 6832 bytes, at 2024/07/26 12:52:49 <frozen> )
(download: 6820 bytes, at 2024/07/26 12:54:01 <frozen> )
(download: 6914 bytes, at 2024/07/26 13:05:18 <frozen> )
(download: 6961 bytes, at 2024/07/26 13:07:25 <frozen> )
(download: 6955 bytes, at 2024/07/26 13:08:28 <frozen> )
(download: 6844 bytes, at 2024/07/26 13:09:39 <frozen> )
(download: 6901 bytes, at 2024/07/26 13:16:43 <frozen> )
(download: 6902 bytes, at 2024/07/26 13:18:18 <frozen> )
(download: 7076 bytes, at 2024/07/26 13:21:53 <frozen> )
(download: 6571 bytes, at 2024/07/26 13:23:55 <frozen> )
(download: 9484 bytes, at 2024/07/26 13:28:21 <frozen> )
(download: 6583 bytes, at 2024/07/26 13:29:13 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit