Eski gri SAP GUI ekranları, yerini modern web standartlarında çalışan, duyarlı (responsive) ve sezgisel Fiori arayüzlerine bıraktı. Ancak Fiori, sadece bir "tema" değişikliği değil; iş yapış şeklinin kökten değişimidir. Peki, başarılı bir Fiori projesi için nelere dikkat edilmeli?
5 Temel Tasarım Prensibi
SAP Fiori'nin başarısı, aşağıdaki 5 temel prensibe dayanır:
- Role-Based (Rol Bazlı): Her kullanıcıya karmaşık menüler yerine, sadece kendi işini yapması için gereken uygulamalar gösterilir.
- Adaptive (Uyarlanabilir): Uygulamalar masaüstü, tablet ve mobil cihazlarda sorunsuz çalışmalı ve ekran boyutuna göre kendini düzenlemelidir.
- Simple (Basit): "1-1-3" kuralı (1 kullanıcı, 1 senaryo, 3 ekran). İşlemler mümkün olduğunca sadeleştirilmeli, gereksiz alanlar gizlenmelidir.
- Coherent (Tutarlı): Tüm uygulamalar aynı tasarım dilini konuşmalıdır. Satış siparişi ekranı ile depo sayım ekranı benzer kullanım alışkanlıklarına sahip olmalıdır.
- Delightful (Keyifli): Kullanıcıyı yormayan, mikro-animasyonlarla desteklenen ve akıcı bir deneyim sunulmalıdır.
OData V4 ile Gelen Yenilikler
Modern Fiori uygulamalarının arkasındaki güç OData protokolüdür. Yeni nesil OData V4, V2'ye göre ciddi avantajlar sağlar (servis tarafının nasıl kurulduğunu OData V4 / CDS rehberinde kod örnekleriyle anlattım):
- Gelişmiş Sorgular: $filter, $expand ve $select komutları çok daha esnek hale gelmiştir.
- Batch İşlemleri: Çoklu veri güncelleme işlemleri tek bir HTTP isteği ile yönetilebilir.
- Analitik Yetenekler: $apply komutu ile frontend tarafında karmaşık gruplama ve hesaplama işlemleri yapılabilir.
Fiori Elements vs. Freestyle UI5
Projelerimizde iki ana yaklaşım kullanıyoruz:
Fiori Elements: Standart şablonlar (List Report, Object Page) kullanılarak, neredeyse hiç JavaScript kodu yazmadan (sadece Annotation kullanarak) çok hızlı uygulama geliştirme.
Freestyle UI5: Standart şablonların yetmediği, çok özel görselleştirme veya karmaşık iş akışı gerektiren durumlarda, sıfırdan XML View ve Controller yazılarak geliştirilen özelleştirilmiş çözümler.
Fiori projelerinizde tasarımdan geliştirmeye uçtan uca destek için Fiori & UI hizmet sayfasına göz atabilirsiniz.
← Blog'a Dön