原晴紀/情報デザイン演習IIA をテンプレートにして作成

開始行:
*Welcome to KSU Brass Band! 九州産業大学吹奏楽団部の公式HPを作ろう！ #image(main.png) -''原 晴紀'' -'''Keywords：吹奏楽, Webサイト, SNS, 宣伝''' //-https://www.example.com //-__[[相互評価シート>https://docs.google.com/spreadsheet... //-__[[試作>https://preview.studio.site/live/EjOQymA8OJ]]... -__[[Welcome to KSU Brass Band!>https://ksu-brass-band.st... //-__[[プロトタイプ評価シート>https://docs.google.com/spr... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 九州産業大学吹奏楽団部の活動を知ってもらうために 公式のHPを製作するプロジェクト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 現状、InstagramやXなどはあるもののフォロワーがなかなか増... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -大学生らしさ --明るい --元気 --かっこいい ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; Webサイト ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -STUDIO -illustrator -photoshop ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2024.04.08 - 2024.07.15 ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%他団体のサイトを多く閲覧する%% -練習やイベントの写真と動画を集める -%%大まかなレイアウトを考える%% -%%試作を作る%% -%%試作の改善%% -%%部活の記録や歴史の資料集めをする%% -お知らせを更新していく ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.15 ~ ~ **2024.07.08 -成果発表 ~ ~ **2024.07.01 -レスポンシブデザイン対応途中 -Aboutページ作成途中 --写真集め --昔の出来事調べ ~ ~ **2024.06.24 -ナビゲーションバーを英語で統一 -要素にモーションをつけた -Aboutページ作成途中 ~ ~ **2024.06.10 ***指摘された問題点 -説明文が小さくて読みにくい ~ ***高評価を得た点 -メインカラーを変更したことによって落ち着いた印象になった -情報がまとまっていて良い ~ ***その他 -ナビゲーションバーの統一感がない ~ ~ **2024.06.03 -サイト全体のメインカラーを変更 -レイアウトを調整 --色々なデバイスで確認しながら行う ~ ~ **2024.05.27 ***指摘された問題点 -フォントの統一感を出す -楽器や曲の紹介が欲しい -レイアウトがバラけて見える -大会記録など部の記録を記載する -紹介文の改行が見にくい ~ ***好評価を得た点 -依頼などを送れるお問い合わせがある点 ~ ***その他 -定期更新 -どのパートを募集しているか ~ ~ **2024.04.29 ***今回制作したプロトタイプ #image(サイトマップ.png) サイトマップ #image(ワイヤーフレーム.png) サイトのワイヤーフレーム [[試作>https://preview.studio.site/live/EjOQymA8OJ]] サーバーの動作確認（プロトタイプサイト） ~ ~ **2024.04.22 アイデアの量産 ＞ 絞り込み ~ ***HPの公開方法 -%%検討中%% --%%Google Site%% --[[STUDIO>https://studio.design/ja/]] ~ ***HPの内容（素材ネタ） -練習の様子 -部員紹介 -コンクール、その他コンテストの結果報告 -イベント出演の宣伝、報告(チラシや写真、できれば動画など... ~ ***HPのネーミング -Welcome to KSU Brass Band! ~ ***HPの構成 -ホーム --お知らせ --KSUブラスについて --お問い合わせ -SNSへのリンク --Instagram --X ~ ***HPの制作環境と方法 -デジタルラボ503のMacもしくは自身のMacBook //--Google Site 主なHPの構成 --illustrator 簡単なイラストやロゴの制作と編集 --photoshop 写真の加工 //-動画編集ツール　決まり次第 ~ ~ **2024.04.15 //***現状分析｜演習テーマの確定 //-タイトル：Welcome to KSU Brass Band! //-テーマ採択の背景：現状、InstagramやXなどはあるもののフ... ~ ***現状調査｜テーマ内容の先行事例 -[[コンフォート・ウィンドアンサンブル>https://comfort-win... -[[福岡工業大学吹奏楽部吹奏楽団>https://www.fit.ac.jp/~su... -[[東京佼成ウインドオーケストラ>https://www.tkwo.jp/]] -[[福大ブラス[福岡大学応援指導部吹奏楽団]>http://fukudai-... ~ ***現状調査｜表現形式の先行事例 -[[PerfectDiary Japan>https://jp.perfectdiary.com/]] -[[ME:I OFFICIAL SITE>https://me-i.jp/]] ~ ***現状調査｜時間軸（対象の歴史的知見） -[[吹奏楽の歴史>https://ja.wikipedia.org/wiki/%E5%90%B9%E... 吹奏楽とは、「管楽器と打楽器のみの合奏、すなわち弦のない... ~ ***現状調査｜空間軸（対象の地理的知見） - [[日本の吹奏楽発祥の地・妙香寺パイオニア吹奏楽団>https:... 一般的にはルーツは古代エジプトにあり、ヨーロッパにおいて... ~ ***現状調査｜技術 -制作ツール（illustrator,photoshopなど） -[[ホームページを自分で作成する方法14選！無料で試せるツー... -[[HTML の基本 - ウェブ開発を学ぶ - MDN Web Docs>https://... ~ ***解決すべき課題 -Webページの作り方 -見やすさを意識したデザイン -内容 -九州産業大学吹奏楽団部だけにある特徴 ~ ~ **2024.04.08 ***プロジェクトのテーマ候補（10件以上） -九州産業大学吹奏楽団部の公式HP -吹奏楽曲をジャンルごとにまとめて紹介 -自分の楽器（コントラバス）について紹介 -大学周辺のラーメン屋の紹介 -メイクの手順紹介 -使ってよかった化粧品紹介 -一人暮らしお役立ち道具 -好きなアーティストまとめ -推し動画作り方 -長期休みにできること ~ ***参考リンク -[[Webサイトとは? ホームページとの違いや種類を紹介>https:... -[[【メンズメイク】初心者でもできるやり方＆おすすめアイテ... -[[推し動画の作り方は？おすすめの編集ソフト・アプリや制作... ~ ~

終了行:
*Welcome to KSU Brass Band! 九州産業大学吹奏楽団部の公式HPを作ろう！ #image(main.png) -''原 晴紀'' -'''Keywords：吹奏楽, Webサイト, SNS, 宣伝''' //-https://www.example.com //-__[[相互評価シート>https://docs.google.com/spreadsheet... //-__[[試作>https://preview.studio.site/live/EjOQymA8OJ]]... -__[[Welcome to KSU Brass Band!>https://ksu-brass-band.st... //-__[[プロトタイプ評価シート>https://docs.google.com/spr... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 九州産業大学吹奏楽団部の活動を知ってもらうために 公式のHPを製作するプロジェクト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 現状、InstagramやXなどはあるもののフォロワーがなかなか増... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -大学生らしさ --明るい --元気 --かっこいい ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; Webサイト ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -STUDIO -illustrator -photoshop ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX... 2024.04.08 - 2024.07.15 ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... -%%他団体のサイトを多く閲覧する%% -練習やイベントの写真と動画を集める -%%大まかなレイアウトを考える%% -%%試作を作る%% -%%試作の改善%% -%%部活の記録や歴史の資料集めをする%% -お知らせを更新していく ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.07.15 ~ ~ **2024.07.08 -成果発表 ~ ~ **2024.07.01 -レスポンシブデザイン対応途中 -Aboutページ作成途中 --写真集め --昔の出来事調べ ~ ~ **2024.06.24 -ナビゲーションバーを英語で統一 -要素にモーションをつけた -Aboutページ作成途中 ~ ~ **2024.06.10 ***指摘された問題点 -説明文が小さくて読みにくい ~ ***高評価を得た点 -メインカラーを変更したことによって落ち着いた印象になった -情報がまとまっていて良い ~ ***その他 -ナビゲーションバーの統一感がない ~ ~ **2024.06.03 -サイト全体のメインカラーを変更 -レイアウトを調整 --色々なデバイスで確認しながら行う ~ ~ **2024.05.27 ***指摘された問題点 -フォントの統一感を出す -楽器や曲の紹介が欲しい -レイアウトがバラけて見える -大会記録など部の記録を記載する -紹介文の改行が見にくい ~ ***好評価を得た点 -依頼などを送れるお問い合わせがある点 ~ ***その他 -定期更新 -どのパートを募集しているか ~ ~ **2024.04.29 ***今回制作したプロトタイプ #image(サイトマップ.png) サイトマップ #image(ワイヤーフレーム.png) サイトのワイヤーフレーム [[試作>https://preview.studio.site/live/EjOQymA8OJ]] サーバーの動作確認（プロトタイプサイト） ~ ~ **2024.04.22 アイデアの量産 ＞ 絞り込み ~ ***HPの公開方法 -%%検討中%% --%%Google Site%% --[[STUDIO>https://studio.design/ja/]] ~ ***HPの内容（素材ネタ） -練習の様子 -部員紹介 -コンクール、その他コンテストの結果報告 -イベント出演の宣伝、報告(チラシや写真、できれば動画など... ~ ***HPのネーミング -Welcome to KSU Brass Band! ~ ***HPの構成 -ホーム --お知らせ --KSUブラスについて --お問い合わせ -SNSへのリンク --Instagram --X ~ ***HPの制作環境と方法 -デジタルラボ503のMacもしくは自身のMacBook //--Google Site 主なHPの構成 --illustrator 簡単なイラストやロゴの制作と編集 --photoshop 写真の加工 //-動画編集ツール　決まり次第 ~ ~ **2024.04.15 //***現状分析｜演習テーマの確定 //-タイトル：Welcome to KSU Brass Band! //-テーマ採択の背景：現状、InstagramやXなどはあるもののフ... ~ ***現状調査｜テーマ内容の先行事例 -[[コンフォート・ウィンドアンサンブル>https://comfort-win... -[[福岡工業大学吹奏楽部吹奏楽団>https://www.fit.ac.jp/~su... -[[東京佼成ウインドオーケストラ>https://www.tkwo.jp/]] -[[福大ブラス[福岡大学応援指導部吹奏楽団]>http://fukudai-... ~ ***現状調査｜表現形式の先行事例 -[[PerfectDiary Japan>https://jp.perfectdiary.com/]] -[[ME:I OFFICIAL SITE>https://me-i.jp/]] ~ ***現状調査｜時間軸（対象の歴史的知見） -[[吹奏楽の歴史>https://ja.wikipedia.org/wiki/%E5%90%B9%E... 吹奏楽とは、「管楽器と打楽器のみの合奏、すなわち弦のない... ~ ***現状調査｜空間軸（対象の地理的知見） - [[日本の吹奏楽発祥の地・妙香寺パイオニア吹奏楽団>https:... 一般的にはルーツは古代エジプトにあり、ヨーロッパにおいて... ~ ***現状調査｜技術 -制作ツール（illustrator,photoshopなど） -[[ホームページを自分で作成する方法14選！無料で試せるツー... -[[HTML の基本 - ウェブ開発を学ぶ - MDN Web Docs>https://... ~ ***解決すべき課題 -Webページの作り方 -見やすさを意識したデザイン -内容 -九州産業大学吹奏楽団部だけにある特徴 ~ ~ **2024.04.08 ***プロジェクトのテーマ候補（10件以上） -九州産業大学吹奏楽団部の公式HP -吹奏楽曲をジャンルごとにまとめて紹介 -自分の楽器（コントラバス）について紹介 -大学周辺のラーメン屋の紹介 -メイクの手順紹介 -使ってよかった化粧品紹介 -一人暮らしお役立ち道具 -好きなアーティストまとめ -推し動画作り方 -長期休みにできること ~ ***参考リンク -[[Webサイトとは? ホームページとの違いや種類を紹介>https:... -[[【メンズメイク】初心者でもできるやり方＆おすすめアイテ... -[[推し動画の作り方は？おすすめの編集ソフト・アプリや制作... ~ ~

ページ名: