■完全なインターフェイス設計には、ビジネス機能とアプリケーション機能の2つのレベルが必要です。シリーズ「表面デザイン手法（1）」では、ビジネス機能（活動、辞書、かんばん、フォーム）レベルから4つの機能デザイン手法を紹介し、さまざまなタイプのビジネスプロセスデザインを完成させる方法に焦点を当てています。
■このシリーズの「インターフェース設計手法（2）」では、ソフトウェアインターフェースの構成を、概念、機能、設計手法など、アプリケーションの機能レベルから説明します。「ビジネス関数」は、フィールド、データソース、計算ロジック、ルールなどを提供する関数のロジックコアに相当します。「アプリケーション関数」は、メニュー、ツールバー、ボタンを提供する関数のシェル（パネル）に相当します。 、および操作可能なフィールドボックスなど。前者はビジネスに部分的であり、後者はシステムに部分的です。2つの組み合わせは、実行可能なビジネス機能を構成します。
図1に示すように、需要から設計までの各段階の作業目標と内容を確認してみましょう。
図1さまざまな段階でのインターフェース設計結果の概略図
1）需要調査段階では、図1（a、b）
は、元の顧客のニーズ（a）を並べ替え、分類、分析、確認作業を通じて収集し、機能要件リスト（b）を完成させます。このリストの内容は、システム要件実現された機能オブジェクトには、材料リストに「ビジネスプロトタイプ」が含まれます。このビジネスプロトタイプは、ユーザーが提供する参照物理フォーム（紙バージョンまたは電子フォーム）である場合があります。これは、その後の設計および開発の基礎となります。インターフェイス。
2）図1（c）に示すように、ビジネス設計段階では、この一連のブログ投稿の記事1から5を参照してください。
機能要件の内容、業務処理の目的、業務処理の法則などに応じて、業務機能を収集・抽出し、4つの業務機能（活動、辞書、かんばん、フォーム）を分割します。設計の観点無限の数の機能要件は、限られた数の4つにグループ化されます。これは、ビジネス機能をモデル化するための基礎を提供し、インターフェイスの設計ルールを見つけ、設計作業の効率と設計結果の再利用性を向上させるのにも役立ちます。設計の難しさ。
3）図1（d）の
最終段階であるアプリケーション設計段階では、ソフトウェア実装の観点から、前述の4つのビジネス機能をさらに分割してグループ化し、表示されているコンテンツ（コントロール）を形成します。使用されるコントロールは、ビジネスに直接関連しなくなりました。
■次のルールを描くことができます。どのビジネス機能が設計されていても、どのインターフェイスフォームを採用していても、インターフェイスはツールバー、スクロールバー、ボタン（追加、クエリ、保存...）のコントロールで構成されます。 、フィールドボックス（テキスト、下、選択...）など。これらのコントロールにはビジネス上の意味が含まれていないため、幅広い汎用性があります。
一連のブログ投稿「インターフェイス設計方法（2）」では、インターフェイスのアプリケーション設計部分に焦点を当てます。a、b、c、dの作業が完了すると、ビジネス機能のインターフェイス設計のプロセス全体が完了します。
1つは、コンポーネントの概念です。
実際、ビジネス機能は1つのインターフェースだけに対応するのではなく、一連のインターフェースによって完成されます。この一連のインターフェースの集合は「コンポーネント」と呼ばれます。インターフェースの設計を紹介する前に、「コンポーネント」の概念を説明します。導入する必要があります。
定義：ビジネスコンポーネントは、ビジネス機能を独立して実行できるコントロールで構成されるシステムモジュールです。
（ビジネス機能に対応するコンポーネントは、ビジネスコンポーネント、または単にコンポーネントと呼ばれます）
1つのビジネスコンポーネントは、1つのビジネス機能（アクティビティ、辞書、かんばん、フォーム）に対応します。インターフェースはコンポーネントの重要な部分です。コンポーネントの構成については、以下で詳しく説明します。
1.
コンポーネントの構成コンポーネントは一連の「フォーム」で構成されています。以下では、コンポーネントとフォームの関係を示すために、図2の「このコンポーネント」を本体として使用しています。
図2コンポーネントの概念の概略図
1）このコンポーネント-メインウィンドウ①
原則として、1つのコンポーネントに複数のウィンドウがある場合、そのうちの1つだけがメインウィンドウになります。メインフォームには、独立したコンポーネントの「顔」であるコンポーネントのメイン情報が表示されます。原則として、コンポーネントを開いたときに最初に表示されるフォームがメインフォームである必要があります。通常、ビジネス番号とさまざまな種類のコンポーネント操作ボタンなどはメインフォームに配置されています。
2）このコンポーネント-サブフォーム②③1つの
メインフォームに複数のサブフォームを含めることができ、サブフォームは機能の違いによってさらに2つのタイプに分類できます。
□クエリサブフォーム②：このメインフォームから入力された履歴データをクエリするために使用されます。
□補助サブフォーム③：メインフォームの従属データを表示したり、メインフォームのデータ処理作業を共有したりするために使用します。
3）パブリックコンポーネント④
このコンポーネントの内部処理では、参照として外部コンポーネント情報が必要になることがよくあります。たとえば、契約を作成するときに、予算の内容を参照する必要がある場合があります。外部予算コンポーネントに接続できる場合。予算を作成する際に、会社の規則や規制を参照する必要がある場合があります。この時点で企業のナレッジベースコンポーネントに接続できます。これらの外部コンポーネントは参照用にのみ使用されるため、パブリックコンポーネントと呼ばれます。
4）上流と下流のコンポーネント⑤⑥
また、このコンポーネントに関連するデータを持つ外部コンポーネント間の位置関係は次のように定義されます。
□上流のコンポーネント⑤：このコンポーネントにデータを入力するコンポーネントは上流のコンポーネントと呼ばれ、アップストリームコンポーネントには、データ、フォーマット、ルールなどが含まれ、このコンポーネントに影響します。
□ダウンストリームコンポーネント⑥：このコンポーネントの出力データを受信するコンポーネントはダウンストリームコンポーネントと呼ばれ、このコンポーネントのデータ、仕様、ルールなどが含まれます。ダウンストリームコンポーネントに影響します。
2.フォーム
の構成コンポーネントの概念と構成を理解した後、コンポーネントを開き、コンポーネントの内部に入り、「フォーム」の概念を紹介します。
1）フォーム
フォーム：主に、ウィンドウ、インターフェイス、コントロール、インターフェイスの4種類の要素で構成されます。
フォームの概念を理解する方法は？例えとしてインストルメントボックスを使用してみましょう。図3（a）を参照してください。ウィンドウはインストルメントボックスの前に配置された「インストルメントパネル」のようなものです。ユーザーはインストルメントパネルのコントロールを操作して指示を出し、指示は次のようになります。次に、処理は要件を次のデータレイヤーに渡します。データレイヤーは、ロジックレイヤーの要件に従って対応するデータを提案し、論理処理後に前面の「ダッシュボード」に提示します。これは、ボックス内のロジックレイヤーを介して行われます。フォームの概念と機能です。
図3フォームとウィンドウの概略図
2）ウィンドウ
ウィンドウは、コンピューター画面上の長方形の領域（ウィンドウの外側の境界）です。
フォーム/ウィンドウの分割方法については、アプリケーション設計と技術設計が異なります。図3を参照してください。技術設計の定義によれば、このフォームには4つのウィンドウが表示されます（各ウィンドウは1つのアプリケーションに対応します）。アプリケーション設計は、1つのビジネス機能に対応する1つのビジネスコンポーネントの単位に従って設計されるため、アプリケーション設計には意味がありません。複数のウィンドウに分割された後、ビジネスと設計を理解する意味は完全ではありません。したがって、アプリケーション設計とビジネス設計の一貫性を維持するために、図3全体を「1ウィンドウと1ウィンドウのみ」と呼びます。この合意は、その後の技術設計のためのアプリケーション設計の結果を生成しません。影響はありません。
3）インターフェース
フォームが明確になった後、フォームの「インターフェース」の概念を以下に紹介します。
ウィンドウフレームで囲まれた中央部分はインターフェイスと呼ばれ、メニュー、ナビゲーションバー、ツールバー、スクロールバー、ボタンコントロール、フィールドコントロールなど、さまざまなコントロールがインターフェイスに配置されています。設計の結果はすべて最終的にはインターフェースに集中する必要があることがわかります。ユーザーはレイアウトされた要素からしか得られないため、インターフェース上のコンテンツの量とレイアウトの合理性はユーザーの満足度に直接影響します。インターフェース。「ヒューマン-マシン-ヒューマン」環境設計の長所と短所を体験してください。
いわゆる「インターフェース設計」とは、ウィンドウ内のこの範囲内にコントロールを配置する設計作業を指します。
4）コントロール
インターフェースの概念を理解した後、最後にインターフェースを構成する最小単位の「コントロール」を紹介します。
コントロールとは、以下を含む、インターフェース上に配置されたさまざまな要素を指します。
□ポータル上のメニューツリー、ナビゲーションバー、スクロールバーなどの他の機能のコントロールコントロール。
□追加、削除、保存、クエリ、送信などのデータ操作用のボタンコントロール。
□リストボックス、入力ボックス（テキスト、ドロップダウン、選択など）などのデータ入力のフィールドコントロール。
フォーム/ウィンドウ、インターフェイス、およびコントロールの関係を図4に示します。
図4フォーム/ウィンドウ、インターフェイス、およびコントロールの関係の概略図
3.ビジネスコンポーネントとビジネス機能の類似点と相違点
ビジネス機能とビジネスコンポーネントの概念は上記で紹介されています。この2つの関係は、「ビジネスコンポーネント」シェルに「ビジネス」の運用機能とインターフェイスをパッケージ化することと同じです。関数"。
1つのビジネス機能は1つのコンポーネントに対応し、ビジネス機能の機能は最終的にビジネスコンポーネントによって実装される必要があります。ビジネス機能とビジネスコンポーネントの比較には、次の特徴があります。
□ビジネス機能：ビジネス設計でビジネス目標を独立して完了することができる最小単位です。
□ビジネスコンポーネント：アプリケーション設計で1つのビジネス機能を独立してサポートできる最小単位です。 ;
次に、コンポーネントのインターフェイスモデル
コンポーネントの内部構造は以前に紹介され、コンポーネントの外部へのインターフェースは以下に紹介されています。コンポーネントのインターフェースは、コンポーネントのメインウィンドウの外枠に描かれ、ウィンドウをオブジェクトとして下にウィンドウモデルが確立されます。このモデルを通じて、コンポーネントと外部インターフェースおよび情報との間の通信が理解されます。 。現時点では、焦点はインターフェースではなく、ウィンドウにあります。物理的に。図5に示すように、これは「プロジェクト予算」を扱うビジネス機能です。
図5コンポーネントインターフェースの概略図
1.インターフェースの分類
「プロジェクト予算」フォームで設定された機能は、使用目的に応じてIPOと呼ばれる3つのタイプに分けられ、各文字は
I：入力と
P：データ入力のプロセスの意味を表します。。データ処理
O：出力、データ出力
1）データ入力（I）/出力（O）
□入力：アップストリームコンポーネントからの選択、アップストリームからプッシュされたデータの受信、データベースからのデータの選択など、アップストリームからデータをインポートします。
□出力：ダウンストリームコンポーネントを含むダウンストリームへのデータのプッシュまたはプッシュ公開データベースへ。
2）データ処理（P）
インターフェースを使用して、さまざまな操作インターフェースデータの機能をフォームに関連付けます。関連付け後、これらの関数はフォーム内のデータの処理をサポートできます。機能の観点から3つに分けることができます。 1つのタイプ、
□操作機能：このタイプの機能には、追加、保存、送信など、フォーム内のデータを操作するためのすべてのボタンが含まれます。これらのインターフェイスの背後にさまざまな制御チェックを接続できます。
□リンクコンポーネント：このタイプの機能は、メインフォームの処理をサポートする共通コンポーネント、データベースなどをリンクできます。関連データは、メインフォームのビジネスコードまたはその他の属性を介して、このコンポーネントのインターフェイスに直接表示できます。
□リンクデバイス：このタイプの機能は、モバイルデバイスやプリンターなどに接続できます。
2.インターフェースと外部機能の関係
前述の「プロジェクト予算」ウィンドウ関数モデルでは、ウィンドウ上の関数がインターフェースを介して外部システムとリンクされ、完全なウィンドウインターフェースモデルを形成します。図6を参照してください。 。
図6コンポーネントインターフェースモデルの概略図
この回路図モデルを通じて、アプリケーション設計の観点から、コンポーネントのフォームと外部の関係の基本的な理解が得られます。このモデルを参照として、関連するコントロールや機能が必要なサポートデータにアクセスする必要があります。 /ルール、必要のないときにインターフェースから切り離すことができます。このことから、まず小さな部品を設計する→小さな部品を機能制御に組み立てる→インターフェースに接続するなど、工学的手法によるソフトウェア設計の方法も理解でき、情報システム全体の設計を徐々に完成させていきます。
3.インターフェースと外部データの関係
次に、「プロジェクト予算」で参照される外部データソースを関連付けます。「プロジェクト予算」フォームの実際のデータ計画設計図である図7を参照してください。予算をまとめる機能は、それをサポートするために、多くのデータ（基本データを含む）および操作機能（コントロール）と接続する必要があります。
図7コンポーネントインターフェイスの計画（予算の準備）
この概略図は、完全なビジネス処理機能を示しています。これは、アプリケーションの設計時に統合された全体的な機能モジュールにはなりませんが、このビジネス処理に必要な制御とデータを完了するために接続されます。この設計方法は次のようになります。コンポーネントの実際の動作にどのような変化が生じても、インターフェースの接続と分離を通じて需要に迅速に対応できます。これは、いわゆるモジュラー設計とモジュラーアプリケーションの効果です。
■まとめ
インターフェース設計は、コンポーネント設計の中核部分です。この設計は、インターフェース上でビジネス機能とアプリケーション機能を表現し、2つの完璧な組み合わせを通じてユーザーに情報価値をもたらすことを目的としています。
■詳細な説明
インターフェイスデザインを分割して組み合わせる必要があるのはなぜですか。調査の機能要件が4つの標準的なビジネス機能を形成するように分割され、次に機能が異なるコントロールに分割されるため、コントロールの組み合わせがフォームを形成し、フォームの組み合わせが一連の標準化されたタスクを形成します。 「コードなし、コードなし」の構成開発方法を採用するための基礎を築きました。
このような作業は、通常のデマンドエンジニアや純粋なプログラマーではできないことがわかります。ある程度のビジネス知識、抽象的なモデリング能力、技術開発のバックグラウンドを持つエンジニアである必要があります。終了しました。
■このシリーズの次の記事：インターフェース設計方法（2）—2。インターフェース計画
ウィンドウ設計の詳細な手順については、「Dahuaソフトウェアエンジニアリング-要件分析とソフトウェア設計」という本を参照してください。
