東郷駅・一木一草
多くの公共交通機関を1つのサイトで
- Project Director 大石 修悟
- Keywords:見える化、一括化
- プロトタイプ一覧サイト
- 中間報告相互評価シート
- 東郷駅・一木一草公開版
Overview
Introduction / What is This
JR九州鹿児島本線東郷駅周辺の公共交通機関を一括して可視化する。
Background and Purpose
東郷駅は世界遺産『宗像大社』の最寄駅でありかつ宗像市大島などへの渡船の出る神湊、東郷駅が最寄駅の宗像高校など公共交通機関を利用する機会は少なくない。
現在でもGoogleマップのような一時的な案内をするツールは存在するが、一括して恒常的に情報を収集できるウェブサイトは確認できなかった。
Concept
「手早く多くの情報を手元に」をコンセプトに東郷駅に特化した公共交通機関一覧サイトを制作する。そのため表示する情報を東郷駅とその近辺のバス停に限定し、外部サイトへの連絡を1ページで行う。
一木一草の意味
“一本の木や一本の草まですべての意から、そこにあるすべてのもののこと。また、わずか一本の木と一本の草の意から、きわめてわずかなもののたとえ。▽「一草一木いっそういちぼく」ともいう。”
(Goo辞書より引用)
Output
Tools
- ClipstudioPRO
- Photoshop
- Illustrator
- Atom
Term
2021年度前期
Conclusion / Summary
多くの公共交通機関を一つのサイトで一括した連絡を行う目標は達成できた。
さらにプロジェクトの背景にあった宗像大社などの目的地からの乗り場検索機能や周辺施設の情報など、より実用的なサイトにするためのアイデアを機会があれば実装していきたいと思う。
Project Management
ToDo
テーマを決めるWebの公開方法を決めるWebサイトの形式(ページ数、想定画像サイズ)を決めるWebサイトのための画像作成サイト名を決めるサイトの配置図を決める交通機関選択後に必要な情報
2021.07.10~2021.07.11
公開版のサイトを公開。サイトを発表に向けて編集
2021.07.05
プレゼンに向けてのサイトの整理、および公開ページの作成を行った。
2021.06.28
引き続きCSSなどの調整中(現在時点での公開は考えていません)
2021.06.21
制作物の現状
情報の整理を行った後のhtmlファイルを作成。
地図の下にサブメニューとして結果は地図内のリンクと同じになるようにしたリンクを作成した。(CSS未実装状態)
2021.06.14
制作物の現状
問題点にあった地図画像を作成。またプロジェクトイメージの公開。
今週の取り組み
制作物の現状に記載した作業。
今後の課題
プロトタイプ3号をベースにプロトタイプ4号を作成。
2021.05.31
指摘された問題点
- 地図がわかりにくい
→地図から必要な情報を抜き出してイメージ画像化することで対応。
好評価を得た点
- 東郷駅を利用する際に便利だと思う。 シンプルで使いやすい。 など……
→採用した情報量が不足なく配置できていると推測。今後ほかの情報は何が必 要かをさらに精査。
2021.05.19
プロトタイプ3号の公開
総合的なサイトイメージをつかむためのサイトを公開。
https://oishi-shugo.github.io/sosial02A_Prototipe_site03/
プロトタイプ3号の目的
- Ifremeを使用しリンクを設定する。
- ImageMapGenereterを実際に使用する。
2021.05.14
ワイヤーフレームの公開
2021.05.10
プロトタイプ3号の制作
CSSやJQueryの試用。情報の検討。それを使用したプロトタイプは作製中。
2021.05.03
プロトタイプ2号の公開
HTMLのMap要素とArea要素を使用したサイトをGithub上に公開した。
https://oishi-shugo.github.io/sosial02A_Prototipe_site02/
プロトタイプ2号の目的
- 画像上にリンクを作成する方法を確認する。
- ImageMapGenereterを実際に使用する。
2020.04.26
アイデアの量産 > 絞り込み
サイトの公開方法
- github
対象交通機関
- JR
- 西鉄バス
- コミュニティバス
- 温泉施設行きバス
交通機関選択後の必要情報
- 時刻表
- パブリックな行き先(時刻表準拠の行き先)
- ローカルな行き先(宗像大社などの具体的な目的地)
ページ構成
- メインページFHDサイズ1枚上に全て配置
- FHDサイズ+下部にメニュータグ配置
2021.04.23
プロトタイプ1号の公開
HTMLを使用したサイトをGitHub上にて公開した。
https://oishi-shugo.github.io/Social02A_Prototipe_01/
プロトタイプ1号の目的
- HTMLによるページリンクの実験
- ページリンク使用感の調査
2021.04.19
テーマ・概要に関する作業の報告
- タイトル:(仮タイトル)東郷駅を取り巻く公共交通機関マップ
- テーマ採択の背景:JR九州鹿児島本線東郷駅は地方郊外の変哲のない駅ではあるが世界遺産に選ばれた宗像大社の最寄駅出会ったり、筑紫大島へ行くための神湊の最寄駅であったりすることを背景に多くの公共交通機関が交わっている。しかしそれを一括して情報を整理できるサイトが確認できなかったため作成することにした。
調査報告
現状調査1 テーマ内容の先行事例
- 青春18切符の旅を支援するデジタル時刻表の制作
(https://www3.cuc.ac.jp/~riho-m/sk/files/2012/slide/0940178.pdf)
現状調査2 表現形式の先行事例
- 到達所要時間マップ
(https://www.travelvoice.jp/20150413-40946)
現状調査3|時間軸(対象の歴史的知見)
- 時刻表はいつからあるのか。
時刻表の誕生(https://tanken.com/jikokuhyo.html)
現状調査4|空間軸(対象の地理的知見)
- 一つの駅からたどり着ける場所、交通網のつながりについて
全路線図(https://roote.ekispert.net/ja/rmap)
現状調査5|技法
- HTML、CSSなどのWebサイト編集技術が必要→Web デザイン演習などで取得
- 駅周辺地図作成のためにイラストレーターで画像作成
2021.04.12
プロジェクトのテーマ候補(3件以上)
- 自宅からの最寄駅のバス,電車などの公共交通機関の接続を可視化したサイトを作る。(現在でもGoogleマップなどがあるが一時的なものが多く1日の流れを見ることができないため)
- 自宅から約100mほどの神社について調べ、その歴史や成り立ちをまとめたPDFファイルを作成する。
- 普段利用している路線にはどんな車両が走っていていつから走っているかを調べ、PDFファイルを作成する。(観光列車については注目されることが多いので普通/快速列車や貨物列車に焦点を当てる)
参考リンク
- JR九州の列車たち(観光列車が中心)
(https://www.jrkyushu.co.jp/trains/)
東郷駅関連時刻表
- 東郷駅JR鹿児島本線時刻表
(https://www.jrkyushu-timetable.jp/cgi-bin/sp/sp-tt_list.cgi/28239) - 東郷駅西鉄バス時刻表
(https://ekitan.com/timetable/route-bus/company/5200/1078292) - 宗像市ふれあいバス路線図
(https://www.city.munakata.lg.jp/w050/040/040/050/060/030/040/20190328173624.html) - 宗像市王丸・天然温泉施設やまつばさアクセス
(http://www.yamatsubasa.jp/access/)