あさがおIoT観察日記⑫：ArduinoからRaspberryPiにデータを渡す③【大人の自由研究】

https://symamone-tec.com/asagao_iot_mamote

ここのところ取り組んでいる、「あさがおIoT観察日記」について、まとめの記事を作っておくことにしました。各個別の記事の先頭に乗せているリンクもすべてこのページだけに順次変えていきます。というのも、各記事の先頭でこれまでの記事へのリンクを貼ってたんですが、記事が増えてきたのでリンクがひたすら続いて本文が全然見えなくなってました。タイトルが長くてリンクカードに収まっていないものもあるので、補足しておきます。アイデアスケッチArduinoにセンサをつなぐ温度・湿度センサ「DHT11」をArduinoに接続します。⇩...

前回まで／次回以降の取り組みはこちらから。

今日は前回までで作ったpythonアプリを、pyQt5で作っていきます。

もくじ [hide]

pyQt5とは
前回作ったRaspberry Pi側のソフト
pyQt5で作ったGUI
pythonプログラム

pyQt5とは

pythonアプリでGUIを作るのに便利なライブラリです。

詳しくはこちら⇩

symamoneの技術ノート

Raspberry PiにPyQt5を導入する【pythonでGUI】【インストール手順紹介】

https://symamone-tec.com/raspberrypi_pyqt5

ええと、引き続きあさがおIoT観察日記の続きでRaspberry Pi側のアプリを作っていく予定だったんですが急遽予定を変更してお送りします。というのも、ちょっとやってみて、pythonでGUI開発めんどい...って感じました。正直。(※後述のような事情を踏まえた個人の感想です。)これまで、の通り、 Raspberry Piにもともと入っているpythonと tkinterというGUIを作るライブラリを組み合わせて作っていました。#coding:utf-8import tkinter as tkimport datetime root = tk.Tk()root.attributes("-fullscreen", True)root.title(&qu...

前回作ったRaspberry Pi側のソフト

前回は

シリアル通信を受け取れるようにする
照度センサの値をリアルタイムに表示する

所まで作りました。できた画面はこんな感じで、

pythonのソースコードはこんな感じ。

#coding:utf-8
# 2020.06.01 V0.0.1 画面作成、現在時刻表示
# 2020.06.02 V0.0.2シリアル通信対応、とりあえず照度データのみ表示

import tkinter as tk
import datetime
import serial

#使用するシリアルポート(Arduino IDEなどで調べる)
serialport = "/dev/ttyACM0"

#シリアル通信
class SerialCom:
    def __init__(self):
        self.sc = serial.Serial(serialport,9600)
    
    def data_read(self):
        rc_data = self.sc.readline()
        return rc_data

def window_refresh():
    #時刻更新
    now = datetime.datetime.now()
    label_time =tk.Label(root,text="現在時刻：",font=("Helvetica",18))
    label_time.place(x=20,y=15)
    label_time_v =tk.Label(root,text=now.strftime('%Y/%m/%d %H:%M:%S'),font=("Helvetica",18))
    label_time_v.place(x=140,y=15)
    
    #照度データ更新
    bright = myserial.data_read()
    bright_text = str("{0:4}".format(int(bright)))
    label_bright=tk.Label(root,text="照度[Lx]：",font=("Helvetica",18))
    label_bright.place(x=20,y=100)
    label_bright_v=tk.Label(root,text= bright_text ,width=5,anchor="e",font=("Helvetica",18))
    label_bright_v.place(x=200,y=100)

    root.after(100,window_refresh)

#メイン画面
root = tk.Tk()
root.attributes("-fullscreen", True)
root.title("あさがおIoT観察アプリ")

#シリアル通信のインスタンス生成
myserial = SerialCom()

window_refresh()    
root.mainloop()

#coding:utf-8

# 2020.06.01 V0.0.1 画面作成、現在時刻表示

# 2020.06.02 V0.0.2シリアル通信対応、とりあえず照度データのみ表示

import tkinter as tk

import datetime

import serial

#使用するシリアルポート(Arduino IDEなどで調べる)

serialport = "/dev/ttyACM0"

#シリアル通信

class SerialCom:

def __init__(self):

self.sc = serial.Serial(serialport,9600)

def data_read(self):

rc_data = self.sc.readline()

return rc_data

def window_refresh():

#時刻更新

now = datetime.datetime.now()

label_time =tk.Label(root,text="現在時刻：",font=("Helvetica",18))

label_time.place(x=20,y=15)

label_time_v =tk.Label(root,text=now.strftime('%Y/%m/%d %H:%M:%S'),font=("Helvetica",18))

label_time_v.place(x=140,y=15)

#照度データ更新

bright = myserial.data_read()

bright_text = str("{0:4}".format(int(bright)))

label_bright=tk.Label(root,text="照度[Lx]：",font=("Helvetica",18))

label_bright.place(x=20,y=100)

label_bright_v=tk.Label(root,text= bright_text ,width=5,anchor="e",font=("Helvetica",18))

label_bright_v.place(x=200,y=100)

root.after(100,window_refresh)

#メイン画面

root = tk.Tk()

root.attributes("-fullscreen", True)

root.title("あさがおIoT観察アプリ")

#シリアル通信のインスタンス生成

myserial = SerialCom()

window_refresh()

root.mainloop()

これをpyQt5で再現します。

pyQt5で作ったGUI

こんな感じ。

フルスクリーン表示にするとアプリを閉じれなくなるので、左上のボタンで閉じるようにしてみました。
最終的に場所は考えます。ここじゃないです(笑)

pythonプログラム

.pyファイルは全部で4つありますが、そのうち2つを編集しました。

from PyQt5.QtWidgets import QApplication
from ui.mainwindow_0_0_3 import MainWindow
from PyQt5.QtCore import *
import datetime
import serial

serialport = "/dev/ttyACM0"

class SerialCom:
    def __init__(self, serialport):
        self.sc = serial.Serial(serialport,9600)
    
    def data_read(self):
        rc_data = self.sc.readline()
        return rc_data

def refresh_window():
    myserial = SerialCom(serialport)
    #時刻更新
    now = datetime.datetime.now()
    ct = "現在時刻：" + now.strftime('%Y/%m/%d %H:%M:%S')
    ui.label1.setText(ct)
   
    #照度更新
    bright = myserial.data_read()
    bright_text = "照度[Lx]：" + str("{0:4}".format(int(bright)))
    ui.labelbright.setText(bright_text)
    
if __name__=="__main__":
    import sys
    app = QApplication(sys.argv)
    ui = MainWindow()
    ui.showFullScreen()
    refresh_window()
    
    timer = QTimer()
    timer.timeout.connect(refresh_window)
    timer.start(100)
    
    ui.show()
    sys.exit(app.exec_())

from PyQt5.QtWidgets import QApplication

from ui.mainwindow_0_0_3 import MainWindow

from PyQt5.QtCore import *

import datetime

import serial

serialport = "/dev/ttyACM0"

class SerialCom:

def __init__(self, serialport):

self.sc = serial.Serial(serialport,9600)

def data_read(self):

rc_data = self.sc.readline()

return rc_data

def refresh_window():

myserial = SerialCom(serialport)

#時刻更新

now = datetime.datetime.now()

ct = "現在時刻：" + now.strftime('%Y/%m/%d %H:%M:%S')

ui.label1.setText(ct)

#照度更新

bright = myserial.data_read()

bright_text = "照度[Lx]：" + str("{0:4}".format(int(bright)))

ui.labelbright.setText(bright_text)

if __name__=="__main__":

import sys

app = QApplication(sys.argv)

ui = MainWindow()

ui.showFullScreen()

refresh_window()

timer = QTimer()

timer.timeout.connect(refresh_window)

timer.start(100)

ui.show()

sys.exit(app.exec_())

# -*- coding: utf-8 -*-
from PyQt5.QtCore import pyqtSlot
from PyQt5.QtWidgets import QMainWindow
from .Ui_mainwindow_0_0_3 import Ui_MainWindow
import sys

class MainWindow(QMainWindow, Ui_MainWindow):
    def __init__(self, parent=None):
        super(MainWindow, self).__init__(parent)
        self.setupUi(self)
    
    @pyqtSlot()
    def on_pushButton_clicked(self):
        sys.exit()

# -*- coding: utf-8 -*-

from PyQt5.QtCore import pyqtSlot

from PyQt5.QtWidgets import QMainWindow

from .Ui_mainwindow_0_0_3 import Ui_MainWindow

import sys

class MainWindow(QMainWindow, Ui_MainWindow):

def __init__(self, parent=None):

super(MainWindow, self).__init__(parent)

self.setupUi(self)

@pyqtSlot()

def on_pushButton_clicked(self):

sys.exit()

実行するとこんな感じ。

今回はひとまずArduino IDEで通信できているポートの名前を控えて、main.pyに直接書き込んで選択するようにしました。

今は照度データだけを受け取っているので、受け取ったデータをそのまま照度の数値のところに当てはめているだけです。

最終的にはいろいろなセンサの値が届くようになるので、「どのデータがどの数値か？」を判断して、正しい場所に表示していく必要がありますね。

まだまだ続きます。

日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30