IM-BIS for Accel Platform IM-BIS 仕様書 第11版 2018-12-01

12. スマートフォン

「スマートフォン版」表示の設定・利用に関する仕様は、以下の通りです。
IM-FormaDesigner の機能については、「 IM-FormaDesigner 仕様書 」を参照してください。

12.2. スマートフォン表示におけるテンプレートの扱い

「テンプレート」での「スマートフォン設定」の扱いは、以下の通りです。

12.2.1. テンプレート

「テンプレート」を利用する場合、事前にコピー先のフォームで「スマートフォン設定」の「確定」を実行しないと、「スマートフォン設定」はコピーされません。
一度「確定」を実行した後は、以下の仕様に基づいて設定がコピーされます。
  • 「テンプレート」では、元のフォームの「スマートフォン設定」もコピー対象です。
    「スマートフォン設定」が設定されている場合、設定された表示・非表示や並び順、ラベルもコピーされます。
  • スマートフォン設定を行った「テンプレート」では、ヘッダー・フッター・ホームの設定はコピー対象外です。
    「コンテンツ」エリア以外の設定内容はコピーされません。

12.3. スマートフォン表示/PC表示での機能に関する仕様

12.3.1. スマートフォン版での一覧画面で利用できない機能

「スマートフォン版」で各種一覧画面を操作する場合には、利用できない機能があります。

申請(BIS-ワークフロー) / 処理開始(BIS-BISフロー)

  • BIS-ワークフローの「一時保存」の一覧では、「表示条件」は設定できません。

未処理(BIS-ワークフロー) / 未処理(BIS-BISフロー)

  • 未処理(BIS-ワークフロー)では、一括処理・連続処理は利用できません。
  • 未処理(BIS-BISフロー)では、連続処理は利用できません。

処理済(BIS-ワークフロー) / 処理済(BIS-BISフロー)

  • スマートフォン版での機能の制約はありません。

参照(BIS-ワークフロー) / 参照(BIS-BISフロー)

  • 「参照」の一覧では、「表示条件」は設定できません。

確認(BIS-ワークフロー)

  • 確認(BIS-ワークフロー)では、一括確認・連続確認は利用できません。

12.3.2. スマートフォンで利用できない機能

  • 標準処理画面(graybox)では、以下の機能が利用できません。

    • 印影の選択

      常用印が設定されます。
    • 根回しメール

    • 保存済み設定

      動的処理者設定等の「保存済み設定」は利用できません。
    • 処理対象者編集(動的承認/確認、縦配置・横配置)

      以下の処理対象者プラグインが、スマートフォン版では設定できません。
      • 役割
      • パブリックグループ+役割
      • 組織とその上位組織全て
      • 組織とその上位組織全て+役職
      • 組織とその下位組織全て
      • 組織とその下位組織全て+役職
  • 下記の一覧・設定画面は、スマートフォン版では利用できません。

    • 過去案件
    • 印影設定
    • 代理設定(代理先設定・代理元確認)

12.4. スマートフォン表示/PC表示での画面アイテムの仕様

12.4.1. スマートフォン表示で利用できる画面アイテム

「スマートフォン設定」で「利用できる・できない画面アイテム」は、以下の一覧の通りです。
  • 以下の表について、 IM-BIS は、 IM-BIS 導入時の対応、 IM-FormaDesigner は IM-FormaDesigner 導入時の対応を記載しています。
    IM-FormaDesigner のアプリケーションは、 IM-BIS 導入環境の場合は、 IM-BIS の対応の通りです。
  • 凡例

記号 説明
ok
スマートフォン表示に対応しています。
warn
スマートフォン表示に対応していますが、制約があります。
ng
スマートフォン表示に対応していません。
none
IM-FormaDesigner を利用中( intra-mart Accel Platform Advanced)の場合には、利用できないアイテムです。

入力アイテム

アイテム IM-BIS IM-FormaDesigner 備考
文字列 ok ok -
複数行文字列 ok ok -
数値 ok ok -
関数 ok ok -
日付 ok ok -
期間 ok ok -
一覧選択 ng none
  • IM-FormaDesigner の「一覧選択」は、下の「互換用アイテム」を参照してください。
明細テーブル warn none
  • スマートフォン表示の場合、参照のみ対応しています。
  • IM-FormaDesigner の「明細テーブル」は、下の「互換用アイテム」を参照してください。
チェックボックス ok none
  • IM-FormaDesigner の「チェックボックス」は、下の「互換用アイテム」を参照してください。
ラジオボタン ok none
  • IM-FormaDesigner の「ラジオボタン」は、下の「互換用アイテム」を参照してください。
セレクトボックス ok none
  • IM-FormaDesigner の「セレクトボックス」は、下の「互換用アイテム」を参照してください。
リストボックス ok none
  • IM-FormaDesigner の「リストボックス」は、下の「互換用アイテム」を参照してください。
ファイルアップロード ok ok -
グリッドテーブル warn none
  • スマートフォン表示の場合、参照のみ対応しています。
リッチテキストボックス warn warn
  • スマートフォン表示の場合、参照のみ対応しています。
スプレッドシート ng none -

ボタンアイテム

アイテム IM-BIS IM-FormaDesigner 備考
ボタン(登録) ok ok -
ボタン(次へ) ok ok -
ボタン(戻る) ok ok -
ボタン(一覧へ戻る) ok ok -
ボタン(一時保存) ok ok -
ボタン(BISフロー登録) warn none
  • ヘッダーまたはフッターに配置した場合は、オプション処理ボタンのみが表示されます。
ボタン(コピー新規) ok ok -

共通マスタアイテム

アイテム IM-BIS IM-FormaDesigner 備考
ユーザ選択 warn warn
スマートフォン表示で利用できますが、検索方法に制約があります。
会社組織による検索において、プロパティで会社組織(ツリー)、会社組織(キーワード)のどちらを選択しても、スマートフォン表示では会社組織(ツリー)検索のみが利用できます。
組織選択 warn warn
スマートフォン表示で利用できますが、検索方法に制約があります。
プロパティで会社組織(ツリー)、会社組織(キーワード)のどちらを選択しても、スマートフォン表示では会社組織(ツリー)検索のみが利用できます。
組織・役職選択 ok ok -
所属組織選択 ok ok -

汎用アイテム

アイテム IM-BIS IM-FormaDesigner 備考
隠しパラメータ ok ok -
スクリプト ok ok
  • スクリプトを利用する場合には、クライアントタイプで判別し、適切に処理が実行されるようにしてください。
    クライアントタイプの取得については、「 IM-BIS デザイナヘルプ 」の「スクリプト」も参照してください。
ボタン(イベント) ok ok
  • スクリプトを利用する場合には、クライアントタイプで判別し、適切に処理が実行されるようにしてください。
    クライアントタイプの取得については、「 IM-BIS デザイナヘルプ 」の「ボタン(イベント)」も参照してください。
採番 ok ok -
インラインフレーム ng none -
BI表示アイテム ng none -
ボタン(インポート) ng none -
ボタン(エクスポート) ng none -
アノテーション ng none -

表示アイテム

アイテム IM-BIS IM-FormaDesigner 備考
見出し ok ok -
横線 ng ng スマートフォン表示で横線を表示する場合は、「水平線」を設定してください。
縦線 ng ng -
正方形/長方形 ng ng -
イメージ ok ok -
ラベル ok ok -

WFアイテム

アイテム IM-BIS IM-FormaDesigner 備考
確認履歴表示 ng ng -
案件情報表示 ng ng -
添付ファイル表示 ng ng -
処理履歴表示 ng ng -
フロー画像表示 ng ng -
印影表示 ng ng -

互換用アイテム

アイテム IM-BIS IM-FormaDesigner 備考
一覧選択 warn warn
スマートフォン表示で利用できますが、検索方法に制約があります。
文字列の検索は部分一致検索のみが利用できます。
明細テーブル ng ng -
チェックボックス ok ok -
ラジオボタン ok ok -
セレクトボックス ok ok -
リストボックス ok ok -

12.4.2. 共通

  • スマートフォン版では、画面アイテムプロパティの以下の設定項目は、適用されません。
    設定内容にかかわらず、スマートフォン設定で固定の設定が適用されます。
    • ラベル幅、フィールド幅、フィールド高

      表示しているスマートフォンやタブレットの画面幅に合わせて自動伸縮します。
      後ラベルについては、ラベルの内容が長い場合には、切れて表示されます。
      後ラベルが設定できるアイテム(「数値」など)では、後ラベルの表示幅を考慮し、フィールド幅は画面の表示幅の70%~80%程度の幅で表示されます。
      フィールド高は、未入力時は固定の高さで表示されますが、入力内容に応じて自動的にスクロールが表示されないように調整します。
    • ラベルスタイル、フィールドスタイル

      ラベルスタイル、フィールドスタイルは、すべて適用対象外です。
    • 入力チェック

      入力チェックを設定している場合、実行時のエラーメッセージは、該当のフィールド内に表示されます。
      「入力必須チェック」が有効な場合、該当のアイテムのラベルに”*”を表示します。
    • タブインデックス

      スマートフォン設定では、タブインデックスの設定はできません。
    • 表示フォーマット

      スマートフォン設定のプレビュー画面では、プロパティで指定した表示フォーマットは適用されません。
      これは、プレビュー画面でスクリプトに依存した処理を制御している仕組みに基づいた動作です。
  • スマートフォン版では、画面アイテムプロパティの必須入力チェックをチェックした場合、ラベルに必須を表す*が付与されます。
    PC版表示と異なり、スマートフォン版では画面アイテム「ラベル」等を利用して表示の調整ができないため、必須入力チェックを表す*を付与することにしています。
  • 「スマートフォン設定」では、スマートフォン表示時のアイテムの表示・非表示を設定できますが、表示の場合には、アイテムのプロパティの「表示タイプ」に基づいて表示・非表示が変わります。
    そのため、「スマートフォン設定」が表示の場合でも、「表示タイプ」が非表示の場合には表示されません。
  • スマートフォン設定のプレビュー画面では、スクリプトに依存した処理を制御している仕様のため、スクリプトによるスタイルの変更等は確認できません。
    スクリプトに依存した処理結果を確認する場合には、実行画面で確認してください。

12.4.3. 画面アイテム個別事項

特定の画面アイテムに関する仕様です。

スマートフォン版専用アイテム

  • スマートフォン表示では、専用アイテムとして「ホーム」と「水平線」を提供しています。
    これらのアイテムは、「スマートフォン設定」でのみ設定でき、フォームやツールキットで設定することはできません。

ヘッダーとフッター

  • 「フッターを表示する」設定と「スマートフォン設定」のフッターは連動しないため、「フッターを表示する」が設定されていない場合でも、スマートフォン設定ではフッターが表示されます。
    「スマートフォン表示」でフッターを表示しない場合には、「スマートフォン設定」ですべてのボタン(ホームを含む)を非表示に設定してください。
  • ヘッダの「戻る」リンクは、スマートフォン表示には対応していません。

日付

  • 日付の入力は、PC版と同様に、アイコンから日付を入力できます。

  • カレンダーからの入力は、カレンダーから選択する方法と、月・日をセレクトボックスから選択する方法が利用できます。
    選択方法は、日付入力時に右上のアイコンで切り替えることができます。
    • カレンダーからの入力

      ../../_images/calendar.png
    • セレクトボックスによる月・日の入力

      ../../_images/calendar_selectbox.png

期間

  • 日付の入力は、画面アイテム「日付」と同様の方法です。

  • ラベルの表示は、「画面アイテムプロパティのラベル入力値-開始日(終了日)」の形式で表示されます。
    画面アイテムプロパティのラベルを未入力とした場合、「開始日(終了日)」のみが表示されます。
    ../../_images/calender_term.png

セレクトボックス系アイテム(セレクトボックス、所属組織選択)

  • スマートフォンでセレクトボックス系アイテムを表示する場合にも、「セレクトボックス系アイテムの項目数の上限設定(selectbox-item-limit)」の設定値を上限に項目を表示します。
  • IM-FormaDesigner 2016 Summer(8.0.13)から追加された「セレクトボックス系アイテムの最大表示項目数の設定(selectbox-item-display-limit)」は、スマートフォンでの表示には対応していません。
    そのため、セレクトボックス系アイテムに表示する項目数が設定値を超える場合であっても、スマートフォンではスクロールバーは表示されません。
    フォーム遷移詳細編集の「スマートフォン表示」を「PC版」としてスマートフォンやタブレットから表示した場合も対応しておりませんので、注意してください。

リッチテキストボックス

  • リッチテキストボックスをスマートフォン版で表示する場合、常に参照として表示します。
  • スマートフォン表示では、ボタンとして表示されたリッチテキストボックスのラベルをタップすると、内容を確認できます。

ボタン系アイテム

ボタン系のアイテム(スマートフォン表示対応)の配置は、以下の仕様です。
  • ボタン系アイテムは、フォーム上での配置に関係なく、スマートフォン設定ではフッタに配置されます。

  • ボタン系アイテムは、ヘッダ・コンテンツ・フッタに表示できます。

  • ヘッダにボタンを配置する場合には、上限は2つです。

    ../../_images/header_button.png
  • フッタにボタンを5つ以上配置する場合、フッタに表示できないボタンは「more」のボタンから操作できます。

    ../../_images/footer_button.png

ボタン(BISフロー登録)

  • ボタン(BISフロー登録)は、PC版表示とスマートフォン版表示で、以下の図の通り、表示するボタンの個数が変わります。

    • ボタン権限設定が有効な場合、PC版では「処理」「オプション処理」の2つのボタンを表示します。
      スマートフォン版では、ヘッダーまたはフッターに配置した場合、「オプション処理」のみを表示します。
      ../../_images/bpm_button.png

明細テーブル・グリッドテーブル

  • 明細テーブル、グリッドテーブルをスマートフォン版で表示する場合、常に参照として表示します。

  • フォームで表示している場合には、forma-configの設定値に基づいて、ページングが行われます。
    テーブルの詳細を表示している場合には、すべての行・列を1ページに表示します。
  • スマートフォン表示では、実行画面でのテーブルのソートはできません。

ユーザ選択

  • スマートフォン表示では、以下の検索方法が利用できます。

    • キーワード
    • 会社組織
    • パブリックグループ
    • プライベートグループ
    • ロール

組織選択

  • スマートフォン表示では、以下の検索方法が利用できます。

    • 組織検索

組織・役職選択

  • スマートフォン表示では、以下の検索方法が利用できます。

    • 組織・役職選択

イメージ

  • 「イメージ」はサムネイルを表示します。
    サムネイルをタップすると、フルサイズの表示画面に遷移し、倍率を変えて参照できます。

12.5. スマートフォン表示/PC表示でのアクションイベントの仕様

  • アクション設定は、基本的にPC版/スマートフォン版で設定内容に基づいて、同じように実行します。
    クライアントによって分岐する場合には、以下の内容を設定します。
    • 条件式で設定する場合
    //PC版の時に実行する
    imfr_display_client_type="pc"
    
    //スマートフォン版の時に実行する
    imfr_display_client_type="sp"
    
    • カスタムスクリプト内で分岐する場合
    //PC版の時に実行する
    if (forma.funcs.getDisplayClientType() == "pc") {
    }
    
    //スマートフォン版の時に実行する
    if (forma.funcs.getDisplayClientType() == "sp") {
    }
    
  • スマートフォン表示では、アクション設定の以下のイベントは利用できません。
    • 「テーブルイベント」全般

      テーブル系アイテムは、参照表示となるため、テーブルイベントをトリガとするアクション設定は実行されません。

12.6. スマートフォン表示/PC表示での前処理・後処理・案件終了処理の仕様

  • IM-BIS の前処理・後処理・案件終了処理は、PC版/スマートフォン版どちらでも同じように実行されます。