LogoMark.png

渡邊来美/情報デザイン演習IIA の変更点


#author("2022-07-11T17:03:38+09:00","default:member","member")
*宿町船底神社
自宅近くの神社の魅力についてまとめたWebサイト
~

#image(website.jpg)

-''渡邊来美''
-'''Keywords:webdesign, 神社 '''
-https://wtnbkrm819.wixsite.com/hunazokoshrine
~


//***相互評価2022.05.23
//%%プロトタイプ評価シート%% ←コメントありがとうございました!
~
~


**概要
***これは何?
自宅から徒歩20秒ほどの近所の神社の魅力についてまとめたWebサイト
~

***背景と目的
ほぼ毎日見るのに今まで全く調べたことがなかった近所の神社。この神社を調べてWebサイトにまとめて紹介することで地元の魅力を再確認し、サイトを見た人にも良さを伝える
~

***コンセプト
-近所の神社について調べてまとめ、Wixでサイトを作る
-既存の神社のサイトを参考にGoogleサイトでは作ることのできない自由度の高いWebサイトを作る
~

***制作物
Webサイト
~

***制作ツール
-LIFEBOOK UH Series(Windows 10)
-AQUOS R3
-Adobe illustrator (2022)
-Wix
-Google画像編集
~

***プロジェクトの期間
2022.04.25 - 2022.07.18
~

***まとめ
制作に使ったWixは初めて使うツールだったので使い方を知るのに少し手間取り、編集の自由度が高いのでレイアウトにも時間がかかってしまいました。
また、制作中に既存の神社のサイトを見て、内容だけでなくページのレイアウトやアニメーションなど、次々に加えたい部分が増えていったので事前にもっと詳しく調べておいたら良かったなと思いました。
最終日までにサブページの更新と余裕があれば、神社周辺の自然についてのページを増やしたいと思います。


~
~


**プロジェクト管理

***スケジュール
[[スケジュール管理>https://docs.google.com/spreadsheets/d/1-9EGQlkIPbh5k-FfnY12UEr41keiwU-wzf2QApslJDA/edit?usp=sharing]]
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
-%%Webサイトの制作方法を知る%%
-%%Webサイトの形式(ページ数、画面サイズ、テンプレート)%%
-%%Webサイトの内容を決める%%
-%%ワイヤーフレームを作る%%→Wixテンプレート
-神社の写真を撮る、情報収集
-Webサイトを整える
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr

~
~
**2022.07.04
***制作物の現状 
Webサイト内容の編集
~

***今週の取り組み
Webサイトを整える(主にサブページ)
~

***今後の課題
-訪問者が見やすいサイト構成を心がける
[[トップページの3つの役割>https://liskul.com/homepage-toppage-36663]]
-既存の神社のサイトを参考にする
[[伊勢神社>https://www.isejingu.or.jp/]]
~
~

**2022.06.27
***制作物の現状 
Webサイト内容の編集
~

***今週の取り組み
Webサイトを整える(主にサブページ)
~

***今後の課題
訪問者が見やすいサイト構成を心がける
[[トップページの3つの役割>https://liskul.com/homepage-toppage-36663]]
~
~

**2022.06.20
***制作物の現状 
Webサイト内容の編集
~

***今週の取り組み
Webサイトを整える(主にhome)
~

***今後の課題
訪問者が見やすいサイト構成を心がける
[[トップページの3つの役割>https://liskul.com/homepage-toppage-36663]]
~
~

**2022.06.13
***制作物の現状 
Webサイト内容の検討
~

***今週の取り組み
神社で写真を撮影、Wixの細かい編集方法を調べて実行する
~

***今後の課題
想像よりも人がいたので、写真に映らないようにする
テンプレートから自分の要素を入れ込む
~
~

**2022.06.06
***制作物の現状 
Webサイト内容の検討
~

***今週の取り組み
神社で写真を撮影、illustratorとGoogle画像編集で画像の編集
~

***今後の課題
想像よりも人がいたので、写真に映らないようにする
~
~

**2022.05.30
***制作物の現状 
Webサイト内容の検討
~

***今週の取り組み
神社で写真を撮影
[[写真フォルダ>https://drive.google.com/drive/folders/1lGaCHQRqPiE7RnkSifXHqcLeFQN7g0TV?usp=sharing]]
~

***今後の課題
想像よりも人がいたので、写真に映らないようにする
~
~

**2022.05.23
***指摘された問題点

-写真をたくさん入れた方が良い
~

***好評価を得た点
-サイトのまとめ方が良い
-メインビジュアルが良い
-近くの神社を題材にしているのが良い
~

***その他
-周辺の生態系を調べてみてはどうか
~
~
**2022.05.09
***今回制作したプロトタイプ
&image(wixscs1.jpg,,50%);&image(wixscs2.jpg,,50%);&image(wixscs4.jpg,,50%);&image(wixscs3.jpg,,50%);
Wixテンプレートを使用したサンプル

-[[&color(navy){Wixで試作したサイト};>https://wtnbkrm819.wixsite.com/hunazokoshrine]]
サーバーの動作確認
~

***プロトタイプ制作の方法
- Wixのテンプレートを利用
- タイトルとメニューのみを修正してサーバーにアップ
~
~
**2022.04.25
アイデアの量産 > 絞り込み
~
~
***サイトの公開方法
-GoogleサイトかWixを使ってサイトを制作してWeb上で公開
~
***サイトの形式(分量とサイズ)
-内容によってタブで分ける
~
***サイトの内容(素材ネタ)
-近所の神社に実際に行って調査
~
***Wedサイトのネーミング
-鳥栖市船底神社
~
***サイトの構成
-神社の歴史や敷地内の様子などをタブで分ける
~
***サイトの制作環境と方法
-WebサイトはGoogleサイトやWixを使って制作
-サイトマップ、は図形描画を使って制作
~
~
**2022.04.18

***現状調査|テーマ内容の先行事例
-[[鳥栖市三社参り>https://ameblo.jp/may-199704/entry-12268041427.html]]
~

***現状調査|表現形式の先行事例
-[[宿町船底神社 宿の鐘浮立>https://matsuri-no-hi.com/matsuri/37859]]
-[[船底宮>http://www.komainu.org/saga/tosusi/funazoko/funazoko.html]]
~

***現状調査|時間軸(対象の歴史的知見)
-[[神社>https://ja.wikipedia.org/wiki/%E7%A5%9E%E7%A4%BE]]
-[[船底神社>https://yaokami.jp/1410383/]]
-[[船底宮>http://www.komainu.org/saga/tosusi/funazoko/funazoko.html]]
-[[ワタツミ>https://ja.wikipedia.org/wiki/%E3%83%AF%E3%82%BF%E3%83%84%E3%83%9F]]
~

***現状調査|空間軸(対象の地理的知見)
-宿町船底神社
~

***現状調査|技術
-[[ホームページ作成ツール15選>https://form.run/media/contents/website-lp-creation/homepage-creation-tool/]]
-[[Wixの使い方徹底解説>https://ja.wix.com/blog/2017/08/%E5%88%9D%E5%BF%83%E8%80%85%E3%81%AE%E6%96%B9%E3%81%AF%E3%80%81%E3%81%93%E3%81%93%E3%81%8B%E3%82%89%EF%BC%81%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9/]]
~

***解決すべき課題
-Webの制作方法を知る
-Webサイトの形式(ページ数、画面サイズ、テンプレート)
-Webサイトの内容を決める
-サイトマップを作る
-ワイヤーフレームを描く
~
~

**2022.04.11
***プロジェクトのテーマ候補(10件以上)
-徒歩20秒の神社の魅力
-電車内で乗客は何してる?
-野良猫写真集
-家から学校までの落とし物〜春夏秋冬〜
-路地裏特集
-お隣異文化交流
-ノベル超個人的感想文
-架空VTuber紹介サイト
-家から駅までに咲く花
-自分だけのブーム
~

***参考リンク
[[知らない小道>https://blog.goo.ne.jp/honey21c/e/d09de3b623560c68a29fa4dab0d201b2]]
~
~