IOS Programming

Create a React Native Web, Android, and IOS project with Expo CLI 1024 635 mezo

Create a React Native Web, Android, and IOS project with Expo CLI

Hello fellow programmer padawans

As you can understand from the title I will tell you how to create a web, Android, and IOS project with React Native and Expo. First, we need the Expo CLI package.

What’s Expo CLI?

Expo CLI is the npm package that creates a project that we can test on our devices. We won’t need to write codes on Xcode or Android Studio. We only need Visual Studio Code and we can write codes for 3 different environments.

First things first, we need NodeJs installed on our computer if you don’t have it you can download it here: https://nodejs.org/en/.

Install Expo and Create Project

To install the Expo CLI you need to open Node.js Command Prompt and run this code

npm install -g expo-cli

To create the project run this code below

expo init ProjectName

Template Selection

As soon as you make the code creation command run, you will see the selection menu as shown below. We need to select a template depending on our needs. I prefer to select a TABS template, it’s a TypeScript and a very good sample to learn and to see the structure of the project.

Start your project and see your app on your device

After the project creation is over we need to go inside the project folder from Nodejs Command Prompt to start your project.

expo start

Then we can see a website and a barcode on the command prompt, that barcode is the magic. I will show you…

After you see all these screens you now are ready to test your app on your device. Download the Expo app from the Apple App Store or Google Play and create an account.

Open your Camera and read the barcode. It will then ask you to open in the Expo app, do it and Voila! Your app is working on your phone or tablet.

First, open the project folder with Visual Studio Code so you can checkout the folder and file structure. Then you can find the Screens folder and make some changes on the TabScreenOne.tsx or TabScreenTwo.tsx files and you will see your app is changing on your device as well.

That’s all for now! I will write about components on React Native on my next post.

Thanks for reading

May the force be with you. 

Expo ile React Native Web, IOS ve Android Projesi Oluşturmak 1024 635 mezo

Expo ile React Native Web, IOS ve Android Projesi Oluşturmak

Selamlar sevgili programcı padavanlar

Başlıktan da anladığınız gibi bu makalemde sizlere nasıl React Native ile hem web hem android hem de IOS projesi oluşturabiliriz sorusunun cevabını anlatacağım. İlk olarak Expo CLI paketini yükleyerek başlıyoruz.

Expo CLI paketi ile oluşturduğumuz projemiz için XCode yada Android Studio gibi ek IDE yazılımlarına ihtiyaç kalmadan tek seferde 3 platform için yazılım geliştirebilmemizi sağlıyor.

Expo ile proje geliştirebilmek için öncelikle NodeJS e ihtiyacımız var. Eğer bilgisayarınız da NodeJS yoksa şuradan https://nodejs.org/en/ indirebilirsiniz.

NodeJS i kurduk şimdi sıra Expo CLI paketinde.

Expo Kurulumu ve Proje Oluşturma

ExpoCLI kurmak için Node.js command promptu bulup çalıştırın ve aşağıdaki komut satırını çalıştırın.

npm install -g expo-cli

Projeyi Oluşturmak için ise :

expo init ProjeAdı

Template Seçimi

Komut satırı çalışır çalışmaz aşağıdaki template seçim ekranı bizi karşılıyor. Buradan projenize uygun olan şablonu seçebilirsiniz ben TABS template ini seçiyorum. TABS ile gelen proje içerisinde çalışan bir sekme örneği var React Native i çok iyi anlayabileceğiniz güzel bir örnek olduğunu düşünüyorum.

Sonrasında yine Node.js command prompt üzerinden oluşturduğumuz klasörün içine giderek projemizi çalıştırıyoruz.

expo start

Proje çalışırken hem command prompt üzerinde hemde açılan localhost web sitesi üzerinde bir kare barcod çıkıyor bu barcod ne işe yarıyor birazdan anlatacağım…

Nodejs Command Prompt

Web Expo Proje Sayfası 

Projemizi Cihazlarda Çalıştırmak

Ardından elinizdeki cihaz üzerinde Google Play yada Apple App Store üzerinden Expo uygulamasını indirerek bir hesap oluşturun ardından projenizi eklemek için bir barkod isteyecek işte şimdi yukarda çıkan barkodların bir anlamı oldu. Cihazınızın kamerası ile barkodu okutun ve oluşturduğunuz uygulamanız telefonunuzda çalışmaya başlasın.

Başlangıç olarak projenizi Visual Studio Code üzerinde açıp Screens klasörü içindeki TabOneScreen.tsx , TabTwoScreen.tsx dosyalarını biraz değiştirerek uygulamanızı biraz değiştirebilirsiniz.

Şimdilik bu kadar bir sonraki yazıda sizlere React Native üzerinde component yapısını anlatacağım.

Okuduğunuz için teşekkürler

Bilgiyle Kalın…

Bölüm 3 – Swift Playground Alistirmalari 1024 729 mezo

Bölüm 3 – Swift Playground Alistirmalari

Merhaba arkadaşlar

Şimdi geldi sıra biraz Swift alıştırması yapmaya  Xcode IDE’mizi kurup açtıktan sonra örnek bir Playground  dosyası açarak devam ediyoruz ve biraz Swift alıştırmaları yapıyoruz. Bunun nasıl yapılacağını bilmiyorsanız muhtemelen bir önceki yazıyı okumadınız anlamına geliyor hemen vakit kaybetmeden buradan okuyabilirsiniz.

35+23
62-14
50/ 3
423 * 514

Playground sayfasını açtıktan sonra başlayalım Swiftin basit kodlarını tanımaya.

İlk Örnek olarak Operatorleri tanıyalım yani Swift hangi işaretlerle matematiksel işlemleri yapabilir ve kod olarak sunları yazalım ve işlemlerimizin sonucunu anında sağ taraftakı alanda görelim.
Bu işlemleri yaptıktan hemen sonra sol taraftaki alanda sonuclarının çıktığını göreceğiz.
Peki Swift programlama dilinde tipler neler ve nasıl tanımlanıyor hemen bir örnekle devam edelim burada spesifik olarak bir tip tanımlayarak yolumuza devam etmek istediğimiz takdirde bu tip tanımlamalarını yapabiliriz. Tiplerin diğer dillerden pek bir farkı yok yalnızca tanımlama aşamasında biraz değişik gelebilir.
Playground alanımıza şu kodları yazalım:

//Tipler
var yas : Int  = 32 :
var para : Double = 11.5
var isim : String = “Mezo”
var dogruYanlis : Bool = true

Peki bu bir kural mı yani bu şekilde yazmadan bir değişken tanımlamak mümkün mü sorusuna evet olarak cevap verip Javascript te nasıl bir tip tanımlama zorunluluğumuz yoksa burada da bir tip belirtmeden bir değişken tanımı yapabiliriz. Aşağıdaki örnekleri Playground a yazarak çıktılarını inceleyelim :

//Tip tanimi yapilmadan tanimlanan degiskenler
var yasim = 31
var ismim = “Mezo”
var param = 13.5
var bilgilerDogrumu = false
// Degiskenlere deger atanmasi
ismim  = “Mehmet Zeki”

Değişkenlerden bahsederken sabitlerden bahsetmemek olmaz tabi ki. Bir değişenin yalnızca okunabilir olmasını istiyorsanız daha sonradan üzerine veri yazılmasını değiştirilmesini istemiyorsanız sabit değişken tanımlarsınız buda Swift te şu şekilde oluyor :

// Sabit Degiskenler
let BilgisayarMarkasi = “Apple”
//BilgisayarMarkasi = “Microsoft” // Bunu yazamazsiniz cunku degiskenin basina let yazildiginda constant (sabit) olur degistirilemez.
Basit alıştırmamıza karşılaştırma operatörleri ile devam ediyoruz sayın okuyucu o mu büyük bu mu? bunlar eşit mi yoksa değil mi ? Gibi sorularınızın cevabı işte asağıdaki kodlarda önce sabit değişkenlerimizi tanımlıyoruz ardından da karşılaştırıyoruz
//Karsilastirma Operatorleri
let benimYasim = 31
let babaminYasi  = 50
let arkadasiminYasi = 29
let kacSenedirDunyadayim = 31

benimYasim > babaminYasi
benimYasim == kacSenedirDunyadayim
benimYasim < babaminYasi
benimYasim <= kacSenedirDunyadayim benimYasim >= kacSenedirDunyadayim
benimYasim != babaminYasi

Playground projesi açarak bu alıştırmaları yazdığımızda anlık sonuçlarınıda görmüş olacaksınız aşağıdaki resimdeki gibi

Umarım Yararlı olmuştur
Bilgiyle Kalın
M.Zeki OSMANCIK

Bölüm 2 – Swift Playground ile Oynayalım 1024 306 mezo

Bölüm 2 – Swift Playground ile Oynayalım

Merhabalar arkadaşlar

Xcode kurulumunu tamamladıktan sonra artık Swift öğrenmeye başlayabiliriz. 2014 yılında Uluslararası Yazılım Geliştiricilerı Konferansında (Worldwide Developer Conference) Apple tüm IOS geliştiricilerini şaşırtarak ‘Swift’ adında yeni bir programlama dilini kullanmaya başlayacaklarını duyurdu. Bu dil öğrenmesi kolay ve bir çok yeniliklerle geliştiricilerin daha verimli üretken olmalarını sağlayabilecekti.

Bu dilden önce IOS uygulamaları geliştirmek için Objective C dili kullanılıyordu. Bu dil yaklaşık 20 yıldır Apple tarafından öncelikli programlama dili olarak MacOS IOS uygulamaları için kullanılıyordu. Objective C öğrenmesi zor ve syntax’ı karışık hataya müsait ve yeni başlayan insanları korkutan ,akılda kolay kalmayan bir programlama diliydi.

Swift programlama dilinin çıkarılması Apple’ın bu tarz yorumlara en güzel cevabı oldu. Syntax temiz ve okuması daha kolay bir programlama dili. Ben Swift’i kullanmaya yeni başladım daha önce Objective C ile uygulamalar geliştirdim anca söyleyebilirim ki o zaman kesinlikle işkence çekmişim Swift kesinlikle daha kullanışlı ve kolay 🙂 Swift’i öğrendikten sonra Objective C o kadar zor geldi ki geri dönüp baktığımda tekrar Objective C ile uygulama geliştirir miyim ? Hiç Sanmıyorum 🙂

Swift bir çok yazılımcıyı IOS yazılımı geliştirmesi için tahrik edecek gibi duruyor. Eğer bir Web Developer sanız ve daha Javascript AngularJS gibi dillerle uğraşıyorsanız müjdeler olsun Swift öğrenmeniz ve uygulamanıza başlamanız sadece bir kaç gününüzü alacaktır. Eğer programlama deneyimi olmayan yeni başlayan bir aday iseniz çok endişelenmeyin sizinde yanlızca bu yazı dizisini bitirmeniz ve bol bol pratik yapmanız sonrasinda siz de uygulamanızı geliştirebilecek hale gelebilirsiniz.

Haziran 2015 de Apple Swift 2 yi duyurdu ve bu programlama dili açık kaynak (open source) haline geldi. Bu herşeyini gizli tutan Apple için çok büyük bir adım oldu. Dili açık kaynak haline getirerek geliştiricilerin bu programlama dili için ilginç ve yaratıcı projeler eklemesi anlamına geliyordu. Swift yanlızca IOS uygulaması geliştirilen bir dil olmaktan çıktı mesela IBM giib firmalar web framework (kütüphane) yaratıp Swift ile web uygulamarının da geliştirilebilmesini sağladılar. Belki bir gün Android uygulamarınıda Swift ile yazarız kim bilir 🙂

Bu yılın ilk aylarında Swift 3 ü duyuran Apple Eylül 2016 da yeni versiyonunu çıkardığı Xcode 8 i tamamen Swift 3 ile entegre hale getirdi ve geliştiricilerin huzuruna sundu. Bu versiyon Swift in doğduğu tarihten itibaren çıkarılan en büyük en iddialı versiyonuydu.

Swift 3 te çok fazla bir değişiklik yok gibi görünse de API isimleri değiştirildi ve eklenmiş daha fazla özellik tanıtıldı. Bütün bu değişiklikler işleri zorlaştırmaktan çok geliştiricilerin daha kolay uygulama geliştirmeleri için yapılan değişiklikler ve özellikler. Şu değişti bu değişti şeklinde açıklama yapmayacağım çünkü öğrenmeye yeni başladık değil mi ? Kafa karıştırmaya gerek yok eski versiyonları bilmediğinize göre direkt yenisini öğreneceğimiz için sorun yok.

Şimdi isterseniz Objective C ve Swift kodlarına bakalım…

Objective C

const int count = 10;
double price = 23.55;

NSString *firstMessage = @”Bu Swift bir harika dostum “;
NSString *secondMessage = @”Öyle değil mi ?”;
NSString *message = [NSString stringWithFormat:@”%@%@”, firstMessage, secondMessage];

NSLog(@”%@”, message);

 

Swift

let count = 10
var price = 23.55

let firstMessage = “Bu Swift bir harika dostum”
let secondMessage = “Öyle değil mi ?”
var message = firstMessage + secondMessage

print(message)
Kodlara baktığımızda ilk kısımda Objective C kodlarını görüyoruz ikinci olarak Swift kodlarını görüyoruz. Hangi dili tercih edersiniz ? Sanırım cevaplar aynı herkes Swift’in daha okunur kolay göründüğünü düşünüyordur. Objective C nin syntax’ı daha karışık biraz daha zor gibi.

Contant(sabit) ve Variable (değişken) tüm programlama dillerinde yer alan basit yapılardır. Objective C de kullanacağınız değişken ve sabitlerin hangi türden olacağı içersine hangi değerlerin tutulacağını biz belirlemek zorundayız.Örneğin bu string (yazı) türünden değişkeni tanımlamak için NSString yada NSMutableString değerlerini kullanmak gerekiyor bunların arasındaki farkları anlatmayacağım uzun uzun ancak bu yapılardan hangisini kullanmamız gerektiğine bizler karar vermek zorundayız ancak Swift te böyle bir zorunluluk yok yalnızca değeri ismiyle tanımlamanız yeterli.

Kodlamayı öğrenmek için alıştırma yapmak kadar etkili bir yöntem yoktur arkadaşlar unutmayın ne kadar çok alıştırma yaparsanız o kadar çok mantığı öğrenip kodlarınızı kendiniz yazmaya başlayacaksınız işin sırrı yazmak yazmak yazmak 🙂

Evet şimdi sıra geldi Swift ile programlama alıştırması yapmaya :

Resim 2-1 Xcode Başlangıç Penceresi

Playground özel bir Xcode dosyasıdır basitce Başlangıç Penceresinden seçip isimlendirip kullanmaya başlayabilirsiniz.

Resim 2-2 Playground Dosyası Oluşturmak

İstediğini ismi verebilirsiniz, Next butonuna bastığınızda dosyanın nereye kaydedileceğine dair bir pencere ile bir yer seçmelisiniz ve sonrasında işte karşımızda Playground 🙂

Resim 2-3 Playground Interface’i.

Şimdi bu ekranı tanıyalım : Sol tarafta bir editör bulunuyor bu editör kodlarımızı yazdığımız editördür, sağ tarafta görülen panel ise sol taraftaki editöre yazdığımız kodların çıktılarını anında gördüğümüz bir alan bulunmakta. Ekranı ilk açtığımızda default olarak 2 satır kod görüyoruz Import ile başlayan kod satırı bir kütüphanenin kullanılacağını belirtir. Farklı kütüphaneleri kullanacağımız zaman mutlaka dosyamız üzerine import etmemiz gerekmekte.

Haydi artık kodlarımızı yazmaya başlayalım.

Önce değişken tanımlayarak başlayalım.

var isim = “MEZO”

Bu satırları yazar yazmaz hemen sağ tarafta çıktılarını göreceksiniz şu şekilde.

Resim 2-4 Sonuçların Sağ Panelde Gösterilmesi

Sonrasında aşağıdaki kodla devam edelim

isim.lowercased()
Xcode editörü otomatik tamamlama (IntelliSense) özelliğine sahiptir yani siz bir değişken yada bir obje tanımladıktan sonra tekrar cağırmak yada kullanmak isterseniz Xcode editörü size seçenekleri sunuyor yanlış yazma olasılığınız ortadan kalkıyor. Yukarda ‘isim’ adında bir değişken tanımladık , editöre ‘is’ yazdığınız anda size aşağıdaki resimde göreceğiniz gibi bir öneri penceresi çıkarmakta ve size ‘is’ ile başlayan objeleri ve tanımladığınız değişkenleri göstermekte bu özelliği kullanmak için tek yapmanız gereken çıkan isteden ‘isim’ i seçip Enter tuşuna basmak.

Resim 2-5 Intellisense

Swift yapılarında (.) nokta işareti kütüphanelerde bulunan metotları çağırmak için kullanılırlar. Tek yapmanız gereken değişken yada objenin isminden sonra (.) noktaya basmak ve Intellisense listesi yine karşımızda bu sefer metot listesi geliyor buradan da ‘U’ harfine basarak uppercased metodunu listeden seçip Enter tuşuna basmanız yeterli olacaktır.

Resim 2-6 Intellisense üzerindeki metot önerileri listesi

Şimdi kodlamaya aşağıdaki kodla devam edelim

isim.lowercased() + ” Blog”
Swift (+) artı operatörü ile bu string tipindeki nesneleri birleştirme imkanı sunuyor. Yazdığımız kod ile message2 içersindeki yazıyı küçük harflerle yazıp sonunada eklediğimiz yazıyı ekleyerek bizlere gösterecektir. İlginç ve eğlenceli olan bir küçük nokta belirteyim kodlarınızın arasına emojiler de ekleyebiliyorsunuz 🙂 Nasıl mı ? Tek yapmanız gereken Control + Command + Space tuşlarına basmak ve emoji seçme ekranı karşınıza geliyor.

Başka bir kodla devam edelim

if isim == “MEZO BLOG” {
print(“isim ayni”)
} else {
print(“isim ayni degil”)
}
Koşul mantığı programlamada çok yaygın kullanılır. Hayatta olduğu gibi programlarımızda da bazı seçimler yapmak zorunda kalabiliriz bu karar aşamasında bazı koşulları belirterek farklı işlemler yaptırmak mümkün. Bunun için yazmamız gereken kod ‘if-else’ koşul kodlarımızdır. Yukardaki yazdığımız kodun Türkçe meali şudur : Eğer isim “MEZO BLOG” ile aynı ise o halde “isim ayni” yaz. Eğer değilse o halde “isim ayni degil” yaz dedik.

Haydi birazda ön yüz(UI – User Interface). elemanları ile çalışıp çalışmamızı biraz şenlendirelim. 🙂

let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: 300, height: 50))
messageLabel.text = message1
messageLabel
Aslında bu tür elemanları gerçek bir IOS projesi açtığımızda mouse ile ekleyebileceğiz ancak burada kodlarımız ile bir önyüz elemanı yaratıp nasıl görünüyor onu test edeceğiz. Yukardaki kodda genişliği 300 yüksekliği 50 pixel olan bir Label (etiket) türünden bir UI elemanı ürettik ve içersinde göstermesi içinde message1 değişkenini verdik. Bu kodu yazdıktan sonra sağ panelde herşeyin sonucunu görüyorduk ya bu kez orada birşey göremeyebiliriz yani görücez ama sonucu değil. Aşağıdaki resimde gördüğünüz üzere bu kodun sonucunun tam karşısındaki sonucun yanında 2 tane nokta belirecek biri Quick Look (Gözat) diğeri ise Show Result (Sonucu Göster) eğer Quick Look butonuna tıklarsanız Label nesnesinin neye benzediğini ve içersindeki mesajı görebilirsiniz.

 

Resim 2-7 Oluşturduğumuz Label Nesnesinin Görünümü

Bu sadece basit bir Label(etiket) nesnesi içinde bir yazı var ancak bu nesnenin özelliklerinide değiştirebiliyoruz mesela rengini değiştirelim , yazıyı ortalayalım ,kenarlarını yuvarlak yapalım.

messageLabel.backgroundColor = UIColor.orange
messageLabel.textAlignment = NSTextAlignment.center
messageLabel.layer.cornerRadius = 10.0
messageLabel.clipsToBounds = true
messageLabel
Ve karşınızda özellikleri değiştirilmiş bir Label nesnesi 🙂

 

Resim 2-8 Label Nesnesinin Değişmiş Özellikleri

Bu IOS SDK nın gücü arkada hazır derlenmiş olarak bulunan binlerce kütüphaneden geliyor ve bize kolayca nesne yaratmak özelliklerini değiştirmek gibi işlemleri kolayca yapmamızı sağlıyor.

Evet Swiftin tadına az da olsa baktınız 🙂 Umarım sevmişsinizdir ve yapıyı öğrenmek sizler için kolay oluyordur. Bu yazıda yaptığımız örneğin playground dosyasını buradan indirebilirsiniz.

Sorularınızı yorum olarak yada email ile ulaştırabilirsiniz.

Sonraki Yazıda Ne Var ?

Bu yazının sonuna geldiniz şimdi sıra biraz alıştırma yapmakta sonraki bölüm bol bol alıştırma yapabileceğiniz bir bol örnekli bir yazı olacak değişkenleri operatörleri vb basit başlangıç nesnelerini tanıyacaksınız. Size tavsiyem hiç vakit kaybetmeden bir sonraki bölüme geçip alıştırma yapmanız.

Bilgiyle Kalın

M.Zeki OSMANCIK

 

< – Bölüm 1 – Xcode8 ile Uygulama Geliştirmeye Giriş

Bölüm 1 – Xcode8 ile Uygulama Geliştirmeye Giriş 1024 640 mezo

Bölüm 1 – Xcode8 ile Uygulama Geliştirmeye Giriş

Merhaba arkadaşlar

Tek tek makale yazmak yerine,  makalelerimi seri olarak yayınlayıp sizlere komple bir eğitim seti sunmak istedim ve bunun için hobi olarak başladığım IOS programlamayla alakalı yazılar hazırladım.
Günümüzde her şeyin akıllı cep telefonlarıyla yapılabildiği aşikar ve hemen hemen herkesin farklı konularda değişik fikirleri var.  Neden kendiniz bir uygulama gelistirip bunu AppStore üzerinden insanlarla paylaşmayasınız ki? Bu ilk yazımda sizlere hemen kod yazımı vb. şeyler yazmayacağım. Bu yazı bir ısınma yazısı; nelere ihtiyacımız var, nasıl öğreniriz? Bunun gibi giriş bilgilerinden bahsedeceğim.<

1. Bir  Mac edinin 
Evet yanlış okumadınız bunu yapabilmek için bir Mac bilgisayara ihtiyacımız var maalesef. Aranızda “Mac Türkiye’de kaç para haberin var mı? Mac bilgisayar edinmeden de IOS yazılımı yapılır hocam” diyen muhalif arkadaşlar çıkacaktır elbet, onlara cevabım : Evet Mac olmadan da IOS yazılım geliştirilebilir ama yazı serisi NATIVE IOS PROGRAMMING konularını içermekte olduğundan, bu yazı serisini takip edip IOS programlama öğrenebilmeniz için Mac bilgisayar edinmeniz şart.

2. Bir Apple Hesabı Açın 
Mac bilgisayarınızı edindikten sonra AppStore üzerinden veya internet sitesinden XCode programını indirip yükleyebilmek için Apple hesabına ihtiyacınız olacak. En önemlisi de bu hesap ile XCode üzerinden geliştirmeye devam ettiğinizde Iphone ya da Ipad üzerine deploy edip test etmenize müsade edecek.  Eğer Apple hesabınız yoksa buradan: (https://appleid.apple.com/account) kolayca edinebilirsiniz

3. XCode Yükleyin
IOS programlamaya başlamak, native kod ile IOS uygulamaları geliştirebilmek için Xcode adı verilen IDE (Integrated Development Environment)’yi AppStore ya da internet sitesinden indirip Mac bilgisayarımız üzerine kurmanız gerekmekte. XCode dışında bir program ya da bir eklenti kurmanız gerekmiyor çünkü IOS SDK (Software Development Kit) XCode ile birlikte bilgisayarınıza kuruluyor.
Daha öncede söylediğim gibi XCode programını bilgisayarınıza indirmeniz için 2 yöntem var :
XCode u AppStore üzerinden indirmek
Xcode u indirebilmek için Mac bilgisayarınız üzerinde bulunan AppStore programını açıp arama kısmına XCode yazarak bulup ücretsiz olarak indirebilirsiniz. Bu arada eğer AppStore üzerinde MACOS ile ilgili bir update varsa mutlaka bu updateleri tamamladıktan sonra XCode programını kurmanızı tavsiye ederim.

Resim 1-1. Simge Barında ki AppStore İkonu

XCode un AppStore sayfası böyle bir şey :

Resim 1-2. AppStore’daki XCode Download Sayfası

İndirdikten ve kurulum tamamlandıktan sonra Launch Pad de böyle bir simge göreceksiniz Tebrikler XCode u mac bilgisayarınıza kurdunuz 😀

Resim 1-3. LaunchPad üzerindeki Xcode simgesi

Bu yazı dizisi özellikle Xcode8 üzerine devam edeceğinden eğer daha önce bilgisayarınızda Xcode varsa mutlaka update etmenizi tavsiye ediyorum yapacağımız örnekleri daha kolay yapmanızı sağlayacaktır.
Xcode u Internet Sitesinden İndirmek
Normalde AppStore üzerinden bu programı edinmek çok daha kolaydır ama tercih eden olursa ”Ben cinsim AppStore dan indirmeyeceğim.” diyen olursa internet sitesi olan http://developer.apple.com/
register/
üzerinden de Apple hesabınızla giriş yapıp indirebilirsiniz. Bu işlemde daha sonra indirdiğiniz dosyaya çift tıklayıp kurmanız da gerekiyor 🙂

4. Apple Developer Programına Üye Olmak (Opsyonel)
Kafa karıştırıcı bir durum bu aslında. IOS programlama yapmak için ”İlla bu programa katılıp para vermeli miyiz?” soruları çok dolanıyor. Xcode8 sürümü için zorunlu değilsiniz, para ödemeseniz de olur. Xcode7 den önceki sürümlerde eğer iPhone ya da iPad üzerinde deploy ve test etmek isterseniz mutlaka bu programa paşa paşa  yıllık parasını verip üye olmanız gerekiyordu ancak Xcode7 de Apple insafa geldi ve bu zorunluluğu kaldırdı. Xcode7 ve 8 sürümlerinde sadece Apple hesabınızla Xcode programını çalıştırıp proje oluşturmanız yeterli. İPhone ve iPad e deploy edebiliyorsunuz.   Bu yazıyı okuduğunuza göre yeni öğreniyorsunuz yani uzun bir süre bu programa para vermenize gerek olmayacak demektir.
Her şey bitti, IOS programlamayı öğrendiniz ve bir uygulama geliştirdiniz diyelim. ”Hadi bunu AppStore da yayınlayayım da herkes indirsin kullansın  hatta bu uygulamaya bir fiyat biçeyim satın alma işlemi de olsun ya da ICloudKit ile ICloud üzerine yedek alan bir uygulama yapayım” dediğiniz zaman bu Apple Developer Programına  (https://developer.apple.com/programs/) üye olmanız ve yıllık $99 bayılmanız gerekmekte, aksi takdirde uygulamanızı yanlızca kendi telefonunuzda kullanmaya devam edersiniz. 🙂
Özet olarak şimdilik para falan vermenize gerek yok sadece fikriniz olsun diye ekledim 🙂
5. Ne Öğrenmeniz Gerekiyor 
IOS uygulaması yapabilmek için ortamı hazırladık IDE kurduk Apple hesabı hazır şimdi sıra geldi  uygulamayı hangi dil ile geliştireceğiz sorusunun cevabına:
* Swift Öğrenmeliyiz : Apple ın geliştirdiği yeni nesil programlama dili Swift her otorite tarafından tavsiye edilmekte. Objective C biraz eski moda ve zor kaldı artık.
* Xcode öğrenmeliyiz : Alt tarafı program deyip geçmeyin gavur yapmış 🙂 Xcode üzerindeki her şeyi öğrenmelisiniz ki etkili ve güzel uygulamalar geliştirebilesiniz.
* IOS Development Kit Öğrenmeliyiz : IOS Development Kit içersinde bulunan yapı UI kontrollerini API leri öğrenmeliyiz ki istediğimiz her işlemi kolayca uygulamamıza entegre edebilelim.

Öğrenmek gereken çok şey var ama merak etmeyin bu yazı dizisi ile çoğu konuyu en iyi şekilde öğrenmiş olacaksınız tek yapmanız gereken biraz vakit ayırmak.
Evet ilk yazımın sonuna geldik. Sorularınız olursa yorum olarak yazın, cevaplamaktan keyif duyarım.
Bilgiyle Kalın

Bölüm 2 – Swift Playground ile Oynayalım -> 

iPhone MKMap ile Haritada yerimizi buluyoruz :) 365 718 mezo

iPhone MKMap ile Haritada yerimizi buluyoruz :)

Merhaba arkadaşlar

Uzun bir aradan sonra tekrar bir makale yazma fırsatı buldum sonunda. Bu yazımda iPhone programlamada harita kontrolünün kullanımından bahsetmek istiyorum. Çok çok basit manada iphone uygulaması üzerine nasıl harita ekleriz bu haritada nasıl yerimizi işaretleriz konusunu açıklayalım 🙂

İlk önce XCode üzerinde bir proje açıyoruz ve boş formumuzun üzerine MKMapView kontrolü yerleştiriyoruz.

Screen Shot 2013-05-01 at 4.10.05 PM

 

MapView kontrolünün çalışabilmesi için framework eklememiz gerekmekte bu ekleme işleminide şu şekilde yapabiliriz : proje dosyaları üzerinde bulunan Frameworks klasörü altındaki herhangi bir nesnenin üzerine sağ click ile Finder üzerinde gösterdikten sonra açılan pencere üzerinde bulunan klasörlerin içinde MapKit.framework klasörünü bulup olduğu gibi sürükleyip projemiz içersinde bulunan Frameworks klasörü üzerine bırakıyoruz.

Screen Shot 2013-05-01 at 4.13.18 PM

 

ve MapKit.framework projemiz üzerine ekleninde aşağıdaki gibi Frameworks klasörü içersinde bize göz kırpıyorsa tamamdır artık devam edebiliriz.

 

 

Screen Shot 2013-05-01 at 4.13.46 PM

Kod olarak çok fazla birşey yazmayacağız sadece basit tanımlamalar ve basit bir property ataması o kadar.  Tanımlama yapabilmek için .h dosyası içersine aşağıdaki gibi bir tanımlama ve property tanımlaması yapıyoruz ve .m dosyasına geçiyoruz.

Screen Shot 2013-05-01 at 4.33.50 PM

.m dosyası içersindede @syntesize komutu ile bu .m dosyası içinde .h dosyasında tanımladığımız mapview property sini kullanacağımızı söylüyoruz. Uygulama çalıştıktan sonra hemen işlemin gerçekleşeceği alan ViewDidLoad event idir. bu event içersinede showsUserLocation=YES komutu yazdıktan sonra işlemimiz tamamlanıyor.

Screen Shot 2013-05-01 at 4.15.04 PM

 

Artık proje çalıştığında nerde olduğunuzu görebilirsiniz. XCode üzerinde derleme yaptığınızda tam olarak yerinizi göstermeyebilir yada alakasız bir yer gösterebilir ancak cihaz üzerinde çalıştırdığınızda sorun kalmıyor.

Peki bu cihaz üzerinde çalışmıyor nasıl yapacaz derseniz oda başka bir yazıda anlatacağım ayrı bir dert  🙂

Screen Shot 2013-05-01 at 4.29.28 PM

 

Şimdilik bu kadar

Umarım yararlı olur

Bilgiyle Kalın 😉

M.Zeki Osmancık

Iphone Programming – AlertView (MessageBox) 385 717 mezo

Iphone Programming – AlertView (MessageBox)

Iphone Programming – AlertView

Merhaba arkadaşlar

IOS programlama konusundada bazı küçük bilgiler vermek isterim sizlere. Basit örnek ile başlamak en doğrusu dye düşündüm ve sizlere genel adıyla MessageBox olarak geçen yapı olan AlertView ile Merhaba dünya yazdırarak IOS programlama dünyasına giriş yapmanızı sağlamak isterim 🙂

Öncelikle Xcode üzerinde yeni bir proje oluşturuyoruz.

6e794d81fe89343045753f0b44e06317

 

4666c6d2cf74864798b9eda0eb2604fd

 

Projemizi açtıktan sonra verdiğimiz isimde .xib  .h .m dosyaları bizleri karşılayacak. Bu dosyalar ne anlama geliyor peki ? xib bizim uygulamamızın tasarımının bulunduğu gösterildiği dosyadır,  .h dosyası temel değişken control event ve metotların tanımlanması gereken dosyadır.  .m dosyasıda asıl iş yapan dosyadır m dosyasında h dosyası içersine yaptığıız tanımlamaları yapabilir event leri kullanabiliriz.

iphone programming alertview 3

Önce tasarım dosyası olan xib dosyası üzerine bir button kontrolü atıp daha sonra h dosyasına tanımlamamızı yaptıktan sonra artık kod yazmaya hazırız.  m dosyasını açıp AlertView kodlarımızı yazmaya başlayabiliriz.

iphone programming alertview 1

Artık IOS dünyasına merhaba deme zamanı geldi 😀 projemizi çalıştırıp Iphone Simulator ü çalıştırıp bakıyoruz ne yapmışız acaba diye 😀

iphone programming alertview 1

 

Umarım yararlı olur

Bilgi sizlerle olsun 😉

M.Zeki Osmancık

    Join our Newsletter

    We'll send you newsletters with news, tips & tricks. No spams here.