西山実伶/情報デザイン演習IIA
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*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.pn...
//https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
//#hr
//%%[[''プロトタイプ評価シート''>https://docs.google.com/...
//&color(red){このページの編集画面からソースをコピーする...
~
~
~
**概要
***これは何?
授業中、話し合い中、勉強中などで寝たくないのに眠ってしま...
~
***背景と目的
講義中や勉強中にどうしても眠くなる時があったため、眠気を...
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
睡眠についての歴史や関連のあるものなどを調べるとともに、...
~
***眠りについての調査
[[西山実伶/情報デザイン演習IIAメモ]]
~
***成果物の仕様
-[[webサイト>https://sites.google.com/view/mezame-2022]]
-[[画像>https://drive.google.com/drive/folders/1EXS-rG6nX...
-サイトマップ
#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...
~
***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/1...
~
**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/...
※一部ダミーテキストを使用しています。
~
~
**2022.05.09
***今回制作したプロトタイプ
-サイトマップ
#image(sitemap.png)
-ワイヤーフレーム
#image(wireframe.jpg)
※ダミーテキストとイラストやを使用しています。
~
***プロトタイプ制作の方法
-ibis paint
-google site
-ダミーテキスト
-イラストや
~
//[[プロトタイプ評価シート>https://docs.google.com/sprea...
//***追加事項
//-キャラクター設定
//--マジョ様(魔女)
//--デシ(魔女の弟子)・・・いつも眠そう
//~
***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
***現状調査|テーマ内容の先行事例
-[[眠気とおさらば!どこでも簡単にできる眠気覚ましのツボ>h...
-[[【徹底比較】眠気覚ましドリンクのおすすめ人気ランキング...
-[[【すぐに試せる】簡単に眠気を覚ます方法10選!>https://s...
~
***現状調査|表現形式の先行事例
-[[日中あくびが止まらない 原因と予防方法>https://www.sho...
-[[睡眠はどのように進化してきたのか>https://www.francebed...
~
***現状調査|時間軸(対象の歴史的知見)
-現代的な意味で、科学的に「睡眠」「覚醒」が扱われるように...
-昔と今では睡眠の本質には変わりがないものの、その環境は大...
~
***現状調査|空間軸(対象の地理的知見)
-ヒトの睡眠はノンレム睡眠とレム睡眠(REM sleep)という質的...
~
***現状調査|技術
-googleサイト
-Illustrator
-abisPaint
~
***解決すべき課題
-サイト名を考える
-眠くならない方法を探し、実践してみる
-効果がありそうな方法、その場でできそうな方法などの項目に...
-必要なイラストを描く
-webサイトをつくる
-サイトの構成を考える
~
~
**2022.04.11
***プロジェクトのテーマ候補(10件以上)
-眠気覚ましの方法
-眠れない人のための睡眠音楽&方法
-迷ったときはこの曲!楽しく歌おう!
-便利な時間割アプリorサイト
-大学内の顔集
-新しい手遊び
-九州産業大学学食ランキング
-Processingを使ったゲーム
-大学周辺の食べ物マップ
-駆け込みマップ(何か忘れ物をした時、今すぐに必要な道具が...
~
~
***参考リンク
-[[西山実伶/情報デザイン演習IIAメモ]]に記載
~
~
終了行:
*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.pn...
//https://design.kyusan-u.ac.jp/OpenSquareJP_WP/
//#hr
//%%[[''プロトタイプ評価シート''>https://docs.google.com/...
//&color(red){このページの編集画面からソースをコピーする...
~
~
~
**概要
***これは何?
授業中、話し合い中、勉強中などで寝たくないのに眠ってしま...
~
***背景と目的
講義中や勉強中にどうしても眠くなる時があったため、眠気を...
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
睡眠についての歴史や関連のあるものなどを調べるとともに、...
~
***眠りについての調査
[[西山実伶/情報デザイン演習IIAメモ]]
~
***成果物の仕様
-[[webサイト>https://sites.google.com/view/mezame-2022]]
-[[画像>https://drive.google.com/drive/folders/1EXS-rG6nX...
-サイトマップ
#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...
~
***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/1...
~
**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/...
※一部ダミーテキストを使用しています。
~
~
**2022.05.09
***今回制作したプロトタイプ
-サイトマップ
#image(sitemap.png)
-ワイヤーフレーム
#image(wireframe.jpg)
※ダミーテキストとイラストやを使用しています。
~
***プロトタイプ制作の方法
-ibis paint
-google site
-ダミーテキスト
-イラストや
~
//[[プロトタイプ評価シート>https://docs.google.com/sprea...
//***追加事項
//-キャラクター設定
//--マジョ様(魔女)
//--デシ(魔女の弟子)・・・いつも眠そう
//~
***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
***現状調査|テーマ内容の先行事例
-[[眠気とおさらば!どこでも簡単にできる眠気覚ましのツボ>h...
-[[【徹底比較】眠気覚ましドリンクのおすすめ人気ランキング...
-[[【すぐに試せる】簡単に眠気を覚ます方法10選!>https://s...
~
***現状調査|表現形式の先行事例
-[[日中あくびが止まらない 原因と予防方法>https://www.sho...
-[[睡眠はどのように進化してきたのか>https://www.francebed...
~
***現状調査|時間軸(対象の歴史的知見)
-現代的な意味で、科学的に「睡眠」「覚醒」が扱われるように...
-昔と今では睡眠の本質には変わりがないものの、その環境は大...
~
***現状調査|空間軸(対象の地理的知見)
-ヒトの睡眠はノンレム睡眠とレム睡眠(REM sleep)という質的...
~
***現状調査|技術
-googleサイト
-Illustrator
-abisPaint
~
***解決すべき課題
-サイト名を考える
-眠くならない方法を探し、実践してみる
-効果がありそうな方法、その場でできそうな方法などの項目に...
-必要なイラストを描く
-webサイトをつくる
-サイトの構成を考える
~
~
**2022.04.11
***プロジェクトのテーマ候補(10件以上)
-眠気覚ましの方法
-眠れない人のための睡眠音楽&方法
-迷ったときはこの曲!楽しく歌おう!
-便利な時間割アプリorサイト
-大学内の顔集
-新しい手遊び
-九州産業大学学食ランキング
-Processingを使ったゲーム
-大学周辺の食べ物マップ
-駆け込みマップ(何か忘れ物をした時、今すぐに必要な道具が...
~
~
***参考リンク
-[[西山実伶/情報デザイン演習IIAメモ]]に記載
~
~
ページ名: