差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
lecture:インタラクションデザイン演習実習i:2023 [2023/05/10 00:33] – [論文読解3: 学習者の匿名音声干渉を利用したオンライン授業の実施と考察] baba | lecture:インタラクションデザイン演習実習i:2023 [2023/05/10 10:32] (現在) – [論文読解2:手軽な指文字学習支援のためのブラウザゲーム:ゆびもじタイピング] baba | ||
---|---|---|---|
行 1: | 行 1: | ||
- | ====== | + | ====== |
<WRAP center round important 60%> | <WRAP center round important 60%> | ||
このページは東京都立大学にて開講している、2023年度インタラクションデザイン演習実習Ⅰにおける授業補助教材です。 | このページは東京都立大学にて開講している、2023年度インタラクションデザイン演習実習Ⅰにおける授業補助教材です。 | ||
行 15: | 行 15: | ||
* Nearest Neighbor参考ページ:[[http:// | * Nearest Neighbor参考ページ:[[http:// | ||
- | ====== 論文読解2:笑顔は人を幸せにするのか?笑顔促進支援システム ====== | + | ====== 論文読解2:手軽な指文字学習支援のためのブラウザゲーム:ゆびもじタイピング |
- | [[https://www.wiss.org/WISS2011Proceedings/PDF/17.pdf|WISS2011 Paper]] | + | * {{ : |
- | >辻田 眸、暦本 純一(東京大学) | + | * https://ipsj.ixsq.nii.ac.jp/ej/index.php? |
+ | |||
+ | >宮崎 優子 馬場 哲晃 | ||
>概要 | >概要 | ||
- | >>高齢化など様々な要因で,独居生活を選択あるいは余儀なくされている人は少なくない.孤 独な生活により感情状態が悪化し,うつ病や心の病にかかるなど深刻な問題である.一方,心理学者ウィリ アム・ジェイムズの言説で,「人は幸福であるが故に笑うのではなく,笑うが故に幸福である」という考え方 がある.これは笑顔形成が感情状態を向上させる可能性を示唆している.そこで本論文では,日常生活のな かで積極的に笑顔をつくることを促進し,感情状態の向上を支援するシステム「HappinessCounter」を提 案する.笑顔促進のために,ユーザが日常的に行う作業時に笑顔形成を促し,フィードバックを与えたり, ソーシャルネットワークサービスなどと連携させることで,より積極的に笑顔形成を支援し,感情状態の向 上を目指す.さらに試作したシステムを実際の日常生活で利用してもらい評価実験を行った.その実験結果 を示し,今後の展望を述べる. | + | >>聴覚障がい者のコミュニケーションツールには,単語を手の形や位置,動きで表現する手話と,日 本語かなを手の形や動きに対応させた指文字がある.指文字は手話表現にない固有名詞や名前を表現する ときに使われ,手話初心者にとって手話を覚えていなくても指文字を覚えれば単語を綴ることができる. したがって,指文字をスムーズに綴れることは,手話初心者にとって聴覚障がい者との円滑なコミュニ ケーションへの第一歩と言える.手話の学習方法としては対面で講師から学ぶ方法が主であるが,これは |
- | + | ||
- | この論文ではユーザの笑顔形成を促すシステムを提案していますが、笑顔を認識できることで可能となるシステムサービスの一例をプロトタイピングから示し、実際に被験者実験(アンケート調査、インタビュー)を行っています。デバイス周りの実装はこの授業では扱いませんが、笑顔を検出するシステムを実際に制作してみたいと思います。 | + | |
- | + | ||
- | まず、この回では p5.jsを利用して実装を進めて行きます。DOM(html上のオブジェクトを利用すること)は使用しないので、基本的にはProcessingと同じような文法になりますが、まずは下記リンクを参照して、Processingとp5.jsを比較します。 | + | |
- | + | ||
- | {{indexmenu>: | + | |
- | + | ||
- | + | ||
- | 続いて、次のサンプルを利用してまずは手っ取り早く、FaceTrackerしてみます。以降はブラウザを必ずChromeにて実行してください. | + | |
- | * https:// | + | |
- | + | ||
- | 上記サンプルの元になっているのが,[[https:// | + | |
- | サブスティチューション,表情認識等のデモを確認することができます.< | + | |
- | + | ||
- | まずは [[https:// | + | |
- | なお,複数のカメラデバイスが存在しており,任意のカメラだけをオープンしたい場合は以下のページを参照してください. | ||
- | * [[p5js: | ||
- | 授業を通じて,笑顔を認識するアルゴリズムからコーディングまで実装します. | + | ===== Hand Mario ===== |
- | ===== Facial | + | |
この授業用の特別教材を準備しました.笑顔認識ができるようになったので,表情を認識させることができるようになりました.先の論文では冷蔵庫の開閉にインタラクションをデザインしていましたが,これをゲーム操作インタフェースとして応用してみます.スーパーマリオブラザーズを模したp5jsのコードをベースにして,表情認識でマリオを操作してみます. | この授業用の特別教材を準備しました.笑顔認識ができるようになったので,表情を認識させることができるようになりました.先の論文では冷蔵庫の開閉にインタラクションをデザインしていましたが,これをゲーム操作インタフェースとして応用してみます.スーパーマリオブラザーズを模したp5jsのコードをベースにして,表情認識でマリオを操作してみます. | ||
* https:// | * https:// |