Se ha denunciado esta presentación.

Ionic & Cross Platform Teknolojisi

2

Compartir

1 de 19
1 de 19

Ionic & Cross Platform Teknolojisi

2

Compartir

Descargar para leer sin conexión

Descripción

ionic, cross platform

Transcripción

  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

Notas del editor

  • owososo
  • Descripción

    ionic, cross platform

    Transcripción

    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

    Notas del editor

  • owososo
  • Más Contenido Relacionado

    Audiolibros relacionados

    Gratis con una prueba de 30 días de Scribd

    Ver todo

    ×