EIP 企業數位大廳（EIP 版型設定）

EIP 企業數位大廳是 Smart Platform 提供的企業入口首頁， 作為使用者登入系統後的第一個畫面， 整合企業公告、待辦事項、常用系統連結、 即時戰情儀表板與關鍵營運資訊， 打造一致且具識別性的企業數位門面。

透過彈性的版型配置與內容組合， 企業可依不同角色（如主管、一般員工） 規劃對應的 EIP 畫面內容， 讓使用者一進系統即可掌握「現在最重要的事」。

此章節包含主題：

適用時機

當企業內部資訊分散於多個系統， 員工需要頻繁切換平台才能完成日常工作時， 即適合導入 EIP 企業數位大廳作為整合入口。

• 系統入口過於分散： 企業內部同時使用多套系統（如 ERP、HR、流程、報表平台）， 員工難以記住入口或經常找不到正確位置。

• 重要資訊容易被忽略： 公告、通知、流程提醒分散在不同系統， 使用者需主動查看，導致資訊觸達率不高。

• 缺乏一致的登入後首頁： 員工登入後沒有清楚的起始畫面， 不知道「現在該做什麼、有哪些待處理事項」。

• 不同角色需要不同資訊： 管理者、一般員工、主管在同一系統中， 需要看到的重點資訊與操作入口不同。

EIP 企業數位大廳說明

EIP 企業數位大廳是企業內部的整合入口頁面， 用來集中呈現與員工日常工作高度相關的資訊與操作入口， 讓使用者在登入系統後，即可快速掌握公司最新動態與個人待辦事項。

EIP 不僅是一個資訊展示頁面， 同時也是串接 Smart Platform 各項模組與企業內部系統的整合入口， 可依不同角色與使用情境進行彈性配置。

• 企業公告與即時資訊： 集中顯示公司公告、最新消息、內部通知或重要提醒， 確保關鍵資訊能即時傳達給所有使用者。

• 個人化工作資訊： 顯示與使用者相關的待辦事項、流程通知、申請進度或提醒訊息， 協助員工快速掌握目前需要處理的工作內容。

• 系統與操作入口： 將常用的系統功能、表單、流程或外部系統入口整合於同一畫面， 降低使用者在多個系統間切換的操作成本。

• 彈性版面配置： EIP 版面可依需求劃分為多個區塊， 每個區塊可嵌入不同來源的內容， 例如來自 Smart Platform 的公告頁面、報表頁面、列表型頁面、 連結清單，或外部網站嵌入畫面。

• 角色與權限控管： 可依使用者身分、部門或角色設定不同的顯示內容， 確保每位使用者看到的資訊符合其職責與使用需求。

透過 EIP 企業數位大廳， 企業可建立一個統一且清楚的系統入口， 降低學習成本， 並提升資訊傳遞效率與整體使用體驗。

設定位置

EIP 企業數位大廳的版型與內容設定， 需於 設計端 進行操作， 由具備系統管理權限的人員進行配置與管理。

設計端路徑：
設計端 → 系統管理 → EIP 版型設定

附註：
由此進入 EIP 版型設定後， 可建立與管理企業數位大廳的版面配置、內容模組與使用者權限。

EIP 版型與配置方式

本段將以「新增一個 EIP 版面 → 新增分頁 → 選擇版型模板 → 在框架內新增內容」的流程， 帶你完成 EIP 企業數位大廳的基本版型設定。

新增 EIP 版面

1. 進入 EIP 版型設定

   在設計端依序進入：系統管理 → EIP 版型設定。
   進入後左側會看到 EIP 管理 清單（可管理多個 EIP 版面）。

   附註：
   初次進入 EIP 版型設定 時，系統會自動顯示一步一步的操作導覽 （畫面上會出現「Step.1／Step.2 …」的說明），協助設計者快速了解主要按鈕與操作流程。 可以依照導覽按「下一步」瀏覽，也可以直接點選畫面下方的「跳過導覽」略過； 之後再次進入時就不會再顯示導覽。

   
   

2. 在「EIP 管理」點選新增 EIP 版面

   在左側 EIP 管理 區塊中，點選 ＋新增 EIP 版面，
   用來建立新的企業數位大廳版面（可建立多個版面，依不同部門／情境使用）。

   

3. 輸入版面標題並建立

   系統會跳出視窗，請輸入此版面的 標題 （例如：企業數位大廳_共用版、業務部_首頁等），
   然後點選 確定 建立版面。

   

設定版面權限（使用者／群組）

建立完成後，會進入版面設定畫面，可在此設定：
版面名稱、啟用狀態，以及哪些使用者或群組可以看到／使用此版面。
建議依實際需求規劃「共用版面（全公司）」或「部門版面（特定群組）」。

• 設定為所有使用者預設版面：勾選後，系統會將此版面作為所有使用者進入 EIP 的預設首頁版面。

• 使用者可關閉版面：勾選後，使用者端可自行關閉／不顯示此版面（適合非必看、偏情境型版面）。

• 使用者授權：可指定單一或多位使用者可使用此版面。

• 群組授權：可指定部門群組（較好維護）。

• 啟用／停用版面：可視需求暫停使用（停用後使用者端將不顯示）。

新增分頁與選擇版型模板

1. 在版面上新增分頁

   在左側版面樹狀清單中，對著剛建立的版面（例如：版面1）點選滑鼠右鍵，
   選擇 新增分頁。分頁可用來區分不同用途， 例如：首頁、部門公告、主管專區…等。

   

2. 輸入分頁標題

   系統會跳出視窗，請輸入分頁標題（例如：首頁、常用系統、管理看板…）。
   建議以實際用途命名，方便後續維護與權限設定。

   

3. 選擇分頁版型模板（template）

   建立分頁後，系統會顯示可用的版型模板（template1 ～ template10）。
   請依需求選擇合適的模板（例如：上方橫幅＋下方主內容、左側欄＋主內容…）， 然後點選 確定 套用。

   

   附註：
   模板的差異主要是「區塊切割方式」。 若之後想大幅調整布局，通常建議新增新的分頁再更換模板， 避免已放好的內容需要全部重新配置。

4. 確認分頁框架已建立

   套用模板後，畫面會出現對應的「框架區塊」。
   後續即可在每個框架內新增內容（頁面內容／網站內容／OA 頁面／連結清單）， 完成企業數位大廳的資訊配置。

   

左側樹狀結構管理（右鍵選單操作）

在 EIP 管理 畫面左側的樹狀結構中， EIP 管理／版面／分頁 都支援右鍵操作， 可用來快速管理版面結構與分頁配置。

這些操作屬於結構管理（建立、複製、調整、刪除）， 與「框架內容」（頁面內容／網站內容／OA 頁面／連結清單）是不同層級。 建議先完成結構（版面/分頁）規劃，再進行框架內容配置。

1. 在左側樹狀結構中對節點點擊右鍵

   於左側樹狀結構中，可針對以下節點點擊滑鼠右鍵開啟管理選單：
   （1）EIP 管理：整體 EIP 管理入口
   （2）版面：例如「版面1、版面2」
   （3）分頁：例如「分頁1、分頁2」
   右鍵選單內容會依節點層級不同而有所差異。

   

2. 分頁右鍵功能：複製／屬性／刪除

   以分頁為例（如：分頁1），右鍵選單常見包含： 複製、屬性、刪除， 用於快速管理分頁結構與內容配置。

   • 複製：快速建立新分頁，通常會保留原分頁的框架配置與內容來源設定， 適合用於建立相似版型（例如不同部門首頁、不同角色視角）。

   • 屬性：調整分頁本身的名稱。

   • 刪除：移除整個分頁；分頁內的框架與內容會一併移除，操作前請先確認。

   附註：
   刪除分頁通常無法復原。建議先用「複製」建立備份分頁，再進行調整。

頁面內容設計操作

分頁模板建立後，每個框架區塊都可以點選「＋」新增內容。 EIP 支援多種內容來源，常見用法如下：

• 頁面內容：嵌入 Smart Platform 內已製作完成的頁面

• 網站內容：嵌入外部網站（例如：公告網站、內部入口、即時資訊）

• OA 頁面：嵌入系統設定中【EIP 屬性設定】勾選想嵌入的 OA 頁面

• 連結清單：建立一組常用連結（可做成「常用系統」「常用報表」等快速入口）

1. 在框架內點選「＋」

   將游標移到要放內容的框架區塊內，點選「＋」開始新增內容。

   

2. 選擇內容類型

   點選「＋」後會出現「新增項目選單」。 請依需求選擇要嵌入的內容類型（頁面內容／網站內容／OA頁面／連結清單）。

   

3. 完成內容設定後儲存

   依照你選擇的內容類型，完成相關設定（例如：選擇要嵌入的頁面、輸入網站 URL、挑選 OA 頁面、建立連結清單）， 最後點選上方的 存檔 完成設定。

   附註：
   若要快速確認效果，可在存檔後使用「預覽」功能。

頁面內容設計操作

若要在 EIP 框架中嵌入 Smart Platform 內既有的報表或儀表板， 可以透過「頁面內容」來設定。以下以放入 銷售戰情室-chart 為例說明：

1. 在框架內點選「＋」，選擇「頁面內容」

   將滑鼠移到要放報表的框架中間，點選「＋」圖示，
   在出現的項目選單中，選擇「頁面內容」，準備嵌入系統內的既有頁面。

   

2. 在「選擇頁面」視窗中挑選要嵌入的頁面

   系統會開啟「選擇頁面」視窗：
   先從上方下拉選單選擇對應的環境（例如：環境3），
   再展開左側專案樹，於 EIP 資料夾底下找到目標頁面，例如：銷售戰情室-chart，
   點選後按下「確定」，將此頁面設定為框架內容來源。

   

3. 確認框架中的頁面預覽

   按下「確定」後，會回到版型設計畫面，
   選定的頁面會即時顯示在框架中，方便確認版面尺寸與位置是否合適。 若需要調整版面，可搭配框架大小調整或框架管理功能一併修改。

   

4. 存檔並以預覽模式查看實際效果

   完成配置後，請先點選上方的「存檔」，
   再切換到預覽／執行模式（例如點選右上角的「PC」預覽），
   確認使用者在實際瀏覽 EIP 首頁時，銷售戰情室-chart 報表顯示是否正常、讀取速度是否符合預期。

   

附註：
在同一個分頁中放入多個「頁面內容」時，可先確認各報表的寬度與高度需求， 再搭配分頁模板與框架大小調整，避免出現捲軸過多或內容被切到的情況。

網站內容設計操作

若要在框架內顯示外部網站（例如：企業內部入口、政府服務、即時資訊等）， 可使用 網站內容 作為資訊來源。

1. 點選框架 ➜ 選擇「＋」新增網站內容

   將滑鼠移至框架內，點選「＋」圖示， 再於選單中選取 網站內容。

   

2. 輸入網站 URL 與標題名稱

   於 新增連結 頁籤中輸入：

   • URL：外部網站位址（如官方資訊、報表、天氣、新聞…）。
   • 標題：顯示在框架標題列上的名稱。

   輸入完成後點選 確定。

   

3. 網站內容即顯示於框架中

   儲存設定後，即可在框架內看到外部網站內容， 若網站已支援 RWD，系統會依框架寬度自動調整。

   

4. 框架可自由調整大小以符合資訊呈現

   可拖曳框架四周邊界調整高度或寬度， 建議調整至可完整呈現網站資訊的尺寸。

   

附註：
若外部網站因資訊安全限制而無法顯示， 可改以「連結清單」方式呈現，由使用者另開新視窗瀏覽。

OA 頁面設計操作

若想在 EIP 首頁直接顯示「企業流程待辦」、「簽核通知」等 OA 工具畫面， 可透過 OA 頁面 來源將系統內已設定的工具頁嵌入到框架中。 以下以「企業流程」為例說明設定步驟。

1. 在框架中選擇「OA 頁面」

   先在欲放置內容的框架內點選 ＋， 於出現的項目選單中選擇 OA 頁面。 之後會開啟 OA 頁面設定視窗。

   

2. 選擇要嵌入的 OA 工具頁

   進入 OA 頁面 視窗後，預設會停在「選擇頁面」分頁：
   在下方列表中點選欲嵌入的工具頁，例如 「企業流程」，再按 確定。

   

3. 確認 OA 頁面顯示於框架中

   完成設定並返回版型畫面後，該框架就會顯示所選的 OA 工具頁， 例如「企業流程」的待辦事項清單與查詢條件。
   此時可視需要調整框架高度與版面位置，最後記得按 存檔。

   

4. 實際使用時的顯示效果

   使用者進入 EIP 首頁時，即可在該區塊直接看到「企業流程」待辦列表， 不需再另外開啟功能選單，有助於提升簽核與流程處理的效率。

   

連結清單設計操作

「連結清單」可加入外部連結、系統內頁面，或顯示使用者收藏內容，彈性最高。

1. 於框架中點選右側圖示 ➜ 連結清單

   可選擇加入不同類型的連結資料來源。

   

2. 方式 A：新增 自訂連結清單

   可手動輸入網址與顯示標題，自由建立連結列表。

   操作步驟如下：

   • 點選「新增網站連結」

   • 輸入網址與標題

   • 可選擇顯示圖示（可上傳圖片或使用 FontAwesome）

   

   設定完成後按「確定」即會出現在頁面內容中：

   

3. 方式 A.2：加入系統內頁面

   同樣位於「自訂連結清單」功能中 ➜ 點選「新增頁面」。

   

   選擇 EIP 內頁面後顯示如下：

   

4. 方式 B：選擇專案資料夾

   可導入 BI 專案資料夾結構，之後會依階層呈現全部。

   

   顯示效果如下：

   

5. 方式 C：選擇「我的最愛」

   可快速呈現使用者個人書籤資料來源。

   

   顯示結果如：

   

共用顯示設定（設定頁籤）

不論是頁面內容、網站內容、OA 頁面或連結清單，完成來源選擇後， 都可以切換到對話框中的「設定」頁籤，調整在 EIP 上的呈現樣式。

1. 開啟「設定」頁籤

   在內容已選擇完成的情況下，點選上方的設定頁籤， 可以看到標題、圖示與高度等顯示相關設定。

   

2. 設定標題與圖示樣式

   在此區可調整內容區塊上方的標題列呈現方式：

   • 是否顯示標題：勾選後會在框架上方顯示標題列，取消勾選則隱藏標題，僅保留內容本身。

   • 標題：輸入要顯示在框架標題列的文字，例如「銷售戰情室」、「匯率查詢」等。

   • 圖示：可選擇圖片作為標題前的圖示，搭配下方的前景色與背景色，讓不同區塊更容易辨識。

3. 調整框架高度

   透過H 欄位可設定內容區塊的高度，單位可選擇：

   • px：固定高度（例如 400px）。

   • %：以百分比配合畫面高度自動伸縮，適合需要彈性調整的排版。

   附註：
   建議視實際內容高度與版面配置調整，避免出現捲動過長或留白過多的情況。

框架管理功能（調整大小／新增框架／移動／編輯／清除內容／刪除框架）

建立框架並加入內容後，可透過框架周邊與右上角的控制按鈕進行調整。 以下為框架操作功能說明：

• 調整框架大小：點選框架後，四周會出現拖曳節點，可自由拉伸框架大小。

• 新增框架：框架外圍新增區域點選可快速加入新的框架，依點擊位置自動決定新框架的排列方向。

• 移動框架的位置：拖曳右上角「移動」按鈕，可重新安排框架的位置。

• 編輯內容：點擊「編輯」按鈕，可重新設定框架內已嵌入的內容。

• 清除內容：僅移除內容顯示，保留框架本身。

• 刪除框架：完全移除框架區域（包含其中所有內容）。

1. 調整框架大小

   點選框架後，邊框周圍會出現方形拖曳節點，可依顯示需求調整高度與寬度。

   

2. 新增框架（點擊外圍新增區域）

   將滑鼠移動至框架外圍點選會出現新增項目選單：
   ✔ 上／下方新增區域 ➜ 在目前框架的上／下方新增框架
   ✔ 左／右側新增區域 ➜ 在目前框架左／右側新增框架
   （系統會自動分配版面，與目前框架同寬或同高）

   

3. 移動框架位置（重新排版）： 拖曳框架右上角的「移動」按鈕，可將整個框架 移動並插入到頁面中的其他位置，重新調整整體版面配置。

   

4. 編輯內容（修改內容來源或設定）

   

5. 清除內容／刪除框架

   透過右上角「⋯」選單可進行：

   • 清除內容：僅移除頁面顯示內容，保留框架
   • 刪除框架：完全移除整個框架
   

附註：
先規劃好主要框架佈局再加入內容，可有效降低調整與重做的時間。

常見內容類型與區塊說明

EIP 企業數位大廳的每個框架區塊都會由特定內容來源組成， 設計者可依企業需求選擇適合的資訊來源進行配置。 以下依「新增項目選單」分類說明常見用途與設定建議：

• 頁面內容（最彈性的內容展示方式）

  直接嵌入 Smart Platform 內已製作完成的頁面或儀表板， 適用於視覺化資訊與資料展示。

  • 數據看板／KPI 指標：呈現營運狀況（支援 RWD、自動更新）
  • 圖表分析：銷售、庫存、任務進度、品質指標等
  • 表格式資料：可下鑽瀏覽明細

  附註：
  與資料庫連結的頁面可設定自動更新頻率，維持即時性。

• 網站內容（外部系統資訊整合）

  以 iframe 方式引入其他網站或入口

  • 內部公告系統（如活動報名、教育訓練、制度公告）
  • 部門專區（如 HR、IT、採購入口）
  • 資訊與天氣、即時匯率、新聞跑馬燈等

  附註：
  若網站有限制跨域，請先聯繫系統管理者協助設定。

• OA 頁面（表單流程入口整合）

  以 Smart Platform 內建流程功能為主，支援快速操作與流程推進：

  • 我的待辦／待簽核：列表呈現工作項目，可直接點擊處理
  • 申請進度查詢：追蹤個別案件處理狀態
  • 簽核歷史紀錄：便於主管掌握審核狀況

  附註：
  須在系統管理 → EIP 屬性設定中先啟用相關頁面，才會出現在選單中。

• 連結清單（最常用的入口聚合）

  提供常用系統、表單文件或報表的快速導覽，可視覺化成卡片或按鈕。

  • 常用系統入口：ERP、HR 系統、CRM、工單系統
  • 檔案／表單下載專區：SOP、人資表單、IT 申請表
  • 熱門服務：每月更新點擊排行，提高可用性

  附註：
  可管理排序／分類，並可限制權限顯示。

✔ 透過以上內容來源，EIP 可同時呈現即時資訊、操作入口與個人化內容， 打造企業「單一入口」的最佳使用體驗。

實際操作範例：單一入口首頁

以下範例示範如何將常用資訊集中在同一個 EIP 首頁，作為員工登入後的「單一入口」。
畫面中的各區塊皆來自 頁面內容／網站內容／OA 頁面／連結清單 四種來源， 透過不同組合達成一頁式的工作入口首頁。

參考範例畫面中，共配置了 14 個內容區塊，分布如下：

• 頁面內容（9 個）：公告、儀表板、統計圖、行事曆、工作清單等分析或應用頁面。

• 網站內容（1 個）：嵌入外部或內部網站，例如天氣資訊、外部服務入口。

• OA 頁面（1 個）：直接嵌入已設定為 EIP 工具頁面的 OA 功能，例如差勤打卡、簽到簽退。

• 連結清單（3 個）：整理常用系統、報表或文件入口，做成可點選的清單區塊。

附註：
圖中以文字標註每個區塊的內容來源（頁面內容／網站內容／OA 頁面／連結清單）， 方便設計者對照本章前面說明的四種內容類型。

建立此單一入口首頁的操作步驟

1. 建立 EIP 版面與分頁

   依前文「新增 EIP 版面」、「 新增分頁與選擇版型模板」步驟，
   建立一個專用的首頁分頁（例如：單一入口首頁）， 並選擇適合的版型模板（建議：上方橫幅＋左右欄的版型）。

2. 依版位規劃內容來源

   先構思每個區塊要放什麼內容，再對應到四種來源類型，例如：

   • 頁面內容：放置公告看板、業績儀表板、流程追蹤、行事曆等 9 個核心工作頁面。

   • 網站內容：放置公司外部服務或開放資料，例如天氣資訊。

   • OA 頁面：放置常用的 OA 功能，例如企業流程工具。

   • 連結清單：將 ERP、CRM、報表平台等入口整合為 3 組常用連結清單。

   附註：
   可先在紙上或簡單草圖標出 14 個區塊的大致位置與類型，再進入系統設定。

3. 在各框架內新增內容

   進入分頁編輯畫面後，依序對每個框架：

   • 將滑鼠移入框架內或框架四邊，點選「＋」選擇內容類型。
   • 選擇 頁面內容／網站內容／OA 頁面／連結清單，並完成各自的設定。
   • 依前一步規劃的 9＋1＋1＋3 配置，填滿整個首頁畫面。

   附註：
   若不熟悉新增內容，可參考「新增框架內容（頁面／網站／OA頁面／連結清單）」章節。

4. 調整框架大小與排序

   透過框架四邊的調整點拖曳高度，或使用右上角的「移動」按鈕重新排版，
   讓重要資訊（例如公告、待辦、打卡功能）置於畫面上方或左側較醒目位置。

5. 儲存並預覽首頁

   完成內容配置與排版後，點選畫面上方的 存檔，再按 預覽 檢視實際使用效果。
   確認各區塊載入正常、連結與按鈕位置合適後，即可正式提供給使用者作為登入首頁。

附註：
透過上述步驟，設計者可以由空白分頁逐步完成一個整合公告、待辦、儀表板、行事曆與常用系統連結的「單一入口首頁」， 讓員工每天登入後只需在一個畫面即可掌握大部分工作資訊與操作入口。

使用者端（User）個人首頁管理

除了由系統管理者／設計者統一設定 EIP 首頁版面外， Smart Platform 也提供 使用者端（User） 的 個人首頁管理 功能。

此功能允許使用者在不影響公司共用版面的前提下， 調整「顯示哪些版面」、「版面顯示順序」以及「個人預設首頁」， 提升個人使用上的彈性與效率。

補充說明：
「個人首頁管理」屬於使用者層級的設定，與系統管理者設定的 EIP 共用版面為不同層級。 使用者調整的內容僅影響本人顯示，不會影響其他使用者或公司共用首頁設定。

1. 進入「個人首頁管理」

   使用者可由左側功能選單進入 個人首頁管理， 開始設定個人專屬的 EIP 首頁顯示方式。

   

2. 管理個人可用的 EIP 版面（版面列表）

   進入後會看到 EIP 版面列表，使用者可在此進行：

   • 調整順序：依個人習慣安排版面顯示順序（如將常用版面置頂）。

   • 顯示／隱藏：設定某些版面是否顯示在個人首頁。

   • 開啟：當想要確認版面的呈現效果，可以點選開啟確認版面。。

   

   附註：
   若某些版面未出現在列表中，通常代表該版面尚未授權給使用者（需由管理者於版面權限中設定）。

3. 進入版面並調整個人版面內容與配置

   點選版面後，會進入版面編輯畫面。此畫面與管理者的設計介面相似， 使用者可在個人權限範圍內調整框架內容與配置（例如：更換區塊來源、調整區塊排列等）。

   

   附註：
   若公司已規劃共用首頁版面，使用者可在個人首頁中保留共用版面並新增個人常用版面， 兼顧一致性與個人效率。