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

• チーム決め
• テーマ決め
• wiki作成

• gitlab関連
• テーマ決め
• 簡易企画書作成

ものと操作の洗い出し

• トップページ
  • バナー
    • タイトル
    • トップ画面へ遷移するロゴ
    • ジャンル絞り込み（ページ遷移orメニューバー展開）
  • 美味しい画像をスライドショー
    • 使用画像要検討
  • 地図
    • クリックで小地図へ移動
    • 画像要検討

• デザイン案
  • figmaを使用したが、断念
  • 次回以降の課題

ものと操作の洗い出し・続

• 大地図、小地図の範囲決め
  • 内丸から駅前までのエリアを7つに分割
  • 範囲の地図を自作する必要あり
• 大地図外のエリア
  • 岩手大学の理工学部側と農学部側に分ける

• モジュール分け
  • マップ画像
  • 絞り込み機能
  • 音声
  • 画像にマウスが乗ったときの操作
  • メインページ
  • 絞り込みページ
  • 店ページ

• プロトタイプ作成
  • メインページの簡単なプロトタイプ作成
  • タイトルロゴははんな・ひまりが作ってくれる
  • jQueryの使い方がわからなかった

メインページ作成

• スライダーの作成
  slickを使用
• ヘッダーを作成
  ロゴ
  ジャンルページに飛ぶ領域

大通り周辺マップ作成

• イメージマップ
• マウスオーバーの設定が難航した
  chromeではうまく行くが、firefoxではcssが反映されなかった

• マップの仕様変更
  • 小地図に分けるとかなり見にくい
  • １つのgoogleマップにまとめた
  • マップに現時点での掲載店舗の座標・画像などを記入した
  • ピンをクリックでポップアップを表示
  • ポップアップの画像をクリックで店ページへ遷移
  • 画像をホバーで画像の色が変わるようにしたが、店ページヘの飛び方がわかりづらい気がする

• デザイン変更
  • 中間発表用に最低限見れるデザインにした
  • 主に使う色を４色に絞った
  • 合わせてロゴ画像の色も修正

• トップページスライドの画像作成
  • タイトル入り画像
  • マップからさがせるよ画像
  • ジャンル検索もできるよ画像
• あとでおすすめ店舗などの画像に変更したい
• 店ページとトップページの画面遷移
• 店ページのプロトタイプhtml,cssを作成
  • 色合いはトップページに合わせた
  • スライドはトップページの流用
  • 店ページに店の公式twitterを埋め込んだ

• 中間発表
  • 他の班は中身があってすごい
• 課題
  • データベースについて調べる
  • 店ページのhtmlをまとめる方法を考える
    現時点では店の数だけhtmlファイルが必要
    トップページから遷移できて、かつ店ページのhtmlをまとめたい
  • トップページの内容が少ないので、もう少しなにか加えたい
    （例）マップの下に各ジャンルページに飛べるように、タイル型の画像を付け加えるなど

• データベース関連
  • データベース担当の班員とindexeddbについて調べた
  • うまく使うことは難しそうだった
  • 絞り込み機能にはデータベース不要かも

体調不良で欠席

• トップページ続き
  • マップの下にジャンル絞り込みの部分を作成
  • ジャンル分けを一新した
  • ほぼ完成
  • 画像データが破損して表示されない箇所がある

• トップページ修正
  • 画像パスの修正・入力
  • デザイン修正
  • 各店ページへのリンク入力
• モジュール、発表ページ修正

• 最終発表
  • 班員が作ってくれた店ページを一部しか紹介できなかったのが惜しい
  • タイトルコール(?)も間に合ってよかった