Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
IONIC & Cross Platform Technology
Korhan ÖZBEK
Çapraz (cross) Platform veya hybrıd uygulama Nedir ?
Hybrid mobil uygulama tekniği, temel olarak ‘write once, run everywhe...
IONıc Nedir ?
HTML5 temelli bir uygulama çatısıdır.
Bize Cordova/PhoneGap + AngularJS + HTML5 + CSS3 birleşimi ile çıktı v...
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...
Cordova Nedir ?
Cordova yazdığımız HTML, CSS ve JS kodlarını mobil uygulama olarak çıktı veren bir
araç.
Tamamen ücretsiz ...
Kişi bilgilerine erişim
Rehber
02 Medya arayüzüne erişim
Medya03
Video, fotoğraf çekimi
Kamera
04
Dosya okuma, kaydetme......
Angular Nedir ?
AngularJS, Google'ın desteklediği, Javascript MVC kütüphanesidir.
Peki MVC (Modal View Controller) nedir?
...
Hyrıd uygulamanın Avantajları
Yapılan değişiklikler tekrar derlemeye gerek kalmadan güncellenmekte
Anlık olarak guncelleme...
Hyrıd uygulamanın dezavantajları
Performans eksikliği. Native uygulamalar kadar hızlı çalışmaması
Performans
Native uygula...
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...
Native uygulamanın dezavantajları
Geliştirmesi zaman ve iş yükü getirdiği için maliyetlidir.
Yüksek MaLİYET
Uygulamadaki h...
Microsoft tarafından geliştirilmiştir ve aktif
olarak kullanılmaktadır.
xamarin
Bunların haricinde Facebook'un React JS'si...
Electron Nedir ?
Github'ın geliştirdiği Electron;
2013 yılında yayınlanıp geliştirilmeye başlanan; HTML,
CSS, JS ve NodeJS...
Piyasadaki hybrid çatıları arasında Native'e
kafa tutabilecek performans.
performans
1
.
Tüm platformlara sorunsuz adaptas...
IONIC & Cross Platform Technology
Korhan ÖZBEK
Ionic & Cross Platform Teknolojisi
Ionic & Cross Platform Teknolojisi
Ionic & Cross Platform Teknolojisi
Ionic & Cross Platform Teknolojisi
Upcoming SlideShare
Loading in …5
×

Ionic & Cross Platform Teknolojisi

1,608 views

Published on

ionic, cross platform

Published in: Software
  • Hello! Who wants to chat with me? Nu photos with me here http://bit.ly/helenswee
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Ionic & Cross Platform Teknolojisi

  1. 1. IONIC & Cross Platform Technology Korhan ÖZBEK
  2. 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.
  3. 3. 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.
  4. 4. 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.
  5. 5. 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ç.
  6. 6. 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ü
  7. 7. 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.
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. 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.
  14. 14. 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 ?
  15. 15. IONIC & Cross Platform Technology Korhan ÖZBEK

×