SAPUI5’i Tanıyalım

SAPUI5, herhangi bir tarayıcı ile çalışan, Javascript, CSS ve HTML5 tabanlı bir UI (kullanıcı arayüzü) teknolojisidir. UI, kullanıcının bir sitede daha konforlu ve daha uzun süre dolaşmasını sağlayan teknolojidir. Bu teknoloji ile SAPUI5 kütüphanelerini depolamak, veri tabanına bağlanmak ve uygulamaları dağıtmak için sunucular devreye girmektedir.

SAPUI5 uygulamaları geliştirebilmek için çeşitli ön koşullar bulunmaktadır. Bunlar;

• HTML Temelleri – HTML dosya yapısına hâkim olmak gerekir. Ayrıca, HTML5 konusunda temel bilgiye sahip olmak bir ön koşuldur.
• CSS – Zorunlu olmamakla birlikte, CSS konusunda temel bilgilere sahip olunması tercih edilir.
• JavaScript – SAPUI5’e başlamadan önce bilinmesi gereken, en önemli dildir. SAPUI5’in teknik yapısı tamamen JavaScript ve diğer JS kütüphanelerine bağlıdır.

Neden SAPUI5?

SAPUI5, HTML5 için kullanıcı ara yüzü geliştirme araç seti (User Interface Development Toolkit) olarak ifade edilebilir. Ayrıca SAPUI5, SAP alanındaki en son gelişmelerden bir tanesidir.

SAP, kullanıcı ara yüzünü uzun vadede ince ve esnek hale getirmek için uğraşmaktadır. Bu bağlamda geliştirilen SAPUI5, SAP’nin UI’ye geçişinin bir işaretidir. SAPUI5 ile SAP Fiori ürünlerinin de çok daha kullanıcı odaklı bir tasarıma geçiş yaptığını söyleyebiliriz. JavaScript, HTML5 ve CSS teknolojilerinin bu konudaki başarısı yadsınamaz bir gerçektir. Ayrıca SAPUI5’in OpenUI5 adında bir açık kaynak sürümü de vardır.

Bu teknolojiyle meydana getirilen UI oldukça basittir ve kullanımı kolaydır. Aynı zamanda birden fazla cihazla da uyumlu olarak kullanılabilmektedir. Aynı tasarımı mobil, tablet ve masaüstü sürümlerinin tamamında benzer şekilde kullanıcıya gösterebiliriz.

Fakat yukarıda da bahsetmiş olduğumuz gibi bu framework ile çalışabilmek için temel düzeyde HTML5, Javascript ve CSS konularına aşina olmalıyız. Teknik olarak SAPUI5, yazılım geliştiricilerinin HTML5 ve Javascript tabanlı hızlı ve sorunsuz UI uygulamalar geliştirmesine olanak sağlayan bir teknolojidir.

SAPUI5 Mimarisi

SAPUI5 uygulamasının çalıştırılmasında üç sistem bulunmaktadır. Back-end, front-end ve ara sistem.

• Back-end Sistem: Back-end olarak ECC, SRM veya CRM içeren SAP sistemlerini kullanabiliriz. Back-end sistemin içinde tüm kayıtları saklayabilir ve getirebiliriz. Tablolar, sınıflar, RFC ve BAPI’ler gibi ABAP ögelerinden oluşmaktadır.
• Ara Sistem: Front-end ile back-end arasında ara bir sistem yer almaktadır. Bu sistemin ismi aslında Netweaver Gateway Server’dır. Burada tüm veritabanı sorgularını yazabiliriz. Tüm kayıtlar Netweaver Gateway’den front-end’e gelecektir.
• Front-end Sistem: Front-end olarak, SAPUI5 yardımcı yazılımı yer almaktadır. Tarayıcılarda ve diğer tüm cihazlarda gösterilmesi amacıyla tüm UI ögelerine sahip olan sistem burasıdır.

Sistem Bağlantısı

SAP sistemi kayıtları tablolar halinde kaydetmektedir. Netweaver Gateway servisi, SAP sistemlerinden verileri alarak XML, JSON veya XSL formatında OData servisi oluşturur. Genellikle JSON formatındaki veriler kullanılır. Front-end tarafından HTTPS istekleri oluşturularak kayıtlar için sunuculara istekler atılır. İstek sonucunda yanıt olarak Netweaver Gateway servislerinden veri döndükten sonra UI5 tarafında formlar, grafikler, tablolar vb. tüm UI ögeleri gerçek veriler ile doldurulabilir.

SAP'ye Genel Bakış

SAP, kurumsal web programları için zengin kullanıcı ara yüzlerine sahip uygulamalar oluşturmak üzere kullanıcıların kullanıcı düzeylerini geliştirmek için kullanabilecekleri çok sayıda ekipman sunar. Maksimum ortak etkinleştirme araçları şunları içerir:

• Tema Tasarımcısı

• NWBC ve Side Panel

• FPM Ekranları

SAPUI5'in Özellikleri

• Kod ve uygulama aşamasında genişletilebilirlik ilkeleri sağlar.

• Model-View-Controller (MVC) sağlar ve bağlama yöntemlerini kaydeder.

• SAP UI5, JavaScript, CSS ve HTML5 gibi açık standartları temel alır.

• CSS'ye dayalı tema yardımı sağlar.

SAPUI5’in Avantajları

İş dünyasında SAPUI5 kullanımının avantajları şunlardır:

• Üretkenliğin artmasını sağlar.

• Kullanıcı adaptasyonunu artırır.

• Daha az manuel hata çıkmasını sağlar.

• Eğitim ücretini azaltır.

• SAP makinesinin yüksek performansından güç alır.

• Mükemmel tasarlanmış API’ye sahiptir.

SAPUI5’in Desteklediği Tarayıcılar

• Chrome
• Firefox
• Safari
• Edge
• En son sürümlerle birlikte Internet Explorer

Desteklenen özellikler, tarayıcılar bazında değişiklikler gösterebilmektedir.

SAPUI5 Versiyon Değişiklikleri

Bağlantıdaki SDK dokümanını takip ederek son çıkan versiyonlar hakkında bilgi sahibi olabilir, hangi bileşenlerin hangi versiyonlarda desteklendiğini, değişen özelliklerini ve bileşenlerin kullanım örneklerini inceleyebilirsiniz. 

SAPUI5 teknolojisi ile geliştirmiş olduğumuz SAP Fiori çözümlerimiz hakkında bilgi sahibi olmak için bizimle iletişime geçebilirsiniz.

Nur Türkay

SAP Fiori ve ABAP Geliştiricisi