#author("2020-07-23T14:39:59+09:00","default:member","member")
*KSU周辺マップ｜&scale(70){Genki Iwai};
半径 100m の「 面白い！ 」
'''Keywords：成果物のジャンル / Web'''
~
#image(MacBook.png);
https://ksumap-edbcc.web.app
~
**プロジェクトの概要
~
***これは何？
九産大の近くには多くの店が存在する
それを紹介するマップ
~
***目的・背景
家の周辺の店マップを作成しようと思ったが、家の近く=大学の近くなので
どうせなら大学周辺のマップも作ろうと思いたった
あと、1年生の頃はまだ九産大の近くに慣れてなくスーパーやコンビニの
場所などをよく分からなかった。
~
***ターゲット
新入生
近くに家を借りる人
遠くから通う人
~
***制作物
Web
~
***プロジェクトで使用するツール
Canon kiss7 VScode chrome adobeXD unDraw
~
~
**プロジェクトの現状
2020.06.22 - 2020.06.29｜相互レビュー
~
#iframe(https://ksumap-edbcc.web.app/,100%,75%)
https://ksumap-edbcc.web.app
~
[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/137AlG2caVi7NzjWtOuypPhw551IOtuV5V90nq0I7PUA/edit#gid=233642308]]
↑ ココにコメントをお願いします
指摘もしてくださるとありがたいです。
~
~
***スケジュール
-進行管理表
[[スプレットシート>https://docs.google.com/spreadsheets/d/10YKhh5OCt6ocq8g55ih7q-erQFIDw9R3yPc-LE-W2PY/edit?usp=sharing]]
~
***ToDo
- %% 1.周辺の店を調査(店情報など)%%
- %%2.まとめた情報でざっくりとデザイン作成(illustrator)%%
- %%3.写真などの撮影%%
- %%4.webデザイン作成%%
- %%5.コードを書く%%
~
~
***素材
[[snazzymaps>https://snazzymaps.com/]]
~
~
CENTER:&scale(120){webURL};
CENTER:&scale(100){https://ksumap-edbcc.web.app/};
~
~
#hr
CENTER:''進捗状況報告''
#hr
~
***2020.07.20
本制作 ＞ 当該週の作業項目を列挙
~
**2020.07.13
本制作 ＞ 当該週の作業項目を列挙
~
**2020.07.06
プロトタイプの改善 ＞ 当該週の作業項目を列挙
~
**2020.06.22 - 29
Webプレゼン ＞ 相互評価
~
***指摘された問題点
地図をクリックである一定の場所まで飛ぶことを
したほうがいい
~
***好評価を得た点
シンプルで見やすい
~
***その他
~
~
**2020.06.21
テスト
#image(web.png);
https://ksumap-edbcc.web.app/
~
~
**2020.06.08
***今回制作したプロトタイプ
[[デザイン案>https://xd.adobe.com/view/de1d2059-1493-4404-5a0e-3ae09a9022c7-a82c/]]
~
***プロトタイプ制作の方法
adobeXD
~
~
**2020.06.01
アイデアの絞り込み
~
***情報の公開方法
-Webサイト
~
***情報の形式（分量とサイズ）
-UI/UXに特化したデザイン
-マテリアルデザイン作成での
-モバイルファーストのデザインで、縦の構図を上部写真・下部解説で使う
~
***情報の内容（素材ネタ）
-https://i.pinimg.com/originals/98/c7/95/98c795ae457e0b7ec53cae90c39bda9e.jpg
-https://codesignmag.com/wp-content/uploads/2018/09/Graphisms-Typography-Infographics-and-Design-Customised-Letterpress-Wedding-Map-50-Pieces.jpg
-https://cdn.dribbble.com/users/1138666/screenshots/4712851/__-1_2_____.gif
~
***ネーミング
-KSU周辺マップ
~
***情報の構成
-KSU周辺マップ-TopMap
--ブランチ下原
---サイゼリヤ
---マツモトキヨシ
---マックスバリュ
---セカンドストリート
---快活クラブ
--ダイレックス
--立花寮
--吉野家
--Coco壱カレー
~
***制作環境と方法
-２D作成：affinitydesigner https://affinity.serif.com/ja-jp/designer/
adobeXD https://www.adobe.com/jp/products/xd.html
-写真撮影：Canon kiss7 三脚
~
~
**2020.05.25
アイデアの量産
~
***サイトの公開方法
-firebaseでの公開
~
~
***サイトの内容（素材ネタ）
-写真
-svg形式
~
***サイトのネーミング
-KSU周辺マップ
~
***サイトの構成
-KSU周辺マップ-map
-
~
***サイトの制作環境と方法
- chrome VScode adobeXD
~
~
**2020.05.18
***現状調査３｜時間軸（対象の歴史的知見）
大学の周辺には多くの店が立ち並ぶ
***現状調査４｜空間軸（対象の地理的知見）
周辺での行きやすさのまとめた
***現状調査５｜技法
https://www.fit.ac.jp/sp/shisetsu/campus/surroundings_map
現状整理
[[MAP>https://www.mapion.co.jp/m2/33.67372339,130.44120668,16/poi=ST28128]]
~
~
**2020.05.11
***演習テーマの確定
-タイトル：KSU周辺マップ
-テーマ採択の背景：家周辺マップ＝大学周辺マップ
***現状調査
- https://www.fit.ac.jp/sp/shisetsu/campus/surroundings_map#s_chuo
- http://www.aitan.ac.jp/campuslife/map.html
- http://www.occ.ac.jp/campus_life/access-2/
- https://prtimes.jp/main/html/rd/p/000000083.000016453.html
~
~
**2020.04.27
***プロジェクトのテーマ候補（３件以上）
-信号機だけの分かりやすい説明書
-標識でけの分かりやすい説明書
-地域の歴史をまとめてたサイトを作成する。
-地域の良いところマップ
~
***参考リンク
-[[信号機の写真集>https://unsplash.com/s/photos/traffic-light]]
-[[道路の写真集>https://unsplash.com/s/photos/road]]
~
~
