#author("2024-03-13T20:19:31+09:00;2023-12-06T15:40:32+09:00","default:inoue.ko","inoue.ko") #author("2024-04-02T17:26:49+09:00;2023-12-06T15:40:32+09:00","default:inoue.ko","inoue.ko") *柳川うなぎめしマップ Project Platform #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%) -''情報デザイン専攻 3年'' -'''Keywords:地域活性化, 柳川市, Webプラットフォーム''' -https://design.kyusan-u.ac.jp/unagimeshi/ (仮サーバー動作確認中) -https://yanagawa-yururitabi.net/unagimeshi ~ ~ //// 連絡先情報//////////////////// // アドエムDESIGN 森さま // "ADM" <m@adm-jp.com> // // 柳川市 佐川さま // "佐川 裕宣" <sagawa-1104@city.yanagawa.lg.jp> // **概要 ~ ***これは何? -福岡県 柳川市の観光活性化を目的に、うなぎ料理を提供している店舗を紹介するマップのリニューアル及び、新たにWEBサイト版の制作を行うプロジェクト ~ ***背景と目的 -背景 --元は平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったものだったが、昨今のインターネットの普及やコロナ後の外国人観光客の増加を受け、紙媒体だけでは更新が難しかったり、外国語に対応していないなどの点が不便になってしまった。 -目的 --そこで本プロジェクトでは、マップをリニューアルすることに加え、新たにWEBサイトを作成することで、更新頻度を上げ、様々な人が扱えるようにし、柳川市の持続的活性化に繋げる ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -柳川市とWebサイトの持続的な活性化を促すために、写真を多くしてお店の魅力を発信する -持続的活性化に繋げる ~ ***成果物の仕様 -サイトマップ #image(map.png) -[[ワイヤーフレーム>https://ksumail.sharepoint.com/teams/msteams_de4d8a/Shared%20Documents/Forms/AllItems.aspx?id=%2Fteams%2Fmsteams%5Fde4d8a%2FShared%20Documents%2FGeneral%2F02%5F%E9%96%8B%E7%99%BA%E7%8F%AD%2F%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E6%94%B9%E8%A8%82&p=true&ga=1]] ~ -CMSサイト(PukiWiki 1.5.4) -予定サーバー:https://yanagawa-yururitabi.net/ -予定URL:https://yanagawa-yururitabi.net/unagimeshi -参考:サイトマップとワイヤーフレームの記載例 https://design.kyusan-u.ac.jp/PDF/SiteMap_WireFrame.pdf ~ ***メンバー ***ソーシャルデザイン学科|Web制作 -濱有希子 コンテンツ(リーダー) -[[岩崎貴生>岩崎貴生/情報デザイン研究II]] コンテンツ(発表代表) -[[亀田日向>亀田日向/情報デザイン研究II]] コンテンツ -[[川村洸太>川村洸太/情報デザイン研究II]] コンテンツ -[[田籠祐貴>田籠祐貴/情報デザイン研究II]] コンテンツ -[[伊藤みらの>伊藤みらの/情報デザイン研究II]] コンテンツ -西山実伶 開発(リーダー) -[[出光美心>出光美心/情報デザイン研究II]] 開発(発表代表) -[[内藤彩乃>内藤彩乃/情報デザイン研究II]] 開発 -[[中西華子>中西華子/情報デザイン研究II]] 開発 ~ ***大学院(写真・映像領域)|写真撮影 -[[木下史雄>https://vision.ip.kyusan-u.ac.jp/art-gs/?%E6%9C%A8%E4%B8%8B%E5%8F%B2%E9%9B%84]] -[[永田海将>https://vision.ip.kyusan-u.ac.jp/art-gs/?%E6%B0%B8%E7%94%B0%E6%B5%B7%E5%B0%86]] ~ ***ビジュアルデザイン学科|マップ制作 -[[水間景子>ttps://ras2.kyusan-u.ac.jp/kyshp/KgApp/k03/resid/S001803]] 研究室 ~ ***__[[地域共創学部>https://www.kyusan-u.ac.jp/faculty/chiiki/]]__ 特別講座|現地調査・企画 -月曜4限 1号館4F N406A -地域共創学部学生 13名 -指導教員:[[千 相哲 教授>https://ras2.kyusan-u.ac.jp/kyshp/KgApp/k03/resid/S001467]] ~ ***制作ツール HTML CSS Javascript Pukiwiki ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; プロジェクトの期間|2023.09.20 - 2023.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 今回「柳川うなぎめしマップ」のコンテンツ班のプロジェクトに携わらせていただいて、情報共有や意思疎通が大人数で難しく、お互いが意識を改めることで共有のしやすい環境作りを意識しました。 そうすることにより、それぞれが自分たちで考えて作業をすることで効率化を図ることができました。 今後も調整を重ねつつ、サイト完成に向けて制作を続けていこうと思います。 ~ ~ //**プロジェクトの概要 //***趣旨 //柳川市の観光活性化を目的に、うなぎ料理を提供する店舗紹介マップを作成します。本プロジェクトは、平成22年に本学の商学部観光学科と芸術学部デザイン学科が協働して行ったプロジェクトのリニューアルにあたるもので、今回はそれにWebサイトの制作もあわせた取り組みとなります。 ~ //***クライアント //-福岡県柳川市 https://www.city.yanagawa.fukuoka.jp/ //-参考:柳川観光客の現状 //--コロナ後、体感的には観光客の8割が外国人で、台湾・韓国からが多い。 ~ //***大学院(写真・映像領域)|写真撮影 //-[[木下史雄>https://vision.ip.kyusan-u.ac.jp/art-gs/?%E6%9C%A8%E4%B8%8B%E5%8F%B2%E9%9B%84]] //-[[永田海将>https://vision.ip.kyusan-u.ac.jp/art-gs/?%E6%B0%B8%E7%94%B0%E6%B5%B7%E5%B0%86]] ~ //***ビジュアルデザイン学科|マップ制作 //-[[水間景子>ttps://ras2.kyusan-u.ac.jp/kyshp/KgApp/k03/resid/S001803]] 研究室 ~ //***__[[地域共創学部>https://www.kyusan-u.ac.jp/faculty/chiiki/]]__ 特別講座|現地調査・企画 //-月曜4限 1号館4F N406A //-地域共創学部学生 13名 //-指導教員:[[千 相哲 教授>https://ras2.kyusan-u.ac.jp/kyshp/KgApp/k03/resid/S001467]] ~ ~ **スケジュール |#image(11.png)| |#image(12.png)| ※修正前のものです。後程ガントチャートに変更します。 ~ ~ **調査 ***先行事例 -__[[柳川うなぎめしマップ|柳川市観光情報>https://www.city.yanagawa.fukuoka.jp/kanko/panph/2899.html]]__ &small(現在はマップを PDFとして提供している状態で Webサイトは存在しません。); ~ ***技術情報|開発関連リンク -PukiWiki のファイル構成と初期設定ファイルについて https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki -PukiWiki の仕組みと、スキンのカスタマイズについて https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize --ミニマルなスキンと、最小限追加で必要なプラグイン https://github.com/koichi-inoue/PukiWiki_Minimal --サンプルサイト https://design.kyusan-u.ac.jp/SampleSite/pukiwiki_minimal/ -準備について --__[[ローカルサーバーの構築>https://design.kyusan-u.ac.jp/OpenSquareJP/?LocalServer]]__ --PukiWiki本体のダウンロード(pukiwiki-1.5.4_''utf8''.zip の方です) https://pukiwiki.osdn.jp/?PukiWiki/Download/1.5.4 ~ ~ #hr CENTER:お知らせアーカイブ #hr ~ **11月15日(水) の情報デザイン研究について 今後の情報共有方法等についてアドバイスしますので、(明日はオンラインの前提ですが)大学に来て受講して下さい。残りの中間発表が終了次第、ゼミ室全員集合で、話し合いの場を持ちたいと思います。必ず出席して下さい。 ~ ~ **2023.10.25 -PukiWikiのカスタマイズ、メニューの更新方法等、全般に関わる部分を、全メンバーに対して説明します(ゼミ室)。 --[[FormatCheck]] --[[MenuBar]](参考事例) -その後、2班に分かれてそれぞれの作業を進めてください。 -次週の「中間発表」の段取りについても、事前に決めておいてください。 ~ ~ **2023.10.18 ''サイト制作について'' 開発班とコンテンツ班に別れて、サイト構築に向けた準備をはじめます。 -開発班 --チームリーダー、サブリーダーの選出 --開発情報の共有方法の検討 --開発スケジュールの策定 --開発用 レンタルサーバーの確保 -コンテンツ班 --チームリーダー、サブリーダーの選出 --コンテンツ(記事・画像)の共有方法の検討 --開発スケジュールの策定 --サイトマップの作成に向けたネタの洗い出し -共通 --開発班とコンテンツ班の情報共有方法の検討 双方のリーダー・サブリーダーで協議 ''中間報告について'' -情報デザイン研究II 中間報告 11月1日・8日 -開発班、コンテンツ班ともに、リーダーが全体の進行状況を説明後、各自、自身が担当している作業の進捗について報告・・・ ~ ~ **2023.10.11 PukiWiki には、閲覧モードと編集モードの2つがあって、それぞれ画面の表示構成が異なるため、モードによってHTMLの構造を切り替える仕様になっています(PHPの if文によって分岐されています)。 以下、サンプルとして提供しているスキンの仕様です。 ''pukiwiki.skin.php(閲覧モード)'' -< header > -< readMode > --< nav > --< article > ・< main > ・< note > ・< attach > ・< lastmodified > ・< related > -< footer > ''pukiwiki.skin.php(編集モード)'' -< header > -< editMode > -< footer > ''additional.css(追加のCSS)について'' -PukiWiki には、ページを構成する要素が大量に存在します。CSSを0から書き直すのは大変なので、''追加の CSS で上書き''する方法を採用しています。 -#readMode の中は display: flex; で nav と article の2カラムにしています。 -オリジナルCSS である pukiwiki.css はそのまま残しています。 ~ ~ **2023.10.04 -メンバーを開発班とコンテンツ班に分けます。システム開発に従事するか、現状分析>サイトマップ>記事執筆に従事するか、選択して下さい。 -それぞれの班に、チームリーダーを設定します。リーダーは自身が仕事をするのではなく、メンバーが仕事をしやすいように、全体に目配せして指示を出す役割です(他のチームとの連携、スケジュール管理等も含まれます)。 -コンテンツ班の方には、以下の作業をお願いします。 --柳川の観光情報等、現状を分析し、問題点を抽出 --サイトマップの構築を前提に掲載情報を整理 -開発班のメンバーには PukiWiki の開発環境構築に関する説明を行います。 --できれば自身のノートPCをご持参下さい。 --PHPが動作するサーバ環境を用意します。 --各自 PukiWiki をダウンロードしてシステムの初期設定を行います。 --PukiWIki をサーバーにアップして動作確認を行います。 -公的機関を含む、複数のスタッフチームと連携する共同プロジェクトとなります。無責任な対応は許されないことを肝に銘じて下さい。 -__[[''X-Free Server'' > 「PHP+MySQLサーバー」を利用してください>https://design.kyusan-u.ac.jp/OpenSquareJP/?RentalServer/Account#PHP]]__ &color(red){X-Freeのアカウントを利用中の方は、上記の手順で利用できますが、ちょうど10月3日、新規受付は終了となったようです。新しくアカウントを作る場合は、「シン・クラウド」の利用となります。}; https://www.xfree.ne.jp/ ~ ~ **初期案内 ***柳川市による説明会開催のお知らせ 以下のとおり、柳川市による説明会が行われます。メンバーの方で、当該時間が空きコマの場合は、是非ご参加下さい。 -日時:''10月2日(月)15:40 - '' -場所:''1号館4F N406A'' ~ ***参加を検討中の方へ 基本コンセプトの立案、取材、情報の整理等は、地域共創学部と芸術学部ビジュアルデザイン学科が行うので、ソーシャルデザイン学科情報デザイン専攻の担当は、その情報を Web化、また地域の方が自身でWebの更新ができるようなプラットフォームづくり・・ということになります。 システムには CMSとして PukiWiki を使用します。メンバーの方には PukiWiki の概要、カスタマイズ方法等を情報デザイン研究の時間に説明します。 ~ ***PukiWiki の利用について|2023.09.27 -はじめに:__[[CMS>https://design.kyusan-u.ac.jp/OpenSquareJP/?CMS]]__とは -FTPクライアントの準備 --[[FTPクライアント>https://design.kyusan-u.ac.jp/OpenSquareJP/?FTP]] -サーバー環境の確保 --[[大学内サーバーの利用>https://design.kyusan-u.ac.jp/OpenSquareJP/?RentalServer]] --[[''X-Free Server'' > PHPサーバー>https://design.kyusan-u.ac.jp/OpenSquareJP/?RentalServer/Account]] --[[ローカルサーバー>https://design.kyusan-u.ac.jp/OpenSquareJP/?LocalServer]] -PukiWiki入門 --[[PukiWikiとは、 セットアップの手順>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki]] --[[カスタマイズの方法 + サンプルスキン>https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Customize]] -過去の学生プロジェクト --[[生命科学部 2019>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E7%94%9F%E5%91%BD%E7%A7%91%E5%AD%A6%E9%83%A8%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88]] --[[情報科学研究科 2019>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E6%83%85%E5%A0%B1%E7%A7%91%E5%AD%A6%E7%A0%94%E7%A9%B6%E7%A7%91%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88]] --[[経済・ビジネス研究科 2019>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E7%B5%8C%E6%B8%88%E3%83%BB%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E7%A0%94%E7%A9%B6%E7%A7%91Web%E9%96%8B%E7%99%BA]] --[[内田泰三研究室 2019>https://vision.ip.kyusan-u.ac.jp/uchida-laboratory/]] --[[芸術の森デザイン会議 2017>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E8%8A%B8%E8%A1%93%E3%81%AE%E6%A3%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E4%BC%9A%E8%AD%B0]] --[[船小屋温泉郷 2009, 2017>https://design.kyusan-u.ac.jp/socialdesign/?Project/%E8%88%B9%E5%B0%8F%E5%B1%8B%E6%B8%A9%E6%B3%89%E9%83%B7]] ~ ~ ~