SAPFiori-ランチパッド
SAP Fiori Launchpadは、モバイルおよびデスクトップデバイス上のFioriアプリシステムへのエントリポイントとして知られています。Fioriシステムのさまざまなタイルが含まれています。タイルは、さまざまなFioriアプリにアクセスするために使用される正方形のオブジェクトです。これらのタイルへのアクセスは、ユーザーの役割に基づいています。
SAP Fioriタイルは複数のデバイスタイプで実行され、トランザクション、分析、ファクトシート、スマートビジネスアプリなどのビジネスアプリケーションに単一のアクセスポイントを提供します。
SAP FioriLaunchpad-重要な事実
SAP FioriLaunchpadに関する重要なポイントを以下に示します。
プラットフォームやデバイス間でSAPBusinessアプリケーションを使用するためのWebベースのエントリポイント。
IHTMLクライアントにすぐに使える考え方として提供されます。
テーマ設定、検索統合、カスタマイズなどの機能を使用するエンドユーザーの高い生産性。
複数のデバイスタイプを使用するエンドユーザーに単一のエントリポイントを提供します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/launchpad.jpg)
SAP Fiori Launchpadはどのように機能しますか?
Fiori Launchpadを起動すると、表示されるのは fiorilaunchpad.htmlURLの終わりとして。これは、fiorilaunchpad.html ブラウザに読み込まれる唯一のHTMLドキュメントであり、唯一のHTMLドキュメントです。 SAPUI5 ルートアプリケーション。
起動ページを使用している顧客の場合、これは、起動ページにアプリケーションごとにindex.htmlがあるという点で異なります。この変更により、ページのナビゲーションと遷移が可能になり、より包括的なユーザーエクスペリエンスが提供されます。
Fiori Launchpad –主な利点
以下に示すのは、SAP FioriLaunchpadを使用して達成できる主な利点です。
- 特定の役割またはペルソナのアプリケーションの使用法を定義する機能
- 1つのホームページ
- Personalization
- Responsiveness
- シングル・サインオン
- Theming
- Search
- Bookmarks
- ページ/ナビゲーションの遷移
SAP Fiori Launchpad –キーバリュー
Simple −直感的で、簡単で、一貫性のあるユーザーエクスペリエンス。
Role based −簡素化された役割ベースのナビゲーションとビジネス機能へのアクセス。
Contextual −リアルタイム、コンテキスト、およびパーソナライズされたアクセス。
Responsive −単一のユーザーエクスペリエンスで、デバイス、バージョン、チャネルをまたがって消費します。
Multi-platform −複数のプラットフォームで実行する予定– ABAP(本日利用可能)、SAPポータル、SAP HANAクラウドポータル、HANA。
Launchpadの構成
SAP Fiori Appsの実装手順と要件を確認するには、次のURLにアクセスしてください。 help.sap.com/Fiori。
SAPヘルプページのURLを確認するには、Google.comにアクセスしてアプリ名を入力します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/sap_fiori_app_implementation.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/app_implementation_timesheet.jpg)
これはのフロントエンドコンポーネントです My Timesheet SAP FioriUI5アプリケーションをアクティブ化するためのLaunchpadのアプリ-
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/my_timesheet.jpg)
Fiori AppsURLとSAPUI5コンポーネントを確認する方法
SAPログオンを使用してフロントエンドサーバーにログインし、Tコードを実行します。 SICF
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/fiori_frontend.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/sicf.jpg)
新しいウィンドウが開きます。クリックExecute 下記のパスに移動します-
Default_host→SAP→bc→ui5_ui5→sap→検索 hcm_ts_cre とダブルクリックします。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/execute_window.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/default_host_window.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/hcm_ts_cre.jpg)
あなたはのURLパスを見ることができます My Time Sheet応用。このパスをメモ帳にコピーし、default-hostを削除して、最後にサービス名を追加します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/change_a_service.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/code.jpg)
次に、Tコードを実行します。 SE80
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/se80.jpg)
新しいウィンドウが開きます。の名前を入力してくださいBSP アプリケーションと UI5 アプリケーション名と以下のように表示ボタンをクリックします-
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/bsp_application.jpg)
に移動 componenet.js コンポーネント名をメモします。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/component_js.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/notepad_window.jpg)
ここで、Launchpadを構成するには、 T-code: LPD_CUST に行きます New Launchpad。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/lpd_cust.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/new_launchpad.jpg)
ラベルの詳細を入力します Role, Instance, Description をクリックします Continue and Yes。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/new_launchpad_window.jpg)
新しいウィンドウが開きます。新しいアプリケーションをクリックします。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/new_application_window.jpg)
詳細を入力します。リンクテキスト、アプリケーションタイプ、URLをクリックして、Show Advanced Parameters。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/link_details.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/advanced_parameters_window.jpg)
詳細、アプリケーションエイリアス、SAP UI5コンポーネント名を入力し、[ save 上部のボタン。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/application_related_parameters.jpg)
Launchpadデザイナに移動して選択すると、このタイルを作成できます。 create target mapping。
クリック Plus タイルの名前に署名して入力し、をクリックします save。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/target_mapping.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/save_target_mapping.jpg)
次のステップは、ターゲットマッピングを作成することです。ターゲットマッピングに移動し、をクリックしますCreate target mapping。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/create_target_mapping.jpg)
新しいウィンドウが開きます。下の画像に示すように詳細を入力します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/target_mapping_window.jpg)
Launchpadでのカタログとタイルの作成
ターゲットマッピングがどのように行われるかを学びました。次のステップは、タイルを作成することです。
[タイル]タブに移動し、[+]記号をクリックして、作成するタイルのタイプを選択し、詳細を入力します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/tile_tab.jpg)
静的タイルを選択したら、詳細を入力して保存アイコンをクリックします。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/static_tile.jpg)
これにロールを割り当てるには、フロントエンドシステムに移動し、トランザクションを使用します PFCG。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/pfcg.jpg)
ロール名を入力します。単一の役割をクリックして保存します。次に、[メニュー]タブをクリックします。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/create_roles.jpg)
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/assign_tile_catalog.jpg)
[ユーザー]タブに移動し、使用するユーザーの詳細を入力して、ランチパッドにアクセスして保存します。
Launchpadのグループにカタログを追加するには、Launchpadにログインして、タイルカタログを選択します。
作成したカタログを選択し、「+」記号をクリックしてグループに追加します。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/tile_catalog_window.jpg)
選択した場合 My Home グループ名として、Launchpadホームページに戻ると表示されます My Time そこにタイル。
![](https://post.nghiatu.com/assets/tutorial/sap_fiori/images/launchpage_home_window.jpg)
これは、Launchpadを構成し、LaunchpadDesignerで新しいカタログとタイルを作成する方法です。