4. 在專案匯入後，工作面板中有導入元件，並完成介面設計。

5. 畫面元件說明

 (1) 標題列

• 元件名稱：標籤1

• 文字內容：食物分享

• 字型大小：預設或可設定為 20 以上

(2) 輸入欄位群組（以「水平配置」容器群組）

• 水平配置1（用於「食物名稱」輸入）

  • 標籤2：文字為「食物名稱：」

  • 文字輸入盒：元件名稱為 輸入食物名稱

• 水平配置2（用於「保存期限」輸入）

  • 標籤3：文字為「保存期限：」

  • 日期選擇器：元件名稱為 輸入保存日期

• 水平配置3（用於「聯絡Email」輸入）

  • 標籤4：文字為「聯絡Email：」

  • 文字輸入盒：元件名稱為 輸入連絡Email

 (3) 上傳按鈕

• 按鈕

  • 元件名稱：上傳資訊

  • 文字：上傳食物資訊