7 Nisan 2020

Bölüm 3 (Frameworkler) Ders-8: PhoneGap

PhoneGap

Şekil 73: Phone Gap

PhoneGap web tabanlı mobil uygulamalar hazırlamayı sağlayan bir uygulama geliştirme frameworküdür(çatısıdır).

PhoneGap ile uygulama yazacağınız platformun dilini (native language) kullanmadan HTML, CSS ve Javascript gibi her platformda çalışan web teknolojileri ile uygulamalar yazıla bilinir.

Şekil 74: Çalışma sistemi

Çatıyı (Framework ) kurmak için hem bir bilgisayar uygulaması hem de komut satırı kullanılabiliyor.[1]

  • Komut satırı ara yüzü (CLI) ile başlamak için aşağıdaki komutun yazılması yeterlidir [2]:

npm install -g phonegap

Ya da Şu anda beta sürümünde olan yeni PhoneGap Desktop uygulamasını indirin ve yükleyin.

  • Mobil uygulamanın yüklenmesi gereklidir. PhoneGap Geliştirici uygulaması birden fazla platformda [3] kullanılabilir ve PhoneGap projenizi kod imzalama veya derleme yapmadan mobil cihazınızda çalıştırmanızı sağlar.
  • Yeni PhoneGap uygulamasını oluşturun:

Başlatmak için, PhoneGap Desktop uygulamasını açın (1. adımda yüklenen) ve yeni bir proje oluşturun.

Şekil 75:PhoneGap yeni proje oluşturma ekranı

Şekil 76: yeni proje oluşturma ekranı

  • Yeni uygulama cihazda ön izleme yapılır. PhoneGap Desktop uygulaması, projenizi barındırmak için küçük bir web sunucusu başlatır ve bir kez bu web sunucusuna bağlandığında, PhoneGap Developer uygulaması projenizi mobil cihazınızda çalıştırır.
  • Artık kodlama yapılabilir.

Şekil 77:PhoneGap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html><html>

<head>
<meta charset=”utf-8″ />
<meta name=”format-detection” content=”telephone=no” />
<meta name=”msapplication-tap-highlight” content=”no” />
<meta name=”viewport” content=”user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width” />
<!– This is a wide open CSP declaration. To lock this down for production, see below. –>
<meta http-equiv=”Content-Security-Policy” content=”default-src * ‘unsafe-inline’; style-src ‘self’ ‘unsafe-inline’; media-src *; font-src * data: blob;” />
<title>Merhaba Dünya</title>
</head>
<body data-dom-cache=”true”>
<div id=”app”></div>
<script type=”text/javascript” src=”dist/build.js”></script>
<script type=”text/javascript” src=”cordova.js”></script>
</body>
</html>

En önemsediğim bölümlerden birisi
Mobil programlamaya yeni başlayanlara yönlendirme amaçlı aşağıdaki gibi karşılaştırmalardır.
Hilmi Bilici

Ionic – Apache Cordova – PhoneGap platformlar arası Mobil yazılım geliştirme karşılaştırması [4]:

Ionic Apache Cordova  PhoneGap
Nedir? Açık kaynak kodlu ve ücretsiz Ionic, yüksek düzeyde etkileşimli uygulamalar oluşturmak için mobil olarak optimize edilmiş HTML, CSS ve JS’ten oluşan bir kütüphane sunar. Cordova, mobil uygulamaya bir tarayıcı yerleştirerek farklı platformlarda mobil uygulamalar geliştirmenize izin veren bir platformdur. PhoneGap web tabanlı mobil uygulamalar hazırlamayı sağlayan bir uygulama geliştirme frameworküdür (çatısıdır).
Ortak Nokta HTML, CSS ve JavaScript ile geliştirilmesine olanak tanır. HTML, CSS ve JavaScript ile geliştirilmesine olanak tanır. HTML, CSS ve JavaScript ile geliştirilmesine olanak tanır.
Neden seçilmeli? ·  Hızlı prototipleme·  Ücretsiz

·  Tasarım

·  Süreklilik

·  Java Script

·         Eklenti çokluğu·         Topluluk

·         Kolay erişim

·         Ücretsiz

·         Java Script

·         Adobe tarafından desteklenmesi·         Ücretsiz

·         Kolay

·         Java Script

 

Eksiler ·  Yüksek performanslı veya kullanıcı arayüzü yoğun uygulamalar için uygun değil·  Oyun geliştirme amaçlı değil ·         Bir yerel uygulama kadar hızlı değil ·         Bir yerel uygulama kadar iyi değil
Alternatifleri ·         React Native – React ile yerel (native) uygulama oluşturula bilinir.·         Xamarin  – C# ile iOS, Android ve Mac uygulamaları oluşturula bilinir.

·         NativeScript – JavaScript ile gerçek yerel uygulamalar oluşturula bilinir.

·         Expo – yerel uygulamalar oluşturula bilinir.

Github [5] İstatistikleri Yıldız: 36 KFork[6] : 12 K Yıldız: 713Fork : 313 Yıldız: 4,2 KFork : 976

Tablo 6.1:  Ionic, Cordova ve PhoneGap ortamlarının karşılaştırılması

Senc

[1]              Başlangıç adımları ve programı indirmek için: https://phonegap.com/getstarted/

[2]              CLI devam edebilmek için node.js ve git uygulamaları yüklü olmalıdır.

[3]              Apple yönergeleri nedeniyle, PhoneGap Developer App iOS App Store’dan kaldırılmıştır. Yeni kullanıcılar indiremez. 

[4]              Karşılaştırma yapılırken https://stackshare.io sitesinden faydalanılmıştır. (05.02.2019)

[5]              GitHub, git yazılımı ile entegre olmuş dünyanın çeşitli ülkelerinden, projenize farklı bir kaç kişi ekleyerek takım çalışması yapabileceğiniz bir depolama alanıdır.

[6]              Fork; projede yapılan değişiklik

Bu ve devam edecek anlatımların tamamı ve sınavlar

tez.hilmibilici.com 

alt domaininde yayındadır. Tezimi paylaşıma açıyorum. Alın teridir, lütfen paylaşırken kaynak belirtmeyi unutmayın. 


Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir