LoginSignup
11
5

intra-martでワークフローシステムを作ってみた

Last updated at Posted at 2024-05-15

はじめに

はじめまして、入社して2年目の開発エンジニアです。
本記事ではintra-martの概要や使い方を整理していきます。

現場で使うこととなり、これまで学んだことをアウトプットしていきます。

intra-martとは

intra-martはNTTデータが開発・運用している
Webアプリケーションプラットフォームです。
このサービスはローコード開発と業務プロセスのデジタル化を目的に使用されています。

主にワークフローや文書管理、グループウェアなどの機能が備わっています。

IM-BIS構成

IM-BISとは、IM-FormaDeginerとIM-Workflowの拡張パッケージのことを言います。
ノンプログラミングでの開発やドラッグ&ドロップで
画面やシステムの連携機能を設定することが可能になります。

image.png

高度な専門スキルを求めることなく、
初心者でも開発できるような仕組みとなっております。

ワークフローシステムを作ってみよう

intra-martで導入されているワークフローシステムではHTML/CSSで画面を作成したり、
JavaScript等で機能を追加したりなどする必要がありません。

新規でワークフローシステムを作成するには以下の手順に沿って実施します。

下記のサイトはintra-martが公開しているデモサイトになります。
こちらでログインし、実際にワークフローシステムを作ってみます。
https://www.intra-mart.jp/trial/demo-iap.html

まず、ユーザコードとパスワードを入力し、ログインします。
image.png

ログイン後、「サイトマップ」をクリックします。
image.png

1.承認フローの作成

1.intra-martのサイトマップ上で「IM-BIS」の「IM-BIS作成」をクリックします
image.png

2.「新規登録」ボタンをクリックします
image.png

3.「BIS名」を入力し、「登録」ボタンをクリックします
image.png

4.「ルート定義」の画面で一番左にある「承認者」をクリックします
image.png

「承認」アイコンが出てきましたね!
5.「申請」アイコンの右側にある「+」ボタンを押しながら、「承認」アイコンとつなぐ
image.png

なんと矢印が出ました!
この矢印はワークフローの申請や承認のステップが進んだ時に、
次のユーザーに承認ステップが進むようになります。

6.「申請」アイコンを選択した状態で、「検索」ボタンをクリックします
image.png

7.処理対象者のユーザを検索し、ユーザーを追加します
image.png

8.「決定」ボタンを押すと。処理対象者が表示されます
image.png

同じく「承認」アイコンでも同じように処理対象者を追加します。
処理対象者はintra-mart上で登録されているユーザーのみを追加することができないため、
外部からのユーザーを処理対象者として追加はできません。

9.ルートの定義が完了しましたら、「登録」ボタンをクリックします
image.png

これでワークフローシステムのルートを定義しました。
次は申請書画面の作成をしていきます。

2.申請画面の作成

ルート定義が完了すると、以下の画面が出てきます。
image.png

1.「申請」アイコンをダブルクリックします

2.フォーム名を入力した後、「登録」ボタンをクリックします
image.png

3.フォーム編集画面が出てきたので、こちらで画面を作成します
image.png

4.「ヘッダーとフッター」をクリックし、設定します
image.png

すると、申請書画面のヘッダーが表示されましたね。
image.png

次は申請や承認するときに必要なアイテムを配置していきます。
こちらは「ツールキット」の中で、申請書画面で入力やボタンなどを
ドラッグ&ドロップで配置することができます。
image.png

5.「入力アイテム」の「文字列」を配置していきます
なんと、文字を入力できるテキストボックスが表示されました。
「文字列」は一番左上にあるので、そちらをドラッグ&ドロップすると配置できます。
image.png

配置したアイテムの設定を行いたい場合はプロパティの設定が必要です。
プロパティ設定ではラベルやアイテムの位置などを設定できます。
image.png

6.一通り、アイテムを配置した後「更新」ボタンをクリックします
image.png

すると、「申請」アイコンが人型のアイコンになりましたね。
人型のアイコンになっているノードは
申請書画面が設定されている状態になっております。
image.png

同じように、「承認」ノードも申請書画面を設定します。

7.編集が完了したら、「定義の反映」をクリックします
image.png

これでワークフローシステムを作成することができました。
この後は動作確認として、申請者/承認者毎のアカウントでログインし、
申請および承認できるかの確認を行います。

おわりに

読んでいただきありがとうございます^_^

intra-martに関する記事を引き続き書いていきますので、
ぜひ参考にしてみてください!

11
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
5