Tutorial iOS Part 1

Begitu banyak blog yang membahas tentang android. Tapi masih sedikit pembahasan tentang iOS Programming. Di dalam blog ini kita memulai belajar pemrograman iOS dari dasar. Seperti Hello World... (he.. he.. he..)

Sebelum kita memulai ada beberapa tools yang harus di siapkan, seperti :

1. Apple ID, yang digunakan untuk download Xcode dari apps store.
2. Xcode, tools yang digunakan untuk pembuatan program baik iOS ataupun OS X.
3. Pengetahuan dasar tentang Objective C, krn dasar pemrograman iOS adalah Objective C.

Mari kita mulai tutorial ini :

• Buka IDE Xcode, tekan cmd + spasi untuk membuka spotlight lalu ketik xcode dan jangan lupa tekan enter.
• Selanjutkan kita membuat New Project - Single View Application, dengan menggunakan shortcut shift + cmd + N lalu pilih Single View Application dan jangan lupa klik tombol Next. Pastikan pilihan anda pada iOS Application.

• Isi bagian:
• Product Name: HelloWorld
• Organization Name: Yuki Buwana 
• Company Identifier: id.co.yukibuwana
• Class Prefix: YBZ
• Device: iPhone
• Setelah klik tombol Next, saatnya kita menentukan dimana file project akan disimpan.

• Jangan lupa klik tombol Create, untuk memulai pembuatan program.

Langkah selanjutnya adalah Design Interface. Berikut langkah-langkahnya :

• Klik Main.storyboard pada Project Navigator.

• Drag Label dari Object Library ke View Controller.
• Drag Button dari Object Library ke View Controller.
• Set Label Text menjadi Hello World pada Attribute Inspector.
• Set Button Title menjadi Press Me pada Attribute Inspector.

Setelah kita membuat User Interface, selanjutkan kita membuat IBOutlet dan IBAction.

• IBOutlet adalah metode yang digunakan untuk menghubungkan komponen pada XIB (main.storyboard) dengan source code.
• IBAction adalah metode yang digunakan untuk menghubungkan event pada XIB (main.storyboard) dengan source code.

Cara adalah membuat IBOutlet dan IBAction di ViewController.h

Sekarang saatnya membuat koneksi antara User Interface dengan source code.

• Klik Main.storyboard pada Project Navigator.
• Expand View Controller Scene
• Klik View Controller
• Klik Connector Inspector

• Drag lingkaran putih pada bagian labelHello ke komponen label.
• Drag lingkaran putih pada bagian pressMe ke komponen button.

Langkah terakhir sebelum program di jalankan adalah membuat implemantasinya. Buka file ViewController.m dan ketik program di bawah ini :

Nah, sekarang saatnya menjalankan program di iOS Simulator. Sebelumnya pastikan bahwa kita sudah memilih iOS Simulator bukan iOS Device, krn deployment di iOS Device harus terdaftar sebagai iOS Developer dahulu. Dimana biaya pendaftarannya sebesar $99. Proses compile cukup menekan shortcut cmd + R. Tunggu beberapa saat hingga muncul seperti ini di iOS Simulator

Saat kita menekan tombol Press Me, Label berubah menjadi Hello Dunia dan saat kita menekan tombol Press Me lagi, Label berubah menjadi Hello World. Begitu seterusnya.

Lihat begitu mudahnya kita membuat program di iOS. Semoga tutorial ini bermanfaat bagi kita semua dan untuk source code dapat di download di sini.