SAP INNOVATION FORUM
Doğru Taktik
Mobilitede alternatifler çoğalıyor!
Zafer Zihni Genç – Serkan Özcan
BTC
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 2
Gündem
SAP Mobil Platform 3.0
 Hybrid, Native, Mobile Web, SMS ve MetaData
SAP Fiori
 SAPUI5 Geliştirme ve uygulama
DEMO
SAP Mobile Platform 3.0
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 4
Neden Platform Yaklaşımı?
Maliyet
Kalite
Esneklik
Güvenlik
Uçtan Uca Çözüm Platform Yaklaşımı
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 5
SAP Mobile Platform 3.0 – bir bakışta
Sınıfının en iyisi tam spektrumlu mobil platform
• Tek platformda B2E, B2B and B2C
• Popüler işletim sistemleri ve cihazlar üzerinde Hybrid,
Native, Mobil Web Uygulamaları
Açık ve Kolay
• Her hangi bir veri kaynağı, geliştirme aracı, 3rd party SDK
ve endüstri standartlarını destekler
Güvenli
• Güçlü kimlik doğrulama, veri şifreleme, uygulama
paketleme
Esnek ve ölçeklenebilir
• Küçük bir projeyle başlayıp ve milyonlarca kullanıcıya
ulaşmaya uygun yapı
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 7
Açık Platform
OData
arayüz ve arkaplan
geliştiricileri için
standart model
Cordova
SAP eklentileriyle
diğer eklentileri
birleştirebilme
HTML5
istenilen web
araçlarını smp 3 ile
beraber
kullanabilme
HTTP REST
SAP SDK
bağımlılığını yok
eden standart
protokol
OSGi Spring
dinamik güncelleme,
versiyonlama ve
karmaşıklığı
azaltımış modeller
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 8
Mobil Uygulama Yönetimi
• İş ve tüketici uygulamaları
• Cihazlar Platformlar (IOS, Android, Windows-WindowsPhone ve
BlackBerry..)
• Native / HTML5 / UI Uygulama çatıları
SAP Mobil Platform Katkıları
• Yetkilendirme
• İş uygulamaları entegrasyonu
• Güvenlik – cihaz, veri, içerik
• Offline erişim ve senkronizasyon
• Yönetim
• Uygulama versiyonlama ve yaşam döngüsü yönetimi
• Push Notification – Anlık bildirim
• Proxy
• Raporlama ve analitik
• Çoklu platform desteği
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 9
Uygulamalarınızın özelliklerini artırın
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 10
SAP Mobil Platform Mimarisi
Anahtar özellikler:
• Orta katman durumu yok
• OSGi tabanlı
• Standart protokol (OData/HTTP/s)
• Tek giriş noktası
• Merkezileştirilmiş uygulama yönetimi
• Yaşam döngüsü desteği
• Modüler (özel geliştirme desteği)
• Tüm yapı için tek model (OData)
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 11
Uygulamaları Yönet: Basitleştirilmiş yönetici arayüzü
• HTML5 tabanlı
• Radikal basitleştirilmiş
• Agentry ve SUP birleştirilmiş
• UX tasarım merkezli uygulama
• Context sensetive yardım
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 12
Push Notification - Anlık bildirim
Anlık bildirimler:
• IOS
• Android
• BlackBerry
• Windows 8, Windows Phone
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 13
Yetkilendirme ve SSO
Yetkilendirme ve single sign on
• VPN’siz client’tan arkaplana, uçtan uca
yetkilendirme konfigüre edilebilir
• Desteklenen Yetkilendirmeler:
• Anonymous
• Basic Auth
• Siteminder
• SSO token
• X.509 Mutual Auth
• X.509 Mutual Auth through intermediary
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 14
Uygulama Analitikleri
Raporlar:
• User
• Device type
• Application
• Vendor
• Version
• Timeframe
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 15
Trace and Runtime Analysis
• Runtime’ın grafik olarak gösterimi – bir uygulamanın veya
çapraz bütün uygulamaların
• Detaylı loglama ve izleyebilme
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 16
Kapsel Mimarisi – Cordova, 7 SAP Eklentisini İçerir
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 17
Bileşenler
MAF Agaç Yapısı MAF Yerelleştirme desteği MAF Takvim
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 18
Sisteme Giriş
InitLogonManager();
MAFLogonManager logonManager = MAFLogonManager.GetInstance();
58
Satır kod
MAF
1756
Satır kod
Native
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 19
Mobil Analitik Kit
Mobil Analitik Kit
Uygulamalarımıza analitikleri ekleyebilmemizin iki yolu vardır:
 Bir grafik veya dashboard, veri haritası ve standart dışı seçim kontrolleri için XML
kullanılarak otomatik olarak konfigüre edebilir
 Bileşenlerden grafikler oluşturabilmek için kütüphaneleri kullanabilir
Ek Özellikler (Standart dışı kontrol)
 Drill down (Yakınlaştırmak için dokunma)
 Semantic zoom( iki parmakla yapılan yakınlaştıma sonuncu grafik değerlerinin daha
daha dar verilere doğru düzenlenmesi)
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 20
Offline OData
Offline Odata özellikleri:
 Çok sayıda kullanıcıların
ölçeklenelebilirliğine izin verir
 Request/Response temellidir
 Programlama modeli OData’dır
 Odata delta desteği sağlar
 Client kütüphaneleri güvenli
doküman belleği sağlar
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 22
SMP B2C Modülü
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 24
SMS Builder
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 25
AppBuilder – Kendi UI5 uygulamanı tasarla
• Sürükle-Bırak tasarım
• 1 Tıkla Kapsel’e yükle
• Dakikalar içerisinde uygulamayı çalıştır
• Ön tanımlı uygulama şablonları kullan
• UI5 kontrol avantajlarını kullan
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 26
Sap Mobile Platform Araçları
SAP Fiori
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 28
SAP Fiori Nedir?
Fiori eclipse ortamında geliştirilen html5 tabanlı uygulamaların SAP sistemine BSP olarak yüklenmiş halidir.
Fiori uygulamaları masaüstü, tablet ve akıllı telefonlarda benzer ekranları kullanıcılara sunar.
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 29
UI5 Tarayıcı Desteği
Internet Explorer
Version 9
Version 8
Chrome
Latest version
Firefox
Version 3.6 and
latest version
Safari
Latest version
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 30
SAP Fiori
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 31
SAP Fiori
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 32
SAP Fiori Apps
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 33
SAP Fiori Yol Haritası
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 34
Today
Functional-based applications
SAP Fiori
Role-based applications
To: One entry point for the user and
UX following common design
directions
From: Multiple entry points for the user
and inconsistent user experience (e.g.
ERP vs. CRM)
From: One transaction for multiple
roles exposing all data & functions
to all users
To: Decomposed apps for each
role exposing only relevant data
& functions
ThisisthecurrentstateofplanningandmaybechangedbySAPatanytime.
SAP Fiori
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 35
Gateway 2.0 SP6
ECC 6.0 SP15
Desktop
Browser
(HTML5)
SAML 2.0
Reverse Proxy SAP Web Dispatcher
Mobile
Browser
(HTML5)
IdP
SAP Fiori Teknik Mimari
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 36
Fiori Uygulaması Nasıl Geliştirilir?
• SAP Gateway Service Builder ile Odata Modeli oluşturulur
• Modelin veri kaynağı belirlenir. BOR veya RFC ile veri kaynağı beslenir.
• Odata Servisi oluşturulur.
• Eclipse geliştirme ortamına SAP Odata plug-inleri yüklenir.
• Model View Controller (MVC) yaklaşımı kullanılarak ekranlar tasarlanır ve bu ekranlar odata
servisine bağlanır.
• Gelişitirilen proje SAP sistemine deploy edilir. BSP olarak oluşturulan bu uygulama bir role
bağlanarak kullanıcının ana sayfasında görünmesi sağlanır.
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 37
Fiori Ana Sayfa
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 38
BTC Sms Projesi – Mobiltim’in katkılarıyla
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 39
BTC Sas & Sat Onaylama Projesi
© 2014 SAP AG or an SAP affiliate company. All rights reserved. 40
SAP Fiori Demo
Demo
© 2014 SAP AG or an SAP affiliate company. All rights reserved.
Teşekkürler
İletişim Bilgileri:
Zafer Zihni Genç
Yazılım Geliştirme Yöneticisi
BTC Bilişim Hizmetleri A.Ş.
Çayıryolu 1, Partaş Center Kat:11-12
İçerenköy, 34752 İstanbul, Türkiye
0533 810 70 93
Serkan Özcan
Solution Expert
BTC Bilişim Hizmetleri A.Ş.
Çayıryolu 1, Partaş Center Kat:11-12
İçerenköy, 34752 İstanbul, Türkiye
0532 234 22 87

SAP INOVASYON FORUM 2014 - Mobilitede alternatifler çoğalıyor

  • 1.
    SAP INNOVATION FORUM DoğruTaktik Mobilitede alternatifler çoğalıyor! Zafer Zihni Genç – Serkan Özcan BTC
  • 2.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 2 Gündem SAP Mobil Platform 3.0  Hybrid, Native, Mobile Web, SMS ve MetaData SAP Fiori  SAPUI5 Geliştirme ve uygulama DEMO
  • 3.
  • 4.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 4 Neden Platform Yaklaşımı? Maliyet Kalite Esneklik Güvenlik Uçtan Uca Çözüm Platform Yaklaşımı
  • 5.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 5 SAP Mobile Platform 3.0 – bir bakışta Sınıfının en iyisi tam spektrumlu mobil platform • Tek platformda B2E, B2B and B2C • Popüler işletim sistemleri ve cihazlar üzerinde Hybrid, Native, Mobil Web Uygulamaları Açık ve Kolay • Her hangi bir veri kaynağı, geliştirme aracı, 3rd party SDK ve endüstri standartlarını destekler Güvenli • Güçlü kimlik doğrulama, veri şifreleme, uygulama paketleme Esnek ve ölçeklenebilir • Küçük bir projeyle başlayıp ve milyonlarca kullanıcıya ulaşmaya uygun yapı
  • 6.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 7 Açık Platform OData arayüz ve arkaplan geliştiricileri için standart model Cordova SAP eklentileriyle diğer eklentileri birleştirebilme HTML5 istenilen web araçlarını smp 3 ile beraber kullanabilme HTTP REST SAP SDK bağımlılığını yok eden standart protokol OSGi Spring dinamik güncelleme, versiyonlama ve karmaşıklığı azaltımış modeller
  • 7.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 8 Mobil Uygulama Yönetimi • İş ve tüketici uygulamaları • Cihazlar Platformlar (IOS, Android, Windows-WindowsPhone ve BlackBerry..) • Native / HTML5 / UI Uygulama çatıları SAP Mobil Platform Katkıları • Yetkilendirme • İş uygulamaları entegrasyonu • Güvenlik – cihaz, veri, içerik • Offline erişim ve senkronizasyon • Yönetim • Uygulama versiyonlama ve yaşam döngüsü yönetimi • Push Notification – Anlık bildirim • Proxy • Raporlama ve analitik • Çoklu platform desteği
  • 8.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 9 Uygulamalarınızın özelliklerini artırın
  • 9.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 10 SAP Mobil Platform Mimarisi Anahtar özellikler: • Orta katman durumu yok • OSGi tabanlı • Standart protokol (OData/HTTP/s) • Tek giriş noktası • Merkezileştirilmiş uygulama yönetimi • Yaşam döngüsü desteği • Modüler (özel geliştirme desteği) • Tüm yapı için tek model (OData)
  • 10.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 11 Uygulamaları Yönet: Basitleştirilmiş yönetici arayüzü • HTML5 tabanlı • Radikal basitleştirilmiş • Agentry ve SUP birleştirilmiş • UX tasarım merkezli uygulama • Context sensetive yardım
  • 11.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 12 Push Notification - Anlık bildirim Anlık bildirimler: • IOS • Android • BlackBerry • Windows 8, Windows Phone
  • 12.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 13 Yetkilendirme ve SSO Yetkilendirme ve single sign on • VPN’siz client’tan arkaplana, uçtan uca yetkilendirme konfigüre edilebilir • Desteklenen Yetkilendirmeler: • Anonymous • Basic Auth • Siteminder • SSO token • X.509 Mutual Auth • X.509 Mutual Auth through intermediary
  • 13.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 14 Uygulama Analitikleri Raporlar: • User • Device type • Application • Vendor • Version • Timeframe
  • 14.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 15 Trace and Runtime Analysis • Runtime’ın grafik olarak gösterimi – bir uygulamanın veya çapraz bütün uygulamaların • Detaylı loglama ve izleyebilme
  • 15.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 16 Kapsel Mimarisi – Cordova, 7 SAP Eklentisini İçerir
  • 16.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 17 Bileşenler MAF Agaç Yapısı MAF Yerelleştirme desteği MAF Takvim
  • 17.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 18 Sisteme Giriş InitLogonManager(); MAFLogonManager logonManager = MAFLogonManager.GetInstance(); 58 Satır kod MAF 1756 Satır kod Native
  • 18.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 19 Mobil Analitik Kit Mobil Analitik Kit Uygulamalarımıza analitikleri ekleyebilmemizin iki yolu vardır:  Bir grafik veya dashboard, veri haritası ve standart dışı seçim kontrolleri için XML kullanılarak otomatik olarak konfigüre edebilir  Bileşenlerden grafikler oluşturabilmek için kütüphaneleri kullanabilir Ek Özellikler (Standart dışı kontrol)  Drill down (Yakınlaştırmak için dokunma)  Semantic zoom( iki parmakla yapılan yakınlaştıma sonuncu grafik değerlerinin daha daha dar verilere doğru düzenlenmesi)
  • 19.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 20 Offline OData Offline Odata özellikleri:  Çok sayıda kullanıcıların ölçeklenelebilirliğine izin verir  Request/Response temellidir  Programlama modeli OData’dır  Odata delta desteği sağlar  Client kütüphaneleri güvenli doküman belleği sağlar
  • 20.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 22 SMP B2C Modülü
  • 21.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 24 SMS Builder
  • 22.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 25 AppBuilder – Kendi UI5 uygulamanı tasarla • Sürükle-Bırak tasarım • 1 Tıkla Kapsel’e yükle • Dakikalar içerisinde uygulamayı çalıştır • Ön tanımlı uygulama şablonları kullan • UI5 kontrol avantajlarını kullan
  • 23.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 26 Sap Mobile Platform Araçları
  • 24.
  • 25.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 28 SAP Fiori Nedir? Fiori eclipse ortamında geliştirilen html5 tabanlı uygulamaların SAP sistemine BSP olarak yüklenmiş halidir. Fiori uygulamaları masaüstü, tablet ve akıllı telefonlarda benzer ekranları kullanıcılara sunar.
  • 26.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 29 UI5 Tarayıcı Desteği Internet Explorer Version 9 Version 8 Chrome Latest version Firefox Version 3.6 and latest version Safari Latest version
  • 27.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 30 SAP Fiori
  • 28.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 31 SAP Fiori
  • 29.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 32 SAP Fiori Apps
  • 30.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 33 SAP Fiori Yol Haritası
  • 31.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 34 Today Functional-based applications SAP Fiori Role-based applications To: One entry point for the user and UX following common design directions From: Multiple entry points for the user and inconsistent user experience (e.g. ERP vs. CRM) From: One transaction for multiple roles exposing all data & functions to all users To: Decomposed apps for each role exposing only relevant data & functions ThisisthecurrentstateofplanningandmaybechangedbySAPatanytime. SAP Fiori
  • 32.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 35 Gateway 2.0 SP6 ECC 6.0 SP15 Desktop Browser (HTML5) SAML 2.0 Reverse Proxy SAP Web Dispatcher Mobile Browser (HTML5) IdP SAP Fiori Teknik Mimari
  • 33.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 36 Fiori Uygulaması Nasıl Geliştirilir? • SAP Gateway Service Builder ile Odata Modeli oluşturulur • Modelin veri kaynağı belirlenir. BOR veya RFC ile veri kaynağı beslenir. • Odata Servisi oluşturulur. • Eclipse geliştirme ortamına SAP Odata plug-inleri yüklenir. • Model View Controller (MVC) yaklaşımı kullanılarak ekranlar tasarlanır ve bu ekranlar odata servisine bağlanır. • Gelişitirilen proje SAP sistemine deploy edilir. BSP olarak oluşturulan bu uygulama bir role bağlanarak kullanıcının ana sayfasında görünmesi sağlanır.
  • 34.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 37 Fiori Ana Sayfa
  • 35.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 38 BTC Sms Projesi – Mobiltim’in katkılarıyla
  • 36.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 39 BTC Sas & Sat Onaylama Projesi
  • 37.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. 40 SAP Fiori Demo Demo
  • 38.
    © 2014 SAPAG or an SAP affiliate company. All rights reserved. Teşekkürler İletişim Bilgileri: Zafer Zihni Genç Yazılım Geliştirme Yöneticisi BTC Bilişim Hizmetleri A.Ş. Çayıryolu 1, Partaş Center Kat:11-12 İçerenköy, 34752 İstanbul, Türkiye 0533 810 70 93 Serkan Özcan Solution Expert BTC Bilişim Hizmetleri A.Ş. Çayıryolu 1, Partaş Center Kat:11-12 İçerenköy, 34752 İstanbul, Türkiye 0532 234 22 87