[Bagian 2] Membuat Aplikasi Hello World dan Mengenal Antarmuka UI Sketchware Pro

 

Tujuan Tutorial

Di bagian kedua ini, kamu akan mempelajari:

✅ Cara membuat project baru di Sketchware Pro
✅ Mengenal tampilan dan fungsi tiap menu utama
✅ Mendesain tampilan aplikasi sederhana “Hello World”
✅ Menjalankan aplikasi di perangkat Android

---

1. Membuat Proyek Baru di Sketchware Pro

Langkah awal, buka aplikasi Sketchware Pro di Android kamu.

Langkah-langkah:

1. Tap ikon “+” di pojok kanan bawah.

2. Isi informasi proyek:

   • App name: Hello World

   • Package name: com.gurukomline.helloworld

   • Icon: Pilih ikon default (bisa diubah nanti)

3. Klik tombol “Create”

---

2. Mengenal Antarmuka Sketchware Pro

Setelah membuat proyek, kamu akan masuk ke halaman pengeditan. Sketchware Pro terbagi ke beberapa bagian utama:

Bagian	Fungsi
View	Mendesain tampilan antarmuka pengguna (UI)
Event	Menentukan aksi ketika tombol atau komponen diklik
Component	Menambahkan komponen seperti toast, intent, timer, dsb
Logic (Blocks)	Membuat logika aplikasi menggunakan blok kode
Assets & More	Menambahkan gambar, font, audio, dan file lainnya

---

3. Mendesain Tampilan “Hello World”

Kita akan membuat layout sederhana yang hanya menampilkan teks “Hello World”.

Langkah-langkah:

1. Masuk ke menu View

2. Pilih LinearLayout (vertical) sebagai root

3. Tambahkan komponen TextView

4. Klik TextView dan atur propertinya:

   • Text: Hello World

   • TextSize: 25sp

   • TextColor: #000000 (hitam)

   • Gravity: center

5. Simpan desain dengan tombol ✔️ Save

---

4. Menjalankan Aplikasi

Sekarang saatnya mencoba aplikasi di perangkatmu!

Langkah-langkah:

1. Tap ikon Run ▶️ di atas

2. Tunggu proses Compile selesai (butuh beberapa detik)

3. Aplikasi akan otomatis terbuka dan menampilkan teks:
   Hello World

---

5. Tips Debug dan Kesalahan Umum

Jika aplikasi tidak bisa dijalankan:

• Pastikan kamu mengizinkan instalasi dari sumber tidak dikenal

• Periksa error di tab Compile Logs

• Restart Sketchware Pro jika terjadi bug

---

Penutup

Kamu berhasil membuat aplikasi Android pertamamu hanya dengan smartphone, tanpa menulis kode satu baris pun! 🎉

Di Bagian 3, kamu akan belajar menambahkan tombol dan membuat navigasi antar halaman, seperti berpindah dari halaman utama ke halaman tentang aplikasi.

Jangan lupa untuk menyimpan dan backup proyek kamu ke memori eksternal.

---

Bagikan artikel ini jika bermanfaat
📩 Ada pertanyaan? Tulis di komentar ya.

---

Tag Populer:
#SketchwarePro #HelloWorld #PemulaAndroid #TutorialAndroid #BelajarCoding

Gurukomline

Guru Komputer Online, sharing seputar Ilmu Komputer gurukomline.com

Bagikan Artikel ini