[Ruff開発キット]Lesson 4-LCD温湿度計

誰が登場しますか?

LCDモジュール

温湿度センサ

あなたは学ぶでしょう

温湿度センサの使用

LCDパネルのアップグレードは

を使用する.

紹介する

この授業では、LCD画面で表示される温湿度計を実現します.

LCD画面初期表示「Welcome!」歓迎の文字

1秒後、第1行に現在の温度を表示し、第2行に現在の湿度を表示する.

は、現在の温度および湿度の値を毎秒リフレッシュします.

構成部品

Ruff開発ボード

温湿度センサモジュール

LCDモジュール

周辺機器の追加

プロジェクトにlcdというLCDモジュールを追加

modelはlcd1602-02を選択し、駆動バージョンは最新版を選択します.

プロジェクトにhumiratureという温湿度センサモジュールを追加し、

modelはDHT 11を選択し、駆動バージョンは最新版を選択します.

コード#コード#

コードを作成する前にRuff開発ボードの設定接続、ハードウェア接続を完了する必要があります.もし疑問があれば、皆さんはここで理解することができます.

Ruffアプリケーション開発手順とモデルを知りたい場合は、ここまで.

初期化

まずLCD画面を初期化し、カーソルを設定します.

LCD画面を開きます.

設定setCursor(x,y)関数を使用してカーソルを(1,0)に設定し、歓迎語を印刷する.

LCDモジュールのsetCursor関数を使用してカーソルを設定します.setCursor(x, y, [callback])

LCDモジュールは行ごとに16文字を表示することができ、全部で2行の文字がある.

(0,0)は、最初の行の最初の文字を指す.

(1,0)は、第1行の2番目の文字を指す.

(0,1)は、2行目の最初の文字を指す.

初期化コードは以下の通りである:

$('#lcd').turnOn();
$('#lcd').setCursor(1, 0);
$('#lcd').print('Welcome!');

はここでLCDモジュールの知識を復習することができます.

おんどひょうじ

その後、現在の温度を検出して表示する方法について説明します.

温湿度センサモジュールのgetTemperature()関数を使用して現在の温度を取得します.

温湿度モジュールのgetTemperature()関数構文は、

getTemperature(callback)

カーソルを1行目の2文字目に設定します.

「temperature」と現在の温度を印刷します.

現在の温度は、setInterval関数を使用して毎秒再検出され、表示される.

温度表示コードは以下の通りである:

setInterval(function () {
    $('#humirature').getTemperature(function (error, temperature) {
        if (error) {
            console.error(error);
            return;
        }
        $('#lcd').setCursor(1, 0);
        $('#lcd').print('temperature: ' + temperature);
    });
}, 1000);

湿度表示

その後、現在の湿度を検出して表示する方法、解決方法、温度が似ています.

温湿度センサモジュールのgetRelativeHumidity()関数を使用して、現在の湿度を取得します.

温湿度モジュールのgetRelativeHumidity()関数の使い方は以下の通りである:

getRelativeHumidity(callback)

カーソルを2行目の2文字目に設定します.

「humility」と現在の湿度を印刷します.

現在の湿度は、setInterval関数を使用して毎秒再検出および表示されます.

湿度表示コードは以下の通りである:

setInterval(function () {
    $('#humirature').getRelativeHumidity(function (error, humidity) {
        if (error) {
            console.error(error);
            return;
        }
        $('#lcd').setCursor(1, 1);
        $('#lcd').print('humidity: ' + humidity);
    });
}, 1000);

はここで温湿度センサモジュールの知識をさらに学ぶことができる.

最後に、

は、初期化、温度表示、湿度表示の実装を$.readyイベントの下に置く.

完全なコード

'use strict';

$.ready(function (error) {
    if (error) {
        console.log(error);
        return;
    }

    $('#lcd').turnOn();
    $('#lcd').setCursor(1, 0);
    $('#lcd').print('Welcome!');
    
    setInterval(
        function () {
            $('#humirature').getTemperature(function (error, temperature) {
                if (error) {
                    console.error(error);
                    return;
                }
                $('#lcd').setCursor(1, 0);
                console.log('temperature', temperature);
                $('#lcd').print('temperature: ' + temperature);
            });
        }, 1000);

    setInterval(function () {
        $('#humirature').getRelativeHumidity(function (error, humidity) {
            if (error) {
                console.error(error);
                return;
            }
            $('#lcd').setCursor(1, 1);
            console.log('humidity', humidity);
            $('#lcd').print('humidity: ' + humidity);
        });
    }, 1000)
});