更多

    展示資訊互動桌子(二)

    強制「嘟碼」隨時殺到!? 5 招「真.安心出行」

    政府提升抗疫措施,要求所有有市民出入的處所必須安裝「安心出行」二維碼。坊間流傳政府即將強制要求市民進入處所時必須使用政府《安心出行》程式掃描 QR Code ,以便追踪可能感染者。不過與此同時,大家可能會對程式有所疑慮。大家除了另外購置一部「出行用」手機專門用來「嘟碼」之外,以下一些招式也可以讓大家出行更安心。

    【#1423 PCM】$2,000 經濟級別 AC.AX 路由器大檢閱

    市場上的無線路由器分為眾多速度規格,相信大家選購時都感到無從入手,到底預算有限應選擇 AC 或 AX 制式?如何分辨不同速度規格?不同級別的速度與覆蓋表現又有多大分別?今期將為大家一一解答。

    【#1423 Biz.IT】創業公司探討 5G 商業潛力

    5G 網絡的價值在於正處起步階段的商業市場,現時未有太多相關應用,成為創業公司探索新藍海的機會。港中兩地有創業公司利用這新一代網絡的技術特點,提出創新方案概念,示範 5G 在商業市場的潛力,及早把握機遇。

    製作資訊互動桌子會涉及兩項軟件,一是儲存網頁伺服器的 Apache ,另一是令網頁產互動功能的 PHP 程式。上期講解 Apache 的安裝及測試,今期是 PHP 程式安裝及測試,以及準備天氣資訊網站的設定。

    PHP 是一種非常受歡迎的網頁編寫語言,它也是 Facebook 及 WordPress 的主要開發語言。 PHP 是屬於「伺服器端程序」(檔案格式名稱是 .php ),當程式在伺服器端執行後,可產生 HTML 碼後再傳送到用戶。 PHP 亦可以與 HTML 碼一起使用,編寫語言的方式亦容易明白,非常適合初學者。

    安裝 PHP

    PHP是屬於動態網頁的類型,可以在不同情況下顯示不同的內容,它能夠做到多種不同的工作,其中一個功能是上網收集不同的數據,然後顯示出來。

    安裝PHP及有關的Apache packages,步驟如下:

    開啟樹莓派的 Terminal ,輸入 sudo apt-get install php5 libapache2-mod-php5–y,便會自動下載及安裝。
    開啟樹莓派的 Terminal ,輸入 sudo apt-get install php5 libapache2-mod-php5–y,便會自動下載及安裝。

    建立第一個 PHP 網頁

    PHP 安裝完畢之後,就可以測試顯示 PHP 網頁。開啟樹莓派的 Text Editor ,並在檔案中輸入下列字句:

    09_phpTestPage

    第一行標示語言會將字句「 This is my first php webpage 」稍後會顯示出來;第二行標示語言會顯示今天的日期及時間。將上述的檔案名稱設定為 test.php ,並儲存在桌面上。

    下一步是將剛才建立的 PHP 網頁複製到 /var/www/html/ 的位置。要注意的是,或會因為權限的問題,當你嘗試將檔案拖放過去的時候,系統會顯示出錯誤的訊息,所以你必須使用 sudo 指令語句。

    sudo 是「 super user do 」的縮寫,讓使用者能夠暫時以 Root user 的身份處理檔案,這做法對系統保護較佳。畢竟在樹莓派系統中,使用者的權限是根據他的身份而定,故不同的使用者對檔案有不同的操作權限,包括讀取(Read)、寫入(Write)及執行(Execute)的權限。

    如果我們想將桌面上 test.php 移到 /var/www/html/ 的位置,需要在 terminal 中輸入下列指令:

    10_copy_file

    1. 「 sudo 」的意思是「 Super User Do 」讓使用者暫時以管理員身份操作。
    2. 「 cp 」的意思是複製( Copy )。
    3. 「 /home/Desktop/test.php 」是將要複製檔案來源的路徑。
    4. 「 /var/www/html 」是檔案複製的目的地。

    完成複製網頁的步驟後, 我們可以再次在瀏覽器中輸入樹莓派的 IP 地址及PHP 檔案名稱, 例如 http://192.168.0.3/test.php ,就可以看到你的第一個動態網頁。

    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的網頁。
    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的網頁。

    於瀏覽器輸入「 http://192.168.0.3/test.php 」,就可以看到上述建立的
    網頁。

    取得世界各地的天氣資訊

    接著要連線取得網上資訊,我們的習作是顯示屏展示天氣資訊,設計上,要先取得世界各地的天氣資訊數據。有關的資料,可以從 OpenWeatherMap 網站獲得,當中所提供的免費服務足夠在習作中使用。

    OpenWeatherMap 網站:http://openweathermap.org

    Step 1: 進入 OpenWeatherMap 網站。
    Step 1: 進入 OpenWeatherMap 網站。

    Step 2: 按右上角頂的 Sign In 登入,或按 Sign Up 進行註冊。
    Step 2: 按右上角頂的 Sign In 登入,或按 Sign Up 進行註冊。

    Step 3: 登入網站之後,按「 API Key 」瀏覽帳號的 API 的資料。 API 的全名是 Application Programming Interface ,過往已多次應用,此服務的資料,能讓程式碼與網站進行溝通。
    Step 3: 登入網站之後,按「 API Key 」瀏覽帳號的 API 的資料。 API 的全名是 Application Programming Interface ,過往已多次應用,此服務的資料,能讓程式碼與網站進行溝通。

    預備以上的資料後,就可以開始編寫 PHP 互動程式,建立即時顯示最新資訊的網站。

    下星期待續……

    您會感興趣的內容

    相關文章