陳芸哲/先行研究 をテンプレートにして作成

開始行:
[[陳芸哲/SubMenu]] ~ **一.UIデザイン必携（原田秀司）を参考にした先行研究 ~ ***1. UIとUXについて 本書では、UIは単なる画面デザインではなく、ユーザーとシス... 本研究で制作するエキゾチックアニマル管理アプリにおいても... 実際に行ったユーザー調査では、「情報が分散している」「管... ~ ***2. デザインとは何か 本書では、「デザインとは見た目ではなく設計である」と述べ... つまり、色や形を決めることだけではなく、情報をどのように... 本研究では、健康管理、温湿度モニタリング、病院検索、コミ... 今後は情報設計やナビゲーション設計についても検討を進めて... ~ ***3. 環境による影響 本書では、UIは利用環境によって大きく影響を受けると説明さ... 例えば、スマートフォンとPCでは操作方法が異なり、それに応... 本研究ではスマートフォンアプリを中心に設計を行う予定であ... さらに、将来的には水槽型装置やセンサーとの連携を想定し、... ~ ***4. 人間の認知特性に関する考察 本書では、人間は色、形、動きなどの視覚情報から多くの情報... 特にスマートフォンアプリでは、ユーザーが短時間で必要な情... 本研究で対象とするエキゾチックアニマル飼育者は、温度や湿... 一般的に、異常状態は赤色、正常状態は緑色、注意状態は黄色... また、アイコンやグラフを活用することで、数値情報だけでは... そのため本研究では、人間の認知特性を考慮しながら、分かり... ~ ***5. 認知負荷とUI設計 本書では、人間が一度に処理できる情報量には限界があること... 情報量が多すぎる場合、ユーザーは必要な情報を見つけにくく... 本研究で提案するアプリには、健康管理、温湿度管理、病院検... そのため、すべての機能を同じ階層に配置するのではなく、利... 今後の設計では、ユーザーが迷わず目的の機能へ到達できるよ... ~ ***6. 情報構造設計に関する考察 本書では、ユーザーが目的の情報へ効率よく到達できるように... 本研究のユーザー調査では、「情報が分散している」「信頼で... そのため本研究では、現時点で以下のような情報構造を想定し... -ホーム -飼育管理 　- 給餌記録 　- 健康記録 -環境管理 　- 温度 　- 湿度 　- カメラ監視 -飼育図鑑 　- 種類情報 　- 飼育難易度 　- 飼育条件 -コミュニティ -病院検索 今後はワイヤーフレームを作成しながら、より適切な情報配置... ~ ***7.ナビゲーション設計に関する考察 本書では、ユーザーが現在どこにいるか、次にどこへ移動でき... 本研究ではスマートフォンアプリを想定しているため、片手操... また、アンケート調査では20〜25歳の若年層ユーザーが全体の... 今後はユーザーフローの作成を通して、各機能間の移動方法や... ~ ***8. ユーザー中心設計と本研究への応用 本書では、デザインは作り手の考えだけではなく、ユーザーの... 本研究では、アンケート調査とインタビュー調査を通して、エ... その結果、 -病気の判断が難しい -温湿度管理が難しい -情報が分散している などの課題が明らかになった。 そのため今後のUI設計では、機能を増やすことだけではなく、... ~ ***9. フィードバック設計と本研究への応用 本書では、ユーザーの操作に対して適切なフィードバックを返... 例えば、 -保存成功 -異常通知 -センサー接続状態 などを明確に表示することで、ユーザーは現在の状態を理解し... 本研究においても、温湿度モニタリングや給餌記録機能では、... ~ ***10. UIの一貫性と継続利用への応用 本書では、画面ごとのデザインルールを統一することが重要で... ボタン配置やアイコン、カラーなどが統一されていることで、... 本研究では、初心者ユーザーも多く含まれているため、分かり... また、継続的な記録や健康管理を行うアプリであるため、長期... ~ ***11. 今後の設計への活用 本書を通して、UIデザインは単に画面を作ることではなく、ユ... また、ユーザー調査から得られた課題をもとに、情報の整理方... そのため今後は、これまで行った調査結果と本書で学んだ内容... さらに、ワイヤーフレームの作成を通して、機能の配置や情報... ~ ~ **二.爬虫類ペット用スマート飼育ケースの制作と設置計画 この2週間は、インターネット上の資料や教材などを参考にしな... ~ ***1. 使用する機器 今回使用する主な機器は、以下のものです。 -30×20×15cmのオーダーメイドアクリル飼育ケース -ブレッドボード -オス・メスのジャンパーワイヤー -書き込み用ソケット -ESP32-CAMカメラ -DHT11温湿度センサー -ESP32 Bluetooth・Wi-Fi開発モジュール DHT11は、温度と湿度を測定します。ESP32は、データの処理と... ~ ***2. ESP32と温湿度センサーの接続 まず、基本的な温湿度測定の部分から制作します。 DHT11には、電源、GND、データの端子があります。そのため、... 最初は、直接飼育ケースに設置せず、ブレッドボードを使って... 接続ができたら、パソコンからESP32にプログラムを書き込み、... プログラムを動かした後は、シリアルモニターを使って、温度... 例えば、 温度：26℃ 湿度：60％ のように表示されることを確認します。 その後、周囲の温度や湿度を少し変えて、表示される数値も変... ~ ***3. ESP32のWi-Fi接続 DHT11が正常に動作したら、次にESP32のWi-Fi機能をテストしま... ESP32をWi-Fiに接続し、DHT11から取得した温度と湿度のデータ... 基本的な流れは、DHT11 → ESP32 → Wi-Fi → App / UIです。 まずESP32が正常にWi-Fiへ接続できるか確認し、その後、温度... これができれば、将来的にはユーザーが手動で温度や湿度を入... ~ ***4. ESP32-CAMの設置 温湿度センサーのテストが終わったら、次にESP32-CAMを取り付... まず、ESP32-CAMとカメラを接続し、書き込み用ソケットを使っ... その後、カメラが正常に撮影できるかを確認します。 カメラが正常に動作したら、アクリル飼育ケースの上部または... 実際にいくつかの位置を試し、ペットの動きと飼育ケースの中... 位置が決まったら、カメラが動かないように固定します。 ~ ***5. アクリル飼育ケースへの設置 各機器のテストが終わったら、実際の飼育ケースに取り付けま... まず、DHT11をケース内部に設置します。センサーはケース内の... ESP32はケースの外側または上部に設置し、水や湿気が直接かか... その後、ジャンパーワイヤーを使ってDHT11とESP32を接続し、... ESP32-CAMはケースの上部または前面に設置します。 最終的には、 ケース内部：DHT11温湿度センサー ケース外部：ESP32＋配線 ケース上部・前面：ESP32-CAM という構成を考えています。 このようにすることで、ペットの活動スペースをできるだけ確... ~ ***6. 全体の動作テスト すべての機器を設置した後、全体の動作を確認します。 まず、DHT11が温度と湿度を継続して測定できるか確認します。 次に、ESP32がWi-Fiに接続し、データを正常に送信できるか確... 同時に、ESP32-CAMで映像を撮影し、ネットワークを通して確認... 基本的な動作が確認できたら、次に異常状態についてもテスト... 例えば、温度や湿度が設定した範囲を超えた場合に、システム... ~ ***7. UIとの連携 最後に、完成した装置と現在制作しているUIを連携させます。 Appの画面では、 -現在の温度 -現在の湿度 -温湿度の変化 -異常通知 -カメラ映像 などを表示する予定です。 ユーザーはAppを開くだけで、現在の飼育環境を確認できます。 また、外出中でもカメラを使って、ペットの様子を確認できる... 最終的な流れは、 DHT11 → ESP32 → Wi-Fi → UI そして、 ESP32-CAM → Wi-Fi → UI という形を考えています。 ~ ***8. 予定 現在、制作に必要な主な材料は準備できています。 次は、まずESP32とDHT11を接続し、温湿度データを正常に取得... その後、ESP32-CAMの書き込みと動作確認を行い、2つのシステ... ~ ~ 【实验一：ESP32物联网温湿度监测实验-哔哩哔哩】 https://b2... 【ESP32-CAM视频流传输教程-哔哩哔哩】 https://b23.tv/5nuBIq2 ~ **今週の作業内容と進捗報告 今週は、爬虫類の飼育環境を管理するシステムの開発に向けて... ***1. Arduino IDEの基礎学習 現在、Arduino IDEの使い方を動画で学習しています。Arduino ... まずは、USB-CケーブルでESP32-C3をMacに接続し、開発ボード... ***2. 温湿度センサーの配線 まず、ESP32-C3と温湿度センサーを接続しました。配線にはブ... 配線は2組に分けて行いました。1組目はESP32-C3からブレッド... 今回の配線では、赤い線をVCC、黒い線をGND、白い線をSDA、黄... #image(9b48088c5e0a985e11be0c7027115e3e.jpg) #image(776c0a50e37f5a7e99b3b8f28e8e09a1.jpg) ***3. カメラモジュールの組み立て 次に、飼育ケース内の様子を確認するため、ESP32-CAMの組み立... ESP32-CAMは画像を取得するためのモジュールで、ESP32-CAM-MB... #image(2b0058d5c1453764344aa1910623268b.jpg) ***4. 完成図 #image(1cc84eb8d4aa70fce1b26cc02c00b8ca.jpg) ***5. 今後の予定 現在、ハードウェアの基本的な組み立てと配線はほぼ完了して... その後、温湿度センサーからデータを取得できるか確認し、さ...

終了行:
[[陳芸哲/SubMenu]] ~ **一.UIデザイン必携（原田秀司）を参考にした先行研究 ~ ***1. UIとUXについて 本書では、UIは単なる画面デザインではなく、ユーザーとシス... 本研究で制作するエキゾチックアニマル管理アプリにおいても... 実際に行ったユーザー調査では、「情報が分散している」「管... ~ ***2. デザインとは何か 本書では、「デザインとは見た目ではなく設計である」と述べ... つまり、色や形を決めることだけではなく、情報をどのように... 本研究では、健康管理、温湿度モニタリング、病院検索、コミ... 今後は情報設計やナビゲーション設計についても検討を進めて... ~ ***3. 環境による影響 本書では、UIは利用環境によって大きく影響を受けると説明さ... 例えば、スマートフォンとPCでは操作方法が異なり、それに応... 本研究ではスマートフォンアプリを中心に設計を行う予定であ... さらに、将来的には水槽型装置やセンサーとの連携を想定し、... ~ ***4. 人間の認知特性に関する考察 本書では、人間は色、形、動きなどの視覚情報から多くの情報... 特にスマートフォンアプリでは、ユーザーが短時間で必要な情... 本研究で対象とするエキゾチックアニマル飼育者は、温度や湿... 一般的に、異常状態は赤色、正常状態は緑色、注意状態は黄色... また、アイコンやグラフを活用することで、数値情報だけでは... そのため本研究では、人間の認知特性を考慮しながら、分かり... ~ ***5. 認知負荷とUI設計 本書では、人間が一度に処理できる情報量には限界があること... 情報量が多すぎる場合、ユーザーは必要な情報を見つけにくく... 本研究で提案するアプリには、健康管理、温湿度管理、病院検... そのため、すべての機能を同じ階層に配置するのではなく、利... 今後の設計では、ユーザーが迷わず目的の機能へ到達できるよ... ~ ***6. 情報構造設計に関する考察 本書では、ユーザーが目的の情報へ効率よく到達できるように... 本研究のユーザー調査では、「情報が分散している」「信頼で... そのため本研究では、現時点で以下のような情報構造を想定し... -ホーム -飼育管理 　- 給餌記録 　- 健康記録 -環境管理 　- 温度 　- 湿度 　- カメラ監視 -飼育図鑑 　- 種類情報 　- 飼育難易度 　- 飼育条件 -コミュニティ -病院検索 今後はワイヤーフレームを作成しながら、より適切な情報配置... ~ ***7.ナビゲーション設計に関する考察 本書では、ユーザーが現在どこにいるか、次にどこへ移動でき... 本研究ではスマートフォンアプリを想定しているため、片手操... また、アンケート調査では20〜25歳の若年層ユーザーが全体の... 今後はユーザーフローの作成を通して、各機能間の移動方法や... ~ ***8. ユーザー中心設計と本研究への応用 本書では、デザインは作り手の考えだけではなく、ユーザーの... 本研究では、アンケート調査とインタビュー調査を通して、エ... その結果、 -病気の判断が難しい -温湿度管理が難しい -情報が分散している などの課題が明らかになった。 そのため今後のUI設計では、機能を増やすことだけではなく、... ~ ***9. フィードバック設計と本研究への応用 本書では、ユーザーの操作に対して適切なフィードバックを返... 例えば、 -保存成功 -異常通知 -センサー接続状態 などを明確に表示することで、ユーザーは現在の状態を理解し... 本研究においても、温湿度モニタリングや給餌記録機能では、... ~ ***10. UIの一貫性と継続利用への応用 本書では、画面ごとのデザインルールを統一することが重要で... ボタン配置やアイコン、カラーなどが統一されていることで、... 本研究では、初心者ユーザーも多く含まれているため、分かり... また、継続的な記録や健康管理を行うアプリであるため、長期... ~ ***11. 今後の設計への活用 本書を通して、UIデザインは単に画面を作ることではなく、ユ... また、ユーザー調査から得られた課題をもとに、情報の整理方... そのため今後は、これまで行った調査結果と本書で学んだ内容... さらに、ワイヤーフレームの作成を通して、機能の配置や情報... ~ ~ **二.爬虫類ペット用スマート飼育ケースの制作と設置計画 この2週間は、インターネット上の資料や教材などを参考にしな... ~ ***1. 使用する機器 今回使用する主な機器は、以下のものです。 -30×20×15cmのオーダーメイドアクリル飼育ケース -ブレッドボード -オス・メスのジャンパーワイヤー -書き込み用ソケット -ESP32-CAMカメラ -DHT11温湿度センサー -ESP32 Bluetooth・Wi-Fi開発モジュール DHT11は、温度と湿度を測定します。ESP32は、データの処理と... ~ ***2. ESP32と温湿度センサーの接続 まず、基本的な温湿度測定の部分から制作します。 DHT11には、電源、GND、データの端子があります。そのため、... 最初は、直接飼育ケースに設置せず、ブレッドボードを使って... 接続ができたら、パソコンからESP32にプログラムを書き込み、... プログラムを動かした後は、シリアルモニターを使って、温度... 例えば、 温度：26℃ 湿度：60％ のように表示されることを確認します。 その後、周囲の温度や湿度を少し変えて、表示される数値も変... ~ ***3. ESP32のWi-Fi接続 DHT11が正常に動作したら、次にESP32のWi-Fi機能をテストしま... ESP32をWi-Fiに接続し、DHT11から取得した温度と湿度のデータ... 基本的な流れは、DHT11 → ESP32 → Wi-Fi → App / UIです。 まずESP32が正常にWi-Fiへ接続できるか確認し、その後、温度... これができれば、将来的にはユーザーが手動で温度や湿度を入... ~ ***4. ESP32-CAMの設置 温湿度センサーのテストが終わったら、次にESP32-CAMを取り付... まず、ESP32-CAMとカメラを接続し、書き込み用ソケットを使っ... その後、カメラが正常に撮影できるかを確認します。 カメラが正常に動作したら、アクリル飼育ケースの上部または... 実際にいくつかの位置を試し、ペットの動きと飼育ケースの中... 位置が決まったら、カメラが動かないように固定します。 ~ ***5. アクリル飼育ケースへの設置 各機器のテストが終わったら、実際の飼育ケースに取り付けま... まず、DHT11をケース内部に設置します。センサーはケース内の... ESP32はケースの外側または上部に設置し、水や湿気が直接かか... その後、ジャンパーワイヤーを使ってDHT11とESP32を接続し、... ESP32-CAMはケースの上部または前面に設置します。 最終的には、 ケース内部：DHT11温湿度センサー ケース外部：ESP32＋配線 ケース上部・前面：ESP32-CAM という構成を考えています。 このようにすることで、ペットの活動スペースをできるだけ確... ~ ***6. 全体の動作テスト すべての機器を設置した後、全体の動作を確認します。 まず、DHT11が温度と湿度を継続して測定できるか確認します。 次に、ESP32がWi-Fiに接続し、データを正常に送信できるか確... 同時に、ESP32-CAMで映像を撮影し、ネットワークを通して確認... 基本的な動作が確認できたら、次に異常状態についてもテスト... 例えば、温度や湿度が設定した範囲を超えた場合に、システム... ~ ***7. UIとの連携 最後に、完成した装置と現在制作しているUIを連携させます。 Appの画面では、 -現在の温度 -現在の湿度 -温湿度の変化 -異常通知 -カメラ映像 などを表示する予定です。 ユーザーはAppを開くだけで、現在の飼育環境を確認できます。 また、外出中でもカメラを使って、ペットの様子を確認できる... 最終的な流れは、 DHT11 → ESP32 → Wi-Fi → UI そして、 ESP32-CAM → Wi-Fi → UI という形を考えています。 ~ ***8. 予定 現在、制作に必要な主な材料は準備できています。 次は、まずESP32とDHT11を接続し、温湿度データを正常に取得... その後、ESP32-CAMの書き込みと動作確認を行い、2つのシステ... ~ ~ 【实验一：ESP32物联网温湿度监测实验-哔哩哔哩】 https://b2... 【ESP32-CAM视频流传输教程-哔哩哔哩】 https://b23.tv/5nuBIq2 ~ **今週の作業内容と進捗報告 今週は、爬虫類の飼育環境を管理するシステムの開発に向けて... ***1. Arduino IDEの基礎学習 現在、Arduino IDEの使い方を動画で学習しています。Arduino ... まずは、USB-CケーブルでESP32-C3をMacに接続し、開発ボード... ***2. 温湿度センサーの配線 まず、ESP32-C3と温湿度センサーを接続しました。配線にはブ... 配線は2組に分けて行いました。1組目はESP32-C3からブレッド... 今回の配線では、赤い線をVCC、黒い線をGND、白い線をSDA、黄... #image(9b48088c5e0a985e11be0c7027115e3e.jpg) #image(776c0a50e37f5a7e99b3b8f28e8e09a1.jpg) ***3. カメラモジュールの組み立て 次に、飼育ケース内の様子を確認するため、ESP32-CAMの組み立... ESP32-CAMは画像を取得するためのモジュールで、ESP32-CAM-MB... #image(2b0058d5c1453764344aa1910623268b.jpg) ***4. 完成図 #image(1cc84eb8d4aa70fce1b26cc02c00b8ca.jpg) ***5. 今後の予定 現在、ハードウェアの基本的な組み立てと配線はほぼ完了して... その後、温湿度センサーからデータを取得できるか確認し、さ...

ページ名: