1. IONIC & Cross Platform Technology
Korhan ÖZBEK

2. Çapraz (cross) Platform veya hybrıd uygulama Nedir ?
Hybrid mobil uygulama tekniği, temel olarak ‘write once, run everywhere’ yani tek bir
kod çıktısı ile birden fazla platformda çalıştırılabilmek üzerine geliştirilmiştir.
Yani tek bir platformda çatısında geliştirilen kodların diğer platformlara extra kod
yazmadan aktarılmasını sağlar.

4. IONıc Nedir ?
HTML5 temelli bir uygulama çatısıdır.
Bize Cordova/PhoneGap + AngularJS + HTML5 + CSS3 birleşimi ile çıktı verir.
Yani HTML + CSS ile basitçe bir uygulama yapılabilir. AngularJS ile de kompleks
uygulamalar oluşturulur.

5. Bİ DAKİKA !
Yazılan kodlar native (doğal) uygulama kodlarına mı dönüşüyor ?
Hayır, hybrid uygulamanın yaptığı şey yazdığınız uygulamayı bir web-view aracılığıyla
kaplayarak browser gibi görünmeyen bir browserda çalıştırmaktır.
Yani uygulamanız aslında browser içerisindeki web sitesi gibi çalışır ancak
yapabilecekleriniz normal bir web sitesinden çok daha fazlasıdır.

6. Cordova Nedir ?
Cordova yazdığımız HTML, CSS ve JS kodlarını mobil uygulama olarak çıktı veren bir
araç.
Tamamen ücretsiz ve açık kaynak kodlu, arkasında Apache’nin bulunduğu bir araç.

7. Kişi bilgilerine erişim
Rehber
02 Medya arayüzüne erişim
Medya03
Video, fotoğraf çekimi
Kamera
04
Dosya okuma, kaydetme...
Hafıza erişimi05
Bildirim gönderme, push notification vs.
Bildirim06
Bluetooth, internet, 3G/4G
Bağlantı07
Gps kullanımı.
Gps08
Depolama birimlerine kayıt ekleme
silme.
Depolama
09
Cordova BIze Ne Sunar ?
01
Batarya
Batarya seviyesi, güç kontrolü

8. Angular Nedir ?
AngularJS, Google'ın desteklediği, Javascript MVC kütüphanesidir.
Peki MVC (Modal View Controller) nedir?
Verinin, görünümün ve kontrollerin ayrı tutulmasına dayanır.
Modal: Verilerin tutulduğu nesnelerdir.
View: Görünümün (template) tutulduğu nesnelerdir.
Controller: Modal ve View nesnelerinin bağlandığı nesnedir. İşlemler ve kontroller
burada yapılır.

9. Hyrıd uygulamanın Avantajları
Yapılan değişiklikler tekrar derlemeye gerek kalmadan güncellenmekte
Anlık olarak guncelleme
Daha kısa zamanda tüm platformlara geliştirme imkanı
Zaman tasarrufu
Tek bir kod güncellemesi tüm platformları etkileyeceği için iş gücünden ve
maliyetten tasarruf sağlar
Düşük bakım ve Maliyet

10. Hyrıd uygulamanın dezavantajları
Performans eksikliği. Native uygulamalar kadar hızlı çalışmaması
Performans
Native uygulamalara göre arayüz ve grafiksel olarak eksiklikler mevcut
Grafiksel Yetersizlik
Güncellenen işletim sistemlerine her zaman ayak uyduramayabilir oluşu
Güncelleme İle uyumsuzluk

11. Native uygulamanın Avantajları
Native yaklaşım ile cihazın çekirdek kütüphanelerine tam erişim sağlandığı için
cihazın tüm özelliklerini kullanacak daha spesifik uygulamalar
geliştirebilirsiniz.
Tam erİşİM
Platforma özgü diller ile yazıldıkları için daha stabil çalışırlar. Hızlı ve
akıcıdırlar.
StaBİLİTE

12. Native uygulamanın dezavantajları
Geliştirmesi zaman ve iş yükü getirdiği için maliyetlidir.
Yüksek MaLİYET
Uygulamadaki herhangi bir değişiklikte tüm platformlarda kod tekrarlanarak
düzenlenir.
Güncelleme Sorunu

13. Microsoft tarafından geliştirilmiştir ve aktif
olarak kullanılmaktadır.
xamarin
Bunların haricinde Facebook'un React JS'si
gibi birçok geliştirme çatısı da mevcuttur.
daha nicesi
Aynı Ionic & Cordova ortak çatısı gibi
PhoneGap & Cordova da bir alternatif hybrid
uygulama geliştirme çatıdır.
Adobe tarafından geliştirilmiştir.
Phonegap
Kurucusu Osman Çelik olan merkezi
Amerika'da ve Arge merkezi de İstanbul'da
bulunan yerli bir şirkettir.
smartface.io
ALTERNATİFLER
smartface.io

14. Electron Nedir ?
Github'ın geliştirdiği Electron;
2013 yılında yayınlanıp geliştirilmeye başlanan; HTML,
CSS, JS ve NodeJS kullanarak cross platform masaüstü
uygulamalar yapabilmemize olanak sağlayan açık
kaynak bir framework‘tür.
Ionic ile Electron bir arada kullanılarak desktop içinde
uygulama geliştirilmiş olunabilir.

16. Piyasadaki hybrid çatıları arasında Native'e
kafa tutabilecek performans.
performans
1
.
Tüm platformlara sorunsuz adaptasyon
Adaptasyon
2
.
Ionic lab ile IOS ve Android testi yapabilme,
build edip çıktı alabilme.
Ionic Creator ile sürükle bırak yaparak arayüz
geliştirme
Kütüphaneler
3
.
Web teknolojileri ile mobil uygulama
geliştirme deneyimi.
Angular JS
4
.
Angular JS ve Ionic büyük bir topluluğa sahip.
Ayrıca Google'ın Angular JS desteği mevcut.
Google desteğİ
5
.
Ionic çapraz platform desteği ücretsiz. Ancak
Creator gibi özel kütüphane ve uygulamaları
ücretli sunulmakta.
Açık Kaynak
6
.
Neden ıonıc ?

19. IONIC & Cross Platform Technology
Korhan ÖZBEK