LogoMark.png

福井涼/情報デザイン演習IIA のバックアップの現在との差分(No.5)


#author("2024-04-29T16:57:18+09:00;2024-04-08T15:21:27+09:00","default:member","member")
*日常に潜むファゴットの音
#author("2024-05-20T11:08:14+09:00;2024-05-13T11:45:48+09:00","default:member","member")
*Life with the Bassoon
ファゴットの魅力を伝えるWebサイト

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''福井 涼''
-'''Keywords:・・, ・・・, ・・・, ・・・'''
-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
-'''Keywords:音, Web, 映像'''
-__[[試作品>https://fki-sz.github.io/bsn1/]]__ 
-__[[相互評価シート>https://docs.google.com/spreadsheets/d/16DmKRnOkBtjigoA32jY2NvUCDym_X1EHB4QTFY5_M2Y/edit?usp=sharing]]__  ← ここからコメントをお願いします。
~
~


**概要
***これは何?
ファゴットの音の魅力を伝えるWebサイト
~

***背景と目的
自分がやっている楽器を伝えても、知らないと言われることがほとんど。
マイナーな楽器からメジャーな楽器にするため。
~

***コンセプト
ファゴットの音色の魅力を自分の表現を交えて伝える。
~

***成果物の仕様
Webサイト
動画…5分ほどの演奏動画
~

***メンバー
他楽器の人への協力
~

***制作ツール
HTML,CSS
HTML,CSS,javascript
~

***プロジェクトの期間

~
~

**プロジェクト管理

***スケジュール

~

***ToDo
-Webサイトの基盤を制作
-HTMLとCSSの応用を模索
-HTMLとCSS,javascriptの応用を模索
-サイトの構成を考える(サイトマップをしっかり作る)
-音声録音
-動画編集

~
~

#hr
CENTER:''進捗記録''

#hr
~
~

**2024.04.29
***今回制作したプロトタイプ
~
CENTER:#image(sitemap.png,center,75%)
CENTER:サイトマップ
~
CENTER:#image(wireframe.jpg,center,75%)
CENTER:サイトのワイヤーフレーム

#image(サイトマップ.png)
サイトマップ
#image(ワイヤーフレーム.png)
サイトのワイヤーフレーム
~

https://xxxx.github.io/project/index.html
サーバーの動作確認(プロトタイプサイト)


~

***プロトタイプ制作の方法

- Adobe Illustrator により、ワイヤーフレームを制作
- インターネット上のWebテンプレートを利用
- メインビジュアルとメニューのみを修正してサーバーにアップ
~
~


**2024.04.22
アイデアの量産 > 絞り込み
~
***Webサイトの公開方法
-
-その他サーバーの確保
-GitHub
~

***Webサイトの内容(素材ネタ)
-ファゴットの魅力をジャンル別で紹介
→身近にあるファゴットの音の一部を取り出し、音声リンクを作成
→音がもたらすリラックス効果や高揚感、等を説明に入れる
-実際に曲を演奏した動画のリンク
-ファゴットの起源
-ファゴットの他楽器との結びつき(ダブルリード、弦楽器、木管五重奏…)
-有名なファゴット奏者の演奏動画リンク

~

***Webサイトのネーミング
-日常に潜むファゴットの音色
-Life with the Bassoon
~

***Webサイトの構成
-それぞれのページを作成
-音声リンクを使用し簡単に再生できる仕組み
~

***Webサイトの制作環境と方法
-HTML,CSS
-GoogleSites
-HTML, CSS, javascript
~

***動画の内容
-ジブリメドレーを実際に演奏・合成
-
~
~


**2024.04.15

***現状調査|テーマ内容の先行事例
-ファゴットの魅力は何か。
--[[参考リンク>https://topics.tbs.co.jp/article/detail/?id=19904]]
-みんながよく耳にするCMソングやドラマ挿入曲は何か。
--[[参考リンク>https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1168071361]]
~

***現状調査|表現形式の先行事例
-音・音楽を上手く聴かせるにはどうすればよいか。
--[[音声リンク作り方>https://news.mynavi.jp/techplus/article/zerojavascript-21/]]
-映像表現の中で、聴覚だけでなく視覚でどうおもしろく見せるか。
--[[参考映像>https://youtu.be/WfKHU0jzqDA?si=fhJ4FdF3PxmUO7PS]]
~

***現状調査|時間軸(対象の歴史的知見)
-ファゴットが誕生するまでの歴史
--[[参考リンク>https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%B4%E3%83%83%E3%83%88#%E6%AD%B4%E5%8F%B2]]
~

***現状調査|空間軸(対象の地理的知見)
-それぞれの国でのファゴットの奏者
--[[参考リンク>https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%B4%E3%83%83%E3%83%88#%E6%AD%B4%E5%8F%B2]]
~


***現状調査|技術
-[[Webサイト構成>https://www.nintendo.com/jp/switch/aqmxa/index.html]]
-[[映像の撮り方>https://youtu.be/UjOnaMBwnUw?si=iH9n_DFPeWpxD0H9]]
-[[楽器の表現を知る>https://www.youtube.com/@sophiedervaux-official9202]]
~

***解決すべき課題
-HTMLやCSSの技術・構成
-HTMLやCSS, javascriptの技術・構成
-映像表現の蓄え
~


**2024.04.08
***プロジェクトのテーマ候補(10件以上)
-楽器紹介(吹奏楽、fg、、
-日常の中の様々な音(音楽)とその効果
-知られていないファゴットの音
-絵本の魅力と人の心理
-色んな結婚式の形
-メイクアップ
-和服と洋服
-公園(土地設計、遊具
-文房具
-散歩

~

***参考リンク
-[[楽器紹介サイト>https://www.gakkihaku.jp/collection/co/kind/]]
-[[演奏映像>https://youtu.be/UjOnaMBwnUw?si=iH9n_DFPeWpxD0H9]]
-[[Webサイト構成>https://www.nintendo.com/jp/switch/aqmxa/index.html]]
~
~