Muhammad Farhan Al Ghifari - 24060123140186 - XCode

Tutorial Xcode: Cara Install & Membuat Aplikasi iOS Pertama (Hello World)

Halo Apple Fanboy & Developer! 

Setelah kita membahas Android Studio, React Native, dan Flutter (yang bisa jalan di Windows), sekarang kita masuk ke kandang Apple. Kita akan menggunakan Xcode, satu-satunya tools resmi dari Apple untuk membuat aplikasi iPhone, iPad, Mac, dan Apple Watch.

Jika Anda menggunakan Mac, ini adalah cara paling native dan performanya paling ngebut untuk membuat aplikasi iOS. Yuk, kita mulai!

Bagian 1: Instalasi Xcode

Xcode gratis, tapi ukurannya sangat besar (sekitar 12GB+). Pastikan kuota dan penyimpanan Anda aman.

Langkah 1: Buka App Store

1. Cara paling aman dan mudah adalah lewat toko resmi.
2. Buka aplikasi App Store di Mac Anda.
3. Ketik di pencarian: Xcode.

Cari aplikasi dengan ikon palu biru (Developer Tools).

Langkah 2: Download & Install

1. Klik tombol GET atau INSTALL.
2. Mungkin Anda akan diminta memasukkan Password Apple ID / Touch ID.
3. Tunggu proses download selesai (Bisa ditinggal tidur karena lama).

Langkah 3: Setup Awal

Setelah selesai, buka aplikasi Xcode.

1. Saat pertama kali dibuka, Xcode akan meminta izin menginstall komponen tambahan (Install Additional Components).

2. Klik Install dan masukkan password Mac Anda.

3. Tunggu sampai muncul halaman "Welcome to Xcode".

Bagian 2: Membuat Project Baru

Langkah 4: Create New Project

Di halaman Welcome Screen, klik menu besar bertuliskan: "Create New Project..."

Langkah 5: Pilih Template

Kita akan membuat aplikasi iOS biasa.

1. Pastikan tab di atas memilih iOS.

2. Pilih template App (Ikon kertas putih polos).

3. Klik Next.

Langkah 6: Konfigurasi Project

Isi data "Akte Kelahiran" aplikasi Anda:

• Product Name: HelloWorld

• Team: None (Atau pilih Personal Team jika sudah login Apple ID).

• Organization Identifier: com.namaanda (misal: com.farhan).

• Interface: Pilih SwiftUI (Ini standar terbaru Apple, tinggalkan Storyboard).

• Language: Swift.

• Storage: None (Kita belum butuh database).

• Klik Next dan simpan di folder dokumen Anda.

Bagian 3: Mengenal Workspace Xcode

Tampilan Xcode terlihat padat, tapi sebenarnya sederhana:

• Kiri (Navigator): Daftar file project.

• Tengah (Editor): Tempat menulis kode.

• Kanan (Canvas/Preview): Simulasi tampilan HP secara langsung.

Bagian 4: Menjalankan di Simulator

Preview itu bagus, tapi kita butuh merasakan pengalaman HP yang sesungguhnya.

Langkah 7: Pilih Simulator

1. Lihat toolbar bagian paling atas (tengah).

2. Klik nama device (misalnya "My Mac" atau "Any iOS Device").

3. Ganti menjadi iPhone 16 Pro (atau seri terbaru yang ada).

Langkah 8: Run!

1. Klik tombol Play (Segitiga) di pojok kiri atas.

2. Tunggu sebentar. Aplikasi Simulator akan muncul (terpisah dari Xcode).

3. HP iPhone virtual akan booting dan membuka aplikasi Hello World Anda.

Selamat! 

Anda baru saja membuat aplikasi iOS Native menggunakan teknologi terbaru Apple (SwiftUI).

Posted by Muhammad Farhan Al Ghifari, Informatics Students at Diponegoro University