holiSign 的幾個使用情境範例在 samples

出貨單

Delivery Note 範例 用 可以建立並輕易的拖曳表單欄位,比方說教育訓練表單、出貨單之類,並可在任意位置放置手寫簽名欄位。

Data Model Input

出貨單的資料如表單號碼、出貨方式等如下 :

{
  "form": {
    "company": "<h1>叉子有限公司</h1>",
    "title": "<h1>Delivery Note 出貨單</h1>"
  },
  "subject": "<p>統一編號:12332103</p><p>地址/Address:104 台北市松江路 65 號 78 弄 787 號 78 F<p>電話/Phone:<u>02-2587-8787</u></p><p>郵件/Email:<u>tangzi@tangzi.com.tw</u></p>",
  "order": {
    "orderNO": "PO29909",
    "deliveryCom": "Black Cat",
    "pickupDate": "2020/12/12 12:00"
  },
  "customer": {
    "company": "艾鈦智能",
    "phone": "0917187187",
    "address": "新北市中安區中安路 87 弄 87 號 7 樓"
  },
  "items": [
    {
      "item": "拜多索福恩麵包/Stollen",
      "spec": "350g",
      "qty": "2"
    },
    {
      "item": "多爾袞造型香料餅乾",
      "spec": "16pcs/盒",
      "qty": "1"
    },
    {
      "item": "海洋香料餅乾",
      "spec": "16pcs/盒",
      "qty": "4"
    },
    {
      "item": "巴賽隆納卡多榛果餅乾",
      "spec": "12pcs/盒",
      "qty": "5"
    }
  ]
}

出貨單編輯主控台

這一張出貨單有 11 個 controls,包含一個客戶簽收簽名欄位

出貨單編輯

出貨單預覽

出貨單預覽


商業模式圖(Business Model Canvas)

「商業模式圖」(Business Model Canvas) 近年在新創圈好像很紅,拆解商業模式為九大元素, 那就拿來試試看加上應該要哪幾個角色授權簽名。

Data Model Input

{
  "signature": {
    "project": "旅遊地圖 App v2",
    "pm": "",
    "presales": "",
    "sales": "",
    "leader": ""
  },
  "costStructure": "<h3>成本結構</h3><p >What are the most important cost ?</p><br><br><br><br><br><br>",
  "revenueStreams": "<h3>收益流</h3><p>For what do they currently pay ?</p><br><br><br><br><br><br>",
  "keyPartners": "<h4>關鍵合作夥伴</h4><p>who are our key partners ?</p><br><br><br><br><br><br><br><br><br>",
  "keyActivities": "<h4>關鍵活動</h4><p>our distribution channels ?</p><br><br>",
  "keyResources": "<h4>關鍵資源</h4><p>our distribution channels ?</p><br><br><br>",
  "valuePropositions": "<h4>價值主張</h4><p>what value ... ?</p><br><br><br><br><br><br><br><br><br><br>",
  "customerRelationships": "<h4>顧客關係</h4><p>what type... ?</p><br><br>",
  "channels": "<h4>通路</h4><p>how are we... ?</p><br><br><br>",
  "customerSegments": "<h4>目標課群</h4><p>For whom are we ... ?</p><br><br><br><br><br><br><br><br><br><br>"
}

商業模式圖(Business Model Canvas) 編輯

這一張 Business Model Canvas有 14 個 controls,包含 4 個簽名欄位分別是 PM、Presales、Sales、Leader。

Business Model Canvas

商業模式圖(Business Model Canvas) 預覽

Business Model Canvas 預覽


企業內部教育訓練

教育訓練表單應該就很制式了,課程(program) 會有訓練主旨與課程日期等訊息,至少會有一講者(trainer) 及多個學生 (trainees)。

Data Model Input

{
  "subject": "<h2>開發公司資通安教育訓練簽到表</h2><p>一. 目的:提升公司內全體人員資安防護意識與預防攻擊預防外部攻擊之方法</p><p>二. 機密等級:<strong>一般</strong></p><p>三. 主辦單位:<u>行政管理處</u>,協辦單位:<u>資訊\b部</u></p>",
  "program": {
    "courseName": "資安事故案例與宣導",
    "courseDate": "",
    "trainer": "星九克",
    "trainerSignature": {}
  },
  "trainees": [
    {
      "group": "產品研發處",
      "userID": "091001",
      "userName": "陳大地",
      "signature": {}
    },
    {
      "group": "產品研發處",
      "userID": "091002",
      "userName": "李小怡",
      "signature": {}
    },
    {
      "group": "技術發展處",
      "userID": "091023",
      "userName": "吳百北",
      "signature": {}
    },
    {
      "group": "歐美行銷處",
      "userID": "091034",
      "userName": "蔡喬芳",
      "signature": {}
    }
  ]
}

企業內部教育訓練 編輯

這一張教育訓練表單有 6 個 controls,包含 1 個簽名欄位授課者(program trainer), 跟一個表格(trainees)最後欄位是簽名欄。

企業內部教育訓練

企業內部教育訓練 預覽

企業內部教育訓練預覽