#author("2024-12-20T14:13:43+09:00;2024-12-20T14:13:27+09:00","default:member","member") #author("2024-12-20T14:37:38+09:00;2024-12-20T14:13:27+09:00","default:member","member") *KSU防災Guide Book 九産大生向けの防災・減災のサイト制作 #image(main.gif) ''Naito Ayano'' -'''Keywords：disaster ,game ,web site ''' [[サイト>https://naitoayano.github.io/sotuken/index.html]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何？ 九産大生向けの防災、減災のサイト ~ ***背景と目的 今年1月に発生した能登半島の地震を受けて、災害に対する準備や対応についての啓発活動の重要性を強く感じた。災害が発生した際の適切な行動や避難の重要性を広めるために、災害時に役立つ情報を提供するサイトを作成し、広く発信していきたいと考えている。現在、九州産業大学のホームページには防災に関する項目や、災害発生時のフローについての記載がないため、その情報を充実させることで、学生や教職員が災害時に冷静かつ迅速に行動できる助けになることを目的とし、制作する。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 九産大の災害時に必要な情報を効率よく提供する。また、学内の大学生の防災意識の向上や正しい対応方法を普及させるサイト。 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト --大学の備蓄状況 --安否確認について --大学の過去の災害についての取り組み --防災、減災に関する記事 -ゲーム(中西) --クイズを一問一答でランダムで5問解いてもらい、点数を表示する。現状の知識について本人に危機感を持ってもらう。 ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; [[中西華子>https://design.kyusan-u.ac.jp/socialdesign/?%E4%B8%AD%E8%A5%BF%E8%8F%AF%E5%AD%90/%E5%8D%92%E6%A5%AD%E7%A0%94%E7%A9%B6]] -役割 --webサイト(内藤) --ゲーム制作(中西) ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Blender Adobe XD Visual Studio Code Windows11 MacBook Air ~ ***プロジェクトの期間 2024.04.12 - 2024.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 災害についてのサイトやゲームはすでに多く存在していたが、本大学のホームページに防災・減災のページが少ないことに気がついた。そこで、今回の研究では、本大学の学生に向けて、災害対応や防災対策のサイトを作成することに決めた。サイトのコンセプトである必要な情報を効率よく提供するという点で、伝えたい情報を簡単なイラストと簡潔なテキストで視覚的に補足することで、直感的な理解をより早くさせることができたと考えている。 **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[災害に対する意識の現状>https://www.bousai.go.jp/kaigirep/hakusho/h19/bousai2007/html/honmon/hm01000103.htm]] --災害に対する意識や知識が十分であるとは言い難い --大災害直後には意識が高まるが、時間経過とともに意識が薄れる傾向がある --災害に関する警報があっても危険を回避する行動を取らない場合もある --災害が頻発し，災害のことはだいたい知っていると本人が思っていても，実はその知識が不十分な場合がある -災害対策の取り組み --小さい子向けの防災のアニメや、ゲームサイトが多くある。 --会社では災害時に備えて定期的に防災に関わる研修や防災訓練など様々な取り組みが行われている -課題 --[[九産大のHP>https://www.kyusan-u.ac.jp/other/support/]]には災害の取り組みしか掲載されいない状況 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[国土交通省 防災ポータル>https://www.mlit.go.jp/river/bousai/olympic/]] 災害時と日頃から対策することが載っている。 -[[防災シミュレーションゲーム「クロスロード」>https://www.bousai.go.jp/kohou/kouhoubousai/h20/11/special_02_1.html]] シンプルな災害対応のシミュレーションカードゲーム←どちらを選んでも何らかの犠牲を払わなければならないような「ジレンマ」が多数ある。 -[[防災・減災情報サイト>https://www.tokiomarine-nichido.co.jp/world/egao/]] 災害への対応、備えが掲載されており、非常食簡易計算ツールや防災チェックシートなど実際に行動を促すような情報もある。 -[[東京防災>https://etec.jp/blog/archives/5393]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[動くデザインアイデア帳>https://coco-factory.jp/ugokuweb/]] -[[ティラノスクリプト>https://tyrano.jp/example/]] ~ ~ **プロジェクト管理 ***[[スケジュール>https://docs.google.com/spreadsheets/d/1IPQDLJ8IlZSbcGSKiRTIdbd1I7T8fZxDmWx2y5Eb164/edit?usp=sharing]] -[[スケジュール>https://docs.google.com/spreadsheets/d/1IPQDLJ8IlZSbcGSKiRTIdbd1I7T8fZxDmWx2y5Eb164/edit?usp=sharing]] ~ -サイトに掲載する内容 --[[簡単にまとめたもの>https://docs.google.com/document/d/1YY7FGcOWvCtxMHOcVrCRXIhFTENU27qt6jSeHzQuuHc/edit?usp=sharing]] --[[備え>https://docs.google.com/document/d/1w0o9vJBMfQgTMoUdlcRRt_1LlJ6kTNMf_wvdmA96EIo/edit?usp=sharing]] --[[学ぶ>https://docs.google.com/document/d/1MDU275utzVGkLCBJmgioHTPyHKaMVw9nk5liFhccApM/edit?usp=sharing]] ***サイトマップ #image(sitemap2.png,,80%) ~ ***[[プロトタイプ>https://xd.adobe.com/view/c52b6fb2-e9ac-400d-98d6-699d03ec1c11-9078/?hints=off]] //***ワイヤーフレーム //#image(wireframe.png,,30%) -ロゴ #image(logo2.png,,30%) ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%ロゴ%% -%%サイトマップ%% -%%スケジュール%% -%%ワイヤーフレーム%% -%%プロトタイプ%% -%%記事(コラム)の作成%% -%%サイト制作%% -PDF制作 -%%メニューのサイズ調整%% -%%文章の長さの制限%% -%%画像の追加%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.01.08 ブラッシュアップ後変更内容 **2024.12.06 -発表 --ローディング画面削除 --記事の順番の変更 --緊急連絡先の追加 --イラストの追加、イラストのクオリティーを上げる **2024.11.29 -ヘッダー調整 **2024.11.22 -概要集の制作 -記事に掲載する画像の制作 **2024.11.15 -メインビジュアル制作 -サイト案内の画像制作 -記事、写真の追加(九産大の備蓄倉庫や釜戸ベンチなど） **2024.11.08 -発表 --サイトを見やすくするために記事を災害前、災害時、災害後で分ける --サイトの案内を掲載 --サイトの印象づけをする **2024.11.01 -[[サイトのボタン(コラム、ゲーム)の画像制作>https://drive.google.com/file/d/1YSOm6nEzT94zEjA6SJBmbTmTDxN83dql/view?usp=sharing]] -画像サイズの調整(スマホ、パソコン対応) **2024.10.25 -[[ローディング画面の制作>https://drive.google.com/drive/folders/1OUMUkRCftIZsHuR4e3hFohD3ksSpVfrp?usp=sharing]] --[[GitHub>https://naitoayano.github.io/sotukenloading/]] **2024.10.18 -サイトに掲載する内容 --[[備え>https://docs.google.com/document/d/1w0o9vJBMfQgTMoUdlcRRt_1LlJ6kTNMf_wvdmA96EIo/edit?usp=sharing]] --[[学ぶ>https://docs.google.com/document/d/1MDU275utzVGkLCBJmgioHTPyHKaMVw9nk5liFhccApM/edit?usp=sharing]] -スマホサイズの調整 -記事書き込み **2024.10.11 -[[サイトに掲載する内容>https://docs.google.com/document/d/1YY7FGcOWvCtxMHOcVrCRXIhFTENU27qt6jSeHzQuuHc/edit?usp=sharing]] -スマホサイズの調整 --[[GitHub>https://naitoayano.github.io/sotukennhp4/]] **2024.10.04 -サイト制作 --[[GitHub>https://naitoayano.github.io/sotukennhp3/]] --ロゴのカラー変更 --グローバルメニューのデザイン変更 --[[サイトに掲載する内容>https://docs.google.com/document/d/1YY7FGcOWvCtxMHOcVrCRXIhFTENU27qt6jSeHzQuuHc/edit?usp=sharing]] To Do -メニューのサイズ調整 -文章の長さの制限 -画像の追加 **2024.09.27 -サイト制作 --[[GitHub>https://naitoayano.github.io/sotukennhp/]] --サイズの調整 -サイトに載せる内容 →大学内での避難に特化した情報を掲載し、避難場所など情報が更新されるものはリンクを貼る形にする -[[サイトのカラー参考>https://www.m-hand.co.jp/blog/design/4002/]] **2024.09.20 -サイト制作 --グローバルメニュー --スクロールバー **2024.07.19 -発表 --九産大ならではのクイズを準備 --九産大限定、周辺のものを掲載する -概要集制作 ~ **2024.07.05 -[[防災に関する世論調査>https://survey.gov-online.go.jp/r04/r04-bousai/]] **2024.06.28 -発表の準備 -[[プロトタイプの作成>https://xd.adobe.com/view/c52b6fb2-e9ac-400d-98d6-699d03ec1c11-9078/?hints=off]] -概要集制作 ~ **2024.06.14 -アイコン試作作成 #image(logo2.png,,30%) --サイトマップ変更 #image(sitemap.png,,80%) -ワイヤーフレーム変更 #image(wireframe.png,,30%) サイトに載せる内容 -災害の備え --一人暮らし、寮、自宅 -災害対応 --学校内 学内マップ→避難場所、各館の避難経路 --自宅 --外 --緊急連絡先 -その他 --豆知識(コラム) --一問一答ゲーム --大学の取り組み ~ **2024.06.07 -サイトマップ →災害別に細かく -ゲームのシナリオをしっかり考える →ストーリーではなく一問一答にしてスコアを表示する、自分の防災意識の可視化 -サイトを作る意味を持たせないといけない →対象を九産大の学生にする ~ **2024.05.31 -[[記事に書く内容で調べたこと>https://docs.google.com/document/d/1rl2j72LG7JhgrHb66XLIzVBkufx9LWg-vEiMg8PKIL4/edit?usp=sharing]] ~ **2024.05.24 -[[資料にできそうなもの>https://blog.ecoflow.com/jp/disaster-kinds/]] -被災者の声 --[[熊本地震震災ミュージアム>https://kumamotojishin-museum.com/]]で資料集めできそう -エコノミー症候群など地震後にかかる病気などもあった→常備薬ももちろんだが他の対策も必要 -被災後どのくらいで復旧するのか -どの断層で地震があれば自分たちの住んでいる地域にどのくらいの影響があるか ~ **2024.05.17 -[[ロゴ作成(仮)>https://drive.google.com/file/d/1Ri9EDQFf6P7w-ufNfvbEad0TocWFU8ZE/view?usp=sharing]] -ワイヤーフレーム作成 #image(wf.png) [[参考>https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/1-3/1-3.html]] -[[プロトタイプ作成>https://naitoayano.github.io/disaster/index.html]] --[[クリッカブル・イメージマップ>https://shimamisa.com/imagemap/]] //https://www.image-map.net/ [[GitHub>https://naitoayano.github.io/disaster/]] ~ **2024.05.10 -[[必要な食事>https://bousai.nishinippon.co.jp/19250/#:~:text=%E4%BA%BA%E9%96%93%E3%81%8C%E9%A4%93%E6%AD%BB%E3%81%99%E3%82%8B%E3%81%AB,%E3%81%A7%E3%81%82%E3%82%8B%E3%81%A8%E3%81%84%E3%81%86%E3%81%93%E3%81%A8%E3%81%A7%E3%81%99%E3%80%82]] -[[必要な水分>https://www.lifehacker.jp/article/170303_thirsty_body/]] 餓死まで2〜3週間 脱水症状から死に至るまで4～5日程度 -[[非常食簡易計算ツール>https://www.tokiomarine-nichido.co.jp/world/egao/sonae/goods/count-tool.html]] -[[備蓄品リスト>https://www.pasona-ns.co.jp/column_wp/detail/emergency-supplies.html]] ***サイトに載せる内容 -なぜ災害が起こるのか -防災は何のためにするのか -災害が起こった時の最適な行動 -過去に災害が起きた時に避難できなかった人の割合、理由 -備蓄しておかないといけない物,理由 -[[非常食簡易計算ツール>https://www.tokiomarine-nichido.co.jp/world/egao/sonae/goods/count-tool.html]] -可能であれば被災者の声 ***ゲームの内容 -ルート分岐を用意し、実際に被災したらというシチュエーションでクイズ -サイトを読んでいる前提で2択か3択の簡単なクイズ [[流れ・設定>https://docs.google.com/document/d/140KEEtLEoTVhAdch8YUjyQkIlcdEfhlQrz1y1oLW6Wo/edit]] ***サイトマップ #img(disaster_sitemap.png,,30%) ~ **2024.04.26 ***防災ゲーム -どの年齢を対象に作るのか 全年齢 -何人単位でプレイできるようにするのか 1〜2人 -ゲームから何を学べるのか 災害用の備えの重要性 -実施時間 10〜15分 -[[防災ゲームのリスト>https://note.com/kenyamiyazaki/n/nb18f31977995#38bef505-938e-4348-82a5-a92da0d6e72d]] ~ **2024.04.19 ***貿易ゲーム -どの年齢を対象に作るのか 小学生高学年〜中学生 -何人単位でプレイできるようにするのか 1クラス -ゲームから何を学べるのか 公正な社会の可能性について共に考える -[[貿易ゲームのルール>http://www.interq.or.jp/www-user/hanatyan/yes/tradegame.html]] -実施時間 目安35分 ~ **2024.04.12 ***候補 -貿易ゲーム -災害 もし災害が起こった時にどのくらいの資源を持っていれば生き延びれるのか考えるシミュレーションゲーム -SDGs ~ ~ ~