現時很多學校都設有電子顯示屏,因為電子顯示屏的用途非常廣泛,例如可以顯示當天學校舉辦的各項活動詳情和一些特別安排;亦可以提醒學生一些需要注意的事項,如更換冬季校服等;又或是展示著智慧名言佳句和學校的規則,為學生進行價值教育。今期就讓我們進行此類型設計。
今期我們會介紹利用樹莓派,結合 Google 平台的工具,包括 Google 表單( Form )及 Google 試算表( Sheets ),製作電子顯示屏平台,教職員只需要在電腦或手機上,將所需要信息和顯示的日期輸入到 Google 表單,有關資料便會傳送到 Google 試算表並儲存起來,也就是運用 Google 試算表作為系統的數據庫。
樹莓派的網站伺服器會在 Google 試算表拿取資料,然後自動地在指定日期當天將信息顯示出來;如當天有多於一個訊息需要顯示,系統便會循環地逐一顯示出來。整個項目也是使用 Google 工具和開源程式,全部都是免費,並配合 JavaScript 將數據視像化,最終顯示在網頁上。此習作與新高中課程的選修科目「資訊及通訊科技」中的選修部分「數據庫」及「多媒體製作及網站建構」的內容有密切的關係,修讀此科目的同學可視這個習作為一個學習資源。
[row][double_paragraph]
![校園電子告示板模擬圖。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/02_final-screen-capture-710x451.png)
[/double_paragraph][double_paragraph]
![系統運作流程。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/01_system-diagram.png)
[/double_paragraph] [/row]
建立 Google 表單
第一步就是要建立訊息輸入的介面,我們會使用 Google 表單來製作這個版面。在登入 Google 戶口之後,按下 Google 表單的圖標,就可以建立一個新的表單,在表單內容中填上適當的標題及說明,例如「 Message Input Form 」;跟著我們便為表單建立相關的問題,已收集有關信息的資料,包括訊息內容、日期和相關老師等,如需建立包含更多內容的電子告示板,只需要自行加入相關問題就可以。
Google 表單:https://www.google.com/intl/zh-TW_hk/forms/about
[row][double_paragraph]
![Step 1: Google 有一系列服務,其中一個是 Google Forms ( Google 表單)。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/03_googleFormIcon.png)
[/double_paragraph][double_paragraph]
![Step 2: 首先為表格命名,以便日後管理所有表格,我們將表格命名為「 Message Input Form 」。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/04_RenameTheForm-710x431.png)
[/double_paragraph] [/row]
[row][double_paragraph]
![Step 3: 現在開始編排欄位,按下「 Untitled Question 」並且輸入「 Date 」,此位置是輸入訊息顯示的日期,並在右邊答案的選項中選擇 「 Date 」。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/05_SetDateQuestion-710x399.png)
[/double_paragraph][double_paragraph]
![Step 4 : 當教職員回答此問題的時候,系統會展示一個月曆圖像,用家只需要選擇訊息顯示的日期便可以,資料便會以「日/月/年」的方式儲存起來。第一條問題的設定已經完成了,跟著我們便按下加入新問題的圖標,開始設定第二條題目。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/05b_DateQuestionFinish-710x194.png)
[/double_paragraph] [/row]
![Step 5: 在第二條題目的「 Question 」欄位中輸入「 Message 」,此位置是輸入需要顯示的訊息內容,答案的選項設定為「Short answer」,我們便可以在欄位中輸入簡單的文字。 使用相同的方法,我們繼續加入第三條題目,目的是收集發放此訊息的相關老師名字,答案選項也是設定為「 Short answer 」,當然完成了所有題目的設定後,按下表單右上角的 Preview 圖標,便可以檢視整份表單的設計。](https://www.pcmarket.com.hk/wp-content/uploads/2018/07/06_AllQuestionFinish.png)
使用相同的方法,我們繼續加入第三條題目,目的是收集發放此訊息的相關老師名字,答案選項也是設定為「 Short answer 」,當然完成了所有題目的設定後,按下表單右上角的 Preview 圖標,便可以檢視整份表單的設計。