๐Ÿš€ Pertemuan 2: Belajar membuat aplikasi Android sederhana dengan Kodular

๐Ÿš€ Pertemuan 2

Membuat Proyek Aplikasi Pertama

Langkah awal membuat aplikasi Android sederhana dengan Kodular

๐ŸŽฏ Tujuan Pembelajaran

  • Siswa mampu membuat proyek baru di Kodular.
  • Siswa memahami pengaturan awal proyek.
  • Siswa dapat menambahkan komponen dasar (Label & Button).
  • Siswa bisa menjalankan aplikasi di smartphone menggunakan Kodular Companion.

๐Ÿ“Œ Langkah-langkah Membuat Proyek Pertama

  1. Login ke Kodular:
    Buka creator.kodular.io, lalu masuk menggunakan akun Google.
  2. Buat Proyek Baru:
    Klik tombol "Create Project", lalu isi:
    • Project Name → HelloWorld
    • Screen Orientation → Portrait
    • Icon → bisa diatur nanti
  3. Kenali Workspace:
    Setelah proyek dibuat, perhatikan tab:
    • Designer → untuk mendesain tampilan aplikasi.
    • Blocks → untuk logika program.
  4. Tambahkan Komponen:
    • Tarik 1 Label → ubah teks menjadi "Halo, Kodular!".
    • Tarik 1 Button → ubah teks menjadi "Klik Saya".
  5. Simpan & Preview:
    - Gunakan aplikasi Kodular Companion di HP → scan QR Code.
    - Atau pilih menu Export → Save .apk untuk menyimpan aplikasi.
Workspace Kodular

Ilustrasi Workspace Kodular

๐Ÿ“ฑ Contoh Hasil Aplikasi "HelloWorld"

HelloWorld App Preview

Tampilan sederhana dengan Label & Button

๐Ÿ’ก Tips & Catatan

  • Gunakan nama proyek yang jelas agar mudah dikenali.
  • Selalu klik Save Project secara berkala.
  • Kodular Companion memudahkan preview tanpa perlu install ulang .apk.

๐Ÿ“ Aktivitas Siswa

  1. Buat proyek baru bernama HelloWorld.
  2. Tambahkan 1 Label dengan teks "Halo, Kodular!".
  3. Tambahkan 1 Button dengan teks "Klik Saya".
  4. Jalankan aplikasi di smartphone dengan Kodular Companion.
  5. Tulis laporan singkat (minimal 5 langkah) tentang pengalaman membuat aplikasi pertama.

๐Ÿ“š Rangkuman

Pada pertemuan ini, siswa berhasil membuat proyek aplikasi pertama di Kodular, mengenal workspace Designer & Blocks, menambahkan komponen dasar, serta mencoba aplikasi langsung di HP menggunakan Kodular Companion.


No comments:

Post a Comment