[OK210開發板體驗]系統篇(4)基于OK210的智能家居系統之整合

原創 2015-12-24 10:05:00 [OK210開發板體驗]系統篇(4)基于OK210的智能家居系統之整合
前面介紹了OK210基于Linux的功能篇:LED、Key按、DS18B20溫度傳感器、PWM蜂鳴器、紅外遙控和ADC模數的驅動以及系統篇:Boa服務器搭建、Bootstrap前端設計、CGI后端設計CGI,今天介紹基于OK210的智能家居系統的整合,即通過構建Boa服務器,來控制OK210上的設備資源。對設備資源的訪問是通過前面介紹的驅動進行的,對設備資源的控制是通過前面介紹的Boa服務器前端控制的。
    本節主要分3個部分:
  • 1 對驅動的管理
  • 2 對驅動的訪問
  • 3 對界面的控制
一、對驅動的管理
前面對驅動的體驗都是通過手動加載上去的(insmod\rmmod\lsmod),現在要改成上電啟動后,自動加載,具體方法見【OK210試用體驗】入門篇(4)編程入門(NFS登錄、驅動入門)中的附錄模板,這里要加載的驅動有,LED驅動、Key按按驅動、DS18B20溫度傳感器驅動、PWM蜂鳴器驅動、ADC模數驅動等,具體的驅動代碼,見相關章節。
二、對驅動的訪問
1 新建文件和目錄:對驅動的訪問,通過接口函數來實現,
首先在Boa服務器的CGI目錄下,新建各自的源文件和頭文件,
其次,新建一配置文件config.ini,用來放置一些系統的初始化數據
再次,新建一控制文件main-cgi.c,用來響應或管理前端的數據
最后的文件目錄如下所示:
 
2 關鍵代碼說明
  1. if( (fp_html=fopen("./../main.html","r")) == NULL)//打開網頁主頁面
  2.         {
  3.                 exit(1);//如果打不開,直接退出
  4.         }
  5.         while(fgets(buf,512,fp_html))//每次獲取主頁面上的512個字符,直到讀取完
  6.         {
  7.                 if(strncmp(buf,"$CurTemp$",9)==0)//如果找到溫度的顯示位置
  8.                 {
  9.                         ds18b20_fun(temperation);//讀取OK210上的DS18B20的數據
  10.                         if (temperation[0]>0&&temperation[1]>0)
  11.                                 printf("  %2d.%d ℃\n", temperation[0], temperation[1]);//更新數據顯示
  12.                         else
  13.                                 printf("  85.0 ℃\n");
  14.                         //printf("  85.0 ℃\n");
  15.                 }
  16.                 else if(strncmp(buf,"$CurHumidity$",13)==0)<font size="2"><font face="Tahoma"><font size="3">//如果找到濕度的顯示位置</font></font></font>
  17.                 {
  18.                         adc_data = adc_fun(0);//通過ADC模擬濕度,讀取模擬值
  19.                         printf("     %2d %\n", (adc_data/100));<font size="2"><font face="Tahoma"><font size="3">//更新數據顯示</font></font></font>
  20.                 }
  21.                 else if(strncmp(buf,"$PWMMotor$",10)==0)//通過PWM模擬窗簾動作<font size="2"><font face="Tahoma"><font size="3"></font></font></font>
  22.                 {
  23.                         if(pwm_config[0]==0)
  24.             {
  25.                 printf("<img src=\"./../bootstrap-3.3.5-dist/image/off.png\" width=30 height=30 hspace=35 >");<font size="2"><font face="Tahoma"><font size="3"><font size="2"><font face="Tahoma"><font size="3">//更新顯示狀態</font></font></font></font></font></font>
  26.             }
  27.             else
  28.             {
  29.                 printf("<img src=\"./../bootstrap-3.3.5-dist/image/on.png\" width=30 height=30 hspace=35 >");
  30.             }
  31.                 }
  32.                 else if(strncmp(buf,"$LedSwitch$",11)==0)<font size="2"><font face="Tahoma"><font size="3">//通過LED模擬開關動作</font></font></font>
  33.                 {
  34.                         int i=0;
  35.                         for(i=0; i < 4; i++)
  36.                         {
  37.                                 if(led_config[i]==1)
  38.                                 {
  39.                                         printf("<img src=\"./../bootstrap-3.3.5-dist/image/off.png\" width=30 height=30 hspace=35 >");<font size="2"><font face="Tahoma"><font size="3"><font size="2"><font face="Tahoma"><font size="3"><font size="2"><font face="Tahoma"><font size="3">//更新顯示狀態</font></font></font></font></font></font></font></font></font>
  40.                                 }
  41.                                 else
  42.                                 {
  43.                                         printf("<img src=\"./../bootstrap-3.3.5-dist/image/on.png\" width=30 height=30 hspace=35 >");
  44.                                 }
  45.                         }
  46.                 }
  47.                 else
  48.                         printf("%s",buf);<font size="2"><font face="Tahoma"><font size="3"><font size="2"><font face="Tahoma"><font size="3"><font size="2"><font face="Tahoma"><font size="3">//否則保護原來的數據</font></font></font></font></font></font></font></font></font>
  49.         }
復制代碼
3編譯
arm-linux-gcc -o main-cgi.cgi main-cgi.c ds18b20-cgi.c adc-cgi.c leds-cgi.c pwm-cgi.c
三、對界面的控制
1 界面設計
1)主要有3個界面,index.html,login.html,main.html
boa服務器首先啟動index.html文件(在boa.conf中設置),在該頁面,通過登錄按鍵,將頁面跳轉到login.html界面,如下代碼:
  1. <p><a class="btn btn-lg btn-success" href="login.html" role="button">登錄</a></p>
復制代碼
在login.html中,通過登錄按鍵,觸發onclick事件,該事件響應myFunction()函數,如下代碼所示:
  1. <button class="btn btn-lg btn-primary btn-block" onclick="myFunction()" type="submit">登錄</button>
復制代碼
在myFunction()函數,驗證提交的登錄信息,如果正確,則跳轉到main-cgi.cig文件。
  1. if(document.getElementById("inputEmail").value=="gjianw217@163.com"&&document.getElementById("inputPassword").value=="111111")
  2. {
  3. window.open("./cgi-bin/main-cgi.cgi");
  4. }
復制代碼
在main-cgi.cgi中,首先打開main.html文件,獲取信息后,再輸出的頁面上。
2 主界面
主界面主要通過表單<form>和cgi進行數據的交互,如環境檢測表單,用來顯示溫度值和濕度值。其中濕度值是模擬值。代碼中有兩點值得注意
1)表單數據的提交方法,使用post
2)表單中通過變量$xx$來定位數據
  1.      <font size="2"><font face="Tahoma"><font size="3"><FORM  class="form-horizontal" role="form" METHOD="post"></font></font></font>
  2. <legend>環境檢測</legend>
  3.            <div class="form-group">
  4.                     <label class="col-sm-2 control-label" for="ds_id">溫度檢測</label>
  5.                     <div class="col-sm-4">
  6.                         <p><font color="red"><h5 align=center> 溫    度
  7. $CurTemp[        DISCUZ_CODE_1046        ]lt;/h5><b>
  8.                      </div>
  9.            </div>
  10.            <div class="form-group">
  11.                     <label class="col-sm-2 control-label" for="ds_id">濕度檢測</label>
  12.                     <div class="col-sm-4">
  13.                         <p><font color="red"><h5 align=center> 濕    度
  14. $CurHumidity[        DISCUZ_CODE_1046        ]lt;/h5><b>
  15.                      </div>
  16.            </div>
  17.                         
  18.   </form>
復制代碼
再如通過led燈來模擬開關,同樣注意表單的提交方法(post)和變量的設置
  1. <FORM  class="form-horizontal" role="form" METHOD="post">
  2. <legend>燈光控制</legend>
  3. $LedSwitch$
  4.         <br>
  5.         <input type="submit" name="led2" value=" 臥  室 "> 
  6.         <input type="submit" name="led2" value=" 廚  房 "> 
  7.         <input type="submit" name="led3" value=" 客  廳 "> 
  8.         <input type="submit" name="led4" value=" 衛生間 "> 
  9.         <br>

  10. </FORM>
復制代碼
3 調試結果
最后附幾張調試圖片
1)下圖為登錄控制界面后,當前的溫度為32.10度,濕度為16%,默認為讀廚房和餐廳的燈亮

2)下圖對應上圖的控制信息,顯示讀廚房和餐廳的燈亮

3)下圖顯示窗簾正在運行,此時OK210的蜂鳴器在響
 

相關產品 >

  • OKMX6UL-C開發板

    飛凌嵌入式專注imx6系列imx6ul開發板、飛思卡爾imx6ul核心板等ARM嵌入式核心控制系統研發、設計和生產,i.mx6UL系列產品現已暢銷全國,作為恩智浦imx6ul,imx6ul開發板,i.mx6提供者,飛凌嵌入式提供基于iMX6 iMX6UL解決方案定制。

    了解詳情
    OKMX6UL-C開發板
  • OKMX6ULL-C開發板

    40*29mm,雙網雙CAN,8路串口| i.MX6ULL開發板是基于NXP i.MX6ULL設計開發的的一款Linux開發板 ,主頻800MHz,體積小,其核心板僅40*29mm,采用板對板連接器,適應場景豐富。 了解詳情
    OKMX6ULL-C開發板

推薦閱讀 換一批 換一批