署名（イラスト）入力フォーム

署名入力フォームとは

署名入力フォームを使えば手書きの署名（サイン）が入力できるフォームを日報に埋め込むことができます。 PCではマウスを使って描画できます。スマートフォンでも指で署名することが可能です。しかしながら操作性の観点からタブレットやタッチパネル対応のPCで利用を推奨します。

署名モードとイラストモードがあり、イラストモードでは色変えなどの機能も利用可能になります。 アップルペンシルなどのスタイラスペンも使えます。

タブレットで署名する記事も併せて御覧ください

署名入力フォームの初期設定

署名入力フォームの初期設定項目で注意すべき点は幅です。幅によって署名の表示サイズが変わるため幅は4〜8を推奨しています。

共通の設定項目については「各種入力フォームの共通設定項目」を参照してください。 以下は本入力フォームにのみ存在する設定項目です

署名入力フォームの入力画面

署名入力フォームを含んだ日報を作成する画面イメージは次のようになります。ボタンをクリックすると署名入力ウインドウが表示されます。

署名・イラストのキャンバスサイズについて

ボタンをクリックするとキャンバスが表示されます。キャンバスは署名用とイラスト用でレイアウトが異なります。 署名用キャンバスは次のようなデザインです。

署名に必要な最小のサイズでキャンバスが用意されます。赤枠以外に書くことはできません。 S/M/Lの３段階に調整できます。小さいスマートフォンなど画面がはみ出る際は調整してください。全部入り切る際はLサイズでOKです。

イラスト用のキャンバスは次のようなデザインです。

画面の9割以上がキャンバスとして利用可能です。色変えや線の太さも調整できます。

署名入力フォームを含んだ日報を読む

署名の書かれた日報を表示してみましょう。

スマートフォンの場合は幅が無視されるため影響はありませんが、タブレットやPCから見ると署名の幅に応じて署名が縮小されて表示されます。 例えば幅4の署名と幅8の署名では表示サイズが倍違います。（※あくまで縮小されるだけでもとの署名データは同一です）

ファイルデータをまとめてダウンロード

CSV出力機能を使ってファイルを纏めてダウンロードできます。バイナリファイル（写真・署名・ファイルなど）はその性質上、CSV上に表現することができません。 CSV出力時にファイルをダウンロードする際はCSV出力オプションから「写真・ファイル等を出力する」をONにしてください。 CSV出力を行うとCSVファイルとは別のフォルダに展開してダウンロードされます。

これで写真入力フォーム、署名入力フォーム、ファイル入力フォームそれぞれののデータがCSV出力時にまとめてダウンロードされます。 それぞれの日報フォルダの中に写真や署名・データファイルなどがまとめられます。

署名の日報をPDFに出力

実際にPDFに出力したサンプルをダウンロードできます。

幅の影響はPDFにおいても適用されます。狭い幅では署名が小さくなり、広い幅は大きく表示されます。 幅3以下だと枠からはみ出してしまうことがあるので注意してください。