Revised Campus Map
学内マップに載っていない場所を紹介するサイト
- 山口 佳奈
- Keywords：WebDesign(HTML,CSS,PukiWiki) / Atom
- 制作物
Overview
Introduction
学内マップに載っていない大学の施設等を紹介するWebサイト。
Background and Purpose
自分が学校生活を過ごす中で、九州産業大学のマップには載っていない施設が多くあると感じた。既存のマップは外部の人向けに作られたもので、学生が学校生活を送るにあたっては情報が足りないと感じた。
- 九州産業大学の施設を紹介する。
- 九州産業大学学生の情報共有の場を構築する。
Survey
【KSU】九州産業大学
九州産業大学が提供する公式のスマートフォンアプリ。九州産業大学関連のウェブページや新着ニュースなどが閲覧できる。また、主要な施設の検索や施設までのルート案内などの機能がある。
Concept
学内の施設を有効活用できていないと感じる人にも、学内のことは大体知っていると思っている人にも、キャンパスに対してより魅力を感じさせることができるサイト。
Target
- 九州産業大学の学生
- 外部の人
Output
Webサイト
Tools
- Atom
- FileZilla
- PukiWiki
Term
9月~12月
Project Management
ToDo
- サイト全体のデザイン
- マップページのブラッシュアップ
- 施設情報の更新
2020.10.20
ドロップダウンメニュー
HTMLで多階層メニューを作る
CSSだけでドロップダウンメニュー
記事の表示
2020.10.13
トップページ試作
https://editor.p5js.org/pusachichanconabe/present/XRilzFix9
トップページの記事一覧
- トップページに最新記事をサムネイル付きで載せる
参考：PHPでブログの最新記事を自動取得する際に画像も取得したい
- pukiwikiで実装できるか
参考：淡水魚図鑑
ホームページのつくり方
2020.10.07
Survey
このページ（山口佳奈/情報デザイン研究II）にSurveyの項目を追加
2020.10.06
SVGアニメーション試作
https://editor.p5js.org/pusachichanconabe/present/ZNtbD3QKu
SVGを使った、フェードアウトするアニメーション
参考
2020.09.29
サイトの構成
一番最初に表示されるページをマップページにするのではなく、トップページを設けてそこからマップや施設の紹介ページに飛ぶように検討中。
トップページにサイトの概要やサイト内の情報をまとめて分かりやすくする。
参考: https://bagelee.com/
Pukiwikiプラグインの導入
SVGアニメーション
2020.09.23
マップページの調整
Pukiwiki
http://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Memo