#author("2024-07-01T15:53:05+09:00","default:member","member") #settextcolor(#3e2e28) *まちなが家族農園 既存のノーコードツールサイトのhtmlやcssによるリニューアル #image(main2.png) -''待永萌衣'' -'''Keywords:みかん農園, webサイト, html,css''' -従来のサイト:https://www.machinaga-farm.com -作成中のサイト:https://moe-ksu.github.io/machinaga-farm/ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何? //&color(red){これは何か・・を簡潔に}; -みかんを主に販売する家族農園のwebサイト ~ ***背景 //&color(red){プロジェクトの背景と目的}; -短期大学の[[卒業研究>https://ksumail-my.sharepoint.com/:b:/g/personal/k22as606_st_kyusan-u_ac_jp/EXi3qW9vIV5Mo20Ls2jHgsQB0LSm0iboXkxTGHAo8l9DuA?e=fdx1ZW]]でノーコードのwebサイトとオンラインショップを制作 -現在有料プランを利用(広告の非表示、独自ドメインの取得、データ容量2GB) -ノーコードツールはテンプレートやCSSを途中から変更することができない --依頼者(母)が望む「親しみやすい家族農園」を伝えるサイトとしては不十分だった -- -長期的に運用していきたいため、中身がブラックボックスであるもの、表示速度が遅く、データ容量が限られているものは相応しくないと感じた ~ ***目的 -依頼者(母)の「親しみやすい家族農園、家族全員で農園を支えている暖かい家族農園、一つひとつ手作業で愛情を込めて育てていることを伝えたい」という要望に応える -サイト訪問者が -今よりもセッション数や閲覧数、ファン数を増やす ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -依頼者の要望に沿った、閲覧者や購入者、ファンを獲得する ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -web形式(複数ページ) --GitHub --Visual Studio Code ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; -Mac -MacBook Air - Visual Studio Code ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; -2024/04/09 - 後期まで ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -実際に市場などで購入するよりネットショップを利用する人が多い -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイス別セッション ---モバイル 60%, PC 39%, タブレット 1% ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[Wixで制作した現在のまちなが家族農園のwebサイト>https://machinaga-farm.com]] -[[やまだい農園 信州りんご発祥の里>https://www.apple-nagano.com/]] -[[善積農園>http://yoshizumi-noen.com/]] --背景や各セクションごとに可愛らしいイラストやデザインが用いられていて、分かりやすく親しみやすいサイト -[[エステサロンのサイト>https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/1-1/1-1.html]] --ひとつひとつの情報が端的にまとまっていて見やすい ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -htmlやcssなどのwebデザインの技術 ~ ~ **プロジェクト管理 ***スケジュール -[[スケジュールはこちら>https://ksumail-my.sharepoint.com/:x:/r/personal/k22as606_st_kyusan-u_ac_jp/_layouts/15/Doc.aspx?sourcedoc=%7B96891AFA-282E-433B-A493-00AAC31EA2BC%7D&file=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0%E3%82%B9%E3%82%B1%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB.xlsx&action=default&mobileredirect=true]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo //&color(red){やるべきこと(タスク)を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%ノーコードツールのサイトをコーディングする%% -%%フォントを統一させる%% -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --%%ヘッダーを固定する%% --%%好評価レビューの項目を追加する%% --%%商品一覧により詳しい説明を入れる%% --%%ネットショップへリンクするボタンをメインビューにも配置する%% --Instagramの見せ方を変える --背景にイラストをつける -- ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。}; #hr ~ ~ **2024.06.25 ***進捗状況 -%%メインビジュアル画像の上に文字を配置する%% -スマートフォンに対応させる -改良点 --Instagramの見せ方を変える --背景にイラストをつける -中間報告で受けた指摘 --%%縦書き画像をhtmlとcssで表示させる%% ~ ~ **2024.06.18 ***進捗状況 -改良点 --%%好評価レビューの項目を追加する%% --%%商品一覧をもっと詳しく分かりやすくする%% --%%ネットショップへリンクするボタンをメインビューにも配置する%% --%%Instagramの見せ方を変える%% --背景にイラストをつける -中間報告で受けた指摘 --%%フォントのサイズや書体を揃える%% --%%商品一覧に商品の説明を入れる%% --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.11 ***進捗状況 -https://moe-ksu.github.io/machinaga-farm.20240611/ --オンラインショップへのリンクボタンの作成 --別ページへのボタンの作成 -中間報告で受けた指摘 --%%誤字脱字%% --%%自分のことを目的やコンセプトに入れない%% --%%スマートフォン対応に設定できるコードを入れる%% --%%ご挨拶の文をコンパクトにする%% --フォントのサイズや書体を揃える --商品一覧に商品の説明を入れる --縦書き画像をhtmlとcssで表示させる ~ ~ **2024.06.04 ***進捗状況 -従来のサイトのコーディングの完成 ~ ~ **2024.05.28 ***進捗状況 -改良点 --%%ヘッダーを固定する%% --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする --ネットショップへリンクするボタンを分かりやすくする --背景にイラストをつける -2023年12月から2024年5月までのトラフィック概要 --サイト訪問数全296件 #image(トラフィック概要.png,80%) --デバイスセッション ---モバイル 60%, PC 39%, タブレット 1% ~ ~ **2024.05.21 ***進捗状況 -中間報告に備えて、従来のサイトのコーディングを行なった --画像を3行3列に並べるコーディングに苦戦した ~ ~ **2024.05.14 ***進捗状況 -中間報告に備えて、従来のサイトのコーディングを行なった。 -改良点 --%%ヘッダーを固定する%% ***新たな改良点 -ネットショップへリンクするボタンを分かりやすくする -Instagramの見せ方を変える ~ ~ **2024.05.07 ***進捗状況 -スケジュールを制作した -中間報告に備えて、ホームページ制作を進めた。 ~ ~ **2024.04.30 ***進捗状況 -前回に引き続き、テンプレートのコードを変えて更新した -html辞典で様々なタグの使い方を学んだ -主に改良したい点 --リンクを固定する --好評価レビューの項目を追加する --商品一覧をもっと詳しく分かりやすくする ~ ~ **2024.04.23 ***進捗状況 -htmlやcssのテンプレートのコードを変更したり、追加したりした ~ ~ **2024.04.16 ***テーマ -まちなが家族農園のサイトのリニューアル ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[Wixで制作した現在のまちなが家族農園のwebサイト>https://machinaga-farm.com]] -参考にする農園のサイト --[[やまだい農園 信州りんご発祥の里>https://www.apple-nagano.com/]] --[[善積農園>http://yoshizumi-noen.com/]] ~ ~ **2024.04.09 ***調査 -家族農園のサイトの更新 ~ ***キーワード -webデザイン -動画編集 ~ ~ ~