Tutorial: Panduan Instalasi Xcode di macOS & Membuat Project iOS "Hello World" Pertama

Xcode adalah Integrated Development Environment (IDE) resmi dari Apple yang digunakan untuk membuat aplikasi untuk iOS, macOS, watchOS, dan visionOS. Jika kamu ingin menjadi iOS Developer, langkah pertama yang harus dilakukan adalah menginstal Xcode.

Pada panduan ini, kita akan membahas cara menginstal Xcode versi terbaru dan membuat aplikasi sederhana pertama kita.

1. Langkah 1: Unduh dan Instal Xcode dari App Store


Langkah pertama adalah mendapatkan Xcode. Cara termudah dan teraman adalah melalui Mac App Store.

  1. Buka App Store di Mac kamu.
  2. Cari kata kunci "Xcode".
  3. Klik tombol Get atau Install.
  4. Tunggu hingga proses unduhan selesai. Catatan: Ukuran file cukup besar (sekitar 12GB+), jadi pastikan koneksi internetmu stabil.
  5. Seperti yang terlihat pada gambar di bawah, kita menggunakan versi terbaru (Xcode 26.0.1).
  6. Tampilan halaman Xcode di Mac App Store.
  7. Setelah selesai diunduh, klik Open untuk membuka aplikasi.
2. Langkah 2: Halaman Welcome to Xcode

Saat pertama kali membuka Xcode, kamu akan disambut dengan jendela Welcome. Di sini kamu bisa melihat versi Xcode yang terinstal.

Pilih opsi "Create New Project..." untuk memulai membuat aplikasi baru.

Tampilan awal Xcode. Pilih 'Create New Project' untuk memulai.

3. Langkah 3: Konfigurasi Project Baru



Setelah memilih template aplikasi (pilih App di tab iOS), kamu akan diminta untuk mengisi detail proyek. Isi kolom-kolom tersebut seperti panduan berikut:
  1. Product Name: HelloWorld (Ini akan jadi nama aplikasimu).
  2. Organization Identifier: Biasanya format domain terbalik, misal com.gabrielprakosa.
  3. Interface: Pilih SwiftUI (Teknologi UI terbaru dari Apple).
  4. Language: Pilih Swift.
  5. Testing System: Biarkan default.
4. Langkah 4: Menulis Kode & Preview Aplikasi


Selamat! Project kamu sudah berhasil dibuat. Sekarang kamu akan masuk ke tampilan editor utama Xcode.
Panel Kiri: Struktur folder project kamu.

Panel Tengah: Tempat kamu menulis kode (ContentView.swift).
Panel Kanan: Canvas Preview yang menampilkan hasil kodingan secara real-time.

Secara default, Xcode akan memberikan kode "Hello World". Mari kita modifikasi sedikit agar sesuai dengan keinginan kita. Ubah teks di dalam blok Text() menjadi:

Text("Hello, world from iOS!")

Tunggu sebentar hingga preview di sebelah kanan memuat ulang (refresh), dan kamu akan melihat tampilan iPhone dengan teks yang baru saja kamu ubah.

Tampilan Workspace Xcode dengan Preview iPhone 17 Pro.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tutorial: Cara Instalasi Flutter di VS Code & Membuat Aplikasi "Hello World" Pertama

Gambar
Flutter adalah UI toolkit dari Google yang memungkinkan kita membuat aplikasi menawan untuk mobile, web, dan desktop hanya dari satu basis kode (codebase). Jika sebelumnya kita membahas Android Native dan React Native, kali ini kita akan mencoba Flutter. Ikuti panduan lengkap instalasi dan pembuatan proyek pertamanya di bawah ini. 1. Langkah 1: Persiapan & Instalasi Flutter SDK Langkah pertama adalah mengunjungi dokumentasi resmi Flutter untuk mengunduh SDK yang sesuai dengan sistem operasi kamu (Windows). Pastikan kamu mengikuti panduan "Install Flutter using VS Code" agar terintegrasi dengan baik. Setelah proses instalasi dan pengaturan Path selesai, kita perlu memverifikasi apakah Flutter sudah terinstal dengan benar. Buka Command Prompt (CMD) dan ketik perintah: flutter --version Jika sukses, akan muncul detail versi Flutter dan Dart seperti gambar di bawah (versi 3.4.0). 2. Langkah 2: Setup Visual Studio Code Agar coding lebih mudah, kita wajib menginstal ekstensi re...
Baca selengkapnya

Tutorial Panduan Instalasi Android Studio dan Kotlin

Gambar
Halo temen-temen semuanya!! Pada kesempatan kali ini, saya akan membuat tutorial lengkap mengenai cara menginstal Android Studio beserta Flutter, kemudian melanjutkannya dengan membuat project baru dan menjalankannya melalui Android Studio menggunakan Android Virtual Device (AVD). Tutorial ini ditujukan bagi temen-temen yang ingin mulai belajar pengembangan aplikasi perangkat bergerak, khususnya dengan framework Flutter dan environment Android Studio. Setiap langkah akan dijelaskan secara berurutan agar mudah diikuti, mulai dari proses instalasi, konfigurasi SDK, pembuatan project HelloWorld, hingga menjalankan aplikasi pada emulator Android. Apa itu Andorid Studio? Android Studio adalah IDE resmi untuk membuat dan membangun aplikasi Android. Android Studio dikembangkan oleh Google dan dibangun di atas IntelliJ IDEA milik JetBrains, sehingga menyediakan fitur-fitur khusus yang dioptimalkan untuk pengembangan aplikasi Android. Bahasa pemrograman utama yang digunakan dalam pengembangan A...
Baca selengkapnya