Raybarcodeイベント参加者管理でも使い方ガイド

1. イベント参加者管理デモ
使い方ガイド
グレープシティ株式会社 Enterprise Solutions事業部
2018年9月 ver 1.0

2. 本資料の目的
目的
• デモの操作を理解し、RayBarcodeの機能を体感してもらう
• デモの構成を理解し、実装の参考にしてもらう

3. 提供するデモ環境
サンプルアプリをご請求いただくと、すぐに動作を確認
できるデモ環境を提供します
【デモ環境に含まれる内容】
Trialforceで実際に動作を試すことができるSalesforceのデモ環境
デモ環境に組み込まれた処理とデータ
• Barcode生成処理
• サンプルのお客様リードデータ
デモ環境の管理者のユーザIDとパスワード

4. 目次
デモの概要
デモの操作方法
• セミナー参加者の登録
• セミナーに参加証を送信
• セミナー会場での受付
• 参加者の状況をレポートで確認
デモの実装方法
• 実装の概要
• 実装の流れ
• 項目ごとの実装の詳細
各種情報
• お問合せ
• 弊社について

5. デモの概要
Salesforceとバーコードを連携してセミナー参
加者の出欠状況管理を自動化
受付イベント参加者
• 読み取り結果からIDを取得
• IDのレコードに対して「出席」に更新
QRコードを読み取り
キャンペーンメンバー

6. デモの処理概要図
キャンペーンメンバー
登録
参加証の送信 セミナー受付 レポート出力
キャンペーンの
作成
キャンペーン
メンバーの登録
キャンペーン
メンバーIDバー
コードを生成
参加証をキャン
ペーンメンバーに
メール送信
参加証に
バーコードを格納
RayKitアプリで
バーコードを
スキャン
出席状況を更新
キャンペーンメン
バーの出席状況を
レポート出力
管理者 管理者 参加者 受付 管理者

7. デモの操作方法

8. セミナー参加者の登録
セミナー参加者をキャンペーンメンバーに登録
• 登録メンバーの状況はキャンペーンメンバーエリアで確認できる
状況：
セミナー参加に[登録]

9. セミナー参加者に参加証を送信
セミナー参加者に紐づいたバーコード付き参加証を自動生成
• キャンペーンのメニューから「参加証送付」を選択する
• 送信メンバー画面には参加者ごとに作成されたバーコードが表示される
• 送信メンバー画面の「送信ボタン」を押すと参加証がメール送信される
パーソナライズされた
バーコード
参加者に参加証メール
を送信
状況：
参加賞を [送信済み]

10. セミナー会場での受付
モバイルアプリで参加証のQRコードを読み込めば受付終了
• RayKitアプリでバーコードを読み取り、状況を更新する
セミナー会場受付
メール送信された参加証のQRコードを
「RayKit」アプリで読み取り
アプリの操作手順
1. 「セミナー受付」をタップ
2. 「読取」ボタンをタップ
3. QRコードを読み取り
4. 「保存」ボタンをタップ
状況：
受付完了の参加者は [出席]

11. 参加者の状況をレポートで確認
セミナー参加者の出欠状況をダッシュボードから確認

12. デモの実装

13. 実装の概要
Salesforceの既存機能とRayBarcodeを利用して
セミナー参加者を管理するアプリを作成する
• Salesforceの機能
• セミナーをキャンペーンとして作成
• キャンペーンメンバーにセミナー参加者を登録
• セミナー参加者に参加証をメール送信
• 参加者の状況をレポート出力
• RayBarcodeの機能
• キャンペーンメンバーのIDからバーコードを生成
• RayKitアプリで参加証のバーコードを読み取り、出席状況を更新

14. 実装の流れ
 セミナー管理デモを実装するには以下の流れで設定を行う
1. カスタム項目の追加
• バーコードの保存とセミナー参加者の状況を設定するカスタム項目
2. Apexクラスの追加
• バーコードの生成、保存などの処理を行うApexクラス
3. Visualforceページの追加
• セミナー参加者にメール送信、セミナー会場でバーコードを読み取るVisualforceページ
4. プロセスビルダーの設定
• キャンペーンメンバー追加時にバーコードの生成、保存を実行する処理をプロセスビルダーで設定
5. RayKitアプリのメニューに追加
• バーコード読み取りページをメニューに追加
6. ボタンとリンクを作成
• キャンペーンのページに追加するリンク、ボタンを設定
7. ボタンの追加
• キャンペーンのページに参加証を送付するボタンを追加
8. キャンペーンメンバーのレイアウトの設定
• キャンペーンメンバーページのレイアウトに参加者の氏名と状況を表示するように設定
9. メールテンプレートの設定
• セミナー参加者に参加証を送付するメールのテンプレートを設定
10. レポートの設定
• セミナー参加者の状況を表示するレポートを作成

15. 1. カスタム項目の追加
キャンペーンメンバーにカスタム項目を追加する
• Barcode
• データ型: ロングテキストエリア
• 項目の表示ラベル: Barcode
• 項目名: Barcode
• 状況
• データ型: 選択リスト
• 項目の表示ラベル: 状況
• 項目名: SeminarStatus
• 値: 登録、送信済み、出席、欠席

16. 2. Apexクラスの追加
Apexクラスに次のクラスを追加する
※ コードはサンプルデモを参照してください
• UpdateBarcodeToken:
• FillBarcodeFieldプロセスでRayBarcodeを呼び出すためにTokenを刷新
する
• CampaignMemberBarcodeGenerator:
• FillBarcodeFieldプロセスでRayBarcodeサービスからバーコード
を取得して保存する
• SeminarMemberStatusController:
• SeminarMemberListPageのController
• SeminarScanDemoController:
• SeminarScanDemoPageのController

17. 3. Visualforceページの追加
Visualforceページに次のページを追加する
※ コードはサンプルデモを参照してください
• SeminarMemberListPage:
• キャンペーンの「関連」タブに表示する「送信メンバー」のページ
• SeminarScanDemoPage:
• RayKitアプリのメニュー項目「セミナー受付」から開く参加証のバー
コードを読み取るページ

18. 4. プロセスビルダーの設定
プロセスビルダーに次の処理を実行する設定をする
キャンペーンメンバーに追加するとき、バーコードを生成し、
CampaignMember.Barcode__cに保存する処理を設定する
1. プロセスビルダーを開く
2. 以下の項目を設定して、新規作成する
• プロセス名：FillBarcodeField
• API参照：FillBarcodeField
• プロセスを開始するタイミング：レコードが変更されたとき
3. 「オブジェクトを追加」で次の項目を設定
• オブジェクト：キャンペーンメンバー
• プロセスを開始：レコードを作成または編集したとき
4. 条件を追加に以下の設定をする
• 条件名：All
• アクションの実行条件：数式の評価が true になる
• 数式の構築：ISBLANK([CampaignMember].Barcode__c ) && ISNEW()

19. 4. プロセスビルダーの設定
5. TRUEのルール適用時のアクションを設定
a. UpdateTokenの設定
• アクション種別：Apex
• アクション名：UpdateToken
• Apexクラス：UpdateBarcodeToken
b. FillInBarcodeの設定
• アクション種別：Apex
• アクション名：FillInBarcode
• Apexクラス：CampaignMemberBarcodeGenerator
• Apex 変数を設定
• 項目：ids
• 種別：数式
• 値：[CampaignMember].Id
6. プロセスビルダーを有効化する

20. 5. RayKitアプリのメニューに追加
RayKitアプリからバーコードの読み取りページ
を開けるように設定する
• Visualforceタブを新規作成して次の項目を設定する
• Visualforceページ: SeminarScanDemoPage
• タブの表示ラベル: セミナー受付
• タブ名: SeminarReceiption
• コンテンツ: SeminarScanDemoPage
• タブスタイル: 任意のスタイル
• [管理]-[モバイル管理]-[Salesforce ナビゲーション]から
「セミナー受付」を追加する

21. 6. ボタンとリンクを作成
キャンペーンのページに追加するリンク、ボタンを設定する
[カスタマイズ]-[キャンペーン]-[ボタン、リンク及びアクション]で以下
の項目を追加
1. 新規ボタンまたはリンク
• 表示ラベル：すべてのキャンペーンメンバーの表示
• 名前：ViewAllCampaignMembers
• 表示の種類: 詳細ページリンク
• 動作：新規ウィンドウに表示
• 内容のソース：URL
• 差し込み：/camp/rptcmpgncalldown.jsp?scope=1&scopeid={!Campaign.Name}
2. 新規ボタンまたは新規リンク
• 表示ラベル：参加証送付
• 名前：SendInvitation
• 表示の種類：詳細ページボタン
• 動作：現在のウィンドウにサイドバー付きで表示
• 内容のソース：Visualforceページ
• コンテンツ: SeminarMemberListPage

22. 7. ボタンを作成
キャンペーンのページレイアウトにカスタム
ボタンを追加する
1. Campaign Layoutの編集画面を開く
2. 「ボタン」で「参加証送付」ボタンをカスタムボ
タンに追加する

23. 8.キャンペーンメンバーのレイアウトの設定
キャンペーンメンバーのコンパクトレイアウ
トを新規作成し、次のように設定する
• 表示ラベル：SeminarLayout
• 名前：SeminarLayout
• 含まれる項目：姓、名、状況

24. 9. メールテンプレートの設定
Classic メールテンプレートに参加証送付メー
ルのテンプレートを作成する
• InvitationTemplate
• メールテンプレートの種別：Visualforce
• メールテンプレート名： InvitationTemplate
• メール件名：参加証送付
• 受信者種別：Lead
※ 設定内容はサンプルデモを参照してください。

25. 10. レポートの設定
参加者の状況を表示するレポートを作成する
1. レポートの作成
[キャンペーン]-[キャンペーンメンバーが関連するキャンペーン]を選択
して新規レポートを作成する
2. ダッシュボードの作成
新規ダッシュボードを作成し、作成したレポートをダッシュボードの
コンポーネントとして追加する

26. これで実装は完了です
バーコードを利用したスマートな
セミナー受付を体験してください

27. お問合せ
お問合せ先 グレープシティ株式会社
Enterprise Solutions事業部
メール es.sales@grapecity.com
電話番号 050-3201-4980
営業時間 9:00～12:00 13:00～17:30
※ 土日祝日除く
住所 〒332-0012
埼玉県川口市本町4-1-8 川口センタービル 3F
本社所在地：〒981-3205 宮城県仙台市泉区紫山3-1-4

28. グレープシティ株式会社
会社名 グレープシティ株式会社
[GrapeCity inc. 略称：GrapeCity]
設立日 1980年5月
資本金 ９千万円
代表社名 馬場 直行
企業サイト https://www.grapecity.co.jp/
事業内容 学校法人向け業務管理ソフトウェアの開発、販売
ソフトウェア開発支援ツールの開発、販売
業務改善ソリューションの開発、販売
各種映像制作、およびスタジオの提供
幼児英語教育ソリューションの開発、販売
国内事業所 本社 仙台市泉区紫山 3－1－4 ／関東支社／大阪支店
海外事業所 アメリカ、中国（上海、西安）、インド、ベトナム、
韓国、マレーシア、ミャンマー