# ATM 交易行為 ```sequence Note left of ATM: 沒有任何交易的時候 Note over ATM: 播放 looping 用的影片 Note left of ATM: Alice & Bob 準備交易 Alice->ATM: scan QRcode Note over ATM: 顯示文字情境1 Bob->ATM: scan QRcode Note over ATM: 顯示文字情境2 Note over ATM: 顯示交易中的影片 ATM->WebServ: 發送交易 WebServ->ATM: 回傳 Note left of ATM: 交易結束 Note over ATM: 重新回到播放 looping 用的影片的狀態 ``` NOTE: 文字情境目前共有 9 篇,掃描觸發時,按照順序 1->9->1 輪迴即可。 ## 需要參考的資源 * 影片: [(原)PositiveCoin MOCA 一般Loop.mov](https://drive.google.com/file/d/1vkNveiyit26YOTZ0hJPK_1OOrnA6OJPc/view?usp=share_link) * 影片: [(原)PositiveCoin MOCA 交易中.mov](https://drive.google.com/file/d/1GTvy-3K3Qbp4kIb_wRtLNQDc4qjGDnUa/view?usp=share_link) * 文字: [QRcode 掃入情境說明](https://docs.google.com/document/d/1vFfy8V4IfjGjOBvx_wuvGGjl8anVaM86-YDrAZYQKNc/edit?usp=sharing) (第 3 頁的表格) * 底圖: [情境文字的襯底圖](https://drive.google.com/file/d/1XUgevR2MvQlueNP2PfXqQJqQObYGX6PM/view?usp=share_link) ## 檢核表 * [ ] CHK01: ATM 處於閒置狀態時,looping 播放影片 * 影片: [(原)PositiveCoin MOCA 一般Loop.mov](https://drive.google.com/file/d/1vkNveiyit26YOTZ0hJPK_1OOrnA6OJPc/view?usp=share_link) (1920x1080, 直立擺放) * [ ] CHK02: 每當有使用者掃描 QRcode 的時候,隨即出現「文字情境」 * [ ] CHK02-1: 文字情境目前共有 9 篇,每次掃描觸發時,按照順序 `1->9->1` 輪迴替換即可。 * [ ] CHK02-2: 文字情境有個底圖(背景),將文字鑲嵌在固定的區塊中。 ![](https://i.imgur.com/mRviFno.png) ![](https://i.imgur.com/Nx4IsEb.png) * [ ] CHK03: 一旦 ATM 接受了兩個 QRcode,就會觸發 ATM 交易行為 * CHK03-01: 會顯示一個 30 秒的「交易中」影片 * 影片: [(原)PositiveCoin MOCA 交易中.mov](https://drive.google.com/file/d/1GTvy-3K3Qbp4kIb_wRtLNQDc4qjGDnUa/view?usp=share_link) (1920x1080, 直立擺放)