SY Speak

SY-Speak WiFi數據傳送

如何使用SYSpeak - IoT數據收集系統來紀錄自己的實驗數據

一、瀏覽與基本操作功能

1. 透過以下連結進入系統首頁：

https://phyiotlab.ndhu.edu.tw

此為系統首頁畫面，右上角為主選單，連結依序為：

首頁頁面
瀏覽實驗
使用者登入

2. 點選View Project連結進入實驗瀏覽頁面

這個頁面會列出所有使用者的實驗清單。

3. 點選想查看的實驗名稱

點選任一實驗的名稱，即可進入該實驗的頁面查看查看該實驗目前的數據動態。

4. 查看數據

這個頁面顯示了該實驗所有的圖表，有時數據較多會載入較久時間，請等網頁讀取完資料再進行其他操作。

二、使用者登入功能

1. 點選User panel連結進入登入畫面

登入後可以進行自己的實驗數據上傳與做圖設定。

2. 輸入帳號與密碼登入

請向負責人索取使用者帳號，輸入完後按下Login按鈕登入系統。

3. 登入後可由此頁面瀏覽自己的實驗清單

點選實驗名稱可進入該實驗的設定頁面
點選右邊的View按鈕可進入該實驗的數據頁面

三、建立實驗

1. 點選"New project"的按鈕建立新的實驗

每一組實驗皆可接收多種數據，也可以畫多張圖表

請不要建立過多的實驗

2. 輸入實驗資訊後按下"Create"按鈕建立

Project name: 實驗名稱
Description: 實驗描述，可填入簡單的簡介文字

以上兩欄位皆必須填寫

3. 建立後點選實驗名稱進入設定頁面

4. 設定頁面說明

設定頁面分三個大區塊：

A. Project information

專案的詳細資訊，想要更改名稱或描述可以按下藍色的"Edit information"按紐修改

B. Charts

圖表清單，這邊列出所有的圖表，可以按上方的"New"按鈕新增圖表

圖表必須透過數據畫圖，所以必須在設定好數據流之後才能進行畫圖

C. Data series

數據流，按下上方"New"按鈕新增一個數據流

每一個數據流只放一種數據，例如溫度、濕度等等，想記錄幾種實驗數據就新增幾個數據流

建立數據流之後才能進行畫圖

5. 建立數據流

按下New按鈕之後會出現輸入欄位，請輸入該數據流的名稱，例如：溫度

輸入完之後按下Create按鈕建立數據流

如果有多個數據要上傳，請為每種數據分辨建立數據流

6. 數據流區塊說明

區塊中會列出所有的數據流

如果想要清空某個數據流的資料，請按下該數據流右邊的紅色"Empty"的按鈕

每個數據流都有自己對應的ID，上傳時注意不要對應錯了(上傳資料方式後面會說明)

7. 建立圖表

按下New按鈕之後會出現圖表的設定欄位，請依照以下說明輸入資訊

Title: 圖表標題

Type: 圖表類型，目前可以做的圖為折線圖(Line graph)、熱成像圖(Heatmap)，一般使用折線圖就好(本教學也是以折線圖為範例)，若有需記錄熱成像圖請詢問課堂助教上傳的格式與方法

Description: 圖表描述，可以針對該圖表做簡單的說明

X-axis Label: X座標軸標題 Y-axis Label: Y座標軸標題

圖表資訊輸入完後按下"Create"按鈕建立圖表

8. 點選剛剛建立的圖表名稱，開啟圖表設定視窗

如果你的實驗需要畫多張圖表，可多建立幾張個別做設定

10. 將數據流匯入圖表

點選視窗中的"New Trace"按鈕新增一條數據線

10. 設定數據線

在跳出的欄位中依照以下說明輸入數據線資訊

TraceName: 數據線名稱

XAxis: X軸對應的數據流

YAxis: Y軸對應的數據流

如果X、Y軸都選擇同一個數據流，則會以數據與時間做圖

例如依照右圖範例，X、Y軸皆選擇溫度的數據流，會做出溫度對時間的關係圖

設定好之後點選"Create"按鈕建立數據線

12. 預覽數據線

到此即完成數據線的設定，視窗中Trace的表格中為這張圖表所有的數據線

如果想要在這張圖中增加第二條以上的數據線，請重複以上步驟建立

如圖範例建立了溫度與濕度兩條數據線，括號中的數字為數據流的ID

建議一張圖不要畫太多條數據線以免影響查看

到此就可以開始將數據上傳，並在瀏覽頁面看到實驗的即時動態

註1: 一個數據流可以畫不同的數據線或者在別張圖中使用

註2: 目前圖表、數據線建立後無法做修改或刪除，設定錯請找課堂助教協助

三、上傳數據 - 測試上傳

數據上傳的方式非常簡單，就是將數據整合到一串特殊的網址，並連線到該網址就可以將當下的數據上傳到資料庫中

每個專案都有自己獨特的網址，以下將會介紹如何準備這串"數據上傳網址"

1. 先進入實驗的瀏覽頁面

這個頁面會顯示剛剛設定的所有圖表，以本教學來說我們只設定了一張圖表

由於目前都還沒有上傳數據，所以會像右圖所顯示的樣子

若開始上傳數據，程式就會自動更新圖表顯示最新的動態

2. 模擬數據

數據流的基本格式為：

data=數據流ID1:數據2&data=數據流ID2:數據2...
根據實驗有幾個數據流一直沿伸

假設目前實驗設備讀到當下的溫度值為攝氏25度C、濕度為40%，溫度數據流的ID為

1、濕度數據流的ID為2，則當下的數據流寫法為：

data=1:25&data=2:40
寫數據流時不須將單位帶入，只需記錄數字即可
若上傳了文字可能會造成畫圖錯誤，這時把數據清空重新上傳正確的數據即可

再次注意在填數據時，數據所對應的ID不要弄錯了，否則畫出來的圖會不正確或者上傳失敗

2. 回到實驗的設定頁面查看上傳網址

如下圖，紅色底線的網址就是這個實驗的專用網址

3. 將數據流帶入上傳網址中

這串網址的最後有"[Data Series]"的字樣，把這串文字改成我們的數據流即可

例如原本的上傳網址為：

https://phyiotlab.ndhu.edu.tw/speakapi/insertdata/1/?api_key=e1112d55-ce65-4991-9cc6-2c2a23cd8d11&[Data Series]

我們的數據流為：

data=1:25&data=2:40

則當下的上傳網址為：

https://phyiotlab.ndhu.edu.tw/speakapi/insertdata/1/?api_key=e1112d55-ce65-4991-9cc6-2c2a23cd8d11&data=1:25&data=2:40

4. 連線到上傳網址

將代換過的上傳網址貼調瀏覽器上

如果頁面顯示數字1就代表上傳成功

若頁面顯示的是其他數字，可能是數據流格式錯誤、ID對應錯誤

若顯示的是找不到網頁則是網址格式錯誤

確認網址格式後再次連線，若持續出錯請詢問課堂助教

5. 回到實驗數據頁面查看

上傳成功後圖表即會立即更新

如右上圖我們確實將溫度25度C與濕度40%上傳到伺服器了

若頁面沒有更新請重新整理頁面看看

我們可以試著再上傳一組數據(溫度26度C、濕度38%)，就會看到如下圖的結果

6. 清空測試數據

在正式上傳數據以前，必須先把測試用的數據給清空，免得實驗數據中混入不必要的內容

回到實驗設定的頁面，在Data Series的區塊中將所有數據清空(點選Empty按鈕即可)

到此我們可以套用以上的規則，在Arduino等開發板上讓程式自動生成上傳網址並連線，就可以自動將當下的實驗數據上傳到資料庫中並即時查看實驗數據的趨勢

Page updated

Report abuse

SY-Speak WiFi數據傳送

如何使用SYSpeak - IoT數據收集系統來紀錄自己的實驗數據

一、瀏覽與基本操作功能

1. 透過以下連結進入系統首頁：

https://phyiotlab.ndhu.edu.tw

此為系統首頁畫面，右上角為主選單，連結依序為：

首頁頁面

瀏覽實驗

使用者登入

2. 點選View Project連結進入實驗瀏覽頁面

這個頁面會列出所有使用者的實驗清單。

3. 點選想查看的實驗名稱

點選任一實驗的名稱，即可進入該實驗的頁面查看查看該實驗目前的數據動態。

4. 查看數據

這個頁面顯示了該實驗所有的圖表，有時數據較多會載入較久時間，請等網頁讀取完資料再進行其他操作。

二、使用者登入功能

1. 點選User panel連結進入登入畫面

登入後可以進行自己的實驗數據上傳與做圖設定。

2. 輸入帳號與密碼登入

請向負責人索取使用者帳號，輸入完後按下Login按鈕登入系統。

3. 登入後可由此頁面瀏覽自己的實驗清單

點選實驗名稱可進入該實驗的設定頁面

點選右邊的View按鈕可進入該實驗的數據頁面

三、建立實驗

1. 點選"New project"的按鈕建立新的實驗

每一組實驗皆可接收多種數據，也可以畫多張圖表

請不要建立過多的實驗

2. 輸入實驗資訊後按下"Create"按鈕建立

Project name: 實驗名稱

Description: 實驗描述，可填入簡單的簡介文字

以上兩欄位皆必須填寫

3. 建立後點選實驗名稱進入設定頁面

4. 設定頁面說明

設定頁面分三個大區塊：

A. Project information

專案的詳細資訊，想要更改名稱或描述可以按下藍色的"Edit information"按紐修改

B. Charts

圖表清單，這邊列出所有的圖表，可以按上方的"New"按鈕新增圖表

圖表必須透過數據畫圖，所以必須在設定好數據流之後才能進行畫圖

C. Data series

數據流，按下上方"New"按鈕新增一個數據流

每一個數據流只放一種數據，例如溫度、濕度等等，想記錄幾種實驗數據就新增幾個數據流

建立數據流之後才能進行畫圖

5. 建立數據流

按下New按鈕之後會出現輸入欄位，請輸入該數據流的名稱，例如：溫度

輸入完之後按下Create按鈕建立數據流

如果有多個數據要上傳，請為每種數據分辨建立數據流

6. 數據流區塊說明

區塊中會列出所有的數據流

如果想要清空某個數據流的資料，請按下該數據流右邊的紅色"Empty"的按鈕

每個數據流都有自己對應的ID，上傳時注意不要對應錯了(上傳資料方式後面會說明)

7. 建立圖表

按下New按鈕之後會出現圖表的設定欄位，請依照以下說明輸入資訊

Title: 圖表標題

Type: 圖表類型，目前可以做的圖為折線圖(Line graph)、熱成像圖(Heatmap)，一般使用折線圖就好(本教學也是以折線圖為範例)，若有需記錄熱成像圖請詢問課堂助教上傳的格式與方法

Description: 圖表描述，可以針對該圖表做簡單的說明

X-axis Label: X座標軸標題 Y-axis Label: Y座標軸標題

圖表資訊輸入完後按下"Create"按鈕建立圖表

8. 點選剛剛建立的圖表名稱，開啟圖表設定視窗

如果你的實驗需要畫多張圖表，可多建立幾張個別做設定

10. 將數據流匯入圖表

點選視窗中的"New Trace"按鈕新增一條數據線

10. 設定數據線

在跳出的欄位中依照以下說明輸入數據線資訊

TraceName: 數據線名稱

XAxis: X軸對應的數據流

YAxis: Y軸對應的數據流

如果X、Y軸都選擇同一個數據流，則會以數據與時間做圖

例如依照右圖範例，X、Y軸皆選擇溫度的數據流，會做出溫度對時間的關係圖

設定好之後點選"Create"按鈕建立數據線

12. 預覽數據線

到此即完成數據線的設定，視窗中Trace的表格中為這張圖表所有的數據線

如果想要在這張圖中增加第二條以上的數據線，請重複以上步驟建立

如圖範例建立了溫度與濕度兩條數據線，括號中的數字為數據流的ID

建議一張圖不要畫太多條數據線以免影響查看

到此就可以開始將數據上傳，並在瀏覽頁面看到實驗的即時動態

註1: 一個數據流可以畫不同的數據線或者在別張圖中使用

註2: 目前圖表、數據線建立後無法做修改或刪除，設定錯請找課堂助教協助

三、上傳數據 - 測試上傳

數據上傳的方式非常簡單，就是將數據整合到一串特殊的網址，並連線到該網址就可以將當下的數據上傳到資料庫中