技術書典 Web担当 vvakame です。
技術書典3では、独自に決済システム一式を開発したので、これを提供します。
ひとことで説明すると、後払いの決済方式です(詳細は本ブログ記事をよく読んで下さい)。
- 出展者は売上金を技術書典の翌日に銀行振込他で受け取れます。
- 参加者は購入代金を技術書典の翌日にクレジットカード支払いができます。
- オープンβです。不具合があるかも知れないので広い心で使ってください。
- 代わりに手数料は全て無料です(良さそうなら有料化されて継続運用されます)。
- 運営にて売買情報をまとめて、オフライン即売会の統計を後日紹介しようと思ってます。
- なのでみなさん使ってみてください!
システム概要
主な仕様を解説します。
- 後払いの決済システムを提供します。
- 決済システムが利用可能なのは会期中のみです。
- 後払いはイベント翌日以降にWebシステムのMyPage上でPayPalを利用して行う予定です。
- PayPal支払いの準備完了の通知はメールで行う想定です。
- 機能はお金の仲介のみです。
- 一般参加者は専用アプリを使ってQRコードを読み、支払いを行うことができます。
- Play Store(Android)
- iOS版は開発できませんでした…
- サークル参加者は専用アプリ(同上)で購入されたものの一覧を見ることができます。
- 購入のキャンセルは、購入が行われてから5分以内であれば、頒布側に限り可能です。
- 購入側からのキャンセル操作はできないため、頒布側に依頼しキャンセルしてもらってください。
- 技術書典運営へのキャンセルについてのお問い合わせは、基本的には頒布側からのみ受け付けます。
- 頒布側は必ずアプリの設定を済ませた端末を持参してください!!
- システム利用料について。
- 今回はゼロで提供させていただきます。
- 購入者側のPayPalの決済手数料は運営負担となります。
- 頒布側への振込手数料は運営負担となります。
- 利用数が少ないと次回以降なくなると思うので大いに利用してほしい!と考えています。
- 仕様は今後調整する可能性があります。
利用の前提条件
次の条件を満たしている必要があります
- 購入側
- 技術書典Webサイトでアカウントを作成する。
- アプリ上でログインを行う。
- メールアドレス・パスワードでのログインのみです。
- SNSによるログインは利用できません(ごめんなさい)。
- アプリ上で電話番号を登録する。
- 海外の電話番号からSMSで認証用の番号が送られます。
- アプリの操作からSMSの到着まで、かなり時間にブレ(一瞬〜10分レベル)があります。
- 事前に登録を済ませ、当日会場からの挑戦は避けたほうがよいかもしれません。
- 気長に操作してください…。
- 頒布側
- サークル情報編集画面で、技術書典決済システム利用規約を読み、同意する。
- サークル情報編集画面で、売上の支払いを受ける方法を登録する。
- 郵便為替(登録されている住所宛)
- 銀行振込
- 頒布情報の登録を行う。
- 頒布情報の編集画面で決済用QRコードを得る。
- QRコードを生成・閲覧可能なのはサークルオーナーだけです。
- QRコードは頒布物に対して一意に割り振られ、複数回の決済に対して使い回しが可能です。
- 紙に印刷、またはスマホなどのディスプレーに表示しっぱなしでの運用を想定しています。
各画面の説明
購入側
初回購入時のフローに従って解説していきます。
アプリ起動画面
![アプリ起動画面](/images/2017-10-18-payment/01-splashscreen.png)
ログイン画面
技術書典Webサイトのアカウントでログインします。
![ログイン画面](/images/2017-10-18-payment/02-login.png)
ホーム画面
わかりやすさが重視された革新的ホーム画面です。
ハンバーガーメニューと、FABに機能が割り振られています。
![ホーム画面](/images/2017-10-18-payment/03-home.png)
電話番号確認
代金収納の都合上、電話番号の提供をお願いしています。
認証コードを要求してから、実際に端末にSMSが届くまでに時間差がある場合があります。
焦らず気長に操作してもらえると嬉しいです。
![電話番号確認画面](/images/2017-10-18-payment/04-verify-phonenumber.png)
![電話番号入力画面](/images/2017-10-18-payment/05-input-phonenumber.png)
![SMS着信](/images/2017-10-18-payment/06-sms.png)
![確認コード入力画面](/images/2017-10-18-payment/07-input-verifycode.png)
頒布物購入
押してスキャンして押したら終わり!
サークルさんと意思疎通しやすいよう、シェアコードという名目で、動物のemojiを表示しています。
「ゴリラですか?」「ゴリラです。」みたいな会話をしてください。
キャンセルはサークル側からしかできないので気をつけてください。
![QRコード読み取り画面](/images/2017-10-18-payment/08-capture-qr.png)
![購入品目確認画面](/images/2017-10-18-payment/09-confirm.png)
![購入結果画面](/images/2017-10-18-payment/10-buyer-result.png)
購入品目一覧画面
買ったもの一覧を確認することができます。
理性は一旦脇においておきましょう。
![購入したもの一覧画面](/images/2017-10-18-payment/11-buyer-list.png)
イベント後の支払い
後日、技術書典公式WebサイトのMyPage上でお支払が可能になります。
![PayPalで支払い](/images/2017-10-18-payment/12-payment-later.png)
頒布側
頒布側の初回頒布までのフローを説明していきます。
当日、購入のキャンセル操作を行うために、かならず設定済アプリが入った端末を持参してください。
支払い方法の設定
サークルの情報編集画面に支払い方法設定のパネルが追加されています。
システム利用規約に同意の上、支払い方法を設定してください。
郵便為替と銀行口座振込が選択可能です。
![支払い方法の設定](/images/2017-10-18-payment/13-payment-type.png)
郵便為替の現金化は少々面倒なので、銀行口座振込がおすすめです。
頒布物のQRコードの取得
頒布物編集画面に、押すと展開するQRコード表示欄が追加されています。
このQRコードを保存し、利用してください。
QRコードの画像はサークルのオーナーしか生成できない仕様なので、直接のリンクは避けてください。
また、SNSなどで広い範囲にシェアすると購入者からキャンセルはできない仕様上、トラブルが発生すると思われますのでこれを避けてください。
![QRコードの取得](/images/2017-10-18-payment/14-product-qr.png)
頒布したもの一覧画面
頒布したもの一覧画面では、最近購入された順に決済のログが表示されます。
シェアコードなどを活用して、購入してくれた人とコミュニケーションを取ってください。
裏の実装はFirebase Realtime DBなので自動的に表示内容が更新されていきます。
各決済右上のメニューから、取引のキャンセルの操作ができます。
キャンセルの操作ができるのは、決済が行われてから5分間です。
(キャンセル可能時間は、当日の運用上変更する可能性があります。)
![頒布したもの一覧](/images/2017-10-18-payment/15-distributor-list.png)
スマホ用の予備バッテリーの準備を忘れずに!
予行演習
さて、当日いきなり購入の操作を試すのは不安だと思います。
そこで、開催期間外でも購入可能な練習用の頒布物を用意しました。
実際に何かがもらえるわけではないですが、動作確認用にご利用ください。
![購入練習用QRコード](/images/2017-10-18-payment/trial-qr.png)
その他
- 頒布側への代金支払は、購入者からの入金を待たずにすみやかに行うよう計画しています。
- とはいえ人力での作業になるので多少遅滞が生じるものと思われます。
- 本決済システム以外の決済サービスを排除する意図はありません。
- 使ってみたいものを使ってみましょう。
- シェアコードがなぜ動物なのか
SQL
など技術用語にしようかと思いましたが シークル派 vs エスキューエル派 とかに分かれるとアレなのでわかりやすさを優先しました。
- システム製造担当者を簡単に紹介しておきます。
- API製造 @vvakame
- Androidアプリ製造 @teshi04
- Web UI整備 @mstssk
- 与太話
- @mhidaka が9月の頭に決済やりたい!とか言い始めました。
- 技術書典4的な話?と聞いたら、元気よく 3から! という返答がありました。
- お前マジ?
- そういうわけで作りました。