SAP Fiori - Desainer Tema

Perancang tema UI adalah alat berbasis browser yang memungkinkan Anda mengembangkan tema dengan memodifikasi salah satu templat tema yang disediakan oleh SAP.

Example- Anda dapat mengubah skema warna, atau menambahkan logo perusahaan Anda. Alat ini menyediakan pratinjau langsung dari tema saat Anda mendesain.

Terapkan branding perusahaan Anda dan lihat aplikasi yang dibangun dengan teknologi SAP UI. Desainer tema UI adalah alat berbasis browser untuk skenario lintas tema. Gunakan itu untuk membangun tema identitas perusahaan Anda dengan mudah dengan memodifikasi salah satu templat tema yang disediakan oleh SAP. Misalnya, Anda dapat mengubah skema warna, atau menambahkan logo perusahaan Anda. Alat ini ditargetkan untuk kelompok pengguna yang berbeda, termasuk pengembang, perancang visual, dan administrator.

Platform yang Didukung

  • SAP NetWeaver sebagai ABAP (melalui UI Add-On 1.0 SP4)
  • SAP NetWeaver Portal (7.30 SP10 dan versi yang lebih tinggi)
  • SAP HANA Cloud (Direncanakan)
  • Portal SAP NetWeaver (7.02 Direncanakan)

Fitur dan Manfaat Utama

Fitur dan manfaat utama seperti yang diberikan di bawah ini.

  • Browser-based, graphical WYSIWYG editor - Ubah nilai parameter tema dan segera lihat bagaimana pengaruhnya terhadap visualisasi halaman pratinjau yang dipilih.

  • Build-in preview pages - Pilih halaman pratinjau built-in untuk melihat seperti apa tema kustom Anda saat diterapkan ke aplikasi.

  • Application previews - Contoh: Persetujuan Pesanan Pembelian, SAP Fiori Launchpad

  • Control previews.

Tingkat tema yang berbeda

  • Tema cepat (pengaturan tema lintas teknologi dasar).

  • Tema ahli (pengaturan tema khusus teknologi).

  • KURANG manual atau pengeditan CSS.

  • Palet warna untuk digunakan kembali - Tentukan sekumpulan parameter dengan nilai warna utama yang menentukan merek perusahaan Anda

  • Tema lintas teknologi - Buat satu tema konsisten yang berlaku untuk berbagai klien dan teknologi SAP UI.

  • Perpustakaan standar SAPUI5 (termasuk aplikasi SAP Fiori dan SAP Fiori Launchpad)

  • Teknologi Rendering Terpadu (seperti Web Dynpro ABAP dan Floorplan Manager)

  • Klien Bisnis SAP NetWeaver

Klien SAP UI Bagian UI dapat diberi tema
Web Dynpro ABAP

Anda dapat menentukan tema aplikasi yang tidak menggunakan elemen UI berikut -

  • Pulau HTML

  • Penampung HTML

  • Chart

  • Pulau Flash

  • Silver Light Island

  • Grafik Bisnis

  • Anda hanya dapat menggunakan tema yang dibuat dengan desainer Tema UI untuk aplikasi Web Dynpro ABAP sejak SAP NetWeaver 7.0 EHP2.

Manajer Denah Lantai untuk Web Dynpro ABAP (FPM) Anda dapat aplikasi tema yang tidak menggunakan Pulau HTML atau grafik UIBB
SAPUIS Anda dapat menentukan tema pustaka standar SAP. Perpustakaan SAPUI5 khusus tidak dapat diberi tema.
SAP NetWeaver Business Client (NWBC)
  • NWBC for Desktop (4.0 or higher) - Anda dapat menentukan tema shell NWBC dan halaman ikhtisar (halaman indeks, halaman tab baru, peta layanan).

  • NWBC for HTML (3.6)- Anda dapat menentukan tema peta layanan. Shell tidak bisa diberi tema.

Bagaimana cara memanggil desainer tema di SAP Fiori?

Masuk ke server ujung depan SAP Fiori.

Anda dapat menggunakan T-Code: Theme Designer atau gunakan shortcut seperti yang ditunjukkan di bawah ini dan login.

Setelah Anda masuk, Anda akan mendapatkan semua templat default yang disediakan oleh SAP untuk Desainer Tema. Pilih tema default dan klikOpen.

Masukkan tautan Fiori Launchpad dan Nama aplikasi dan klik ADD.

Dari sisi kanan, Anda dapat memilih Warna, font, Gambar, dan properti lainnya. Anda dapat mengedit warna seperti yang ditunjukkan pada foto yang diberikan di bawah ini.

Untuk menyimpan Tema klik ikon simpan seperti yang ditunjukkan di bawah ini. Anda juga memiliki opsi untuk menyimpan dan membangun opsi.

Setelah Anda memilih Save and Build, itu akan mulai menyimpan dan setelah selesai, Anda akan mendapatkan konfirmasi Simpan dan Bangun selesai.

Untuk mendapatkan link dari Tema Kustom ini, gunakan T-code:theme_tool.

Pilih Tema yang telah Anda buat dan klik tab Info.

Gunakan Ctrl + Y untuk menyalin URL dari layar dan catat ini.