#author("2024-04-28T07:35:38+09:00","default:member","member") #author("2024-04-28T07:37:02+09:00","default:member","member") *ププとロロは探検隊 ゲームの内容や開発チームの活動をまとめたサイト #image(pupuroro.jpg) -''田代爽乃'' -'''Keywords：Web, Site, WordPress, Game''' -http://otubuwoham.wp.xdomain.jp/ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ **概要 ***これは何？ ゲーム作ろうラボで現在制作中の子ども向けプログラミング知育ゲームのゲーム内容や開発チームの活動についてまとめたサイト ~ //%%双極性障害を抱えた人に周りの人ができることをまとめたサイト%% //↑自分のやりたいことがはっきりと定まらなかった為、テーマ変更 //&color(red){これは何か・・を簡潔に}; //~ ~ ***背景と目的 ププとロロは探検隊のカードゲームの試作を使用したワークショップを開催したときに「このゲームでどんな事を学べるの?」と保護者の方から質問を頂いた。ワークショップに来てくれた人には直接伝えることが出来るが、今後リリースまで考えているゲームのため、ワークショップ以外にもこのゲームについての情報を発信できる場所が作れないかと考えた。 ~ //私の身近に双極性障害を抱えている人達がいて、生活を共にする上でどのようなサポートするべきか実際に悩む事があった。調べてみても、双極性障害について説明されているサイトは沢山あるが、双極性障害を抱えている人に対して周りの人がどのようにサポートしてあげるべきなのかなどの具体例が記載されているサイトは少なかった。 //家族・友人・恋人など身近な人が双極性障害を抱えている人(私と同じ悩みを抱えている人)の力になりたい //双極性障害を知らない人に知ってもらい、理解を深めてもらいたい ~ ***コンセプト -このゲームで遊ぶことでどんなことが学べるか分かりやすく書かれているサイト ~ ~ ***成果物の仕様 -http://otubuwoham.wp.xdomain.jp/ ~ -ワイヤーフレーム |#image(1.png)|#image(2.png)|#image(3.png)|#image(4.png)| |#image(5.png)|#image(6.png)|#image(7.png)| ~ -サイトマップ |#image(sitemap2.png)| ~ ~ ***制作ツール WordPress(Cocoon) Adobe Illustrator 2023 Adobe Photoshop 2023 Adobe xd ~ ~ ***プロジェクトの期間 プロジェクトの期間｜20023.04.11 - 2023.7.11 ~ ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 「ゲームを通してどのようなことが学べるのか」という説明をうまくまとめることができたが、その説明をサイトにどのように記載していくかを悩んだ。 ユーザーの興味関心を惹きつけるためにプラグインなどでアニメーションをつけたり、CSSを使ってカスタマイズしてみたが、全体的にまとまらないデザインになってしまった。ユーザーに安心して利用して貰うためにも、特に伝えたい箇所を強調したり、視覚的に情報整理ができるように細かいあしらいを取り入れるなどの工夫が必要だと感じた。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ゲーム自体にゲームでどのようなことが学べるのかが分かる説明などがない ~ ~ ***先行事例 --[[ワオっち！キッズサイト>https://waochi.com/]] --[[ごっこランド｜親子で遊べる！No.1社会体験アプリ>https://www.kidsstar.co.jp/gokkoland]] --[[Mr.shape｜ミスターシェイプ｜子ども向けアプリ タッチカード>https://www.mrshape.jp]] --[[「すみすみ」公式サイト｜すみっコぐらしやリラックマのパズルゲーム>https://sumisumigame.com]] --[[知育アプリ『ドラクエベビー&キッズ〜スライムとあそぼう〜』公式サイト｜SQUARE ENIX>https://www.dragonquest.jp/babykids/]] ~ -文字が全体的に大きい -アニメーションなどを使用しゲームのコンセプトに合ったWebデザイン -図やイラストを使用したり、文字を強調することでどの様な力を育めるか一目で分かる ~ ~ ***技法・技術情報 -1冊ですべて身につくWordPress入門講座(参考書) ~ ~ **プロジェクト管理 ~ ~ ***スケジュール [[スケジュール>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as023_st_kyusan-u_ac_jp/EYYJWbC6flBJjcDshWSG9JgBWnV548SL0IkznMF_vYUd7A?e=FcRd6v]] ~ ~ ***ToDo -%%サイトマップの制作%% -%%ワイヤーフレームの制作%% -%%スケジュールの設定%% -%%サイトに掲載する内容の確認・調査%% ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2024.04.28 ***システムページの更新 #image(system1.png) #image(system2.png) #image(system3.png) #image(system4.png) |#image(system1.png)|#image(system2.png)| |#image(system3.png)|#image(system4.png)| ~ ~ **2024.04.06 ***サイトの更新 -色の変更 -メインビジュアルの変更 #image(pupuroro.jpg) ~ ~ **2023.07.18 ***ブラッシュアップ -「ホーム」ページのあらすじと説明文の追加 -「その他」ページの説明の追加 -フッターの修正 -「あそびかた」ページから「システム」ページに変更 -「システム」ページの画像作成 -サイトマップの更新 |#image(sitemap2.png)| ~ ~ **2023.07.11 メモ -ゲーム自体の説明が足りない(「あそびかた」ページ、「ゲームページ」について) -サイトの構成について -フッターの修正 -「その他」ページ(メンバーについての説明、目標など) ~ ~ **2023.07.04 -背景の制作・変更 #image(haikei2.png) **2023.06.27 ***サイト編集 -「あそびかた」ページ画像の追加 #image(stage2.png) ~ ~ **2023.06.20 ***サイト編集 -「あそびかた」ページの更新 -「ゲーム」ページの更新 使用したフリーイラスト [[ソコスト>https://soco-st.com]] //メモ //-背景の調整 //-あしらいの追加、作成 //-「あそびかた」ページの見直し //-背景に馴染ませる //-ダウンロードがトップにあった方が良い ~ ~ **2023.06.13 ***サイト編集 -活動報告記事の更新 -「ホーム」のページの更新(ゲーム概要の画像の作成) #image(home.png) -「キャラクター」ページの更新(キャラクターの紹介画像の作成) #image(character2.png) ~ ~ **2023.06.06 ***サイト編集 -背景画像の作成 #image(haikei.png) ~ ***修正 -ゲームタイトルについて開発チームと話し合い、キャラクターの名前部分をカタカナに変更 -アピールエリア、ロゴ、メインビジュアルの修正(タイトルの変更) - ~ ~ **2023.05.30 ***サイト編集 -サイト内全てフォントの変更 ~ ***修正 -アピールエリアの文字修正(カーニング、文字の大きさの調整) -ロゴの文字修正(カーニング、文字の大きさの調整) ~ ~ ~ **2023.05.23 ***サイト編集 -お知らせ、活動報告記事の更新 -レイアウトや配色決め (サイト全体の配色、固定ページの制作、CSSを使用したレイアウト) -アニメーションの追加(サイト読み込み、画像) -アピールエリアの制作 #image(appealarea.jpg) ~ ~ **2023.05.16 ***サイト編集 -ワイヤーフレームの作成 |#image(1.png)|#image(2.png)|#image(3.png)|#image(4.png)| |#image(5.png)|#image(6.png)|#image(7.png)| ~ ~ **2023.05.09 ***サイト作成(編集中) [[ぷぷとろろは探検隊>http://otubuwoham.wp.xdomain.jp/]] ~ **2023.05.02 ***スケジュール表の作成 [[スケジュール>https://ksumail-my.sharepoint.com/:x:/g/personal/k21as023_st_kyusan-u_ac_jp/EYYJWbC6flBJjcDshWSG9JgBWnV548SL0IkznMF_vYUd7A?e=FcRd6v]] ~ ~ ***サイトマップ |#image(sitemap2.png)| ※「ダウンロード」の部分はデジタル版、アナログ版が完成したら掲載する ~ ~ **2023.04.25 ***参考サイト --[[ワオっち！キッズサイト>https://waochi.com/]] --[[ごっこランド｜親子で遊べる！No.1社会体験アプリ>https://www.kidsstar.co.jp/gokkoland]] --[[Mr.shape｜ミスターシェイプ｜子ども向けアプリ タッチカード>https://www.mrshape.jp]] --[[「すみすみ」公式サイト｜すみっコぐらしやリラックマのパズルゲーム>https://sumisumigame.com]] --[[知育アプリ『ドラクエベビー&キッズ〜スライムとあそぼう〜』公式サイト｜SQUARE ENIX>https://www.dragonquest.jp/babykids/]] ~ -文字が全体的に大きい -アニメーションなどを使用しゲームのコンセプトに合ったWebデザイン -図やイラストを使用したり、文字を強調することでどの様な力を育めるか一目で分かる ~ ~ **2023.04.18 ***参考サイト -双極性障害とは --[[双極性障害について>https://medicalnote.jp/diseases/双極性障害?utm_campaign=双極性障害&utm_medium=ydd&utm_source=yahoo]] --[[双極性障害とは - 原因、症状治療方法などの解説>https://www.smilenavigator.jp/soukyoku/about/]] -双極性障害の人への接し方 --[[双極性障害の人への接し方で大切なこと>https://works.litalico.jp/column/mental_disorder/071/]] --[[家族や身近な皆様に知っておいていただきたいこと>https://www.smilenavigator.jp/soukyoku/family/familiar/]] --[[家族、友人として>https://www.mhlw.go.jp/kokoro/know/disease_bipolar_sub2.html]] --[[双極性障害の人への接し方は?>https://www.mcsg.co.jp/kentatsu/health-care/31843]] ~ ~ **2023.04.11 ***テーマ候補 -双極性障害を抱えた人に周りの人ができることをまとめたWebサイトの制作 -ゲーム作ろうラボで制作中の知育ゲームの紹介と活動内容についてまとめたWebサイトの制作 -SNS上でのマナーについて分かりやすくまとめた動画制作 ~ ***先行研究の調査 -[[南竹うらら/情報デザイン研究I]] --SNSへの発信の仕方の参考になりそう -[[紀野はるか/情報デザイン研究II]] --情報をまとめていく上で参考になりそう -[[牧野友紀/情報デザイン研究I]] -[[中尾日香梨/卒業研究II]] -[[西山実伶/情報デザイン演習IIA]] --サイトの構成を考える上で参考になりそう ~ ***メモ -専門的な情報をサイトに掲載したい場合は自分で噛み砕いた文章の後に 引用、参考にしたサイトのURLを記載する -自分の発信する情報が正確なのか専門家に確認する必要がある ~ ~