SAP BUILD-ユーザーインターフェイスを構築するためのツール




これは、コンテスト「SAP Coder-2017」の参加者への支援の枠組みにおける2番目の出版物です。 「小売ネットワークでの販売促進」タスクを選択した場合、システムのプロトタイピングと設計を理解し、早い段階で取得したプロトタイプに同意する必要があります。






産業用ソフトウェアの世界では、センサー、経理、倉庫、生産のプライマリから情報を収集し、複雑なアルゴリズムを使用して情報を処理し、それを使用して企業を管理したり、レポートを「送信」するだけでは不十分です。 現在、ビジネスユーザーは、これらすべてが美しく、便利で、モダンで、モバイルデバイスで作業するのに望ましいと期待しています。 コンサルタントやソフトウェア開発者はこの問題に十分な注意を払わないことが多いため、ユーザーが完全に高品質のアプリケーションを拒否するリスクは非常に高くなります。 SAPはしばしばこのように批判されます。 このリスクを認識したSAPは、豊富なビジュアルコンポーネントと開発環境を備えたソフトウェアフレームワークだけでなく、分析およびソフトウェアデザイナーツールであるSAP BUILDなどの補助ツールもコミュニティに提供しています。







最も不快な状況は、インターフェイス、ロジックを開発し、実用的なプロトタイプを作成したが、ユーザーや顧客がそれを好まないということです。 そして、初期段階で解決できる些細なことにすべてがかかっていることは特に残念です。 小売業の仕事を引き受けた場合、ユーザーの不満はあなたの主な障害の1つです。 便利で簡単なツールでUXの問題を最小限に抑える方法を知っています。 学び、使用します。



SAP BUILDは、ユーザーインターフェイスのラピッドプロトタイピング用のSAP Cloud Platformサービスです。 設計環境、テンプレート、ヘルパー、トレーニング資料、サンプルアプリケーションの形でソフトウェアソリューションを構築する練習を提供します。 簡単に言えば、組織と個々の開発者は、デザインとユーザーの利便性を最優先するプロジェクトを構築するための既成のアプローチを提供します。



SAP BUILDを使用したアプリケーションの作成



試してみましょう。SAPBUILDツールを使用して、SAPUI5アプリケーション(OpenUI5)を作成します。 IoTアプリケーションを作成します。 IoTアプリケーションはすべて、センサーからデータを収集して処理します。



この例では、Arduinoプラットフォームに基づいたコントローラーから温度と光レベルに関するデータを収集するアプリケーションを作成します。 コントローラでの作業、SCPでの無料開発アカウントの編成、データベースの作成、IoTサービス向けのSAP Cloud Platformの有効化の原則については、ブログ記事で詳しく説明しています 。 私たちの目標は、アプリケーションのグラフィカルインターフェイスのアイデアを作成し、将来のユーザーからフィードバックを得て、受信したIoTデータを表示するアプリケーションの実用的なプロトタイプを構築することです。 私たちのアプリケーションは、マスターディテールの原則に基づいて構築されます:メイン画面に、いくつかの同一のIoTデバイスからのデータを含むテーブルを表示し、下位に、特定の選択されたデバイスの詳細をインジケーターの表とその変化のグラフの形式で表示します

SAP BUILDに登録することから始めましょう。 それは完全に無料で、ソフトウェア開発者や興味のある人は、数回クリックするだけでツールに登録できます。







登録後すぐに、プロジェクトの作成を開始できます。 プロジェクトは、ゼロから作成されるか、既存のテンプレートに基づいて作成されます。 BUILDは、プロジェクトの一連の手順、ツールの原則、推奨事項、およびベストプラクティスに関する多数のトレーニング資料を提供します。







「最初のIoTアプリケーション」プロジェクトを作成して、プロトタイプの作成を始めましょう。







提案されたテンプレートに基づいて、将来のアプリケーションのプロトタイプを作成したり、フリーハンドの図面の使用に制限したりできます。 これを行うには、将来のインターフェースを紙または他の使い慣れたメディアに模式的に示し、必要に応じてデジタル化し、システムにロードする必要があります。







インターフェイスのデジタル化された「アナログ」プロトタイプがシステムにアップロードされ、承認のためにワーキンググループ(将来のユーザーを含む)に送信できます。







「紙」、「アナログ」のプロトタイプアプリケーションは「ライブ」である可能性があります。 アプリケーションが2つ以上の画面で構成されている場合、開発者は画像の領域を割り当てることができます。クリックすると、たとえば画面を切り替えるなどのアクションが実行されます。 これにより、主要なユーザーは、移動中の将来のアプリケーションを想像できます。 これまでのところ、アプリケーションの設計には単一の画面が含まれているため、この機能はここでは使用しません。







プロトタイプには、組み込みのデータエディターを使用して、またはExcelからデモデータをダウンロードして、デモデータを入力することもできます。







データソース、エンティティ、フィールド、エンティティ間の関係、およびその他のパラメーターを設定します。 ソースにデモデータを入力し、次のようなプロジェクト参加者と設計について話し合います。 将来のエンドユーザーと。 データスキーマは従来のリレーショナルモデルに基づいており、非常に複雑になる場合があります。















アプリケーションの「アナログ」ページ(画面)を作成し、デモデータのソースを作成して入力し、画面間の遷移を説明し、ディスカッションを作成し、質問のリストを作成しました。







ディスカッションの見出しを作成した後、BUILDは、ディスカッションに参加している人に質問することを提案します。 プレビューの後、すべての参加者向けにディスカッションを公開します。







BUILDが公開されると、回答者に送信できるディスカッション(調査)へのリンクが返されます。



ディスカッションが公開された後、BUILDはプロトタイプの統計ページを表示し、新しい交渉参加者を招待できます。 ディスカッション招待状が各参加者に送信され、リンクをクリックすると、BUILDシステムがディスカッションページを読み込みます。







ディスカッションの参加者は質問に答え、コメントを作成し、「紙」アプリケーションの特定の領域についてコメントできます。







ユーザーは、提案されたインターフェイスの概念(1つのアプリケーション画面のマスター詳細)に満足せず、2つの独立したアプリケーション画面を期待していることがわかります。 ディスカッション参加者の視点を受け入れ、2画面アプリケーションの構築を続けます。



プロトタイピングと考えられるすべてのフィードバックの収集を数回繰り返した後、「デジタル」アプリケーションプロトタイプの構築を開始できます。 これを行うには、「アプリケーションマップ」に移動し、ワークリストなどの新しいページを追加します。 これは、今後のアプリケーションの2つの画面のうちの最初の画面になります-すべてのIoTセンサーのリスト







タイプがワークリストのサブ画面をすぐに作成し、ページ編集モードに切り替えます。







デバイスデータソースをテーブルにドラッグし、余分なフィールドを削除します。 ページデザインを変更するには、組み込みのインターフェイスエディターを使用します。 生成されたアプリケーションテンプレートを変更し、独自のテンプレートを開発できます。 一般に、エディターの構造と機能は非常に伝統的なものであり、追加の説明は不要であり、ツールのある程度の経験のみが必要です。 BUILDのヘルプはにあります。











その結果、最初の画面の望ましい「デジタル」プロトタイプに近づきます。 2番目の画面でも同じことを行います(この場合、ページ3)







そして、主要ユーザーと合意した温度と光のグラフを追加します







必要に応じて、ページの読みやすさを向上させる要素(セクションの境界、ラベル、視覚要素間のセパレータ、アイコン、写真など)を追加できます。



最後に、テーブルの位置について、行をクリックしたときに実行する必要があるアクションについて説明します。 私たちの場合、これは将来のアプリケーションの2番目の画面への移行です。 アプリケーションの2番目の画面で、「戻る」ボタンを追加します。このボタンの唯一のアクションは、前のページに戻ることです(戻るに戻る)。







プレビューモードでアプリケーションを開き、何が起こったかを確認します。 必要に応じて、他の画面形式、特にタブレットやスマートフォンでのアプリケーションの外観を確認することもできます。 BUILDはプレビューを自動的にスケーリングし、すべての種類のデバイスの画面インターフェイスをいつでもすぐに編集できます。



アプリケーションの「デジタル」インターフェースでの作業が終了すると、すぐに主要ユーザーによるディスカッションサイクルを再開し、「ライブ」プロトタイプに関するフィードバックと提案を収集できます。 これでBUILDの作業は完了しましたが、アプリケーションの作成は続行されます。 SCP WebIDE開発ツールを使用すると、BUILDで作成されたプロトタイプを活用できます。 プロトタイプはUI5ソフトウェアプロジェクトに変換され、開発者は引き続き実際のデータを使用してアプリケーションプログラムコードにアクセスできます。






ところで、 SAP Coder 2017コンテストの参加者の登録は継続しています



ここでは、SAP Cloud Platformの詳細とその詳細について読むことができます。







All Articles