LogoMark.png

佐伯華帆/情報デザイン研究I のバックアップの現在との差分(No.0)


#author("2020-07-09T11:25:01+09:00;2020-07-09T03:21:38+09:00","default:member","member")
*𝘁𝗵𝗲 𝗟𝗔𝗕. &size(18){𝗼𝗻 𝘁𝗵𝗲 𝘄𝗲𝗯𝘀𝗶𝘁𝗲};
芸術学部棟の情報がわかるWebサイト
'''Keywords:Web site '''
~
 
#image(top3.jpg)
http://vela.php.xdomain.jp/pukiwiki/
~
~
🖇 [[情報デザイン研究I]]
🖇 [[Iwata Lab. 授業用サイト>http://www.iwata.art.kyusan-u.ac.jp/wordpress/category/idr01_/]]

~


**𝗔𝗕𝗢𝗨𝗧

~
~


***𝗪𝗵𝗮𝘁 𝗶𝘀 𝘁𝗵𝗶𝘀 ❔
-Web版のゼミ室のフロアマップ、ガイド

~
~
***𝗕𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱
-芸術学部棟は15〜17号館までありとても広く、教室や教授の数も膨大である。
-一覧できるマップがあれば便利だと思い、昨年フロアマップを制作した。
-壁に設置して見るだけでなく、手元でも情報が確認できたらもっと便利になると思った。

~
~

***𝗣𝘂𝗿𝗽𝗼𝘀𝗲
-手元(スマホ、PC)で芸術学部棟の情報を見たい。
-教授の情報だけではなく、机、椅子、プロジェクターの数など
教室の情報もわかるようにしたい。
//-[[情報デザイン演習IIA>佐伯華帆/情報デザイン演習IIA]]のブラッシュアップ 🧼
-実際に使い続けてもらえるサイトを作る。
~
~

***𝗧𝗮𝗿𝗴𝗲𝘁
-芸術学部棟を使用する方

~
~


***𝗦𝗲𝗮𝗿𝗰𝗵
-マップ情報が載っているWebサイトを調べた。
-今年度の教授の名前、研究室の場所を調べた。
-芸術学部棟の教室一覧を調べた。
-17号館のプロジェクターがある教室、iMacがある教室、椅子の数を調べた。

~
~

***𝗧𝗼𝗼𝗹
-PukiWiki
-Atom
-FileZIlla


~
~

***𝗣𝗿𝗼𝗱𝘂𝗰𝘁
-Webサイト
http://vela.php.xdomain.jp/pukiwiki/

~
~

***𝗦𝘂𝗺𝗺𝗮𝗿𝘆
-芸術学部棟は様々な人が行き来するので、フロアマップは需要が高い。
-PukiWikiは編集が簡単なので、永く使用してもらえるサイトが作れる。
-これから1部屋1ページずつページを増やして、内容の充実したサイトにしていきたい。

~
~
~


**𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁

~
~

***𝗦𝗰𝗵𝗲𝗱𝘂𝗹𝗲

🎗 [[スケジュール>https://docs.google.com/spreadsheets/d/1uzoSGLt-Tkc2xwZE-y7J2653XdEggjebla40rM0Q5v0/edit?usp=sharing]]

調査 →
調査結果の分析 →
企画・試作 →
中間発表(5月末) →
制作 →
作品の一次提出(6月末)
プレゼンテーション(7月中旬)


~
~


***𝗧𝗼𝗗𝗼
-%%スケジュールの作成%%
-%%情報収集(エクセルシート)%%
-%%サーバーの確認%%
-%%モデルケースの調査%%

~
~
~
~

**𝗣𝗿𝗼𝗴𝗿𝗲𝘀𝘀 
~
~
//***__2020.07.08__
~
~
~

***__2020.06.25__
-2020データのマップ
#image(map2020.jpg,,20%)

~
~
~

***__2020.06.25__
-QRコードの確保
#image(qr.png,,20%)

~
~
~

***__2020.06.17__
-レンタルサーバーの確保
http://vela.html.xdomain.jp/pukiwiki/
-[[XAMPP>https://www.apachefriends.org/jp/download.html]]を自分のパソコンにダウンロード
~
~
~

***__2020.06.10__
-パネル外しとデータの収集❕
~
~
~

***__2020.05.28__
-ビジュアルの作り込み
-スマホサイズで見れるようなビジュアルどのくらいの情報量か
-1部屋1ページ
-CMSがいい!要相談 📄
~
~
~

***__2020.05.27__

リストの作成中です ⛅️

-教員の一覧
[[学生便覧2020>https://drive.google.com/file/d/1hsRJMayNkjmV0DjGaDYMOrWX1xN6AzEU/view?usp=sharing]]
--[[リスト>https://docs.google.com/document/d/1H8PhPZlmxTHPCeVYVaglZASuOcHzvGYS6zI_cqK-GUg/edit?usp=sharing]]
-場所の一覧
[[芸学マップ2020>https://drive.google.com/file/d/1cxc8admrMbR69m4VE5hpku163m78EhyF/view?usp=sharing]]
~
~
~

***__2020.05.21__
-九芸
-名簿取り寄せか自分で調べるか
-サイトマップ教員名から探す
-最終的な情報の到達点は各教室
--いろんな探し方 学科名から先生の名前から
-蜘蛛の巣状のサイトマップ
--探し方
-教授一人ひとりの情報はのちのち
~
~
~

***__2020.05.20__

-[[九芸>http://www.kyusan-u.ac.jp/kyugei/2017/equipment/]]のサイトに寄せたイメージで作成してみる
[[ビジュアルイメージのスケッチ>https://drive.google.com/open?id=1OKXkaydaLxbOhUEfaAhMl3tmhD5M6I1s]]
[[サイトマップ作成途中>https://drive.google.com/open?id=1pGykdJe_ZlzIGKCpNoCs_RbvvcqNcO2R]]
どうやったら使いやすい、見やすいか、九芸のサイトを見ながら考える

[[theLAB.>https://drive.google.com/open?id=1t0oCIfaKrshqvo80UusektFga5lSob05]]をどう活かせるか
~
''調査すること''
-教授の新しい名簿
-教室の正確な情報


~
''参考''
-[[九芸>http://www.kyusan-u.ac.jp/kyugei/2017/equipment/]]
-[[Pinterest>https://www.pinterest.jp/pin/560276009892323395/]]
-[[東京都美術館 >https://www.tobikan.jp/guide/floormap.html]]
-[[fgn.>https://growth-next.com/ja/facility]]

~
~
~

***__2020.05.18__

-[[GitHub>https://github.com/]]のアカウントを所得 🍇
https://bluebell14.github.io/thelab/
うまくいかないので保留。

~
~
~

***__2020.05.13__

-ビジュアルに置き換えよう

-情報収集の下準備
--エクセルで号館ごとにシートを作る
--学生便覧 教室状況
--SESSION 各フロア 何を書き込まなくちゃいけないか

-HTML作り始める
--サーバーの確保

~
できることから手を動かそう 🤞🏻⭐️
~
''ex.''
[[Pinterest : Floor guide>https://www.pinterest.jp/pin/560276009892323395/]]

~
~
~

***__2020.05.13__

サイトマップ作成中です 🙁

~
🔍 [[インタラクティブモールマップ>https://tympanus.net/Development/Interactive3DMallMap/]]

~
''ex.''
-[[東京都美術館 >https://www.tobikan.jp/guide/floormap.html]]
--htmlを使用したマップ!お手本にしやすそう
-[[美ら海水族館 >https://churaumi.okinawa/area/floormap/]]
--階層を触ると場所が表示される。写真がたくさんで見やすい。
-[[マリンワールド海の中道>https://marine-world.jp/facility-info/maps/]]
-[[ルーブル美術館 見取り図>https://www.louvre.fr/sites/default/files/medias/medias_fichiers/fichiers/pdf/louvre-%E8%A6%8B%E5%8F%96%E3%82%8A%E5%9B%B3%E9%A4%A8%E5%86%85%E3%81%AE%E3%81%94%E6%A1%88%E5%86%85.pdf]]
-[[メトロポリタン美術館>https://maps.metmuseum.org/]]
//-[[デザイン美術館>
~
~
~

***__2020.05.07__

-動き出そう🏃‍♀️

-項目の洗い出し
-サイトマップを1回作る
--PC用とモバイル用
-コーディングを始めよう!
-牽引のページを作る いろんな角度から探せるように

~
''ex.''
-[[fgn.>https://growth-next.com/ja/facility]]
--Fukuoka Growth Next(福岡市の官民共働型の施設)のサイト。
オフィスの説明の仕方が理想 ✨

~
~
~

***__2020.04.30__

-ツールについて
--CMS、WordPress、PukiWiki
-サーバー
--[[Webサイトを公開する方法の一つ: GitHubPages>https://design.kyusan-u.ac.jp/OpenSquareJP/?GitHubPages]]
--HTML+CSS+JavaScript の範囲であれば、公開可能。
--公開リポジトリです。レンタルサーバーではありません。

~
独学では難しいので、まずはHTMLとCSSのシンプルな作りで1ページ
スマホで見やすいレイアウトを考える
Webの特性を活かして盛り沢山で!たのしく!

学内プロジェクトの価値 割り切るか利用するか
学内にアクセスできるようなもの
今だからこそ必要なもの
新入生が活用できたらいいな


~
~
~


***__2020.04.23__

初めての遠隔授業 🗺💿

2年生時に制作した[[The Lab.>佐伯華帆/情報デザイン演習IIA]]を活かして
Web版に挑戦しようと思っています。
芸術学部の情報共有サイトに繋げていけるかな…
~
-何のツールを使えば編集しやすいのか
--井上先生にアドバイスをいただく
-とりあえずマップのサイトを作る?それとも大きいサイトを作る?

~
''ex.''
-[[横浜赤レンガ倉庫>https://www.yokohama-akarenga.jp/floorguide/]]
-[[ホテルオークラ>https://theokuratokyo.jp/floorguide/]]

~
~
~
~
~
~
~
&scale(5){sv5.php.xdomain.ne.jp};
&scale(5){vela.php.xdomain.jp};