フォーム作成方法のうち、通常タイプでフォームを作成する手順をご案内します。
通常タイプでは、Styleflow上で1からWebフォーム(申請情報の入力画面)を作成していきます。
<本記事内のリンク>
1.はじめに.スムーズに設定ができるように事前準備をしましょう
1.はじめに.スムーズに設定ができるように事前準備をしましょう
通常タイプのフォーム作成を始める前に、申請項目の内容や構成を事前に整理しておくことで、設定作業がスムーズに進みます。
以下の2点を意識して、準備しておきましょう。
① 申請項目の洗い出し
まずは、申請にあたって必要となる情報や、管理すべき項目をリストアップしましょう。
申請者に入力してもらいたい情報は?
管理部門や承認者が確認・活用する情報は?
他のシステム(Excel、会計システム、基幹DBなど)と連携する場合、必要な項目は?
といった観点で項目を整理しておくと、後の連携作業の仕組み化や項目命名にも役立ちます。
⚠ 注意:項目と選択肢は区別しましょう
たとえば、
「申請区分」という1つの項目の中に、
「新規」「変更」「削除」などの選択肢を設定する、という構造になります。
このように、「項目そのもの」と「その中に設定する選択肢(ラジオボタン・プルダウンなど)」を混同しないよう注意しましょう。
② 申請項目のレイアウト配置(カテゴリ分け)
Styleflowでは、フォーム項目をカテゴリ単位でグルーピングすることができます。
そのため、申請画面の見やすさや使いやすさを考慮して、以下のような項目構成をざっくり決めておきましょう。
カテゴリ(例:基本情報/申請内容/添付ファイル など)
各カテゴリ内の表示順(左上から右下へ)
事前に構成が決まっていれば、フォーム作成時の設定もスムーズです。
2.フォーム(通常タイプ)作成の流れ
▼設定の流れ(概要)を動画で確認する
本動画は、設定箇所や全体の流れを把握いただくための概要動画です。詳細な操作手順の説明は含まれておりません。
手順1.申請項目を作成
1-1.フォームを新規登録する
1-1-①.「管理」 メニュー > 「フォーム」 をクリックし、フォーム作成画面を表示します
1-1-②. [新規作成]ボタンをクリックし、フォーム作成画面 「フォーム情報|詳細」 を開きます
1-1-③.「フォーム名」を入力し、「フォームタイプ(通常)」を選択した後、[登録]ボタンをクリックします。
※フォーム作成画面で設定する各項目は、 利用者(申請者・承認者)には表示されません。管理しやすい名称で設定してください。
1-2.申請項目を作成する
1-2-①.手順1-1.で[登録]をすると、「フォーム情報|一覧」 画面に遷移するので、先程作成したフォーム情報をひらきます
1-2-②.該当のフォームの 「フォーム情報|詳細」 画面の上下下程の[項目設定]ボタンをクリックします
この時、システムで標準設定されている一部の項目は、すでに作成済みの状態で表示されます。
これらの項目については、手順3で「利用する/しない」の選択が可能です。
なお、"管理ID"や"申請年月日"、"件名"、"申請者(※必須)” は、利用者のタスク一覧画面にも自動的に表示される標準項目です。
申請業務の中で、これらと同じ内容の入力項目を予定していた場合は、新たに作成するのではなく、既存の項目を活用することをおすすめします
▼タスク一覧画面|利用者画面
1-2-③.[新規作成]ボタンをクリックし、申請項目を1つずつ作成していきます
1-2-④.「表示ラベル(=項目名)」を入力し、[登録]ボタンをクリックします
この際、項目の[入力形式]は、デフォルトが "日本語全角" となっていますが、項目に応じて "チェックボックス”、”カレンダー” などを選択し、入力項目に応じた設定をすることで、入力の効率化や入力ミスの軽減が期待できます。
"チェックボックス” や "計算式” など、選択肢や演算式など詳細設定が必要な場合は、入力形式を選択すると、同じ画面の下部に詳細な設定項目が表示されます。
手順2.申請項目のカテゴリ(レイアウトグループ)を作成
Styleflowでは、フォーム上の入力項目をカテゴリごとにまとめて表示することができます。
このカテゴリは「レイアウトグループ」として管理され、利用者にとって視認性の高い申請画面を作成するために重要な要素です。
<レイアウトグループの作成手順>
2-①.該当のフォームの 「フォーム情報|詳細」 画面の上下下程の[レイアウト設定]ボタンをクリックします
このとき、システムで標準設定されている「申請情報」グループは、すでに作成済みの状態で表示されます。
申請項目が少ない場合は、この「申請情報」グループ内にまとめて設定することも可能なため、新たにグループを作成する必要はありません。
一方で、入力項目が複数ある場合やカテゴリごとに整理したい場合は、次の手順【2-②】に進んで、レイアウトグループを追加してください。
2-②.[新規作成]ボタンをクリックし、レイアウトグループを1つずつ作成していきます
2-③.「表示ラベル(=項目名)」を入力し、[登録]ボタンをクリックします
手順3.申請項目をレイアウトグループに配置
手順1で作成した申請項目を、手順2で作成した "レイアウトグループ(カテゴリ)" に割り当てて整理します。
この操作によって、利用者の申請画面上に、各項目が適切な位置に表示されるようになります。
※割り当てを行わなかった項目は、利用者画面に表示されませんのでご注意ください。
3-①.「レイアウト設定|一覧」 画面から、手順2.で作成したレイアウトグループの "レイアウトID” をクリックします
3-②.「配置項目|一覧」 の[新規作成]ボタンをクリックして、該当のレイアウトグループに配置したい項目を1つずつ追加していきます
設定しながら確認しよう.利用者画面のプレビュー表示
該当のフォームの「フォーム情報|詳細」画面にある、画面下部の[レイアウト設定]ボタンをクリックすると、
「レイアウト設定|一覧」 画面が表示されます。
この画面にある[プレビュー]ボタンをクリックすることで、実際に利用者に表示される申請画面を確認できます。
▼作成したフォームのプレビュー画面が表示されます
<関連記事>