サンプルパッケージ

RayPenのサンプルを非管理パッケージとして提供しています。パッケージに含まれるソースコードを参照して実際の開発の参考にすることが可能です。このサンプルでは、病院において手術を実施する前に患者の同意を得るシーンを想定しています。紙の契約書への署名の手続きの代わりに、Salesforce上の契約書と手書きの署名を行うサンプルです。

このサンプルには同じ手術同意書を例にVisualforceおよびLightning Webコンポーネント両方のサンプルが含まれています。サンプルの詳しい内容は「Visualforceでの手書きパッドの組み込み」または「Lightning Webコンポーネントでの手書きパッドの組み込み」を参照してください。

サンプル画面の説明

サンプルでは、次のような画面を操作できます。実際の画面は、Salesforceモバイルアプリケーションのバージョンやデバイスなどによって異なる場合があります。

  1. Salesforceモバイルアプリケーションのメニューです。
  2. VisualforceまたはLightning Webコンポーネントで作成した「手術同意書」という画面です。
  3. 画面内にRayPenの手書きパッドを組み込んでいます。

サンプルのインストール

  1. このURLからサンプルパッケージをインストールする。
  2. 「RayPen Sample User」権限セットを割り当てる。

サンプルの操作方法

Salesforceモバイルアプリケーションでの操作方法を説明します。

  1. SalesforceモバイルアプリケーションでSalesforceにログインする。
  2. 同意書（VF）タブまたは同意書（LWC）タブを開く。
  3. 手書き操作を実行する。
  4. 「OK」をタップし、手書きした結果が画面に埋め込まれることを確認する。
  5. 「PDFとして保存」をタップし、PDFドキュメントの保存情報が表示されることを確認する。
  6. 「ファイル」を開き、ファイルの一覧から作成したPDFを選択してPDFドキュメントを確認する。

サンプルの構成

このサンプルには、次のファイルが含まれます。

Visualforceページ

  • Surgery_Agreement
  • Surgery_Agreement_PDF

Lightning Webコンポーネントバンドル

  • surgeryAgreement

Apexクラス

  • SurgeryAgreementPDFPageController
  • SurgeryAgreementPDFPageControllerTest
  • SurgeryAgreementPageController
  • SurgeryAgreementPageControllerTest
  • SurgeryAgreementController
  • SurgeryAgreementControllerTest

カスタムオブジェクト

  • SurgeryAgreement
項目の表示ラベル API参照名 データ型 説明
AgreementText AgreementText__c ロングテキスト(131072) 契約の文章。
Date Date__c テキストエリア(255) 署名した日付。
DoctorTitle DoctorTitle__c テキストエリア(255) 医師名。
PatientName PatientName__c テキストエリア(255) 患者名。
Patient Signature Patient_Signature__c Lookup(Signature) 署名のルックアップ。
PDFPageUrl PDFPageUrl__c URL(255) 将来の拡張のための予約。
SignatureTitle SignatureTitle__c テキストエリア(255) 署名のタイトル
Title Title__c テキストエリア(255) タイトル
SignatureId__c SignatureId__c テキスト(255) 署名のID

日付データの格納には、日付型や日付時刻型の項目を利用できますが、ここでは契約内容を記録する目的のためテキストエリア型を使用しています。

静的リソース

  • SurgeryAgreement
  • pdflib

タブ

  • 同意書(VF)
  • 同意書(LWC)

リストビュー

  • All

ページレイアウト

  • SurgeryAgreement Layout

権限セット

  • RayPen_Sample_User

サンプルパッケージからのソース取得方法

サンプルパッケージからソースを取得するにはプロジェクトにマニュフェストファイルを作成して、SFDX: Retrieve Source in Manifest from Org (SFDX: マニフェストファイルのソースを組織から取得) コマンドを実行します。サンプルパッケージのマニュフェストファイルは以下の通りです。

<?xml version="1.0" encoding="UTF-8"?>
<Package xmlns="http://soap.sforce.com/2006/04/metadata">
    <fullName>RayPen Sample</fullName>
    <types>
        <members>SurgeryAgreementController</members>
        <members>SurgeryAgreementControllerTest</members>
        <members>SurgeryAgreementPDFPageController</members>
        <members>SurgeryAgreementPDFPageControllerTest</members>
        <members>SurgeryAgreementPageController</members>
        <members>SurgeryAgreementPageControllerTest</members>
        <name>ApexClass</name>
    </types>
    <types>
        <members>Surgery_Agreement</members>
        <members>Surgery_Agreement_PDF</members>
        <name>ApexPage</name>
    </types>
    <types>
        <members>surgeryAgreement</members>
        <name>LightningComponentBundle</name>
    </types>
    <types>
        <members>Surgery_Agreement__c.AgreementText__c</members>
        <members>Surgery_Agreement__c.Date__c</members>
        <members>Surgery_Agreement__c.DoctorTitle__c</members>
        <members>Surgery_Agreement__c.PDFPageUrl__c</members>
        <members>Surgery_Agreement__c.PatientName__c</members>
        <members>Surgery_Agreement__c.Patient_Signature__c</members>
        <members>Surgery_Agreement__c.SignatureId__c</members>
        <members>Surgery_Agreement__c.SignatureTitle__c</members>
        <members>Surgery_Agreement__c.Title__c</members>
        <name>CustomField</name>
    </types>
    <types>
        <members>Surgery_Agreement__c</members>
        <name>CustomObject</name>
    </types>
    <types>
        <members>RayPen_Sample_User</members>
        <name>PermissionSet</name>
    </types>
    <types>
        <members>SurgeryAgreement</members>
        <members>SurgeryAgreementLWCApp</members>
        <name>CustomTab</name>
    </types>
    <types>
        <members>Surgery_Agreement__c-SurgeryAgreement Layout</members>
        <name>Layout</name>
    </types>
    <types>
        <members>Surgery_Agreement__c.All</members>
        <name>ListView</name>
    </types>
    <types>
        <members>pdflib</members>
        <members>SurgeryAgreement</members>
        <name>StaticResource</name>
    </types>
    <version>55.0</version>
</Package>

パッケージのアンインストール

パッケージをアンインストールするには、「インストール済みパッケージ」の画面から「アンインストール」を実行します。

Copyright © 2024 MESCIUS inc. All rights reserved.