#author("2024-12-16T09:35:16+09:00","default:member","member") #author("2024-12-16T09:35:53+09:00","default:member","member") *カメレオン 知育教材「カメレオン」を広めるサイト #image(カメレオン3.jpg) -三浦 遥 -'''Keywords：Webサイト, イラスト''' -[[カメレオンサイト>http://chameleon04.web.fc2.com/index.html]] //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 過去に作成した知育教材の「カメレオン」を広めるためのサイト //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 短期大学部にいた時、「カメレオン」を製作した。これは子どもがテレビやスマートフォンに簡単に触れることが多くなった時代に得にくくなった「五感」を育てることができるキットである。この「カメレオン」を制作したのみで、多くの人に知ってもらえる機会がないこと、また、「カメレオン」の効果を検証してもらえることが少なかったため、検証として試行してくれる人を募るためにWebサイトを制作した。目的は「カメレオン」に興味を持ってもらえる、試行したいと思ってもらえるようなサイトを制作すること。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト -「カメレオン」のターゲットは親や保育園の先生など→「親近感」をキーワードにかわいさ、見やすさ、シンプルを目指す。 -カメレオンの世界観を大切にする //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 Webサイト //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール HTML・CSS //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2024.09.16 - 2024.12.23 //&color(red){プロジェクトの期間｜2024.09.16 - 2024.12.23 }; ~ ***まとめ -手書きのイラストやアニメーションを入れることで優しく、親近感のあるサイトが制作できた。 -青を主に使用し、フォントもパッケージなどに似ているものを使用したため、世界観を大切にできた。 -カメレオンの重要な情報や魅力をサイトに十分に詰め込むことができた。 -HTMLとCSSだけでは表現できないものがあったため、JavaScriptもこれから勉強してブラッシュアップしていきたい。 //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; 親近感をキーワードに [[WEB DESIGN GALLERY>http://design-gallery.biz]] ***先行事例 -__[[七田式知育玩具>https://www.shichida.com/educational-toys-list.html]]__ -__[[こぐまオリジナル知育教材>https://www.kogumakai.co.jp/goods/list.html]]__ //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 -__[[株式会社 良品計画>https://careers.muji.com/jp/recruit]]__ -__[[nemuli>https://nemuli.co.jp]]__ //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール [[ココをクリック！>https://docs.google.com/spreadsheets/d/1g9X3Z-UVp35QqUWCJRa2RTxIFyjN9ZiJk0qq64l0Oic/edit?usp=sharing]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo -%%ワイヤーフレーム作成%% -Webサイト製作 説明 遊び方 セット内容 contact テキスト入力 //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2024.12.09 -最終発表一週目 概要提出 サイト更新(絵本の内容を追加！) **2024.12.02 -概要制作 制作の調査をわかりやすく まとめを具体的に -サイト更新(フォント変更) [[Google Font Japanese>https://googlefonts.github.io/japanese/]] [[Google Fonts ＋ Japanese>https://googlefonts.github.io/japanese/]] **2024.11.25 -サイト製作 Fille Zillaのエラー 大文字小文字をしっかり確認 **2024.11.18 -画像が大きすぎる [[Google Squoosh>https://squoosh.app]]を使用する **2024.11.11 -サイト製作 新しくイラストを描く、Fille Zillaの使い方 **2024.10.28 -中間発表 **2024.10.21 -中間発表 --配布は難しいのでは? 試行してもらうという形にする。 **2024.10.14 -サイト制作 シングルページは多いのでマルチページにする。 #image(ワイヤー.jpg) -__[[サイトのonedrive>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as607_st_kyusan-u_ac_jp/EjkJuhQTF2JOphO_jG7qZ90Bo_pk31CyEe7BViPko7DJLw?e=XEdcTz]]__ **2024.10.07 -試作サイト作成 -__[[参考>https://book.studio947.net/title/5036/]]__ **2024.9.30 ***ワイヤーフレーム作成 -シングルページで製作する #image(ワイヤーフレーム.jpg) 質問のところは別のフレームにしても良い(出来そうだったら) ~ -__[[使う写真>https://ksumail-my.sharepoint.com/:f:/g/personal/k22as607_st_kyusan-u_ac_jp/Ejb2UC7dytJAohyySXLt2O0BLXWUmtPC1OwBwYbN1F1azw?e=HOXUP4]]__ **2024.9.24 ***方向性の決定 -「カメレオン」を広めるサイトの作成 販売にしてしまうと金銭や製作などに問題が起こるため、あくまで知ってもらうというところにフォーカスを当てる。また、contactのページを作成し、欲しいという要望があれば製作する方向でも考える。 ~ ~ **2024.9.16 ***テーマ内容 -短大で製作した卒業作品を紹介するサイト製作 紹介サイトを作ることで作品を知ってもらうきっかけになる。 保育園や幼稚園で使ってもらいたい。 ~ ~ ~