!!!!〜最終更新_08/02〜
<<{がんちゃんマップ＿モジュール分け.png}
((br))<<{がんちゃんマップ＿モジュール分け02.drawio}をダウンロードして、
[ここ|https://www.draw.io]で編集できます。((br))
エクスポートしたpng画像は[ここ|https://www.iloveimg.com/ja/resize-image]で50%にリサイズしてください。

!!統合、ユーザインターフェース（メインページ）(葛城ほか)
*/main.html
**ユーザーインターフェースかつ全てのファイルやスクリプトを読みだす
**グローバル変数(pageID,facID,yudoID)の管理、受け渡し
*/js/particles.js , windowsize.js
**トップ画面（がんちゃんマップと書いてある場所）用のスクリプト
**/js/particles.jsはシャボン玉を出すライブラリ
**windowsize.jsは画像の大きさをwindowのサイズに合わせて変更するスクリプト((br))
本当はマップ画像にも適応したかったができず、トップ画面の画像のみに機能を引き継いだ


!!マップ画像（工藤、米内）
*/image
**もともと存在するMAPを岩手大学HPから拝借
*/image/floremap
**pdfが存在しない岩大のMAPを作成（全32枚）


!!画像の一部にマウスが乗ったときの操作(新山、今野)
*js/lightMap.js
**上記のマップ画像ごとに施設・講義室ひとつひとつの座標を管理
**ツールチップで使う（今野が撮ってきた）建物の写真を/image/facilityから読み出し管理、ツールチップ上の施設紹介文も管理
**マウスが上に乗った時のトリガーを用意。（発動はMapster）
*/js/ImageMapster.js
**画像の色を変更、ツールチップの出現を手助けするライブラリ
**仕様は[ここ|https://www.iloveimg.com/ja/resize-image]（英語）
*/js/rikouM.js
**エリアを線で囲った画像を出現（もとあった画像を消去）させるプログラム
**関数名はなし（ずっと監視させておく）、ウィンドウのクリックイベントを監視してどこでもいいから押されたら発動
*/js/tooltip.js , /css/tooltip.css
**ツールチップのオプション、属性管理
((br))

!!検索、サジェスト、施設名データベース(山口)
*/js/list.js
**施設名ごとに擬似データベースを管理
((br))カラム・・・｜facID(＝エリア)|facility1|facility2|..|class1|..|keyword1|..|
((br))facID:グローバル変数,施設の"エリア"に対しユニーク,階層化されたエリアに対応するよう工夫されている。
((br))facility:施設名、エリアに対し複数に対応できる
((br))class:そのエリアで行われる授業名、エリアに対し複数対応
((br))keyword:エリアに対するキーワード、冗長性に対応するため用意した
*/js/kensaku.js
**formに入力された文字列からエリアに対しユニークなグローバル変数facIDを返す。
**what(facID,pageID)→yudoID:誘導光モジュールに渡すためのID
*/js/suggest.js , /js/suggest_option.js
**サジェストを表示するライブラリ、list.jsで作ったデータベースからサジェストを表示できるように改造

!![[検索時、目的地まで誘導|19::gr12::誘導光]](渡辺、山口)
*/js/induction.js , green.js
**関数から画面の対応する位置を光らせ、目的の位置まで誘導する。

!!画面遷移(葛城、山口)
*/js/bodyChange.js
**changeBody(pageID):画像遷移する