07．ソフトウェア実装

（「Raspberry Pi 1」を使用した、古い情報です。
　新しい情報は、「ホーム > フィジカルコンピューティング > RCタンクを作る（Raspberry Pi 3）」にまとめています。）

Raspberry Pi のプログラムの実装

概要

ハードウェア仕様、および、ソフトウェア仕様、に従い、Raspberry Pi のプログラムを実装します。

WebIOPiのインストール

Raspberry Pi にWebIOPiをインストールしてない場合は、まず、WebIOPiをインストールします。

WebIOPiのインストール

スクリプトファイルの作成

Webブラウザからの要求を処理するスクリプトファイルを作成します。
「/home/pi/work/webiopi」フォルダに、「rctank.py」というファイル名で、以下の内容のスクリプトファイルを作成します。

import webiopi webiopi.setDebug() GPIO = webiopi.GPIO PIN_L1 = 4 PIN_L2 = 17 PIN_R1 = 11 PIN_R2 = 9 g_mode = 0 g_percentage = 50 GPIO.setFunction( PIN_L1, GPIO.PWM ) GPIO.setFunction( PIN_L2, GPIO.PWM ) GPIO.setFunction( PIN_R1, GPIO.PWM ) GPIO.setFunction( PIN_R2, GPIO.PWM ) def MotorDrive( iIn1Pin, iIn2Pin, percentage ): if 100 < percentage: percentage = 100 if -100 > percentage: percentage = -100 if 10 > percentage and -10 < percentage: GPIO.pwmWrite( iIn1Pin, 0.0 ) GPIO.pwmWrite( iIn2Pin, 0.0 ) elif 0 < percentage: GPIO.pwmWrite( iIn1Pin, percentage * 0.01 ) GPIO.pwmWrite( iIn2Pin, 0.0 ) else: GPIO.pwmWrite( iIn1Pin, 0.0 ) GPIO.pwmWrite( iIn2Pin, -percentage * 0.01 ) @webiopi.macro def ChangeDriveMode( mode ): if mode == "0": webiopi.debug("ChangeDriveMode : Stop") MotorDrive( PIN_L1, PIN_L2, 0 ); MotorDrive( PIN_R1, PIN_R2, 0 ); elif mode == "1": webiopi.debug("ChangeDriveMode : Forward") MotorDrive( PIN_L1, PIN_L2, g_percentage ); MotorDrive( PIN_R1, PIN_R2, g_percentage ); elif mode == "2": webiopi.debug("ChangeDriveMode : Backward") MotorDrive( PIN_L1, PIN_L2, -g_percentage ); MotorDrive( PIN_R1, PIN_R2, -g_percentage ); elif mode == "3": webiopi.debug("ChangeDriveMode : CW") MotorDrive( PIN_L1, PIN_L2, g_percentage ); MotorDrive( PIN_R1, PIN_R2, -g_percentage ); elif mode == "4": webiopi.debug("ChangeDriveMode : CCW") MotorDrive( PIN_L1, PIN_L2, -g_percentage ); MotorDrive( PIN_R1, PIN_R2, g_percentage ); global g_mode g_mode = mode @webiopi.macro def ChangeVoltageLevel( level ): webiopi.debug("ChangeVoltageLevel : %s" % (level)) global g_percentage g_percentage = 10 * int(level) ChangeDriveMode( g_mode )

HTMLファイルの作成

Webブラウザからアクセスする HTMLファイルを作成します。
「/home/pi/work/webiopi」フォルダに、「rctank.html」というファイル名で、以下の内容のHTMLファイルを作成します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>tank controller</title> <script type="text/javascript" src="/webiopi.js"></script> <script type="text/javascript"> webiopi().ready( function() { // Initialize drive( 0 ); vlevel( 5 ); } ); function drive(mode) { // Change drive mode. 0 : Stop, 1 : Forward, 2 : Backward, 3 : CW, 4 : CCW webiopi().callMacro( "ChangeDriveMode", mode ); } function vlevel(level) { // Change Voltage Level. webiopi().callMacro( "ChangeVoltageLevel", level); } </script> </head> <body> <div align="center"> <table border="1"> <tbody> <tr> <td align="center" width="100" height="100"></td> <td align="center" width="100" height="100"> <form><input type="button" value="Forward" onclick="drive(1)" data-role="none"></form> </td> <td align="center" width="100" height="100"></td> </tr> <tr> <td align="center" width="100" height="100"> <form><input type="button" value="Turning CCW" onclick="drive(4)" data-role="none"></form> </td> <td align="center" width="100" height="100"> <form><input type="button" value="Stop" onclick="drive(0)" data-role="none"></form> </td> <td align="center" width="100" height="100"> <form><input type="button" value="Turning CW" onclick="drive(3)" data-role="none"></form> </td> </tr> <tr> <td align="center" width="100" height="100"></td> <td align="center" width="100" height="100"> <form><input type="button" value="Backward" onclick="drive(2)" data-role="none"></form> </td> <td align="center" width="100" height="100"></td> </tr> </tbody> </table> </div> <p align="center">voltage level</p> <div align="center"> <form>1 <input type="radio" name="vl" onclick="vlevel(1)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(2)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(3)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(4)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(5)" data-role="none" checked> <input type="radio" name="vl" onclick="vlevel(6)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(7)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(8)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(9)" data-role="none"> <input type="radio" name="vl" onclick="vlevel(10)" data-role="none"> 10</form> </div> </body> </html>

WebIOPi サービスの設定の変更

WebIOPi のサービスを開始したときに、作成したスクリプトが実行されるように、WebIOPi サービスの設定を変更します。
また、Webブラウザからアクセスしたときに、作成したHTMLが表示されるように、WebIOPi サービスの設定を変更します。

WebIOPi サービスの設定は、「/etc/webiopi/config」ファイルに記述されています。

以下のコマンドを実行し、「/etc/webiopi/config」ファイルを開きます。

sudo nano /etc/webiopi/config

[SCRIPTS] セクションを探し、[SCRIPTS] セクションの「myscript =」を以下のように書き換えます。

（・・・省略・・・） #------------------------------------------------------------------------# [SCRIPTS] # Load custom scripts syntax : # name = sourcefile # each sourcefile may have setup, loop and destroy functions and macros #myscript = /home/pi/webiopi/examples/scripts/macros/script.py myscript = /home/pi/work/webiopi/rctank.py #------------------------------------------------------------------------# [HTTP] （・・・省略・・・）

[HTTP] セクションを探し、[HTTP] セクションの「doc-root =」、「welcome-file =」を以下のように書き換えます。

（・・・省略・・・） [HTTP] # HTTP Server configuration enabled = true port = 8000 # File containing sha256(base64("user:password")) # Use webiopi-passwd command to generate it passwd-file = /etc/webiopi/passwd # Use doc-root to change default HTML and resource files location #doc-root = /home/pi/webiopi/examples/scripts/macros doc-root = /home/pi/work/webiopi/ # Use welcome-file to change the default "Welcome" file #welcome-file = index.html welcome-file = rctank.html #------------------------------------------------------------------------# （・・・省略・・・）

編集し終えたら、
Ctrl + O
で上書き保存し、
Ctrl + X
で nano を終了します。

ダウンロード

プログラムファイル