#author("2023-11-22T13:52:50+09:00;2023-11-01T16:32:36+09:00","default:member","member") *芸術学部専用サイト 九芸パレット 芸術学部生に寄り添ったサイトの考案・制作 #image(mainvisual.png) -''田代爽乃'' -'''Keywords:information, website, communication''' -[[プロジェクトノート>Project/九芸パレット]] ~ **概要 ***これは何? 芸術学生に寄り添ったサイト ~ ***背景と目的 背景 -K’sLifeが使いにくい、依存している -他学科が何をしているかわからない -芸学の情報が拾いづらい -情報の発信源がまとまっていない ~ 目的 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる ~ ***コンセプト -情報が拾いやすく、整理されていて利用しやすいサイト -スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す ~ ***成果物の仕様 webサイト //&color(red){&small(成果物の形式・サイズ・時間尺等);}; Webサイト ~ -[[サイトマップ>https://drive.google.com/file/d/1uaS-xuWEIAddZTu5_aimPM6h0TR-stq-/view?usp=sharing]] #image(sitemap20231030.jpg) ~ -[[ワイヤーフレーム>https://drive.google.com/file/d/1WK-0NvI7QE8kjK4WKTj7A2wy9cy6pNiZ/view?usp=sharing]] |#image(wireframe1.png)|#image(wireframe2.png)|#image(wireframe3.png)| ~ ***メンバー //&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記}; -[[江川珠貴>江川珠貴/情報デザイン研究II]] -田代爽乃 -[[西山実伶>西山実伶/情報デザイン研究II]] -[[濱有希子>濱有希子/情報デザイン研究II]] -[[渡辺侑貴>渡辺侑貴/情報デザイン研究II]] ~ ***制作ツール MacbookAir iPad ibisPaint PowerPoint Adobe Illustrator 2023 Adobe XD WordPress ~ ***プロジェクトの期間 2023.09.20 - 2023.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。 今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。 ~ ~ **調査 ***現状調査 -K's lifeが使いづらい -Teamsの利用率が低い -芸学の情報が埋もれてしまう ~ ***先行事例 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] -[[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]] -[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]] -[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] ~ ***技法・技術情報 -[[WordPress オリジナルテーマの作り方と基本>https://webst8.com/blog/wordpress-theme-howto-make/]] -[[WordPressのテーマを自作する手順と必要なツール>https://www.onamae.com/column/wordpress/10/]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[スケジュール表(全体)>https://docs.google.com/spreadsheets/d/1cPRE-CDCIj2dW32liH2MVeflXqMN_flyC_M7iub3REM/edit?usp=sharing]] ~ ***ToDo -%%ターゲット層の決定%% -スケジュール決定 -アンケート -%%サーバー決定%% -%%開発エンジンの決定%% -%%目的の明確化%% -%%コンセプト決定%% -サイトデザイン -コーディング -プロトタイプ作成 -実装 //***NotToDo //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.15 ***プロトタイプに使用するWordPressテーマの調査 -[[Lightning>https://lightning.vektor-inc.co.jp/demo-site/]] -[[Cocoon>https://wp-cocoon.com/]] -[[XeoryExtension>https://xeory.jp/]] -[[Fukasawa>https://ja.wordpress.org/themes/fukasawa/]] -[[OnePress>https://ja.wordpress.org/themes/onepress/]] ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.11.08 スマホ版ワイヤーフレーム案の制作 [[AdobeXD>https://xd.adobe.com/view/8c302d54-50cb-46de-942b-f4604353123b-d963/]] ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.11.01 ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.10.25 ***ワイヤーフレームの制作 -[[ワイヤーフレーム1>https://drive.google.com/file/d/1PuGefDhmlhj0lugtIwJgKfTZnLKovhz9/view?usp=drive_link]] -[[ワイヤーフレーム2>https://drive.google.com/file/d/1wCEKQVK3smO77PUIn6afzaOSQwKWwLNC/view?usp=drive_link]] -[[ワイヤーフレーム3>https://drive.google.com/file/d/1taCTtwwAeGzFK6Pre09MELE_y21YW0Wl/view?usp=drive_link]] ~ ***プロジェクトミーティング [[プロジェクトメモサイト>Project/九芸パレット]] ~ ~ **2023.10.18 ***ワイヤーフレームの制作(仮) -[[ワイヤーフレーム(仮)>https://drive.google.com/file/d/1WK-0NvI7QE8kjK4WKTj7A2wy9cy6pNiZ/view?usp=sharing]] ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.10.11 ***先行事例 個人での調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] -[[九芸WORKS>https://www.kyugeiworks.kyusan-u.ac.jp/]] -[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]] -[[映画「窓辺にて」公式サイト>https://www.madobenite.com/#]] -[[tumugi助産院>https://tsumugi-mw.com]] -[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] -[[森と踊る>https://www.moritoodoru.co.jp]] ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.10.04 ***10月のToDo -ワイヤーフレーム -サイトマップ -デザイン決め(UI、色、レイアウト) -タイトル -ロゴ -開発エンジン決め(10/15 〆切) -アンケート内容決め(10月末) ~ ***開発エンジン別(メリット、デメリット) WordPress &color(red){決定}; -メリット --管理しやすい --更新しやすい --参考テーマがある --土台を作れば・・・ -デメリット --編集にログインが必要 --サーバーを借りる必要があ(シン・アカウント) --1から作成の経験はなし ~ ***タイトル決め -条件 --日本語 --芸術学部だとわかるように --「九産の〜」 ~ ***担当決め -タイトルロゴ→全員 -レイアウト(スマホ、PC)→1人 --UI(ボタン、メニューバー etc.)→2人 --ビジュアル→2人 --ページ構成→2人 ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.09.27 ***アンケート内容の決定 -生徒 --K'slife利用頻度 (用途、利用しない理由) --Teamsの利用頻度 (用途、利用しない理由) --どこで芸術学部関連のイベントなどの情報を得ているか --他学科の情報を知りたいか --芸学サイトにあってほしい項目、理由 ~ -教師 --Teamsの利用頻度 (用途、利用しない理由) --HTML/CSS、Word Press、PukiWiki --芸学サイトにあってほしい項目、理由 --その他要望 --連絡先を掲載していいかの確認 ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ **2023.09.20 ***メモ -PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか -サイトの基本の構成を考える -芸術学部生全体へのアンケートの制作 -アンケートから、足した方がいい項目を考える -サイトマップの制作 -ワイヤーフレームの制作 -サイトの制作 -役割を分担し、それぞれで活動する ~ ***テーマ案 -芸術学部内部用のWebサイト制作(グループ) ~ ***先行事例の調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] ~ ***プロジェクトミーティング [[プロジェクトノート>Project/九芸パレット]] ~ ~ ~