4. Widget資訊顯示

4-1. Widget介面小工具說明

本章節將介紹SignEffeX特有的應用工具Widget Tools,將協助您進行多種不同即時與資訊整合的信息介面。以下說明將帶您體驗全新的Widget Tools。

Widget Tools是一種具備資訊化整合的獨門特殊工具,透過上網取得特定資訊達到廣告機顯示指定的即時資訊。您能透過Widget Tools整合以下項目,包含『Clock時鐘顯示』、『Youtube』、『天氣』、『Calendar日曆顯示』、『RSS即時文字』以及支援HTML5的『Webpage網頁顯示』,我們將逐一描述各項應用於不同單元。

開始使用Widget Tools

  1. 一開始在畫面編輯上需先新增畫面確認好版型區塊
  2. 當您選擇好滿意的Widget版型之後,任意選擇一個或多個顯示區域,透過新增物件按鈕來選擇想要的Widget


▲據步驟描述,點選新增物件來建立Widget Tool

您可以在任何一個顯示區域內加入多筆不同Widget,以輪播的概念進行多筆輸出。譬如在某一區域內依序增加了Clock與Calendar,則根據設定的曝光秒數進行輪播。接下來將在各個單元逐一介紹Widget的詳細介紹。

4-2. Clock時鐘顯示

在Clock的Widget項目之中,有兩種顯示方式供選擇,其分為類比與數位兩種;您可以挑選喜愛的色系來進行時鐘色彩效果。Clock是根據播放器的內部系統時間進行時區顯示,若您的時間出現不正確的時區結果請試著進入播放器後台管理部分進行調整時區如UTC+8與系統時間。

Widget Clock之特性

  1. 您可以透過參數選項,來調整喜愛的Color顏色或自定義色系。
  2. 您可以透過參數選項,來調整顯示的時程秒數,通常這會影響多筆Widget輸出時做為影響。
  3. Clock適合顯示在長寬接近於1:1的顯示區域,並呈現出類比或數位時鐘之圖樣
  4. Cock將根據播放器的系統時間來顯示

類比時鐘顯示


▲參考以上不同顯示區域的Clock效果,不建議於長條型文字區域使用

數位時鐘顯示


▲參考以上不同顯示區域的Clock效果,不建議於長條型文字區域使用

 

4-3. Calendar日曆顯示

在Calendar的Widget項目之中,您可以挑選喜愛的色系來進行時鐘色彩效果。Calendar是根據播放器的內部系統時間進行時區顯示,若您的時間出現不正確的時區結果請試著進入播放器後台管理部分進行調整時區如UTC+8與系統日期。

Widget Calendar之特性

  1. 您可以透過參數選項,來調整喜愛的Calendar顏色或自定義色系。
  2. 您可以透過參數選項,來調整顯示的時程秒數,通常這會影響多筆Widget輸出呈現。
  3. Calendar適合顯示在長寬接近於1:1的顯示區域,並呈現出年月日、禮拜等資訊。
  4. Calendar將根據播放器的系統日期與時間來顯示


▲參考以上不同顯示區域的Calendar效果,不建議於長條型文字區域使用

4-4. RSS即時快訊

在RSS的Widget項目之中,您可以指定一筆來自於網路上的RSS訂閱文字平台。RSS是根據播放器自動連接到網際網路RSS資訊做為播放結果。若您的RSS無法正常出現,請試著檢查您的播放器是否允許進行上網,並確認您的RSS來源符合標準RSS的XML制定格式。

Widget RSS之特性

  1. 您需要指定一個URL網址,這個網址做為RSS訂閱所用,並需符合RSS格式所規範。
  2. 您可以透過參數選項,來調整喜愛的RSS顏色或自定義色系。
  3. 您可以透過參數選項,來調整顯示的時程秒數,通常這會影響多筆Widget輸出畫面呈現。
  4. RSS可適合顯示在較長的顯示區域,並根據分配的顯示區域不同而呈現結果有所變化
  5. 在使用RSS功能時,請確保您的播放器能連接到網際網路。


▲參考以上不同顯示區域的RSS效果,其播放效果與跑馬燈類似,建議於長條型文字區域使用

4-5. Webpage網頁顯示

在使用Webpage的Widget項目之前,您需要理解一定的網頁編成方式與瀏覽概念。您可以指定一筆來自於網路上任何的HTML5/CSS3的網頁URL,透過連結方式由播放器連接到網際網路進行網頁輸出。若您無法擁有網頁設計的基礎能力,不建議您使用Webpage做為您的顯示素材使用。在使用本Webpage功能時,您需要多加考量所謂的瀏覽解析度是否符合版型上的顯示範圍。

Widget Webpage之用途

Webpage的環境條件較為嚴苛,無法應用於任何一般傳統網頁。有別於客製化差異,能適用並符合網頁開發之需求使用,應用方式如下:

  1. 舉例於颱風、股市、樂透等即時資訊!您可以創造任何Widget工具,只要設計網頁版就能妥善應用。
  2. 舉例於菜單、排行榜、課表等表單資訊!您可以透過網頁遠端的集中發佈管理,跨足任何網路應用可能。
  3. 舉例於觸控、導覽、KIOSK等互動機台!您可以透過觸控螢幕裝置,以HTML5達到有效穩定的特定操作。

Widget Webpage之特性

  1. 您需要指定一個URL網址,這個網址做為Webpage讀取所用,並需符合HTML5格式所規範。(不支援Flash網頁)
  2. 您可以透過參數選項,來調整顯示(重新整理)的Duration秒數,通常這會影響多筆Widget輸出時做為影響。
  3. 使用Webpage時,將根據網頁的遊覽解析度來呈現顯示區域,因此您需要考量顯示區域的解析度數值來設計網頁。
  4. 在使用Webpage功能時,請確保您的播放器能連接到網際網路。

 


▲Webpage偏向於特殊網頁開發應用,一般傳統網頁將有顯示版面問題

4-6. YouTube

除了一些基本素材檔案的設定播放外,還加入了Youtube的Widget項目,讓您輕鬆的擷取Youtube的畫面甚至還能做到直播Live功能,讓播放器有更多元化的播放選擇。

設定的方式很簡單,您只需瀏覽到想觀看的Youtube影片ID或URL帶入即可。


▲Youtube設定,想觀看的Youtube影片ID或URL帶入即可


▲軟體預覽畫面

4-7. Weather天氣顯示

在Weather的Widget項目之中,您可以指定任何地區並挑選喜愛的色系來進行文字色彩效果。Weather是根據廣告機自動連接到網際網路氣象資訊做為播放結果。若您的天氣無法正常出現,請試著檢查您的廣告機是否允許進行上網之可能。

Widget Weather之特性

  1. 透過清單選擇指定一個城市名稱,來做為天氣顯示資訊。
  2. 您可以透過參數選項,來調整喜愛的Weather顏色或自定義色系。
  3. 您可以透過參數選項,來調整顯示的秒數,通常這會影響多筆Widget輸出時做為影響。
  4. Weather適合顯示在長寬接近於3:2.的顯示區域,並呈現出城市、溫度、圖示、天氣型態之天氣概訊。
  5. 在使用Weather功能時,請確保您的廣告機能連接到網際網路。


▲選擇不同的地區,調整各參數定義


▲參考以上不同顯示區域的Weather效果,不建議於長條型文字區域使用