#author("2023-11-27T16:03:38+09:00;2023-11-22T16:53:17+09:00","default:member","member") *芸術学部専用サイト - 九芸パレット - 芸術学部生に寄り添ったサイトの考案・制作 #image(mainvisual.png) -''渡辺 侑貴'' -'''Keywords:information, communication, Website''' //-https://www.example.com -[[プロジェクトノート>Project/九芸パレット]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 ~ **概要 ***これは何? 芸術学生に寄り添ったサイト //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 -背景 --K’sLifeが使いにくい、依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -情報が拾いやすく、整理されていて利用しやすいサイト -スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 Webサイト ~ -[[サイトマップ>https://drive.google.com/file/d/1uaS-xuWEIAddZTu5_aimPM6h0TR-stq-/view?usp=sharing]] #image(sitemap20231120.jpg) ~ -[[ワイヤーフレーム>https://drive.google.com/drive/folders/1CrBMS_QA3kAQFR_XtuDGGEMM9bg61vep?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 //&color(red){使用するツール|ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2023.09.20 - //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; ~ ***中間発表までのまとめ まとめ後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。 今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。 //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 -K's lifeが使いづらい -Teamsの利用率が低い -芸学の情報が埋もれてしまう //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***参考サイト 色味 → [[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]] 構成 → [[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]] UI → [[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] ~ ***技法・技術情報 -[[WordPressテーマ作り方>https://www.conoha.jp/lets-wp/wptheme-selfmade/]] -[[WordPressテーマ編集方法>https://www.conoha.jp/lets-wp/wp-edit/]] //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール -[[スケジュール表(全体)>https://docs.google.com/spreadsheets/d/1cPRE-CDCIj2dW32liH2MVeflXqMN_flyC_M7iub3REM/edit?usp=sharing]] //-[[スケジュール表(個人)>https://docs.google.com/spreadsheets/d/1H-Wp_94hSOIlbs6NpPqoQ38B9yHEBvulePIIxg2OFnY/edit#gid=0]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; //***NotToDo //&color(red){やらないこと:何をするかではなく「何をしないか」を考える}; //&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2023.11.27 ***作業 - ~ ~ **2023.11.22 ***作業 -ワイヤーフレームのボタン変更 ~ ~ **2023.11.15 ***スマホ版ワイヤーフレーム制作改良 [[ワイヤーフレーム1>https://drive.google.com/file/d/1kZ5sSJGyUVKa2BBQJfKNsUZO_Mv3RLKl/view?usp=sharing]] [[ワイヤーフレーム2>https://drive.google.com/file/d/1Eg2CZs5m41euX8Ub26YCaBhZprLOY_5W/view?usp=sharing]] |#image(Pwa1.png)|#image(Pwa2.png)| ~ ~ **2023.11.08 ***スマホ版ワイヤーフレーム制作 [[ワイヤーフレーム1>https://drive.google.com/file/d/1yWSohVOhyyTQOHJ-ooZuOJuLk__VTs7P/view?usp=sharing]] [[ワイヤーフレーム2>https://drive.google.com/file/d/1kUzD1IwPoOCx7oQDCBOzzb-yJGbqh_Nz/view?usp=sharing]] ~ **2023.11.01 ***中間発表 -プッシュ通知ではなく、プル型の通知にした方がいい -毎日見にきてもらうようにするためには? →毎日更新するなど方法を考える -ポータルサイトとしての役割を果たすようにする -ワイヤーフレームのスマホ版 -情報の集め方の工夫 -学部の情報収集の仕組みを整えた方がいい →広報委員などを各学科で作る ~ ***第11回ミーティング内容 -中間発表で気になったこと [[push型とpull型とは>https://design.kyusan-u.ac.jp/OpenSquareJP/?cmd=read&page=InformationDesign%2FMindset&word=push%20pull]] ~ **2023.10.25 ***第9回ミーティング内容 スケジュール決定 サイトメインカラー話し合い サイトフォント案出し サイトマップ更新 ワイヤーフレーム更新 -スケジュール決定 [[スケジュール表(全体)>https://docs.google.com/spreadsheets/d/1cPRE-CDCIj2dW32liH2MVeflXqMN_flyC_M7iub3REM/edit?usp=sharing]] ~ -サイトメインカラー話し合い --青(世界で一番好まれている色) --白黒(九芸の色を定めないようにするため) --五色(サイトに使いたい) ~ -サイトフォント案出し --手書き --明朝体 --ゴシック --その他 ~ -サイトマップ更新 [[Googleドライブ>https://drive.google.com/file/d/193TlQuZFCDtWguwahR-H6-1tyHkd-JKv/view?usp=sharing]] ~ -ワイヤーフレーム更新 [[Googleドライブ>https://drive.google.com/file/d/1WK-0NvI7QE8kjK4WKTj7A2wy9cy6pNiZ/view?usp=sharing]] ~ ***第10回ミーティング内容 サイトマップ更新 ワイヤーフレーム更新 -サイトマップ更新 [[Googleドライブ>https://drive.google.com/file/d/1uaS-xuWEIAddZTu5_aimPM6h0TR-stq-/view?usp=sharing]] ~ -ワイヤーフレーム更新 [[Googleドライブ>https://drive.google.com/drive/folders/1CrBMS_QA3kAQFR_XtuDGGEMM9bg61vep?usp=sharing]] ~ ~ **2023.10.18 ***第7回ミーティング内容 担当決め サイトマップ内容仮決定 #image(sa1.jpg,70%) -担当決め --サイトマップ [[江川珠貴>江川珠貴/情報デザイン研究II]] --ワイヤーフレーム [[田代爽乃>田代爽乃/情報デザイン研究II]] --ロゴデザイン [[西山実伶>西山実伶/情報デザイン研究II]] [[濱有希子>濱有希子/情報デザイン研究II]] [[渡辺侑貴>渡辺侑貴/情報デザイン研究II]] ~ -サイトマップ内容仮決定 [[Googleドライブ>https://drive.google.com/file/d/1cUh7iopKeZyTl9jMp0O5mgS1wQ1pOmeW/view?usp=sharing]] ~ -次回までにすること それぞれの担当内容を仕上げてくる ~ ***第8回ミーティング内容 ロゴ案決定 サイトマップ確認 ワイヤーフレーム話し合い -ロゴ案決定 --[[シンボルマーク>https://drive.google.com/drive/folders/1QU_Iyl1s5Ha2EJIK1Opg5N5odRgol7jm?usp=sharing]] --[[ロゴタイプ>https://drive.google.com/drive/folders/1D8YIAZCAVmlVUUOYVtYEHh8hK6WbjOj6?usp=sharing]] ~ -サイトマップ確認 [[サイトマップ>https://drive.google.com/file/d/1Gs-Kh_Tce3vDZ1Bd-Wa0xzgTYRiuXv5q/view?usp=sharing]] ~ -ワイヤーフレーム話し合い --フッター(SNSアイコン、メアド、サイトマップ、©️) --サイドメニュー(九芸WORKS、九産HP、九芸、言語設定、年間スケジュール、仮:お知らせ) ~ ~ **2023.10.11 ***第5回ミーティング内容 サイトマップアイデア出し サイトロゴアイデア出し #image(rogo1.png,50%) 九産大の9、パレット感、芸学の5色を入れたデザイン -次回までにすること --サイト先行事例 --サイトマップ案 --サイトロゴラフ ~ ***第6回ミーティング内容 -先行事例 色味→[[株式会社ABI新卒採用サイト>https://abi-inc.co.jp/newgraduate/]] 構成→[[公立大学法人 長岡造形大学>https://www.nagaoka-id.ac.jp]] UI→[[マカロニえんぴつ Official Website>http://macaroniempitsu.com]] ~ -ロゴデザイン試作 [[Googleドライブ>https://drive.google.com/drive/folders/11_K5Q9c65zpHah9gAjRblfeJoT2j0K8j?usp=sharing]] ~ ~ **2023.10.04 ***第三回ミーティング内容 アンケート内容決定・作成 -共通 --展示会や芸学のプロジェクト情報の入手先(選択) --普段使用している媒体の使いづらいと思う点(選択、自由記入) --芸術学部のサイト(九芸)を知っているか(選択) --他学科の情報(プロジェクト等)を知りたいか(選択) --芸学に関するどのような情報を入手したいか(選択) --その他要望(自由記入) --所属情報(選択) -学生 --研究に興味があるか ---参加したいと思うか ---学籍番号、名前 -教員 --名前 --授業用の連絡先を載せていいか ~ ***第4回ミーティング -スケジュール決め -ToDo確認 -メニュー構成案出し(続き) -サイトマップ制作 -ワイヤーフレーム制作 -タイトル決め #image(i1.png,70%) ~ ***10月のToDo -ワイヤーフレーム -サイトマップ -デザイン決め(UI、色、レイアウト) -タイトル -ロゴ -開発エンジン決め(10/15 〆切) -アンケート内容決め(10月末) ~ ***開発エンジン別(メリット、デメリット) WordPress &color(red){決定}; -メリット --管理しやすい --更新しやすい --参考テーマがある --土台を作れば・・・ -デメリット --編集にログインが必要 --サーバーを借りる必要があ(シン・アカウント) --1から作成の経験はなし ~ Googleサイト -メリット --操作しやすい --簡単に編集できる -デメリット --安っぽい --レイアウトを変更できない ~ PukiWiki -メリット --整理しやすい --慣れたら編集が簡単 --大人数の編集に向いている -デメリット --わからないことが多い --お知らせが目立たない ~ HTML/CSS -メリット --1から制作経験あり --自由度が高い -デメリット --編集がむずかしい、知識が必要 ~ ***タイトル決め -条件 --日本語 --芸術学部だとわかるように --「九産の〜」 -アイデアメモ --芸術に関する名前を入れたい --掲示板的な言葉(?) --産芸 --九芸ネットワーク --九ふぉ(九産×インフォメーション) --KSU Art Note(KAN)&color(red){仮決定}; ~ ***担当決め -タイトルロゴ(KSU Art Note / KAN) → 全員 -レイアウト(スマホ、PC) → 1人 --UI(ボタン、メニューバー etc.) → 2人 --ビジュアル → 2人 --ページ構成 → 2人 ~ ***サイトの雰囲気、方向性案 -シンプルポップ &color(red){★}; -%%かわいい%% -パステル -レトロ -%%手書き風%% -%%ネオン%% -%%ビビット%% -%%モノクロ%% -ナチュラル -%%おしゃれ%% -シック -幾何学 -モダン -キャンバス -ノート風 ~ ~ **2023.09.27 ***第一回ミーティング内容 -ターゲット層決め -編集権限の範囲 -アンケート内容決定(生徒向け) -メニュー決め(必須事項のみ) -概要の明確化 -内部用か外部ありか ~ ***メモ -ターゲット層決め KSU芸術学部 先生・生徒 -ニーズ --芸術学部の情報の集積 --学部内の情報共有場所 -編集権限の範囲 --先生 --学生運営メンバー -閲覧権限の範囲 オープン(仮) *WordPressなら差別化できる(アカウント必須) -メニュー編成 --ホーム ---イベント情報 ---プロジェクト情報 ---言語設定 --セッション --キャリア情報 --教員紹介 --運営コンタクト -次回までにやること --編集権限 --アンケート内容考える --メニュー項目追加あれば ~ ***メモ https://design.kyusan-u.ac.jp/socialdesign/?芸術学部専用サイトの開発 ~ ***第二回ミーティング内容 -概要を決める -アンケートの内容決定 -メニュー項目 -編集権限 ~ ***概要 -これは何 芸術学生に寄り添ったサイト -背景 --K’sLifeが使いにくい、依存している --他学科が何をしているかわからない --芸学の情報が拾いづらい --情報の発信源がまとまっていない -目的 芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる -コンセプト --情報を拾いやすく、使いやすいサイト --面倒臭くならないサイト ~ ***アンケート内容 -生徒 --K'slife利用頻度 (用途、利用しない理由) --Teamsの利用頻度 (用途、利用しない理由) --どこで芸術学部関連のイベントなどの情報を得ているか --他学科の情報を知りたいか --芸学サイトにあってほしい項目、理由 --その他要望 --興味ある人 -教師 --Teamsの利用頻度 (用途、利用しない理由) --HTML/CSS、Word Press、PukiWiki --芸学サイトにあってほしい項目、理由 --その他要望 --連絡先を掲載していいかの確認 ~ ~ **2023.09.20 ***メモ -PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか -サイトの基本の構成を考える -芸術学部生全体へのアンケートの制作 -アンケートから、足した方がいい項目を考える -サイトマップの制作 -ワイヤーフレームの制作 -役割を分担し、それぞれで活動する ~ ***テーマ案 -芸術学部内部用のWebサイト制作(グループ) -[[プロジェクトノート>Project/九芸パレット]] ~ ***先行事例の調査 -[[ソーシャルデザイン学科>https://design.kyusan-u.ac.jp/socialdesign/?SocialDesign]] -[[九州産業大学 芸術学部>https://www.kyusan-u.ac.jp/kyugei/]] ~ ~ ~