同事告知最近有一個 LINE 的開發者說明會
覺得很酷就報名了
雖然不懂程式，英文也不好
結果整間公司只有我抽到門票哈哈

報名與報到

2018/11/29

1. 到 官網 點擊 立即報名
2. 用 LINE 掃描頁面上的 QR CODE 並加 LINE TECHPULSE 2018 官方帳號好友
3. 用聊天的方式填報名資料

2018/12/12
收到報名成功通知

2018/12/20
活動前一天，收到報到流程的說明

2018/12/21
活動當天
依照報到說明，開啟藍芽和 GPS
但並沒有收到報到成功的通知
後來⼯作⼈員直接拿⼀個 QR Code 給我掃，才出現報到成功的訊息
我前後也有幾個⼈也收不到推播，有點漏氣哈哈
但⼯作⼈員說有可能不是最新版的 LINE，的確我不是最新版的😅

插曲：
有個中年⼈問，是否有報名就可以來？⼯作⼈員回答要收到報名成功通知才可入場
他可能有點⽣氣，說我是公司負責⼈，你們不讓我來聽？
⼯作⼈員說不好意思，後來他就離開了。((太新穎的報名⽅式可能需要適應

向⾨⼝的⼯作⼈員出⽰報到成功的訊息，即可進入會場～

會場佈置

⼀進⾨就看到⼀個⼤⼤的深藍⾊背板與⽩⾊的⼤會 LOGO
旁邊則有兩塊⼩積⽊，上⾯⽤點陣字型寫著
THINK
TWICE
CODE
ONCE
<CODING IS LIFE/>
我猜它可能想表達程式碼就跟積⽊⼀樣!?

接著在服務台領取識別證，材質是厚紙板
正⾯寫個 ⼤G (GUEST)，背⾯是⼤會 LOGO
⼯作⼈員的吊牌則是 ⼤ S (STAFF)
這個設計可以在很遠的地⽅就清楚辨認⾝分

搭兩層⼿扶梯後，來到了會議室外的⼤廳
這裡擺設了三個互動體驗區：

• 公園
• ⾏⼈路⼝
• 銀⾏⾦庫

互動體驗

第⼀關: 公園

它是⼀個兩⼈對戰的互動遊戲
先掃螢幕上的 QR Code 後，就會導⾄遊戲畫⾯
等兩個⼈的頭貼都出現在螢幕上，就可以開始遊戲

進入遊戲後，⼿機上會有兩個⾓⾊的按鈕
螢幕出現什麼⾓⾊，就點擊⼿機上相對應的⾓⾊，時間內分數⾼的就贏囉
(可應⽤在牆上的電⼦互動廣告)

我輸得很慘哈哈…

插曲：
跟我比賽的路⼈
⽤⼿機內建的掃描器掃 QR Code，都掃不進去
最後用 LINE 的掃描器才成功

完成第⼀關之後，⼯作⼈員會給⼀個 QR Code
掃完就獲得⼀個徽章，以及該技術資訊的推播訊息
這個技術叫 LIFF，就是把 Web 的功能塞進 LINE APP 裡面

第二關: ⾏⼈路⼝

它是⼀個有關物聯網的遊戲
只要點擊 LINE 的按鈕
就可以控制路⼝的號誌燈 (⼩紅⼈變⼩綠⼈)

也就是透過 LIFF 選單來啟動 LINE THINGS，無需撰寫任何藍牙 APP
僅透過樹莓派連接燈號裝置，再由 LIFF 的 Web 藍牙傳送資料來控制號誌燈

獲得第⼆個徽章，同時收到該技術資訊的推播訊息
LIFF = 把 Web 功能塞進 LINE
Line Things = 物聯網平台技術

第三關: 銀⾏⾦庫

它跟第⼆關⼀樣是物聯網的遊戲
在 LINE 上輸入正確的密碼後
⾦庫的電磁鎖就可打開，不⽤使⽤實體按鍵

也就是先用 LIFF 呈現解鎖介面，再透過 LINE THINGS 操控 IOT 金庫設備
由 LIFF 直接傳送資料，控制連接樹莓派的繼電器

⾦庫的⾨打開後，裡⾯有很多⼩徽章
可以拿⼀個當作紀念品
手機也獲得第三個徽章囉

插曲：
因為這些服務都仰賴於網路，據說現場將近有⼀千⼈ (|||ﾟдﾟ)ﾉ
⼤家都同時上網的結果就是跑不動，所以在第三關卡了⼀陣⼦

手機集滿三個徽章後，就收到 Conpon 推播
到服務台請⼯作⼈員點擊 兌換 按鈕
這張 Coupon 就失效囉

居然是無線充電器!!!
太高級了ㄅ

演講主題與內容

議程表

開場

會議廳有三個投影布幕
前排座位附有桌⼦，後排則只有椅⼦
最後⾯有⼀個放攝影機的⾼檯，以及⼀些看起來很像⾳控的⼈員

主持⼈開場
說明這次⼤會主題為「串連」，包含 ⼈與⼈ & ⼈與資訊

ChatBot 機器人

不只是聊天機器⼈，還能購物、訂餐、叫⾞等

1. 購物

• Flex message 訊息優化
  可結合圖片、按鈕、表格等元素來客製化訊息版⾯
  除了文字也可傳送影⾳訊息 ( Video Image Map )

• Quick reply 快速回覆
  使⽤者只需點擊按鈕即可回應訊息
  避免⽤⼾輸入錯誤的資料

購買的流程

1. Rich Menu (下⽅功能選單) > 選擇服務
2. Image Map (影像地圖) > 點擊不同區域會發⽣的⾏為
3. Flex message (優化訊息) > 橫式導覽列呈現
4. LIFF (內置 WebView) > 把 Web 的商品資訊放進來

5. LIFF 把 Web 的商品列出來
6. LINE Pay 付款
7. Flex message 優化訂單訊息
8. LIFF 把 Web 的訂單呈現

這就是完整的 Chatbot 服務
⽤ Line 登入各種應⽤程式、結合各種 API
讓你不⽤離開聊天室也能完成所有事情

2. 辦活動

1. 報名
   • 在 Web 放上 QR Code
   • 掃描後導⾄ Line 並加好友
   • 點擊 Rich menu 的報名按鈕
   • ⽤ LIFF 顯⽰報名單
   • 完成後⽤ Flex message 優化報名資料

2. 報到
   ⽤ Beacon 與 藍芽 收推播，或掃描 QR Code
   還沒踏進⼤⾨就報到好了

3. 事件活動推播
   • 即時訊息 (提醒休息時間)
   • 互動遊戲 (Jungle Pang Battle)
   • 問卷 (沒有筆沒關係)

技術

• 利⽤ LIFF 把所有服務整合在聊天室
• ⽤ Beacon 藍牙發推播
• ⽤不同的 Message Type 優化資訊外觀

3. ⾦融業

1. Rich Menu
   即時個⼈化查詢，不同⾝份顯示不同選單
   • 薪資入帳通知
   • 詢問優惠客服
   • 參加活動報名
   • 刷卡消費通知
   • 繳費通知提醒

2. Call to Line
   節省簡訊成本、舒緩客服電話量
   若客服忙線中，能透過 LINE 的聊天機器⼈，線上進⾏解答

3. Switcher API
   ⼀開始先⽤機器⼈客服，機器⼈無法解決就通知真⼈
   訊息格式可以⽤文字或語⾳，完全不⽤離開聊天室

Mobile Payment 行動支付

1. Line Pay

• Line Pay ⼀卡通 (iPASS)
• 轉帳 - 免⼿續費
• 儲值 - 銀⾏、虛擬 ATM、⾃動儲值
• 提領 - 全台銀⾏皆可
• 分攤付款 - 唱 KTV
• 邀請轉帳 - 討債
• 繳費 (停⾞費) - 店員掃描條碼即可繳費，還可綁定⾞號，⼀卡通會發推播通知繳費
• 坐⾼捷 - 前提是閘⾨要有 QR Code 掃碼器

2. Line Wallet

⾦流入⼝
把其他⾴⾯改版成「錢包」
錢包可做到的事情都放在這個⾴⾯

IOT 物聯網

1. LINE Beacon

Beacon 是⼀個藍牙發射裝置
只要⾛到 LINE Beacon 的發送範圍，就可收到推播

現在台北捷運共有兩百顆 Beacon 站點

• Coupon 優惠: 收到附近商家的特價資訊
• Puzzle Game 拼圖遊戲: 到特定站點的進出⼝閘⾨，可得點數或貼圖
• Bus Info: 收到附近公⾞資訊推播

2. LINE Things

透過 LINE 來連接支援 Bluetooth 的設備

⺠眾痛點：⼀個家具⼀個 APP，要⼀直切換
⼯程師痛點：要寫⼀個完整的 APP，煩惱不同的通訊協定

改變

• 在⼀個平台管理所有物聯網裝置
• 使⽤ BLE 協定
• 可以雙向溝通

案例⼀

• 當家中的⾨被打開，LINE 將發推播通知你
  且可傳送監視器影片給你

案例⼆

• 掃描 QR Code，找到體重計裝置，並且配對藍牙
  站上體重計後，LINE 將發推播體重數字給你

政府機關的便民服務

1. 台北市政府

打破公部⾨流程，沒有採購、也沒有教育訓練
只有規定辦法，限制何種層級的的事情不能放上 LINE

原本是把 LINE 當成訊息通知平台，也就是⼤聲公
但因為局處很多，訊息⼀天就上百則，於是很多⼈取消好友 QQ

⺠眾痛點
看不懂、⽤不到、沒跟到、查不到

改變
把業務分類改成服務分類，提供個⼈化訊息 (訂閱)

如何訓練客服機器⼈？
把幾百份的 Q&A 轉換為幾千種的問法
因為不同年紀的⼈問法不同

局長的期望

1. 希望 LINE 未來能增加管理者權限，可控管誰能加/退群組，也希望有加密通訊
2. 歡迎⼤家使⽤政府的資訊加到你的 APP

2. 國家災防中⼼

即時通報
哪裡淹⽔、寒流溫度、地震、⽔庫放流、停班停課

點擊 Rich Menu 的訂閱⽰警
開啟 WebView，點選要訂閱的地區和⽰警類型即可

災情回報
當有重⼤災情時，Rich Menu 會多⼀個災情回報按鈕
你可以⽤文字或影片訊息來回報，它會⾃動帶入 GPS 和時間

Agile Testing 敏捷測試

品質控管是所有⼈員責任，不是只有 QA

問題

• 測試時間不夠
• 修 bug 要很多時間
• 修好⼜要重複的測，⽽且相關的功能都要測
• QA 像拿到⼀個⿊盒⼦，不知改了哪裡

改變

• QA 要看 Code 改了什麼 (平常就要監控)
• 瞭解整體架構，決定重點測試項⽬，避免重復測試
• 團隊互相幫忙

流程

• 開發⼈員寫完 Code
• ⽤ Github 指派⼈Code review (不得超過兩百⾏)
• 每個 Task 完成後都進行驗證 (測試是在開發當中要做的事，不是等最後才測試)

總結

• Control Change Scope 監控變更的範圍
• Keep Testing 持續測試
• DevOps 開發和維運團隊整合
• Work Closely with Developers 與開發人員緊密合作
• Less Repetitive Work & More Agilie 減少重複工作，更敏捷

LINE 新創團隊

官⽅帳號 2.0 計畫

• 不必經過審核就能申請
• 採⽤「以量計費」模式
• 可使⽤ Messaging API

LINE Protostar 新星計畫

提供新創團隊協助 (⾏銷.稅務.法律.創投.募資等)

資源

• 無上限好友的官⽅帳號 (LINE Business Connect)
• 開源 API 與 SDK
• 外有 中華開發創新加速器 專業經理⼈，內有 LINE 有定期商務會議與技術會議

資⾦

• 可被 LINE 直接投資，或變你的股東
• 可便宜續約新星計畫

案例⼀ - 潔客幫

• 家政服務平台
  公開清潔⼈員評價，員⼯透過五星評價來加薪
  Chatbot 24⼩時線上預約，Line Pay 線上付款

案例⼆ - 跑跑腿

• 即時⼈⼒媒合服務
  輸入地址、填寫要做什麼事情、選擇任務執⾏時間
  幫你買交換聖誕禮物送朋友、取貨、遛狗、繳費、買票、代辦都可以

開發者社群

因為語⾔、平台、遇到的情境的不同
⼯程師常找不到⼈討論，分享是義務！

• 網路社群
  Line Engineering (是中文!)
  LINE 開發者官⽅社群 (LINE 開發社群活動及職缺訊息)
  LINE Developers Group Taiwan (臉書社團)
  LINE Developer Community (LINE API Expert 專家給你問)
  Line developer website (文件)
  Line GitHub (開源碼)

• 聚會
  LINE Developer Meetup (開發者⼩聚)

• 比賽
  HACK 2018 (奪冠隊伍將以台灣代表隊⾝分參加 BOOT AWARDS)
  LINE BOOT AWARDS (跨國開發者⼤賽)

• 講座
  Campus Talk (校園講座)
  TechPulse (台灣開發者⼤會)

後記

間諜開發者不懂開發，只是來體驗大會的氛圍 😎

1. 簡報設計
   LINE 團隊的簡報超美
   風格⼀致都是⿊底，在會場效果非常的好
   也不會有字太⼩，或訊息過多的問題
   ⽽外⾯公司或公部⾨幾乎是⽤⽩底，字體就是預設那種 (((ﾟдﾟ)))

2. 餐點
   早上是飲料餅乾區，中午變麵包區
   超多人排隊的，我是跑去吃便利商店的麥片飲和茶葉蛋哈哈

3. 問卷調查
   活動結束之後的問卷調查
   我想它應該把各種功能都擺上來了!?

4. 參加禮
   送出問卷後，收到了 Coupon 推播
   帶著⼿機去找服務台，即可領取參加禮~

戰利品如下：

• 紙袋
• 識別證
• 無線充電器
• 紀念 T-Shirt
• ⼤會 LOGO 的⼩徽章
• 熊⼤穿著豬裝的⾏李吊牌
• ⼀包 Line Friends ⾓⾊貼紙

參考資料

• LINE TechPulse 2018 簡報檔
• LINE 釋出平台資源 積極打造互惠⽣態圈
• LINE 向台灣開發者招⼿ 釋出全新職缺