100714 Enterprise Front-end Integration

©2010 Beacon Information Technology Inc. All rights reserved.

Enterprise Front-end Integration～コストと時間をかけずにシステムを改善する、最も現実的な方法～


Agenda

背景：どこにでもある課題

Enterprise Front-end Integration

EFIの実現方法

ビーコンITでの実現方法

EFIをもっと迅速に、もっと容易に

「infoScoop Factory」

Application Scraper

Application Builder

Gadget Integrator

まとめ

2


背景：どこにでもある課題

3


課題例）情報はある。ただし、人の陰に

販売管理システム

営業支援システム

会計システム

人事システム

分析システム

情報ほしい

顧客管理システム

これは自分で使える

入金されました？

ちょっと待ってて

いつまで待てます？

３営業日待ってもらってもいいですか？

すぐやります（今の仕事が終わったら）

はい！

システム化され、シビゕなレスポンス要件で実装された業務システム。しかし、何かおかしい

全部情報がそろうのに、どれだけかかるのか

4


課題例）膨れ上がる担当者の負荷

分析システム

情報ほしい

おれも

私も

すぐほしい！今日中ね

システムではどうにもならないボトルネック

仮に、担当者が絞られていた場合、情報提供依頼だけでもストレスになる担当者からしてみれば、本業ではない場合もある

5


課題例）当たり前にこなしている日常業務

見積作ろう契約管理システム

過去契約しらべて

価格表（EXCEL）

価格調べて

承認お願いします！

ちゃんと情報揃えたか？

過去に出した見積も精査


見積作成そして申請

見積システム（ワークフロー）

当たり前のようにこなしている日常業務。システムを使い回しながら遂行。そこに無駄はないのか

慣れてしまうと、面倒でも当たり前の事としてかたづけてしまう

6


課題例）社内にマクロブログを導入してみたが

流行にのって社内ミニブログ（Twitter）を導入してみた。コミュニケーションは活性化したが再利用や関連情報の検索がもどかしい

A社受注しました

おぉ！

よくやったなぁコメントしてやろう

どんな提案？ああ、それはフゔルサーバーにあるのか

なるほど

フゔイルサーバー

あれ、何の話？


ああ、この案件か

社内Twitter

社内Twitterは便利だが、関連情報の参照は手作業

7


つまり




会計システム

人事システム

分析システム

多くの情報はすでに社内に揃っているはずです。ただ、導入目的や使う対象が異なると、別のシステムになることも多いのも事実。

だから、方針や戦略を変えると、「新しい」仕組み（システム）が必要になります

いろいろあるけど、そのままでは使えないな

なんかいいの欲しい

8

新・営業支援システム？


常套手段リプレース or 新規開発



会計システム

人事システム

分析システム

情報ほしい

ああ、ここからみればいいのか

新・営業支援システム


連携

連携

連携

連携

リプレース

リプレース

ああ、らくになった

うん

集中できる

ちょっとさみしいが

9


Enterprise Front-end Integration

10


パッケージ導入のジレンマ

パッケージ導入にはリスクがつきもの

どんなにビジョンが優れていても、どんなに使い勝手が良さそうでも、統合ソフトウェゕを導入するには高いリスクとコストがつきものです。それは、どの企業も既存の情報システムをかかえているからです。

そのまま利用すれば優れているソフトウェゕも、自社の文化に合わせたら使えなくなったり、カスタマズを繰り返す度にバグが発生したり、導入後のデータ移行に多大なコストが発生したりするものです

しかし

11

SFAやERPなど利益向上や営業力強化に直結するパッケージの目的はすべて「情報の集約」と「情報の流通」


そこで、発想の転換をしてみました

パッケージ購入＝即座に利益拡大となることはありません

現場とのトラ＆エラーの積み重ねが、優れた効果を発揮する訳です

であれば

既存のシステムをもっと活かすことを考えてもいいと思いませんか？なぜなら、パッケージ導入の目的は、情報の集約と流通だからです

そう考えたお客様にビーコンITが提案します

Enterprise Front-end Integration (EFI)

既存のシステムはそのままに、現場の社員とコミュニケーションを重ね、動く画面で実験しながら、システムの改善や拡張が可能になります。高い信頼性と慣れ親しんだユーザーインターフェイスはそのままに、情報の蓄積と連結を実現する手段と環境を提供します。

12


Enterprise Front-end Integrationとは

Enterprise Front-end Integration（EFI）とは、企業情報ポータル「infoScoop」を利用して現場が利用している画面やデータをフロントエンドでつなぎ、低コスト・低リスクで最大限の効果を発揮する手法です

３つの特徴

13


EFIの実現方法

14


EFIを実現する4つのポント

日常のゕプリケーション利用メージを形にする

既存システムを単機能で再利用可能なガジェットに

ガジェットを連結させて、業務ゕプリケーションを構築

要件に足りない機能はガジェット（機能）単位で追加

15


Point1日常のゕプリケーション利用メージを形にする

16


ビーコンITでは、こういう事がありました

17

複数のゕプリケーションを工夫して使いながら効率をあげていました

A社に訪問しました了解さて、EXCELの社員情報みて

訪問情報記入して日報にも記入しなきゃ

EXCELの社員情報

訪問情報入力画面（営業支援システム）

日報入力画面（日報システム）

営業の訪問履歴を営業支援担当者が複数のシステムに2重入力していました


利用者の工夫はシステムを利用する「ノウハウ」




会計システム人事システム分析システム

営業支援システムの画面人事システム

の画面

販売管理システムの画面

画面上にどう配置しどのような順序で利用しているか＝利用ノウハウ

日常の自分の仕事を思い浮かべるとメージしやすい

複数のシステムを利用しているはず

複数のシステムをPCの画面上で利用するノウハウは個人が持っている

18

利用者のシステム利用状況を細かく知ることが、EFIの重要なポイントです


Point2既存システムを単機能で再利用可能なガジェットに

19


「ガジェット」を知っていますか？

美人時計というサービスがあります

これを、「ガジェット」にすると

様々な異なるサービス上で美人時計が使えるようになります

1分おきに写真を切替ながら時刻を表示してくれるサービスです

20


つまり、ガジェットとは

ガジェットとは、他のサービスに使われることを前提とした小さなゕプリケーションです

単独でうごくもの

ンターネット上のサービス

情報を集める

シゴトに使う

21


そこで、企業情報ポータル「infoScoop」

infoScoopは、ガジェットを企業内で利用するための最適な環境を提供します。企業内外のシステムや情報をガジェットとして提供することで、ワークスタルや業務に合わせた画面を構成することが可能になります。

22


infoScoopを利用する事で可能なこと

入力

参照

条件入力＋参照

配置

それにより、情報の集約や、様々なゕプリケーションの機能をまとめることが可能です。

23

様々な社内外の情報や、ガジェット化した既存のゕプリケーションを組み合わせて、業務の生産性向上につなげる画面を構成可能です。


日常業務もポータルに集約

24



人事システム

営業支援システムの画面人事システム

の画面

販売管理システムの画面

営業支援システムのガジェット

物流システムのガジェット

販売管理システムのガジェット



人事システム



人事システムのガジェット

各システムで利用している機能（画面）をガジェットにすることで、バラバラに利用していたシステムを1画面に納める事が可能になります

面倒･･･

便利になった


Point3ガジェットを連結させて、業務ゕプリケーションを構築

25


単機能のガジェットを「つなげる」

26

26


物流システムのガジェット




人事システム



人事システムのガジェット

販売管理システムを見ながら営業支援システムに入力している。これを自動化してくれればもっと楽になるのに

ガジェットとガジェットが繋がれば、もっと楽になるのに

言い換えると

infoScoopによって情報や機能が集約されても、利用者の作業量は変わりません

ガジェットをつなげ、システムをまたがった利用者の作業の一部でも自動化すれば、作業効率は向上していきます


ガジェット同士を連携させる方法、あります

人事システムの社員マスタ

Tool – BeaconIT SuiteJava program (手組み)

Web Application Server

販売システムの売上データ

Application Server

社員検索ガジェット

販売情報システム(売上検索・集計)

① 社員選択

② ガジェット間でメッセージ連携

社員ＣＤ＝“3002”

③ ガジェットゕプリがサーバに検索要求

④ 販売情報システムがガジェットに結果を反映

まったく違う独立したシステム

27


ガジェットの連携は業務の連携

入力出力

入力出力

入力出力

入：顧客名出：該当する顧客一覧

入：顧客名出：販売状況一覧

クリックガジェット２

ガジェット１

ガジェット３

ガジェットの協調＝入力と出力の連鎖反応

28



分析システム

各システムの機能をガジェット化することで、ガジェットが連動する

入：販売状況一覧出：グラフ出力

クリック


つまり、「ガジェット」さえあれば

ガジェットにすれば、なんでもつながる

例１）交通費入力の過去履歴から交通費申請に入力

例２）社員一覧からプロスペクト（案件）一覧を表示グラフ表示

Googleで企業検索

クリック！

クリック！

自動表示

クリック！

人事システム

会計システム



Point4要件に足りない機能はガジェット（機能）単位で追加

30


既存のゕプリケーションに足りない機能の改善

既存のゕプリケーションだけでは機能が足りないこともあります

例えば

– 日報入力を効率化する為に、自分で作成したEXCELからコピー＆ペーストで転記していた

– 日報システムに記録されている情報だけでは販売活動においては不十分だったため、EXCELに転記してチーム用の管理資料を作成している

– 案件の状況を上司に説明するために、営業支援システムの訪問履歴をメールで転送している

これらも、利用者の「工夫」です。

31


足りない機能をガジェットで補完する

例）日報入力を効率化する為に、自分で作成したEXCELからコピー＆

ペーストで転記していた

32

→ 営業支援システムを改修するのはコストと時間がかかります

ガジェットで実現しましょう

EXCELで作成したリスト

ガジェット化

クリック！

転記

入力ガジェットと連携

営業支援システムの改修を「営業一覧ガジェット」の追加のみで対応、また、「営業一覧ガジェット」は、別の業務でも使えるかもしれません

http://www.newdesignworld.com/press/story/96019






そして、ビーコンITはEFIの実施により

こうなりました

いままで二人必要だった業務が半分になりました

33

②日報、営業支援システムに同時転記

③入力された情報は、共通のガジェットで参照できます

①入力支援ガジェットを利用しながら必要事項を入力


適用メージ

34


適用例）案件ダッシュボード

35



人事システム


入力

案件検索ガジェット

販売情報ガジェット


案件検索ガジェット

販売情報ガジェット

訪問履歴ガジェット


＜できること＞社員情報 → 案件リスト一覧案件情報 → 顧客詳細情報

→ 訪問履歴一覧配置連結

便利

各システムの情報をガジェットで切り出し、ダッシュボードに

社員検索を顧客検索に変えれば、顧客切り口のダッシュボードにもなる


適用例２）見積申請をもっと効率的に①

36

見積作ろう契約管理システム

過去契約しらべて


価格調べて


ちゃんと情報揃えたか？

過去に出した見積も精査


見積作成そして申請


見積時の情報収集、確認を効率化する

プロセスの簡略化、効率化をはかれないか

©2010 Beacon Information Technology Inc. All rights reserved.37

適用例２）見積申請をもっと効率的に②

見積作ろう了解あ、全情報が見える

入力

見積申請ガジェット

価格表ガジェット

契約管理ガジェット


入力

見積承認ガジェット

契約履歴ガジェット



見積に必要な状はそろってるな情報入力も楽になってる

申請画面承認画面

転記



見積申請ガジェット



契約管理システム

契約管理ガジェット



見積承認ガジェット


改めて、Enterprise Front-end Integrationの特徴

既存システムをガジェット化することで

ガジェットとガジェットを組み合わせることで

ガジェットによる単機能で画面中心のゕプローチで開発することで

38

では、ガジェットはどうやって作るのか


ビーコンIT社内での実現方法

39


営業支援担当の入力業務を効率化する

入力時に利用するゕプリケーションをガジェット化し、つなぐ

A社に訪問しました了解さて、EXCELの社員情報みて

訪問情報記入して日報にも記入しなきゃ

EXCELの社員情報



営業の訪問履歴を営業支援担当者が複数のシステムに2重入力していた

40

日報入力画面（日報システム）


EFI実現パターン① 『新規』

データベース

データベース

新規登録サーブレット１

新規登録サーブレット２

営業活動管理

日報

infoScoop

検索結果一覧汎用

入力画面

ガジェット間通信

①のログインは、ガジェットのUserPrefに設定

① ②

１、入力のための画面を、ガジェットで作る２、各システムのデータベースへ直接書き込むための、

完全に新規のゕプリケーションを構築してしまう。長所：システムがブラックボックスでも対応可能。短所：システムが処理をしないと生成出来ない情報に対応できない。条件：データベースの仕様を把握できるか

41


EFI実現パターン②『既存』

既存登録画面

既存登録画面

日報

infoScoop

検索結果一覧汎用入力画面

入力画面

＜日報イメージ＞

入力画面

＜営業イメージ＞

営業活動管理

① ②

③

④

①のログインは、

ガジェットのUserPrefに設定

DB2

SQL-Server

１、共通入力のための画面を、ガジェットで作る２、それぞれのシステムの入力画面をガジェットにする。

（HTMLのコピー等）３、２のガジェットから、既存のデータ登録機能にデータを送り込む。長所：既存システムの登録処理を経由させられる。短所：通信の仕様調査が大変。条件：入力機能と登録機能が複雑過ぎると対応できない。

既存入力画面

42


従来の実現方法

ガジェットを作る

– 既存のゕプリケーションを利用してガジェットをつくる

– 新規にガジェットをつくる

ガジェットをつなぐ

– ガジェットをつなぎ合わせてシステムをつなぐ

既存のゕプリケーションをベースにガジェットを開発する

既存のゕプリケーションを参考に、若しくは新規にガジェットを開発する

パラメーターの意味を知っていれば、ノンプログラミングで新規開発ガジェットは、通信設定も含めて開発

43


十分価値はありました

1. 開発期間の大幅な短縮～当初、システムの全面刷新を検討していた～

– ガジェット単位での開発の効果

• ガジェット単位で明確に分業

• ガジェット化により再利用性向上

• 機能強化やちょっとした「＋α」を実現しやすい

– 利用者にすぐ見せられる

• 開発サクルが早い

• 利用者と協力しやすい

2. 業務ステップ数が激減した

– 入力を記入から選択式に

– 日付などを自動入力に

– 入力、確認を1画面で

44

開発範囲、作業量は大幅に削減されたが、すべてのガジェットはスクラッチ開発

ステップ数が激減！


EFIをもっと迅速にもっと容易に実現する

infoScoop Factory

45


「作らないを創る」を実現する infoScoop Factory


– 既存のゕプリケーション・システムを利用してガジェットをつくる

– 新規にゕプリケーションをつくる



Application Scraper

Application Builder

Gadget Integrator

46

グリッド・グラフガジェット

ガジェット開発の敷居を大幅に下げるためのツール群


ガジェットを作るためのツール

47



会計システム

既存システム

ゕプリを利用

データを利用

Application

Scraper


人事システム

分析システム

ガジェット化


既存のシステムからガジェットをつくる

新規にガジェットをつくる

Application Builder ガジェット生成

CSV CSV

サーバー

不足要件追加要件


ガジェットをつなぐためのツール

48


ガジェット群

Gadget

Integrator

ガジェットを繋ぐ

infoScoopに配置

作成したガジェットをGadget Integratorで

業務で利用できるカタチで繋ぎ、infoScoopに

配置することができます


Application Scraper

49


Application Scraper

既存システムに手を加えずにガジェット化を実現する

– 既存画面をそのまま利用してガジェット化（スクラップ）を実現

– 既存システムの知識不要（業務知識は必要）

– コーデゖング不要、ノンプログラミング

ガジェット

ガジェットガジェット

ガジェットガジェット

ガジェットガジェットガジェット

ガジェット

infoScoop

既存システム

信頼できるシステム資産をそのまま活かしてガジェット化

50

Application Scraper


Application Scraper 画面メージ

①画面を操作し、ガジェット化したい画面まで移動

③ガジェットを保存（サーバー or ローカル）に保存し、infoScoopに登録

②ガジェット化するために、必要のない部分を削除（スクラップ）

51


Application Builder

52


Application Builder

GUIのみで実現できる高機能フォームエデゖタ

– ブラウザで利用出来るフォームゕプリケーション開発環境

– ガジェット生成機能で業務をつなぐガジェットを容易に生成

– データと画面を比較しながらビジュゕルなゕプリケーション開発を実現

フォーム

フィールドを配置

フィールドの

プロパティを設定

フィールドは

利用者の用語で

追加可能

（勘定コードなど）

その場で

画面確認可能

ブラウザーのみで

開発可能

53


Application Builder 画面メージ

フォーム作成画面プレビュー画面

スキーマ参照・編集画面

ゕプリケーションの種類や連携するソフトウェゕの種類に応じたプラグン・テンプレートを順次展開して

いく予定です

54


Gadget Integrator

55


Gadget Integrator

ガジェットを繋ぎ、業務を繋ぐ

– Application Scraper、Application Builderで作成したガジェットをノンプログラミングでつなぐ

– 将来的には、ガジェット間で通信するデータの加工も実現予定

GUIで設定

ガジェット間通信を設定

56


Gadget Integrator 画面メージ

①連携したいガジェットを配置 ②Gadget Integratorガジェットを配置

③Gadget Integratorで連携設定 ④動作テストの上ガジェット登録

該当月を選択すると

その月のプロスペクトを表示プロスペクトを選択すると

お客様のGoogle検索結果を表示

57


まとめ

58


改めて、Enterprise Front-end Integrationとは

Enterprise Front-end Integration（EFI）とは、企業情報ポータル「infoScoop」を利用して現場が利用している画面やデータをフロントエンドでつなぎ、低コスト・低リスクで最大限の効果を発揮する手法です

３つの特徴

59


そのためには、ガジェットの提供がポント

60

既存システムをガジェット化することで

ガジェットとガジェットを組み合わせることで

ガジェットによる単機能で画面中心のゕプローチで開発することで


「作らないを創る」を実現する infoScoop Factory


– 既存のゕプリケーション・システムを利用してガジェットをつくる

– 新規にゕプリケーションをつくる



Application Scraper

Application Builder

Gadget Integrator

61


ガジェット開発の敷居を大幅に下げるためのツール群

©2010 Beacon Information Technology Inc. All rights reserved.©2009 Beacon Information Technology Inc. All rights

reserved.62

Documents

100714 Enterprise Front-end Integration