LogoMark.png

内藤彩乃/情報デザイン研究II の変更点


#author("2024-01-10T03:57:15+09:00;2023-09-20T14:19:56+09:00","default:member","member")
#author("2024-01-10T03:58:58+09:00;2023-09-20T14:19:56+09:00","default:member","member")
*柳川うなぎめしマップ
//SubTitle ・・・・・・・・・・・・・・・・ 
#iframe(https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d16119.034785379283!2d130.39929871661644!3d33.16089712145465!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sja!2sjp!4v1695201161660!5m2!1sja!2sjp, 100%,40%)
-''内藤 彩乃''
-'''Keywords:地域活性化, 柳川市, Webプラットフォーム'''
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。

~

//***CONTENTS
//#contents2_1
~


**概要
***これは何?
福岡県 柳川市の観光活性化を目的に、うなぎ料理を提供している店舗を紹介するマップのリニューアル及び、新たにWEBサイト版の制作を行うプロジェクト
~


***背景と目的
-背景
元は平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったものだったが、昨今のインターネットの普及やコロナ後の外国人観光客の増加を受け、紙媒体だけでは更新が難しかったり、外国語に対応していないなどの点が不便になってしまった。
-目的
そこで本プロジェクトでは、マップをリニューアルすることに加え、新たにWEBサイトを作成することで、更新頻度を上げ、様々な人が扱えるようにし、柳川市の持続的活性化に繋げる

~

//&color(red){プロジェクトの背景と目的};
~

***コンセプト
柳川市とWebサイトの持続的な活性化を促すために、写真を多くしてお店の魅力を発信する
//&color(red){基本的な考え方、枠組み、視点など};
~

***成果物の仕様
Webサイト
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
~

***メンバー
-濱有希子 コンテンツ(リーダー)
-[[岩崎貴生>岩崎貴生/情報デザイン研究II]] コンテンツ(発表代表)
-[[亀田日向>亀田日向/情報デザイン研究II]] コンテンツ
-[[川村洸太>川村洸太/情報デザイン研究II]] コンテンツ
-[[田籠祐貴>田籠祐貴/情報デザイン研究II]] コンテンツ
-[[伊藤みらの>伊藤みらの/情報デザイン研究II]] コンテンツ

-西山実伶 開発(リーダー)
-[[出光美心>出光美心/情報デザイン研究II]] 開発(発表代表)
-[[内藤彩乃>内藤彩乃/情報デザイン研究II]] 開発
-[[中西華子>中西華子/情報デザイン研究II]] 開発
~
~

***制作ツール
HTML
CSS
Javascript
Pukiwiki
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~

***プロジェクトの期間
プロジェクトの期間|2023.09.20 - 2023.02.XX 
~

***まとめ
Pukiwikiを扱ったサイトでメニューの作り方に苦戦しました。普通のHTMLでは動かず、PukiWikiサイト内でメニューのリストを作りHTMLに埋め込むことで解決しました。教授やWebサイトに関して知識のある方に聞いてできない部分は解決していきました。フッターやレスポンシブに関してもネットで調べたり、教授に質問したりすることで解決させていきました。
今後微調整を行なってクオリティを上げていきたいと思います。

~
~


**調査

***現状調査
-[[うなぎめしマップ>https://www.city.yanagawa.fukuoka.jp/kanko/panph/2899.html]]
現在の柳川うなぎめしマップ
ダウンロードして自分で印刷するようになっている
-[[柳川市のうなぎについて>https://hinodeya-unagi.com/about_eel.html#:~:text=%E8%BA%AB%E3%81%8C%E3%82%88%E3%81%8F%E7%B7%A0%E3%81%BE%E3%82%8A%E3%80%81%E9%A2%A8%E5%91%B3,%E3%81%82%E3%81%A3%E3%81%9F%E3%81%A8%E3%81%84%E3%82%8F%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%99%E3%80%82]]
柳川市はうなぎがとても美味しく特産品として有名
柳川市のうなぎは炭火で直焼きするのが特徴
-その他柳川市について
蒲池焼、有明福ちょうちんなどが特産品になっている
主な観光地:川下り、柳川城、柳川 御花、高橋總本舗など
~
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~

***先行事例
-Pukiwikiを使ったサイトの前例
--[[Pukiwikiを使ったサイトの一覧>https://pukiwiki.osdn.jp/?PukiWiki/CaseStudies/]]
--[[生命科学部2019>https://lifescience.kyusan-u.ac.jp/main/]]
--[[情報科学研究科>http://grad.is.kyusan-u.ac.jp//]]
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
~

***技法・技術情報
-[[PukiWikiについて>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]]
-[[カスタマイズ方法>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]]
-[[動くWebデザインアイデア帖>https://coco-factory.jp/ugokuweb/]]
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-[[UIデザイン参考>https://ics.media/entry/15970/]]

~
~

**プロジェクト管理

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

***ToDo
-スライドショー
-ドロップダウンメニュー
-ハンバーガーメニュー


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

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2023.12.20
-フッターのメニュー変更
--[[Github>https://github.com/Naitoayano/unagimeshi5.git]]
-今後の変更点
--サイトアドレスの固定
--アイコンの変更
--記事を載せた後の調整
~
**2023.12.13

-フッターのメニュー変更
--[[Github>https://github.com/Naitoayano/unagimeshi5.git]]
~
**2023.12.06
最終発表
-編集、システムページを作る
-メニューバーのアイコンの変更
-サイトの最大幅の設定
-サイトを作る際の行なったことを分かりやすくまとめる
-ホバーの色
-フォントを変える
-外国語の翻訳
-wordpressのテーマのようなサンプルサイト、編集ガイド、システムガイドがあると良い

-[[Github>https://github.com/IDMT-MK/unagimeshi5]]
-[[webサイト動作確認>http://cf742207.cloudfree.jp/unagimeshi5/]]

~
**2023.11.29
-[[Github>https://github.com/Naitoayano/unagimeshi4_footer.git]]
-[[webサイト動作確認>http://cf742207.cloudfree.jp/unagimeshi_menu4/]]
--フッターのツールバー内容変更
-最終発表の準備

**2023.11.22
-[[Github>https://github.com/Naitoayano/unagimeshi2.git]]
--ツールバーの画像変更(仮)→画像が届き次第変更予定
--ツールバーの画像同士のスペースの調整
~
**2023.11.15
-フッター試作
//-[[Github>https://github.com/Naitoayano//]]
--フッターの画像が分かりにくい
--画像同士のスペースが狭く、見にくい
~
**2023.11.08
ドロップダウンメニュー試作
-[[webサイト動作確認>http://cf742207.cloudfree.jp/unagimeshi_dropdownmenu/]]
-[[Github>https://github.com/Naitoayano/unagimeshi_dropdownmenu.git/]]
-[[参考にしたサイト>https://coco-factory.jp/ugokuweb/move01/5-1-1/]]
~
**2023.11.01
-中間発表
--レンタルサーバーの動作確認(最優先課題)
--学ぶべきリストを作る
--何をやっているのかのリストを作ってみる
--ダミーの文や画像を嵌め込んだサイトを作ってみる
-[[webサイト動作確認>http://cf742207.cloudfree.jp/unagimeshi/]]
-レンタルサーバーの動作確認
~
**2023.10.25
-中間発表準備
-[[動くWebデザインアイデア帖>https://coco-factory.jp/ugokuweb/]]
-[[htmlタグ辞典>https://html-coding.co.jp/annex/dictionary/html/]]
~
**2023.10.18
-決まったこと
--リーダー、グループ分け
--スケージュール策定(コンテンツ班からワイヤーフレームが届き次第作業に移行)
-無料レンタルサーバーの確保
~
**2023.10.11
-XAMPPのダウンロード
-HTML、CSSの確認
-プラグインの追加
-設定
-[[Github>https://github.com/Naitoayano/unagimeshi.git]]
~
**2023.10.04
-開発練習用サーバーの準備
--PukiWiki本体のダウンロード
--[[シン・アカウント>https://www.shin-server.jp/support/manual/man_tool_info.php]]登録
--[[PukiWikiのカスタマイズ>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]]
~
**2023.09.27
-[[FileZilla>https://filezilla-project.org/]]ダウンロード
-[[PukiWikiについて>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]]
//cf742207.cloudfree.jp
-[[柳川市>https://ja.wikipedia.org/wiki/%E6%9F%B3%E5%B7%9D%E5%B8%82]]について
福岡県の南にあり、四季を愛でる「水郷柳川」としても知られる。江戸時代は城下町であり、永い歴史や文化に触れることができる。
~
**2023.09.20
***テーマ案
-[[うなぎ飯マップ>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E6%9F%B3%E5%B7%9D%E3%81%86%E3%81%AA%E3%81%8E%E3%82%81%E3%81%97%E3%83%9E%E3%83%83%E3%83%97]]
現在の柳川うなぎめしマップはPDFをダウンロードして自分で印刷するようになっている

//https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize
~

~
~

~