𝘁𝗵𝗲 𝗟𝗔𝗕. 𝗼𝗻 𝘁𝗵𝗲 𝘄𝗲𝗯𝘀𝗶𝘁𝗲
芸術学部棟の情報がわかるWebサイト
Keywords:Web site
http://vela.php.xdomain.jp/pukiwiki/
🖇 情報デザイン研究I
🖇 Iwata Lab. 授業用サイト
𝗔𝗕𝗢𝗨𝗧
𝗪𝗵𝗮𝘁 𝗶𝘀 𝘁𝗵𝗶𝘀 ❔
- Web版のゼミ室のフロアマップ、ガイド
𝗕𝗮𝗰𝗸𝗴𝗿𝗼𝘂𝗻𝗱
- 芸術学部棟は15〜17号館までありとても広く、教室や教授の数も膨大である。
- 一覧できるマップがあれば便利だと思い、昨年フロアマップを制作した。
- 壁に設置して見るだけでなく、手元でも情報が確認できたらもっと便利になると思った。
𝗣𝘂𝗿𝗽𝗼𝘀𝗲
- 手元(スマホ、PC)で芸術学部棟の情報を見たい。
- 教授の情報だけではなく、机、椅子、プロジェクターの数など
教室の情報もわかるようにしたい。 - 実際に使い続けてもらえるサイトを作る。
𝗧𝗮𝗿𝗴𝗲𝘁
- 芸術学部棟を使用する方
𝗦𝗲𝗮𝗿𝗰𝗵
- マップ情報が載っているWebサイトを調べた。
- 今年度の教授の名前、研究室の場所を調べた。
- 芸術学部棟の教室一覧を調べた。
- 17号館のプロジェクターがある教室、iMacがある教室、椅子の数を調べた。
𝗧𝗼𝗼𝗹
- PukiWiki
- Atom
- FileZIlla
𝗣𝗿𝗼𝗱𝘂𝗰𝘁
𝗦𝘂𝗺𝗺𝗮𝗿𝘆
- 芸術学部棟は様々な人が行き来するので、フロアマップは需要が高い。
- PukiWikiは編集が簡単なので、永く使用してもらえるサイトが作れる。
- これから1部屋1ページずつページを増やして、内容の充実したサイトにしていきたい。
𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁
𝗦𝗰𝗵𝗲𝗱𝘂𝗹𝗲
🎗 スケジュール
調査 →
調査結果の分析 →
企画・試作 →
中間発表(5月末) →
制作 →
作品の一次提出(6月末)
プレゼンテーション(7月中旬)
𝗧𝗼𝗗𝗼
スケジュールの作成情報収集(エクセルシート)サーバーの確認モデルケースの調査
𝗣𝗿𝗼𝗴𝗿𝗲𝘀𝘀
2020.06.25
- 2020データのマップ
2020.06.25
- QRコードの確保
2020.06.17
- レンタルサーバーの確保
http://vela.html.xdomain.jp/pukiwiki/ - XAMPPを自分のパソコンにダウンロード
2020.06.10
- パネル外しとデータの収集❕
2020.05.28
- ビジュアルの作り込み
- スマホサイズで見れるようなビジュアルどのくらいの情報量か
- 1部屋1ページ
- CMSがいい!要相談 📄
2020.05.27
リストの作成中です ⛅️
2020.05.21
- 九芸
- 名簿取り寄せか自分で調べるか
- サイトマップ教員名から探す
- 最終的な情報の到達点は各教室
- いろんな探し方 学科名から先生の名前から
- 蜘蛛の巣状のサイトマップ
- 探し方
- 教授一人ひとりの情報はのちのち
2020.05.20
- 九芸のサイトに寄せたイメージで作成してみる
ビジュアルイメージのスケッチ
サイトマップ作成途中
どうやったら使いやすい、見やすいか、九芸のサイトを見ながら考える
theLAB.をどう活かせるか
調査すること
- 教授の新しい名簿
- 教室の正確な情報
参考
2020.05.18
- GitHubのアカウントを所得 🍇
https://bluebell14.github.io/thelab/
うまくいかないので保留。
2020.05.13
- ビジュアルに置き換えよう
- 情報収集の下準備
- エクセルで号館ごとにシートを作る
- 学生便覧 教室状況
- SESSION 各フロア 何を書き込まなくちゃいけないか
- HTML作り始める
- サーバーの確保
できることから手を動かそう 🤞🏻⭐️
ex.
Pinterest : Floor guide
2020.05.13
サイトマップ作成中です 🙁
ex.
- 東京都美術館
- htmlを使用したマップ!お手本にしやすそう
- 美ら海水族館
- 階層を触ると場所が表示される。写真がたくさんで見やすい。
- マリンワールド海の中道
- ルーブル美術館 見取り図
- メトロポリタン美術館
2020.05.07
- 動き出そう🏃♀️
- 項目の洗い出し
- サイトマップを1回作る
- PC用とモバイル用
- コーディングを始めよう!
- 牽引のページを作る いろんな角度から探せるように
ex.
- fgn.
- Fukuoka Growth Next(福岡市の官民共働型の施設)のサイト。
オフィスの説明の仕方が理想 ✨
- Fukuoka Growth Next(福岡市の官民共働型の施設)のサイト。
2020.04.30
- ツールについて
- CMS、WordPress、PukiWiki
- サーバー
- Webサイトを公開する方法の一つ: GitHubPages
- HTML+CSS+JavaScript の範囲であれば、公開可能。
- 公開リポジトリです。レンタルサーバーではありません。
独学では難しいので、まずはHTMLとCSSのシンプルな作りで1ページ
スマホで見やすいレイアウトを考える
Webの特性を活かして盛り沢山で!たのしく!
学内プロジェクトの価値 割り切るか利用するか
学内にアクセスできるようなもの
今だからこそ必要なもの
新入生が活用できたらいいな
2020.04.23
初めての遠隔授業 🗺💿
2年生時に制作したThe Lab.を活かして
Web版に挑戦しようと思っています。
芸術学部の情報共有サイトに繋げていけるかな…
- 何のツールを使えば編集しやすいのか
- 井上先生にアドバイスをいただく
- とりあえずマップのサイトを作る?それとも大きいサイトを作る?
ex.
sv5.php.xdomain.ne.jp
vela.php.xdomain.jp