角田雄一/情報デザイン研究II をテンプレートにして作成

開始行:
*生命科学部公式サイト &small(2025 リニューアル); https://lifescience.kyusan-u.ac.jp #image(main.png) -''角田 雄一'' -'''Keywords：WebDesign, CMS, PukiWIki, VI''' //-https://www.example.com -__[[プレゼン資料>https://drive.google.com/drive/folders/... //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***プロジェクト概要 生命科学部の情報発信を行うサイトのリニューアル ~ ***背景・目的 現在のサイトについて、生命科学部の先生方の要望や、会議を... -来年からの学科増設に伴い、新しい学科のページが必要。 -サイトのターゲットが、在校生なのか、一般の方なのか、受験... -更新する教員が少なく、空白・書きかけの項目や、更新されて... -本来は同一項目内に掲載するべきページが複数に分散していた... それらを踏まえ、主に「受験生向けの情報発信に特化させる」... ~ ***成果物 __[[生命科学部サイト>https://lifescience.kyusan-u.ac.jp/m... ~ ***メンバー -[[興梠媛愛/情報デザイン研究II]] -[[角田雄一/情報デザイン研究II]] -担当：[[井上貢一]] ~ ***プロジェクトサイト -[[Project/生命科学部公式サイトリニューアル]] ~ ***担当 - [[井上貢一]] - 米満宗明　教授（生命科学部） - 金子たかね　准教授（生命科学部） ~ ***仕様 CMSには PukiWiki を使用 -[[サイトマップ>https://www.figma.com/board/KTs5vQTmbYLse... -[[ワイヤーフレーム>https://www.figma.com/design/CukLb2pV... -[[作品概要>https://drive.google.com/file/d/1QOkXqJb4TgPH... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Figma XAMPP PukiWiki Visual Studio Code //--Doom Emacs (orgファイル) //-依存関係 ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2024.09.16 - 2025.XX.XX ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 　今回の制作は、受験生向けのサイトにすることと、サイト情... 　プロジェクト開始当初は、「とりあえず指摘されたところを... 　そして、今回はCMS にPukiWiki を用いたが、PukiWiki を利... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -[[現行サイト>https://lifescience.kyusan-u.ac.jp/main/]] -[[前回のプロジェクトページ>Project/生命科学部公式サイト]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -九州産業大学ソーシャルデザイン学科のwebサイト -[[九州産業大学理工学部のwebサイト>https://riko.kyusan-u.... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -WEB Designing 2022/04 VOL.213 マイナビ出版 2022 　特集 コンテンツマーケティングが大きく変わる！CMS新時代2... -[[PukiWiki>https://pukiwiki.sourceforge.io]] -https://design.kyusan-u.ac.jp/OpenSquareJP/?LocalServer -https://design.kyusan-u.ac.jp/OpenSquareJP/?CMS -https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki -https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Cus... --https://design.kyusan-u.ac.jp/SampleSite/pukiwiki_minim... -https://design.kyusan-u.ac.jp/OpenSquareJP/?FilePermission -[[PukiWiki サイトの開発イメージ（Made with Draw.io）>htt... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... 9/30,10/18に打ち合わせ ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -ワイヤーフレーム作成 -作品概要作成 -コーディング --スマホ画面のヘッダーの変更 --パソコン画面のトップ・ボトム移動ボタン --スマホ画面のトップ・ボトム移動ボタン -コンテンツの移動 //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.01.09 ***進捗 -仮サーバー上で動作確認をしたところ、スマホ画面の「トップ... ~ ~ **2024.12.23 ***進捗 -仮サーバでの動作確認 仮サーバーでの動作確認を行った。コーディングで実装した部... ~ ~ **2024.12.16 ***進捗 -スマホ画面のトップ・ボトム移動ボタンの実装 #image(03-mobile.png, 30%) 当初は、ソーシャルデザイン学科の学科サイトのように、画面... ~ **2024.12.09 ***進捗 -パソコン画面のトップ・ボトム移動ボタンの実装 #image(02-pc.png, 30%) ~ **2024.12.02 ***進捗 -スマホ画面のヘッダーレイアウトの変更 Before #image(01-1_header_before.png, 30%) After #image(01-2_header_after.png, 30%) ~ ***最終発表役割分担 -研究の背景・目的（角田） -生命科学部の現状・技術情報（角田） -サイトマップ（興梠） -ワイヤーフレーム（興梠） -コンテンツ（興梠） -コーディング（角田） -まとめ（角田） ~ ~ **2024.11.25 ***打ち合わせ -魚のアイコンで応用生物学コースの追加 -現行サイトのページの更新をかける -色等は変えない方針で -サイトマップに関しての変更はFigmaにて更新済み ~ ***概要集チェック項目 -ファイルのデータは5MB程 - 「～だ、～である調」で書く ~ ~ **2024.11.18 ***進捗 - 打ち合わせ内容の確認 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.11.11 ***進捗 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.10.28 ***進捗 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.10.21 ***サイトマップ -[[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle... -コースが４つになる -コース別お知らせページ --食品科学コースのみ掲載、しかもだいぶ前の更新 --コース別お知らせは必要か、必要ならどのページにするか、... -受験生向け情報ページ --今までトップページや、サイドメニューの「受験生の方へ」... --資格と進路、カリキュラムについては現在ページがないため... --それぞれ受験生用ページに追加するのか、個別コースごとに... --受験生のためのお問い合わせフォームも欲しいとのことだっ... --九産大ホームページへのリンクは受験生用ページにあったほ... -学科案内資料 --2022年から更新されていない --残すのかどうか、会議で要検討 -ご案内サブメニュー --ご案内メニューの中の、受験生向け情報とお問い合わせフォ... --事務室への連絡先や、スタッフの情報はどちらかというと在... -Aboutページ --もともとご案内ページにあったAboutページの置く場所がなく... ~ ***PukiWiki準備進捗 -ローカルサーバーのインストール、PukiWikiのローカル環境で... -サンプルを使って、ページのフレーム構造とスタイルの基本的... ~ ~ **2024.10.14 ***topページと受験生用ページの扱いの違いをどうするか 例えば... -topページには学生や教授等の活動のみを記載する -受験生用ページをナビゲーションに追加し、現在topページに... ~ ***ロゴ横のタイトルは生命科学部で固定 -現在は設定でページごとのsubmenuページに飛ぶが、top画面に... ~ ***資格と進路、カリキュラムについて -現在ページがないため、今回のリニューアルで情報を追加 -それぞれ受験生用ページに追加するのか、個別コースごとに追... ~ ***在学生向けページについて -現在何も情報が入っていないため、事務室情報など在学生が必... ~ ***Aboutページ -要検討 -一度分類から分けている ~ ***コースごとのお知らせページ -個別に必要か？ -2021から追加更新がないまたは記事自体ない -topページを学生や教授等の活動のみを記載するため、ここに... ~ ***ポスターセッション担当 -概要説明　興梠 -会議の内容と現状調査　興梠 -サイトマップの説明、次回の話し合いで聞くこと　角田 -pukiwikiの進捗　角田 ~ ~ ***現在のサイトマップ [[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle6... ~ ~ **2024.10.07 ***生命科学部現状 -学科の色：#DA5D9E -ホーム画面の生命科学部の文字を押すと、編集ガイドのリンク... -事務室のダミーページは削除したほうが良いかも。 ~ ***現在のサイトマップ [[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle6... ~ ~ **2024.09.30 ***生命科学部現状 - 学科が四つになる - 研究室ページは、教授名じゃなくて研究室一覧を表示する - トップページの写真を変えたい - インスタ等、各種SNSリンク要らない - 動画専用のページや最近のトピックのページを作り、ヘッダ... - 化粧品、加工食品といった特徴を前面に押し出す - お問い合わせフォームや事務室のメールアドレスから連絡取... - カリキュラムと取得可能な資格を閲覧できるページを作る ~ ***所感 - トップページにあるパンフレット内の動物学、水産学、植物... - トップページのナビゲーションのカルーセルの画像は、すで... - 学科トップページはリンクだけだと寂しいので、最近の様子... - ~ ~ **2024.09.23 ***テーマ案決定 本の貸し借りWebアプリの一部機能を実装したプロトタイプをつ... -実装する機能 --アカウント認証（メールアドレス・パスワード） --プロフィール編集 --自分の本の管理（本の登録・編集・感想の記入） -成果物 --ソースコード --UI確認サイト(フロントエンドのみの操作感確認サイト) --テスト映像 --データ構造の図 ~ ~ **2024.09.16 ***テーマ案絞り出し -前期「情報デザイン研究I」で制作したWebサイトのUIの改善 -体重、食事内容、摂取カロリーなどを記録しておける健康管理... -本の貸し借りWebアプリの制作を最終目標として、その一部機... ~ ***先行事例の調査 -健康管理ツールについて --アプリ: __[[あすけん>https://www.asken.jp/]]__ カロリーだけでなく、PFCバランスもグラフで表示される。 体重の増減グラフを備えている。 --食事管理スプレッドシート: __[[shoya_chiritsumo_powerbui... 今回の案と類似した体重管理のスプレッドシート。 少しレイアウトが見づらいのと、食事内容・カロリー・栄養素... -本の貸し借りアプリ --小さな図書館向けの本の貸し借りシステム: __[[BooSS>https... グループの作成と利用者の登録が可能。利用者のみ借りること... 人と人とをマッチングして貸し借りするものではない。 --スマホで使える貸出管理アプリ: __[[カシカシ>https://casi... コミュニティ内で使う、様々なアイテムの貸し借り管理ができ... 書籍の管理機能が充実しており、書籍のバーコードからISBN情... --図書管理ツール: __[[リブライズ>https://librize.com/ja]]__ 主に蔵書管理を目的としたツール。本の貸し借りも管理できる。 蔵書管理の機能も付けてもいいなと思った。 ~ ~ ~

終了行:
*生命科学部公式サイト &small(2025 リニューアル); https://lifescience.kyusan-u.ac.jp #image(main.png) -''角田 雄一'' -'''Keywords：WebDesign, CMS, PukiWIki, VI''' //-https://www.example.com -__[[プレゼン資料>https://drive.google.com/drive/folders/... //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ //***CONTENTS //#contents2_1 //~ **概要 ***プロジェクト概要 生命科学部の情報発信を行うサイトのリニューアル ~ ***背景・目的 現在のサイトについて、生命科学部の先生方の要望や、会議を... -来年からの学科増設に伴い、新しい学科のページが必要。 -サイトのターゲットが、在校生なのか、一般の方なのか、受験... -更新する教員が少なく、空白・書きかけの項目や、更新されて... -本来は同一項目内に掲載するべきページが複数に分散していた... それらを踏まえ、主に「受験生向けの情報発信に特化させる」... ~ ***成果物 __[[生命科学部サイト>https://lifescience.kyusan-u.ac.jp/m... ~ ***メンバー -[[興梠媛愛/情報デザイン研究II]] -[[角田雄一/情報デザイン研究II]] -担当：[[井上貢一]] ~ ***プロジェクトサイト -[[Project/生命科学部公式サイトリニューアル]] ~ ***担当 - [[井上貢一]] - 米満宗明　教授（生命科学部） - 金子たかね　准教授（生命科学部） ~ ***仕様 CMSには PukiWiki を使用 -[[サイトマップ>https://www.figma.com/board/KTs5vQTmbYLse... -[[ワイヤーフレーム>https://www.figma.com/design/CukLb2pV... -[[作品概要>https://drive.google.com/file/d/1QOkXqJb4TgPH... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Figma XAMPP PukiWiki Visual Studio Code //--Doom Emacs (orgファイル) //-依存関係 ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2024.09.16 - 2025.XX.XX ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 　今回の制作は、受験生向けのサイトにすることと、サイト情... 　プロジェクト開始当初は、「とりあえず指摘されたところを... 　そして、今回はCMS にPukiWiki を用いたが、PukiWiki を利... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... -[[現行サイト>https://lifescience.kyusan-u.ac.jp/main/]] -[[前回のプロジェクトページ>Project/生命科学部公式サイト]] ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... -九州産業大学ソーシャルデザイン学科のwebサイト -[[九州産業大学理工学部のwebサイト>https://riko.kyusan-u.... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -WEB Designing 2022/04 VOL.213 マイナビ出版 2022 　特集 コンテンツマーケティングが大きく変わる！CMS新時代2... -[[PukiWiki>https://pukiwiki.sourceforge.io]] -https://design.kyusan-u.ac.jp/OpenSquareJP/?LocalServer -https://design.kyusan-u.ac.jp/OpenSquareJP/?CMS -https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki -https://design.kyusan-u.ac.jp/OpenSquareJP/?PukiWiki/Cus... --https://design.kyusan-u.ac.jp/SampleSite/pukiwiki_minim... -https://design.kyusan-u.ac.jp/OpenSquareJP/?FilePermission -[[PukiWiki サイトの開発イメージ（Made with Draw.io）>htt... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... 9/30,10/18に打ち合わせ ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -ワイヤーフレーム作成 -作品概要作成 -コーディング --スマホ画面のヘッダーの変更 --パソコン画面のトップ・ボトム移動ボタン --スマホ画面のトップ・ボトム移動ボタン -コンテンツの移動 //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしな... ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.01.09 ***進捗 -仮サーバー上で動作確認をしたところ、スマホ画面の「トップ... ~ ~ **2024.12.23 ***進捗 -仮サーバでの動作確認 仮サーバーでの動作確認を行った。コーディングで実装した部... ~ ~ **2024.12.16 ***進捗 -スマホ画面のトップ・ボトム移動ボタンの実装 #image(03-mobile.png, 30%) 当初は、ソーシャルデザイン学科の学科サイトのように、画面... ~ **2024.12.09 ***進捗 -パソコン画面のトップ・ボトム移動ボタンの実装 #image(02-pc.png, 30%) ~ **2024.12.02 ***進捗 -スマホ画面のヘッダーレイアウトの変更 Before #image(01-1_header_before.png, 30%) After #image(01-2_header_after.png, 30%) ~ ***最終発表役割分担 -研究の背景・目的（角田） -生命科学部の現状・技術情報（角田） -サイトマップ（興梠） -ワイヤーフレーム（興梠） -コンテンツ（興梠） -コーディング（角田） -まとめ（角田） ~ ~ **2024.11.25 ***打ち合わせ -魚のアイコンで応用生物学コースの追加 -現行サイトのページの更新をかける -色等は変えない方針で -サイトマップに関しての変更はFigmaにて更新済み ~ ***概要集チェック項目 -ファイルのデータは5MB程 - 「～だ、～である調」で書く ~ ~ **2024.11.18 ***進捗 - 打ち合わせ内容の確認 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.11.11 ***進捗 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.10.28 ***進捗 -サンプルを用いたPukiwikiのプログラミング ~ ~ **2024.10.21 ***サイトマップ -[[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle... -コースが４つになる -コース別お知らせページ --食品科学コースのみ掲載、しかもだいぶ前の更新 --コース別お知らせは必要か、必要ならどのページにするか、... -受験生向け情報ページ --今までトップページや、サイドメニューの「受験生の方へ」... --資格と進路、カリキュラムについては現在ページがないため... --それぞれ受験生用ページに追加するのか、個別コースごとに... --受験生のためのお問い合わせフォームも欲しいとのことだっ... --九産大ホームページへのリンクは受験生用ページにあったほ... -学科案内資料 --2022年から更新されていない --残すのかどうか、会議で要検討 -ご案内サブメニュー --ご案内メニューの中の、受験生向け情報とお問い合わせフォ... --事務室への連絡先や、スタッフの情報はどちらかというと在... -Aboutページ --もともとご案内ページにあったAboutページの置く場所がなく... ~ ***PukiWiki準備進捗 -ローカルサーバーのインストール、PukiWikiのローカル環境で... -サンプルを使って、ページのフレーム構造とスタイルの基本的... ~ ~ **2024.10.14 ***topページと受験生用ページの扱いの違いをどうするか 例えば... -topページには学生や教授等の活動のみを記載する -受験生用ページをナビゲーションに追加し、現在topページに... ~ ***ロゴ横のタイトルは生命科学部で固定 -現在は設定でページごとのsubmenuページに飛ぶが、top画面に... ~ ***資格と進路、カリキュラムについて -現在ページがないため、今回のリニューアルで情報を追加 -それぞれ受験生用ページに追加するのか、個別コースごとに追... ~ ***在学生向けページについて -現在何も情報が入っていないため、事務室情報など在学生が必... ~ ***Aboutページ -要検討 -一度分類から分けている ~ ***コースごとのお知らせページ -個別に必要か？ -2021から追加更新がないまたは記事自体ない -topページを学生や教授等の活動のみを記載するため、ここに... ~ ***ポスターセッション担当 -概要説明　興梠 -会議の内容と現状調査　興梠 -サイトマップの説明、次回の話し合いで聞くこと　角田 -pukiwikiの進捗　角田 ~ ~ ***現在のサイトマップ [[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle6... ~ ~ **2024.10.07 ***生命科学部現状 -学科の色：#DA5D9E -ホーム画面の生命科学部の文字を押すと、編集ガイドのリンク... -事務室のダミーページは削除したほうが良いかも。 ~ ***現在のサイトマップ [[Figma>https://www.figma.com/board/KTs5vQTmbYLseqjrSGle6... ~ ~ **2024.09.30 ***生命科学部現状 - 学科が四つになる - 研究室ページは、教授名じゃなくて研究室一覧を表示する - トップページの写真を変えたい - インスタ等、各種SNSリンク要らない - 動画専用のページや最近のトピックのページを作り、ヘッダ... - 化粧品、加工食品といった特徴を前面に押し出す - お問い合わせフォームや事務室のメールアドレスから連絡取... - カリキュラムと取得可能な資格を閲覧できるページを作る ~ ***所感 - トップページにあるパンフレット内の動物学、水産学、植物... - トップページのナビゲーションのカルーセルの画像は、すで... - 学科トップページはリンクだけだと寂しいので、最近の様子... - ~ ~ **2024.09.23 ***テーマ案決定 本の貸し借りWebアプリの一部機能を実装したプロトタイプをつ... -実装する機能 --アカウント認証（メールアドレス・パスワード） --プロフィール編集 --自分の本の管理（本の登録・編集・感想の記入） -成果物 --ソースコード --UI確認サイト(フロントエンドのみの操作感確認サイト) --テスト映像 --データ構造の図 ~ ~ **2024.09.16 ***テーマ案絞り出し -前期「情報デザイン研究I」で制作したWebサイトのUIの改善 -体重、食事内容、摂取カロリーなどを記録しておける健康管理... -本の貸し借りWebアプリの制作を最終目標として、その一部機... ~ ***先行事例の調査 -健康管理ツールについて --アプリ: __[[あすけん>https://www.asken.jp/]]__ カロリーだけでなく、PFCバランスもグラフで表示される。 体重の増減グラフを備えている。 --食事管理スプレッドシート: __[[shoya_chiritsumo_powerbui... 今回の案と類似した体重管理のスプレッドシート。 少しレイアウトが見づらいのと、食事内容・カロリー・栄養素... -本の貸し借りアプリ --小さな図書館向けの本の貸し借りシステム: __[[BooSS>https... グループの作成と利用者の登録が可能。利用者のみ借りること... 人と人とをマッチングして貸し借りするものではない。 --スマホで使える貸出管理アプリ: __[[カシカシ>https://casi... コミュニティ内で使う、様々なアイテムの貸し借り管理ができ... 書籍の管理機能が充実しており、書籍のバーコードからISBN情... --図書管理ツール: __[[リブライズ>https://librize.com/ja]]__ 主に蔵書管理を目的としたツール。本の貸し借りも管理できる。 蔵書管理の機能も付けてもいいなと思った。 ~ ~ ~

ページ名: