Belajar Xcode dari Nol: Instalasi, Setup, dan Membuat Project Hello World

 Xcode adalah IDE resmi buatan Apple yang digunakan untuk mengembangkan aplikasi iOS, iPadOS, macOS, watchOS, dan tvOS. Semua tool penting seperti editor kode, Interface Builder, simulator perangkat, sampai debugging tools sudah terintegrasi di dalamnya, sehingga pengembang dapat membangun aplikasi Apple secara native dengan lebih mudah.

Sebelum membuat aplikasi sederhana seperti HelloWorld, langkah pertama adalah memastikan Xcode sudah terpasang di perangkat macOS. Proses instalasinya dilakukan melalui App Store dan membutuhkan koneksi internet yang stabil karena ukuran file Xcode cukup besar. Pada tahap awal ini, kita akan melihat cara mendapatkan Xcode langsung dari sumber resmi agar lingkungan pengembangan siap digunakan.

Step 1 — Download dan Instal Xcode dari App Store

Sebelum membuat project baru, instal Xcode terlebih dahulu melalui App Store. Caranya sangat sederhana dan merupakan metode resmi dari Apple.

Langkahnya sebagai berikut:

1. Buka App Store di macOS.

2. Pada kolom pencarian, ketik "Xcode".

3. Pilih aplikasi Xcode yang muncul di hasil pencarian (Developer Tools).

4. Klik Get lalu Install.

5. Tunggu proses download selesai karena ukuran Xcode cukup besar.

6. Setelah instalasi selesai, buka Xcode sekali untuk mengizinkan instalasi komponen tambahan.

Dengan menyelesaikan langkah ini, Xcode sudah siap digunakan untuk membuat project HelloWorld di langkah berikutnya.

Step 2 — Menginstal Xcode dari App Store

Setelah halaman detail Xcode terbuka, lanjutkan proses instalasi melalui App Store.

Langkahnya:

1. Klik tombol Get atau Install pada halaman Xcode di App Store.

2. Tunggu proses download selesai karena ukurannya cukup besar.

3. Setelah terinstal, tombol akan berubah menjadi Open.

4. Klik Open untuk menjalankan Xcode pertama kali.

Pada tahap ini Xcode sudah berhasil dipasang dan siap digunakan untuk membuat project pertama.

Step 3 — Membuat Project Baru di Xcode

Setelah Xcode berhasil dijalankan, langkah berikutnya adalah membuat project baru yang nantinya digunakan untuk menampilkan teks sederhana Hello World.

Langkahnya:

1. Pada halaman welcome Xcode, pilih Create New Project.

2. Xcode akan membuka jendela pemilihan template proyek.

3. Di tahap ini, kita akan memilih jenis project yang paling dasar sebelum mulai membuat tampilan Hello World.

Setelah memilih menu Create New Project, kamu siap melanjutkan ke pemilihan template aplikasi di langkah berikutnya.

Step 4 — Memilih Template Project di Xcode

Setelah memilih Create New Project, Xcode akan menampilkan daftar template yang bisa digunakan untuk membuat aplikasi. Karena ingin membuat aplikasi sederhana yang menampilkan teks Hello World, template yang paling sesuai adalah App.

Langkahnya:

1. Pada jendela Choose a template for your new project, pastikan tab iOS atau Multiplatform aktif.

2. Pilih App pada bagian Application.

3. Klik Next di bagian kanan bawah.

Template App akan memberikan struktur dasar aplikasi iOS berbasis SwiftUI, sehingga sangat cocok untuk membuat tampilan Hello World secara cepat dan sederhana.

Step 5 — Mengisi Detail Proyek di Xcode

Setelah memilih template App, Xcode akan meminta kamu mengisi konfigurasi dasar proyek. Bagian ini penting karena akan menentukan identitas aplikasi serta bagaimana Xcode mengatur struktur project.

Isi data proyek seperti pada screenshot:

1. Product Name
   Masukkan nama aplikasi kamu, misalnya:
   PBP

2. Team
   Jika belum login Apple ID, biarkan kosong atau pilih Add account… bila ingin menautkannya.

3. Organization Identifier
   Isi dengan format domain terbalik, misalnya:
   rayhan.septian
   Ini akan digabungkan menjadi bundle identifier aplikasi.

4. Bundle Identifier
   Akan terisi otomatis berdasarkan Product Name + Organization Identifier, misalnya:
   rayhan-septian.PBP

5. Testing System
   Biarkan None.

6. Storage
   Biarkan None.

Setelah semuanya sesuai, klik Next untuk memilih lokasi penyimpanan project dan lanjut ke tahap berikutnya.

Step 6 — Menjalankan Proyek dan Melihat Tampilan Hello World di Xcode

Setelah proyek berhasil dibuat dan Xcode selesai melakukan proses indexing, kamu sudah bisa menjalankan aplikasi iOS pertama kamu. Pada tahap ini, Xcode otomatis membuat file bernama ContentView.swift, yang berisi kode SwiftUI dasar untuk menampilkan elemen UI sederhana.

Dari screenshot, tampak bahwa kode default sudah memuat:

VStack {
    Image(systemName: "globe")
        .imageScale(.large)
        .foregroundStyle(.tint)
    Text("Hello, world!")
}
.padding()

Kode di atas akan menampilkan icon globe dan teks “Hello, world!” di tengah layar. Preview di sisi kanan juga menampilkan hasil render UI tersebut dalam bentuk tampilan kecil.

Untuk menjalankan aplikasi:

1. Periksa perangkat target di bagian atas (misalnya iPhone 15, iPhone SE, atau My Mac).

2. Klik tombol Run.

3. Simulator iOS akan terbuka dan menampilkan aplikasi kamu dengan tulisan Hello, world!.

Jika semuanya berjalan lancar, kamu sudah berhasil membuat aplikasi SwiftUI pertama menggunakan Xcode.

Dengan Xcode, proses membuat aplikasi iOS menjadi lebih sederhana berkat integrasi penuh untuk penulisan kode, preview UI, debugging, dan simulator perangkat. Melalui langkah-langkah instalasi dan percobaan Hello World di atas, kamu sudah memahami dasar penggunaan Xcode dan SwiftUI.

Setelah ini, kamu bisa mulai bereksperimen dengan komponen UI lain, menambahkan navigasi, atau bahkan memperluas proyek menjadi aplikasi lengkap. Memahami dasar Xcode akan sangat membantu jika kamu ingin melanjutkan ke pengembangan aplikasi iOS yang lebih kompleks atau berkolaborasi dengan developer lintas platform seperti di KMM.