LogoMark.png

西山実伶/情報デザイン演習IIA の変更点


#author("2022-07-27T07:23:50+09:00;2022-07-26T09:39:58+09:00","default:member","member")
*WAKE UP!!!
眠気を覚ますお助けWebサイト
~

#image(SDmainvisual.jpg)

~

-''西山 実伶''
-'''Keywords:Wed Design、Google Site、Sleep'''
-https://sites.google.com/view/mezame-2022←クリック!
//-https://sites.google.com/view/nemuri-2022←クリック!


~


//***相互評価 2022.05.23
//#hr
//#slider(center,100%,h1,2000,2000,p01.png,p02.png,p03.png,p04.png,p05.png)
//https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
//#hr
//%%[[''プロトタイプ評価シート''>https://docs.google.com/spreadsheets/d/1DdNaDb8JDdft2GJwfE3fA450fWvynl5npprS376lMjk/edit#gid=0]]%% ← ご協力ありがとうございました!
//&color(red){このページの編集画面からソースをコピーするのではなく、これと同様の共同編集シートを自分のGoogleドライブ内に作成した上で、そのシートへのリンクを掲載して下さい。};
~
~

~


**概要
***これは何?
授業中、話し合い中、勉強中などで寝たくないのに眠ってしまう!......という悩みを少しでも助けられるようにおすすめ順に目覚まし方法を紹介するWebサイト。
~

***背景と目的
講義中や勉強中にどうしても眠くなる時があったため、眠気を覚ます&眠らない方法を調べ、それをWebサイトに方法をまとめ提供する。

~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
睡眠についての歴史や関連のあるものなどを調べるとともに、眠気を覚ます方法を実践し、見やすいようにまとめる。
~

***眠りについての調査
[[西山実伶/情報デザイン演習IIAメモ]]
~

***成果物の仕様
-[[webサイト>https://sites.google.com/view/mezame-2022]]
-[[画像>https://drive.google.com/drive/folders/1EXS-rG6nXm0hfvka-IWqKGuiZmieLP37?usp=sharing]]
-サイトマップ
#image(SDsitemap_02.PNG)

~

//***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};

***制作ツール
-ハードウェア
--MacBook Air
--iPad(第五世代)
-サービス
--ibisPaint
--googleサイト
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
プロジェクトの期間|2022.04.11 - 2022.07.27 
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
自分でプロジェクトの内容を決め、作成していくことは初めての経験でしたが自分なりに楽しむことができたと思います。睡眠について調べていくうちに興味深い内容が多く、もっと多くの人に共有したいと考えるようになりました。どのようにすれば興味を持ってくれるのか、どのような構成にすれば見やすくなるのかを考えるのが一番大変でした。プロジェクトを通して新たな知識を身につけることができ、スケジュールの管理の仕方や調査の仕方などを経験できたことがよかったです。今回のプロジェクトで身につけたことを今後の作品制作や活動にも活かしていきたいと思います。
~
~


**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[スケジュール管理表>https://docs.google.com/spreadsheets/d/10kwxtWLT494PwSD0a85wCsz7_-hjiikq4nFahg4uyD4/edit?usp=sharing]]
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-%%目を覚ます方法を調べる(ネタ集め)%%
-%%メインビジュアルを考える%%
-%%サイトのタイトル決め%%
-%%集めた方法を実践する%%
-%%おすすめ順にならべてみる%%
-%%Webサイトの作成%%
--%%ワイヤーフレーム、コンセプト、サイトの構成%%
-%%メインビジュアルの修正%%
-%%イラストの準備%%
-%%各ページの文章作成%%




//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
~
~



**2022.07.26 
***制作物の現状 
https://sites.google.com/view/mezame-2022
~

***今週の取り組み 
イラストを描き終えました。
今回作成した画像をGoogleドライブに載せています。
[[Googleドライブ>https://drive.google.com/drive/folders/1EXS-rG6nXm0hfvka-IWqKGuiZmieLP37?usp=sharing]]
~

**2022.06.27 
***制作物の現状 
https://sites.google.com/view/mezame-2022
~

***今週の取り組み 
-イラスト2枚追加
|#image(SDimage13.PNG)|#image(SDimage14.PNG)|
-文章作成
~
~

***今後の課題 
-文章作成
-イラスト
~
~
**2022.06.20 
***制作物の現状 
-https://sites.google.com/view/mezame-2022

~

***今週の取り組み 
-眠気覚ましのツボ調べ
-方法(授業中編)の文章
-目次を修正
-眠り編のサイト開設
~

***今後の課題 
-メインビジュアルの修正
-イラストの準備
-各ページの文章作成
~
~
**2022.06.13 
***制作物の現状 
-https://sites.google.com/view/mezame-2022
-[[西山実伶/情報デザイン演習IIAメモ]]
|#image(SDimage11.jpg)||#image(SDimage12.jpg)|

メモを更新しました。ツボ押しや目薬、睡眠に関する参考リンクなどを追加しています。
~
***今週の取り組み 
-カフェインをとる(コーヒー)
-運動する(ラジオ体操)
-仮眠をとる(20分程度)
上記の方法を試しました。
-ツボ押しの調査
-おすすめの目薬調査
~

***今後の課題 
-メインビジュアルの修正
-イラストの準備
-各ページの文章作成
~
~
**2022.06.06 
***制作物の現状 
#image(wireframe2.jpg)
ワイヤーフレームを少し変更しました。
~

***今週の取り組み 
-足上げ腹筋
-手をつねる
-限界まで息を止める
-目薬をさす
-深呼吸をする
上記の方法を試しました。
~

***今後の課題 
-メインビジュアルの修正
-イラストの準備
-各ページの文章作成
~
~
**2022.05.30 
//***制作物の現状 
//成果物(現状)のスクリーンショット等、視覚的な資料とコメント


***今週の取り組み 
あくびについて調べました。メモの方に少しまとめています。
~

***今後の課題 
-メインビジュアルの修正
-イラストの準備
-各ページの文章作成
~
~
**2022.05.23
***指摘された問題点
-フォントがサイトのイメージと合っていない。
-トップページの「WAKW UP!!!」が画面外に切れている。
~

***好評価を得た点
-サイトマップ、サイトの構成
-サイトが見やすい。 
-イラストが可愛い。←ありがとうございます!!!!
-睡眠関連の内容
~

//***その他

~

**2022.05.22

やっぱりほんわかしたイメージがいいなぁ・・・
ということで↓↓
~
***プロトタイプ
-メインビジュアル変更(ラフ)
#image(SDimage9.jpg)
~
-サイト名
変更前:目覚めの館
変更後:WAKE UP!!
~
-サイトマップ
#image(SDimage10.PNG)
~

***メモ作成
参考リンクなどを載せています。
-[[西山実伶/情報デザイン演習IIAメモ]]
~
***google site(準備中)
-[[&color(red){WAKE UP!!};>https://sites.google.com/view/mezame-2022]]
※一部ダミーテキストを使用しています。

~
~

**2022.05.09
***今回制作したプロトタイプ

-サイトマップ
#image(sitemap.png)


-ワイヤーフレーム
#image(wireframe.jpg)

※ダミーテキストとイラストやを使用しています。


~
***プロトタイプ制作の方法
-ibis paint
-google site
-ダミーテキスト
-イラストや
~

//[[プロトタイプ評価シート>https://docs.google.com/sprea・・・sharing]]


//***追加事項
//-キャラクター設定
//--マジョ様(魔女)
//--デシ(魔女の弟子)・・・いつも眠そう
//~

***Webのネーミング②
-ホームページ:目覚めの館(仮)
-webページ:睡眠について(歴史、理由)、方法(身体編、食べ物編)、その他(寝る方法)
~

***メインビジュアル(仮)変更可能性あり

#image(SDimage3.jpg)
まだイメージが固まってません・・・

~
~
**2022.04.25
アイデアの量産 > 絞り込み
~
***Webの公開方法
-googleサイト
~
***Webの内容(素材ネタ)
-「睡眠」に関する基本的な情報
-なぜ睡眠を必要とするのか、仕組みなど
-眠気覚ましの方法
--眠気覚ましのツボ
--眠気覚ましの飲みもの&食べ物
--眠気覚ましの行動
~
***Webのネーミング
-ホームページ:WAKE UP!!!
-webページ:HISTORY、WHY、HOW TO
~
***Webの構成
-ホームページ:webサイトの使い方の説明
-HISTORY:「睡眠」の歴史について
-WHY:なぜ睡眠が必要か
-HOW TO:目を覚ます方法
~
~

**2022.04.18

***現状調査|テーマ内容の先行事例
-[[眠気とおさらば!どこでも簡単にできる眠気覚ましのツボ>https://www.nishikawa1566.com/column/sleep/20190729192450/]]
-[[【徹底比較】眠気覚ましドリンクのおすすめ人気ランキング19選【コンビニでも手軽に】>https://my-best.com/240]]
-[[【すぐに試せる】簡単に眠気を覚ます方法10選!>https://somnus.jp/sleep-labo/article/keeping-awake]]
~

***現状調査|表現形式の先行事例
-[[日中あくびが止まらない 原因と予防方法>https://www.shopjapan.co.jp/good-sleep-labo/article/015/#:~:text=%E8%84%B3%E3%81%8C%E7%86%B1%E3%82%92%E6%8C%81%E3%81%A3,%E8%A7%A3%E6%98%8E%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82]]
-[[睡眠はどのように進化してきたのか>https://www.francebed.co.jp/umoureform/faq/sleep/evolution.html]]
~

***現状調査|時間軸(対象の歴史的知見)
-現代的な意味で、科学的に「睡眠」「覚醒」が扱われるようになったのは、20世紀初頭、1920年代ごろからと考えられている。[[参考サイト>https://doctorbook.jp/contents/347]]
-昔と今では睡眠の本質には変わりがないものの、その環境は大きく異なっている。[[参考サイト>https://www.francebed.co.jp/umoureform/faq/sleep/evolution.html]]
~

***現状調査|空間軸(対象の地理的知見)
-ヒトの睡眠はノンレム睡眠とレム睡眠(REM sleep)という質的に異なるふたつの睡眠状態で構成されています。[[参考サイト>https://www.e-healthnet.mhlw.go.jp/information/heart/k-01-002.html]]
~

***現状調査|技術
-googleサイト
-Illustrator
-abisPaint
~

***解決すべき課題
-サイト名を考える
-眠くならない方法を探し、実践してみる
-効果がありそうな方法、その場でできそうな方法などの項目に分けてみる
-必要なイラストを描く
-webサイトをつくる
-サイトの構成を考える
~
~


**2022.04.11
***プロジェクトのテーマ候補(10件以上)
-眠気覚ましの方法
-眠れない人のための睡眠音楽&方法
-迷ったときはこの曲!楽しく歌おう!
-便利な時間割アプリorサイト
-大学内の顔集
-新しい手遊び
-九州産業大学学食ランキング
-Processingを使ったゲーム
-大学周辺の食べ物マップ
-駆け込みマップ(何か忘れ物をした時、今すぐに必要な道具がある時、etc.)
~
~

***参考リンク
-[[西山実伶/情報デザイン演習IIAメモ]]に記載
~
~