#author("2024-10-25T14:23:57+09:00","default:member","member") #author("2024-10-25T14:27:27+09:00","default:member","member") *あけぼのピアノ教室 ピアノ教室の宣伝 #image(sisaku-main .jpg) #image(koukisisaku.jpg) -''竹谷 匠冬'' -''Keywords:website piano'' -[[あけぼのピアノ教室>https://akebonopianolesson.github.io/koukisisaku/]] ~ **概要 ***これは何? //&color(red){これは何か・・を簡潔に}; ピアノ教室を宣伝するためのwebサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; ピアノ教室は音楽教室が絶頂期だった昔に比べれば、全体の生徒数は大幅に減っている。最近は大手の教室から個人教室への変更はあるとはいうものの、生徒数が少ないことには変わりない。実際半数以上は20名もいない現状である。福岡県福津市あけぼのにあるピアノ教室も卒業・就職などの影響によって近隣の生徒が減ってきている。新たにwebサイトでの募集を始めることによって近隣の生徒のみでなく違う地域からの生徒も募集出来ると考えたので、Webサイトでレッスン風景・講師,手頃な料金などを紹介して生徒数を増加させることが目的である。 3年次のwebサイトは検索してもヒットしなかったので,4年次では一般公開に向けて,マルチページの作成や新たなコンテンツを追加していく。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ~webサイトから知った人でも分かりやすいサイト ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; webサイト -サイトマップ #image(saitomapu.jpg) -ワイヤーフレーム #image(waiya--1.jpg) //***メンバー //&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; Adobe Xd Visual Studio Code HTML CSS JavaScript ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; ~2024.5.10 ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 中間報告 マルチページの追加コンテンツの作成,マルチページをスマホで見る場合とサイトをPCで見る際の大きさ変更も行えた。トップページの作成がまだ完了していないので最終までに先行事例を参考にして作成していきたいと思っています。 最後の展示をどのように行うか考えていくことも課題。 8月最終発表 中間発表ではサイトにまだダミー文字だけで画像などが何もなかったが,遠くから来てもらう際のアピールポイントなど中間で物足りないと言われた点を含め,完成させることができた。トップページの物足りなさ,シンプルすぎる文章などが次の課題だと思う。今回の最終までに一通り完成はしたが,git hubアップロードした際の画像表示バグの改善ができなかった。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -webサイト --個人のピアノ教師のwebサイトは調べた範囲では多くは存在しない,大きなサイトに何個も掲載されており少しの文章と顔写真などが多い。 --YamahaMusicLessonなどの有名どころは一つのwebサイトを持っている。 --どこの家にもグランドピアノが設置してあるのが当たり前になっている(設置済み) -月謝 --始めた技術によるが、平均8800~ --いつの時間が空いているかが一眼でわかるサイトもある -ピアノ教室 --主に地域の知り合いの子供が生徒 --コロナに関係なく地域の子どもの年齢が上がっているので卒業,就職などで辞める方が多い --生徒数への大きな現象はあまり見られないが、個人教室等の生徒数が少ないのには変わりはない [[ピアノ教室生徒数>https://scatenato.biz/zitaku1/]] 4年次 -Google Search Consoleに登録しないと検索にヒットしないことがある。 ~ ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -生徒募集はYamaha・カワイ、はwebサイトで教室検索や問い合わせができるようになっている。 --[[YamahaMusicLesson>https://school.jp.yamaha.com/music_lesson/lp/welcome/index_b02.html?utm_source=google&utm_campaign=ad&utm_medium=cpc&utm_term=brand&gad=1&gclid=EAIaIQobChMIlM3uhKrtgQMVDtKWCh2cHAitEAAYASAAEgKdpPD_BwE]] --[[カワイ音楽教室>https://music.kawai.jp/search]] -4年次 --参考になりそうなサイト [[伊坂美術印刷株式会社>http://www.isaka.co.jp/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -html ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; [[スケジュール>https://docs.google.com/spreadsheets/d/1nm2SHvleRP7XyQ2QyJAs4tpKOyEmWsdI1RPonnkgodM/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%マルチページの作成%% -追加コンテンツの掲載 -Google Search Console(グーグルサーチコンソール)への登録 ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2024.10.18 ***進捗記録 -枠組みの削除 -色味変更 -写真などに柔らかさを持たせるために角を丸く ~ ~ **2024.10.18 ***進捗記録 -講師紹介のプロフィール写真・動画の画角の見直しが必要 -トップページにレッスン風景の動画を倍速にして載せた これまでの写真と同時起用するか迷ったため比較↓ #image(hikaku1.jpg) #image(hikaku2.jpg) ~ ~ **2024.10.11 ***進捗記録 -講師紹介欄の追加 ~ ~ **2024.10.4 ***進捗記録 -動画撮影・編集 -ハンバーガーメニュー内の改善 ~ ~ **2024.9.27 ***進捗記録 -ハンバーガーメニューの追加 -メインカラー・文字カラーの変更 -htmlの整理整頓 ~ ~ **2024.9.20 ***進捗記録 今後の改善点 -ビジュアル --画像を動かす・画像の入れ方によって工夫 --色味を変えることによってクオリティを上げれる(背景は白に統一する) ↑によって枠をなくす -情報 --講師紹介の追加 -ナビゲーション --ハンバーガーニューの追加 --スマートフォンで閲覧する際の配慮 ~ ~ **2024.7.19 ***進捗記録 -サイト更新 --試作品の新たな写真の導入など --ハンバーガーメニューの追加 #image(hyouzibagu.jpg) ~ ~ **2024.7.12 ***進捗記録 -サイト更新 --試作品完成 --最終審査のための原稿などの作成 ~ ~ **2024.7.5 ***進捗記録 -サイト更新 --試作品完成 --メニューバーの変更(常にすべてのメニューバーの表示) ~ ~ **2024.6.28 ***進捗記録 -サイトに入れる要素 --ピアノ教室について 時間調整可能 短期間可能 年一回の発表会 --レッスン案内 楽譜料金なし 最初から習いたい曲を学べる 教室が2個ある(福津市・宗像市) 実際に障害のある生徒もいる ~ ~ **2024.6.21 ***進捗記録 --ダミー文字の整理 --写真撮影 --生徒へのアンケート ~ ~ ~ **2024.6.14 ***進捗記録 -遠くても来てくれる要素 --料金のやすさ(入会金無し) --グランドピアノとアップライト両方でのレッスン --15時〜21時までの時間調整可能 --最初から習いたい曲を学べる --短期間のレッスンも可能 --楽譜第無料 --年一回の発表会 ~ ~ ~ **2024.5.31 ***進捗記録 -マルチページの枠組み作成 -ダミー文字の入力 https://akebonopianolesson.github.io/sisaku1/ ~ ~ ~ **2024.5.24 ***進捗記録 -サイト構成(マルチページ) --生徒の声・生徒の成長・賞,これらを一つのページに(生徒) --料金案内 --レッスン案内 --送迎車・住所 ~ ~ ~ **2024.5.17 ***進捗記録 -サイトマップ作成 -追加できそうなコンテンツ(大手にはあるが現在ないコンテンツ) --生徒の声 --入会してからの流れ --講師のLINE掲載 --生徒の成長やこれまで生徒が取ってきた賞 --保護者の送迎の案内 ~ ~ ~ **2024.5.10 ***進捗記録 -テーマ あけぼのピアノ教室 ピアノ教室の宣伝 ~ ~ ~ **2024.4.26 ***進捗記録 -案出し --3年の続き(ピアノ教室改良) --科学技術は進歩し続けるが,ファッションなどの流行りはなぜ巡るのか -単語 --サッカー(欧州) --ネットフリックス -- ~ ~ ~ **2024.4.18 ***進捗記録 -案出し --3年の続き(ピアノ教室改良) -単語 --サッカー(欧州) --ネットフリックス -- ~ ~ ~ **2024.4.12 ***進捗記録 -3年の続き(ピアノ教室) ~ ~ ~ メモ htmlをシンプルに一新する その後 css 写真の幅や、文字との感覚、本を読んで勉強