# i-Reporterアプリでのピン打ち操作

## **i-Reporterアプリでのピン打ちの基本操作**

【手順】

1. ピン打ちエリアをタップするとピンが打たれ、「ピン情報入力画面」が表示されます。
2. 「ピン情報入力画面」にて、ピンの情報を入力し確定します。
3. ピンの情報を確定すると、情報がピン打ち表に自動で入力されます。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2Fw8QQNQG5pVsoHEvmup2y%2Fimage.png?alt=media&#x26;token=845f1d84-e7c2-4d3c-be4d-452393702d14" alt=""><figcaption></figcaption></figure></div>

### **ピン打ち帳票イメージ**

<figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FZASO5K2Ol9Qt9ofjvNxn%2Fimage.png?alt=media&#x26;token=edd304f5-a57e-4eb5-8cf0-64d951636e9e" alt=""><figcaption></figcaption></figure>

### **ピン情報入力画面イメージ**

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2F8qIOAIZmCNlnI8SDIHFv%2Fimage.png?alt=media&#x26;token=b6d2fad3-6fbb-49d2-899c-d3570854ecd1" alt=""><figcaption></figcaption></figure></div>

## **写真撮影した場合のピンマークについて**

写真撮影した場合にはピンマークの形状が、下三角▼となります。

<figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FRQwzteDqO8CKlKSHiSB1%2Fimage.png?alt=media&#x26;token=c8be82ad-ece5-4370-a792-ede24c9e4648" alt=""><figcaption></figcaption></figure>

写真撮影する場合には撮影方向を指定することができます。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2F2B7CH8VsDIaRCUphQxzY%2Fimage.png?alt=media&#x26;token=6b4811ac-4039-4999-9349-1e1baff3f7dd" alt=""><figcaption></figcaption></figure></div>

### **指定したクラスターの値によるピンの色設定**

ピン打ち表を構成する単一選択クラスターとの連携による色の変更が可能です。

ConMas Designerで単一選択クラスターに対し入力パラメータ設定で「ピン打ち機能との連携」にチェックを入れ、\
各項目にピン色を設定することで、単一選択クラスターの選択肢ごとに色の指定が可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2F9HUvVfl36jEhMkSsmGqJ%2Fimage.png?alt=media&#x26;token=20400f48-e301-402c-8fd6-6e0af4250da5" alt=""><figcaption></figcaption></figure></div>

【例】　指定した単一選択\
未仕掛、着手、完了と設定されている場合\
・未仕掛＝赤色\
・作業中＝水色\
・完了＝青色\
と設定が可能

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FsRfbln1p7QaMiKbrXhoZ%2Fimage.png?alt=media&#x26;token=3d38ca07-7df1-412c-949d-3fd5fb0cf95f" alt=""><figcaption></figcaption></figure></div>

## **一度設定したピンの編集操作**

一度設定したピンに対して各種編集操作を行うことが可能です。\
「ピンNo.」を長押し、「編集メニュー」を表示します。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FUEliTC0Bdi2ySRQ5lHsB%2Fimage.png?alt=media&#x26;token=35dd1b42-3afc-4ed4-90ef-c2fbfae69061" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FV7mmLEe2eVQVvNHcpyBc%2Fimage.png?alt=media&#x26;token=ca2ac789-4ccb-40b9-8ee8-9a9b4add0840" alt=""><figcaption></figcaption></figure></div>

### **編集操作の選択メニュー**

編集操作の選択メニューから以下の編集が可能です。&#x20;

* ピンの削除&#x20;
* 入力情報の編集 \
  　「ピン情報入力画面」を表示&#x20;
* ピンの移動\
  　「ピンマーク移動画面」を表示
* ピンNo.の配置位置入れ替え&#x20;
* ピンNo.の番号入れ替え（位置の変更はなし）&#x20;
* ピンの位置を整理する&#x20;
* キャンセル

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2Ffl403tWqkBkQ815b0Gc4%2Fimage.png?alt=media&#x26;token=67f52696-7605-4f75-a8ab-480fffc89643" alt="" width="375"><figcaption></figcaption></figure></div>

### **入力情報の再編集**

「ピン情報入力画面」と「ピン打ち表」のどちらからでも、入力した情報の再編集が可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FQWpAKUOdRTZztDbU37Fj%2Fimage.png?alt=media&#x26;token=3483daaa-4aa5-44dd-a81e-450de014c9bb" alt=""><figcaption></figcaption></figure></div>

### **ピンマークの移動**

編集メニューから「ピンの移動」を選択します。\
●のピンマークを移動させる専用の「ピンマーク移動」画面が表示されます。\
矢印キーのタップにより図面上のピンマーク位置を上下左右に移動可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2F7qjYlYAxHXoQv2uIIHHV%2Fimage.png?alt=media&#x26;token=18f043b9-cef2-4d51-ac6b-c88787c626f0" alt=""><figcaption></figcaption></figure></div>

### **ピンNo.の配置位置入れ替え**

編集メニューから「ピンNo.の配置位置入れ替え」を選択します。\
選択した「ピンNo. 」が□で囲まれ、点滅します。\
移動先の「ピンNo. 」を選択し、配置位置の入れ替えが可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FOQjYytEF2TRdRHwOLw3z%2Fimage.png?alt=media&#x26;token=099d2375-a43d-4873-bba3-b8ba0a6ba721" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FI4TVm3SXz6WhXzucj9b3%2Fimage.png?alt=media&#x26;token=baf3935a-f8d5-48bd-8587-1f286031fe7b" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
シートをまたがった位置入れ替えはできません。同一ページ内のみの入替えです。
{% endhint %}

### **ピンNo.の番号入れ替え**

編集メニューから「ピンNo.の番号入れ替え」を選択します。\
選択した「ピンNo. 」が□で囲まれ、点滅します。\
移動先の「ピンNo. 」を選択し、番号の入れ替えが可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FeMdzGeQr5HW1yESSFE01%2Fimage.png?alt=media&#x26;token=319da9b5-b1e3-4122-8e4c-91f43d778e58" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2F0kloBwoHLYfGZpxILlJX%2Fimage.png?alt=media&#x26;token=daedcc28-72ad-426c-a0fe-0df72cdcf7a5" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
シートをまたがった番号入れ替えはできません。同一ページ内のみの入替えです。
{% endhint %}

### **ピンの位置を整理する**

編集メニューから「ピンの位置を整理する」を選択します。\
ピン番号の位置をなるべく最適な位置に自動で配置し直します。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FYxKHXALOtpSMhE9g0MBo%2Fimage.png?alt=media&#x26;token=3469646d-d609-4daa-82b8-75492ea89b20" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FBZzJO8gAnpTNEYxk5O54%2Fimage.png?alt=media&#x26;token=c619480b-f1aa-47ff-b01b-eb6cf69615be" alt=""><figcaption></figcaption></figure></div>

### **ピン番号をつめる**

編集メニューから「ピン番号をつめる」を選択します。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FWz7DC5T94vw3fOc9vqAK%2Fimage.png?alt=media&#x26;token=d22d81bc-f6ed-482b-a4fd-e10b1ffb8c9b" alt=""><figcaption></figcaption></figure></div>

### **ピン情報をコピーする**

コピーボタンをタップすると同じ座標、入力内容で新しいピンを打ちます。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FmABcKQ71gfrhDghbk12Q%2Fimage.png?alt=media&#x26;token=f0f66e8d-637b-420f-8b34-d1ef773f4c02" alt=""><figcaption></figcaption></figure></div>

## **ピン打ちエリアへの図面や写真の貼り付け**

帳票定義ではピン打ちエリアは白紙にしておいて、現場で図面や写真を貼り付けてピン打ちすることが可能です。 \
カメラ撮影、iOS写真アプリ、図書ライブラリーから画像を選択できます。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FGAzwyFyoKF8KIupyvH1U%2Fimage.png?alt=media&#x26;token=43503316-1e7d-4dbc-b5a2-baf4e8c9cb10" alt=""><figcaption></figcaption></figure></div>

### **自動帳票作成での図面埋め込み**

ピン打ちエリアの図面や画像は自動帳票作成で埋め込み可能です。\
自動帳票作成の仕様に合わせて、ピン打ちクラスターに画像ファイルを設定することで、あらかじめ図面を設定した状態で入力前帳票を準備できます。 \
図面、画像の設定方法は従来の画像クラスターと同様となります。

{% hint style="info" %}
自動帳票作成での設定方法について、詳細は 「管理者機能（ConMas Manager）」 ＞ 「入力帳票を予め用意する」 ＞ 「[自動帳票作成](https://manuals.i-reporter.jp/administrator-functions/prepare-inputdocument-in-advance/automatic-documentcreation)」 ＞ 「４．ファイル選択」 ＞ 「【補足】クラスターに画像を入力する」 をご参照ください。
{% endhint %}

## **ピン打ちページのシートコピー**

ピン打ちのページはコピーして増やすことができます。 \
コピー先のページでは、ピンNo.の番号が、コピー元において設定されている最大の『ピンNo. 番号+1から自動採番されます。 \
コピー元のページにおいて設定されている最大の『ピンNO.表行番号』が40の場合、コピー先のページでは必ず41から80までになります。&#x20;

{% hint style="warning" %}
コピー先のピン打ちエリアの図面は、コピー元に設定されている図面となります。\
変更はできません。（1帳票1図面となります。）
{% endhint %}

## **ConMas Managerでの帳票の参照**

通常の帳票と同じように参照、PDFなどのダウンロードが 可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FRJmjaCI0dEfZbmGfY0ke%2Fimage.png?alt=media&#x26;token=c3bcc680-8091-44da-afb7-b17702406470" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
ピン打ちエリアの画像、ピンの連結線はPDF出力のみの対応となります。\
Excel出力には対応していません。
{% endhint %}

## **仕訳表の作成**

### **仕訳表の自動作成機能**

ピン打ち機能と連動した仕訳表の自動作成が可能です。\
仕訳表の作成用にひとつ単一選択クラスターを指定しておくことで、この選択肢ごとに仕訳した別の帳票をConMas Managerから出力可能です。

仕訳表用の帳票は、通常の帳票定義として作成します。\
写真ページの作成も可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FueMrBgde3jm7qlTtp4WF%2Fimage.png?alt=media&#x26;token=59e5ff35-4630-41d8-beb2-101c4f4b21cd" alt=""><figcaption></figcaption></figure></div>

### **仕訳処理のイメージ**

1枚の「仕訳元のピン打ち帳票」から、仕訳用の単一選択クラスターの選択肢ごとに、新しく別の入力帳票を複数作成します。

「仕訳元のピン打ち帳票」内に設定した仕訳用の単一選択クラスターと、仕訳表内の単一選択クラスターを紐づけて仕訳処理が実行されます。

{% hint style="warning" %}
「仕訳元のピン打ち帳票」内に設定した仕訳用に単一選択クラスターと、仕訳表内の単一選択クラスターの選択項目が一致しない場合、仕訳表帳票に値が反映されません
{% endhint %}

下記イメージ図の場合、仕訳元のピン打ち帳票から、「A業者」、「B業者」、「C業者」ごとに仕訳された帳票が作成されます。

仕訳表の帳票は、仕訳元ピン打ち帳票とは別の帳票定義から帳票が作成されます。

<figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FGdSuJFjGESjZx3BaHph9%2Fimage.png?alt=media&#x26;token=b6b5400f-0b0c-4739-ba6b-b56acccad06a" alt=""><figcaption></figcaption></figure>

### **帳票定義のConMas Designerでの設定方法**

仕訳表の帳票は、仕訳元ピン打ち帳票とは別の帳票定義を用意します。\
仕訳元ピン打ち帳票の定義において、これとの連携情報を設定します。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FD98Oyw4OnIFv0U8R9l8F%2Fimage.png?alt=media&#x26;token=9839e2eb-a477-4e6d-b6b1-faf38373281c" alt=""><figcaption></figcaption></figure></div>

### **仕訳処理でのクラスター値の移動**

#### **ルール１**

仕訳元ピン打ち帳票のクラスター入力値は、仕訳表 帳票での同じクラスター名のクラスターにセットされます。

**ピン打ち表に設定されていないクラスターの場合**

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FN4Y7kZaXl2NvcVKvooRu%2Fimage.png?alt=media&#x26;token=426f6fa2-c169-4629-95df-db8c7148d1a4" alt=""><figcaption></figcaption></figure></div>

同じクラスター名のクラスターにセットされます。\
同名クラスターが複数存在した場合は、同じ入力値が入ります。

#### **ルール２**

仕訳元ピン打ち帳票のクラスター入力値は、仕訳表 帳票での同じクラスター名のクラスターにセットされます。

<img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FsTuiUrLRlp12GNqXX6XU%2Fimage.png?alt=media&#x26;token=3bd253c9-f657-43b8-b07c-c7cda6b5df7a" alt="" data-size="line">**ピン打ち表に設定されているクラスターの場合**

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FWH90IhUb1lEMc0PsWuT1%2Fimage.png?alt=media&#x26;token=88414818-2c7e-4e43-9fc3-4394b4c83881" alt=""><figcaption></figcaption></figure></div>

同じクラスター名のクラスターIDの若い順に入力値がセットされます。

### **仕訳処理の実行**

仕訳表作成は、ConMas Managerの帳票詳細画面から 実行します。\
仕訳処理が終わると、入力前帳票として仕訳帳票が自動で作成されます。\
仕訳帳票の定義に、ラベルや帳票名称自動設定をおこなっておくと、帳票の管理や検索に便利です。

<figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FEY3ngBXIYG3LqOkEqXIL%2Fimage.png?alt=media&#x26;token=d7582e49-9db1-4cfa-99a4-ef2b14df9d26" alt=""><figcaption></figcaption></figure>

### **仕訳元ピン打ち帳票定義を利用した 仕訳表定義の作り方**

仕訳元ピン打ち帳票と、仕訳表帳票を同じレイアウトにする場合は、 仕訳表定義の作成時に、ConMas Designerの「定義コピー機能」を利用すると 作成が早く便利です。

仕訳元定義を選択後、画面上部の「帳票定義をコピーする」をクリックします。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FCzIifYgiceBNlvakimjy%2Fimage.png?alt=media&#x26;token=d65d15c5-4cf3-437c-8fe4-4d26dadfc9ca" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
ピンの連結線を仕訳帳票でも表示させる場合は、必ず仕訳元帳票と同じ定義を使用したこの方法で行ってください。
{% endhint %}

### **仕訳表での写真ページの作り方１**

**ピン情報入力画面で撮影した写真を仕訳表に表示する設定（写真1枚）**

仕訳帳票側では、クラスター名を“PinImage”とした画像クラスターを用意することで表示可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FtyY9PdAGh6eh4l29xjPJ%2Fimage.png?alt=media&#x26;token=d0c42c2d-e671-484a-8c2d-6f9fdf4be662" alt=""><figcaption></figcaption></figure></div>

**ピン情報入力画面で撮影した写真を仕訳表に表示する設定（写真2枚）**

1つのピンで撮影した写真が2枚ある場合、クラスター名を1枚目の写真は“PinImage”、2枚目の写真は“PinImage2”とした画像クラスターを用意することで表示可能です。

点検箇所写真の Before/After を表現することができます。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FWC91CC0HoOBjYEZNqUji%2Fimage.png?alt=media&#x26;token=142814da-a5d7-4ff8-8679-5c2aabcc9435" alt=""><figcaption></figcaption></figure></div>

### **仕訳表での写真ページの作り方２**

**ピン情報入力画面で撮影した写真を仕訳表に表示する設定**

“PinImage”とセットで、クラスター名が“PinDetail”から始まるキーボードクラスターをレイアウトすると、設定によりピンの情報を表示させることが可能です。

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2FAGZe1qfToknO6NRW0BG8%2Fimage.png?alt=media&#x26;token=6f2b5676-e7db-4c0f-a304-f485adf78c42" alt=""><figcaption></figcaption></figure></div>

クラスター名が“PinDetail”のクラスターIDの若い順に画像が設定されます。

【例】\
仕訳表の帳票で、キーボードクラスターのクラスター名に“PinDetail;ピンNo;部屋名；是正業者名;確認日”と設定した場合の写真表作成イメージ例

<div align="left"><figure><img src="https://4289497189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCXpgG9PGmZ8z3hGmqRae%2Fuploads%2Fda0WEUgfXpLmmM6ITOry%2Fimage.png?alt=media&#x26;token=4f403dfd-f54c-4162-a0a9-e5201b305881" alt=""><figcaption></figcaption></figure></div>
