IONIC & Cross Platform TechnologyKorhan ÖZBEK

Ç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.

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.

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.

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ç.

Kişi bilgilerine erişim

Rehber02Medya arayüzüne erişim

Medya03

Video, fotoğraf çekimi

Kamera04Dosya okuma, kaydetme...

Hafıza erişimi05Bildirim gönderme, push notification vs.

Bildirim06

Bluetooth, internet, 3G/4G

Bağlantı07Gps kullanımı.

Gps08Depolama birimlerine kayıt ekleme silme.

Depolama09

Cordova BIze Ne Sunar ?

01 BataryaBatarya seviyesi, güç kontrolü

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.

Hyrıd uygulamanın Avantajları

Yapılan değişiklikler tekrar derlemeye gerek kalmadan güncellenmekteAnlı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

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 mevcutGrafiksel Yetersizlik

Güncellenen işletim sistemlerine her zaman ayak uyduramayabilir oluşuGüncelleme İle uyumsuzluk

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

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

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

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.

Piyasadaki hybrid çatıları arasında Native'e kafa tutabilecek performans.

performans1.

Tüm platformlara sorunsuz adaptasyonAdaptasyon2

.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üphaneler3.

Web teknolojileri ile mobil uygulama geliştirme deneyimi.

Angular JS4.

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 Kaynak6.

Neden ıonıc ?

IONIC & Cross Platform TechnologyKorhan ÖZBEK