SAP Fiori - Konsep UI5

SAP UI5adalah kerangka kerja berbasis skrip Java yang digunakan untuk merancang aplikasi bisnis multi-platform. Ini mendukung berbagai model data dan tampilan aplikasi desktop dan seluler. SAP UI5 mengkompilasi pada Ajax terbuka dan dapat dikombinasikan dengan pustaka skrip java.

SAP UI5 awalnya bernama phoenix yang kemudian diubah menjadi SAP UI5 di 2011.

Teknologi UI Utama

Web Dynpro ABAP dan alat pengelola Denah Lantai dapat digunakan untuk membuat aplikasi baru.
Alat pengembangan aplikasi SAP UI5 dan UI5 untuk mengubah menyesuaikan atau mengembangkan aplikasi baru.
SAP Dynpro digunakan untuk memasukkan Persona Layar untuk pengoptimalan GUI

Karakteristik SAP UI5

Karakteristik SAP UI5 adalah sebagai berikut -

Model yang dirancang dengan baik, mudah dikonsumsi.
Kinerja dioptimalkan dengan kepatuhan standar SAP
Mendukung Ajax open source
Termasuk perpustakaan JavaScript
Model komponen UI yang dapat diperluas
Berdasarkan standar terbuka seperti Ajax, JavaScript, CSS, dan HTML 5.

Komponen Utama - Klien dan Server SAP UI5 -

Client

Perpustakaan JavaScript, File gambar
File JavaScript inti
Uji file HTML dan JavaScript suite

Server

Alat pengembangan aplikasi
Generator Tema
Penangan sumber daya di Java
Alat Pengembangan Kontrol

UI5 Browser Support

SAP UI5 mendukung semua browser web utama dan versi terbaru seperti IE, Mozilla Firefox, Google Chrome dan Safari.

Arsitektur SAP UI5

Arsitektur SAP UI5 terdiri dari kerangka inti JavaScript termasuk jQuery. Ini terdiri dari Perpustakaan Ekstensi Kontrol dan Tema. Ini memiliki komponen Server Opsional.

Perpustakaan Kontrol UI5

Umum SAP UI5 perpustakaan kontrol diberikan di bawah ini.

Sap.ui.commons - Ini termasuk kontrol seperti bidang teks, tombol, font, dll.
Sap.ui.table - Ini termasuk kontrol tabel seperti baris, kolom, dll.
Sap.ui.ux3 - Ini termasuk properti untuk pola UX3.
Sap.m - Ini termasuk kontrol untuk perangkat seluler seperti ponsel, tablet, dll.

SAP UI5 dan Ekstensibilitas

SAP UI5 mendukung ekstensibilitas untuk pengembang aplikasi dan memungkinkan untuk menambahkan halaman berbasis JavaScript, HTML, UI5.
Ini memungkinkan untuk menulis pustaka UI baru dan kontrol baru.
Menulis plug-in untuk inti UI5.
Buat kontrol dari kontrol UI5 yang ada.
Termasuk perpustakaan JavaScript lainnya

Konsep Model-View-Controller

MVC terdiri dari tiga konsep. Tampilan dapat ditentukan menggunakan bahasa yang berbeda seperti Java Scripts, HTML. Controller digunakan untuk mengikat Views dan Model digunakan dengan Views.

Views - Dapat ditentukan menggunakan XML dengan HTM, campuran atau mandiri

XML - (sap.ui.core.mvc.xmlview)
JavaScript - (sap.ui.core.mvc.JSView)
JSON - (sap.ui.core.mvc.JSONView)
HTML - (sap.ui.core.mvc.HTMLView)

Controller- Pengontrol terikat ke tampilan. Itu juga dapat digunakan dengan banyak tampilan

Model - Pengikatan data dapat digunakan pada tampilan.

Perbandingan Berbagai Jenis Tampilan

Perbandingan berbagai jenis Tampilan diberikan dalam tabel.

Pengikatan Data SAP UI5

Data binding digunakan kontrol UI5 ke sumber data untuk menampung data aplikasi. Ini memungkinkan untuk mengubah kontrol secara otomatis setiap kali ada perubahan dalam data aplikasi.

Saat Anda menggunakan pengikatan data dua arah, data aplikasi diperbarui setiap kali nilai kontrol terikat berubah.

Pengikatan Data mendukung pengikatan kontrol sederhana seperti tombol uji, kontrol jenis daftar, dll.

Jenis Model Data Binding

SAP UI5 mendukung tiga jenis implementasi model -

JSON Model- Mendukung data dalam format JavaScript Object Notation. Ini mendukung pengikatan data dua arah.
XML Model- Mendukung data XML. Ini mendukung pengikatan data dua arah.
OData Model- Ini membuat permintaan OData dan menangani tanggapan yang sesuai. Ini hanya mendukung data yang sesuai dengan OData. Ini mendukung pengikatan data dua arah eksperimental.