更多

    校園電子告示板(一)

    現時很多學校都設有電子顯示屏,因為電子顯示屏的用途非常廣泛,例如可以顯示當天學校舉辦的各項活動詳情和一些特別安排;亦可以提醒學生一些需要注意的事項,如更換冬季校服等;又或是展示著智慧名言佳句和學校的規則,為學生進行價值教育。今期就讓我們進行此類型設計。

    今期我們會介紹利用樹莓派,結合 Google 平台的工具,包括 Google 表單( Form )及 Google 試算表( Sheets ),製作電子顯示屏平台,教職員只需要在電腦或手機上,將所需要信息和顯示的日期輸入到 Google 表單,有關資料便會傳送到 Google 試算表並儲存起來,也就是運用 Google 試算表作為系統的數據庫。

    樹莓派的網站伺服器會在 Google 試算表拿取資料,然後自動地在指定日期當天將信息顯示出來;如當天有多於一個訊息需要顯示,系統便會循環地逐一顯示出來。整個項目也是使用 Google 工具和開源程式,全部都是免費,並配合 JavaScript 將數據視像化,最終顯示在網頁上。此習作與新高中課程的選修科目「資訊及通訊科技」中的選修部分「數據庫」及「多媒體製作及網站建構」的內容有密切的關係,修讀此科目的同學可視這個習作為一個學習資源。

    [row][double_paragraph]

    校園電子告示板模擬圖。
    校園電子告示板模擬圖。

    [/double_paragraph][double_paragraph]

    系統運作流程。
    系統運作流程。

    [/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 表單)。
    Step 1: Google 有一系列服務,其中一個是 Google Forms ( Google 表單)。

    [/double_paragraph][double_paragraph]

    Step 2: 首先為表格命名,以便日後管理所有表格,我們將表格命名為「 Message Input Form 」。
    Step 2: 首先為表格命名,以便日後管理所有表格,我們將表格命名為「 Message Input Form 」。

    [/double_paragraph] [/row]

    [row][double_paragraph]

    Step 3: 現在開始編排欄位,按下「 Untitled Question 」並且輸入「 Date 」,此位置是輸入訊息顯示的日期,並在右邊答案的選項中選擇 「 Date 」。
    Step 3: 現在開始編排欄位,按下「 Untitled Question 」並且輸入「 Date 」,此位置是輸入訊息顯示的日期,並在右邊答案的選項中選擇 「 Date 」。

    [/double_paragraph][double_paragraph]

    Step 4 : 當教職員回答此問題的時候,系統會展示一個月曆圖像,用家只需要選擇訊息顯示的日期便可以,資料便會以「日/月/年」的方式儲存起來。第一條問題的設定已經完成了,跟著我們便按下加入新問題的圖標,開始設定第二條題目。
    Step 4 : 當教職員回答此問題的時候,系統會展示一個月曆圖像,用家只需要選擇訊息顯示的日期便可以,資料便會以「日/月/年」的方式儲存起來。第一條問題的設定已經完成了,跟著我們便按下加入新問題的圖標,開始設定第二條題目。

    [/double_paragraph] [/row]

    Step 5: 在第二條題目的「 Question 」欄位中輸入「 Message 」,此位置是輸入需要顯示的訊息內容,答案的選項設定為「Short answer」,我們便可以在欄位中輸入簡單的文字。 使用相同的方法,我們繼續加入第三條題目,目的是收集發放此訊息的相關老師名字,答案選項也是設定為「 Short answer 」,當然完成了所有題目的設定後,按下表單右上角的 Preview 圖標,便可以檢視整份表單的設計。
    Step 5: 在第二條題目的「 Question 」欄位中輸入「 Message 」,此位置是輸入需要顯示的訊息內容,答案的選項設定為「Short answer」,我們便可以在欄位中輸入簡單的文字。
    使用相同的方法,我們繼續加入第三條題目,目的是收集發放此訊息的相關老師名字,答案選項也是設定為「 Short answer 」,當然完成了所有題目的設定後,按下表單右上角的 Preview 圖標,便可以檢視整份表單的設計。

    您會感興趣的內容

    相關文章