Membuat Antarmuka Pengguna di Android Studio

kursus yang memandu peserta dalam merancang dan membangun UI aplikasi Android menggunakan Android Studio, dengan fokus pada tata letak, komponen visual, dan interaksi pengguna.

Join this Course

Responsible	Administrator
Last Update	18/09/2024
Completion Time	4 hours
Members	1

Course
Reviews

Basic IT

Pengantar untuk membuat UI di Android

7Lessons · 15 min
- Pengantar kursus
  
  Preview
- Bagaimana UI seluler dibuat?
  
  Preview
- Tantangan unik untuk UI Android.mp4
  
  Preview
- Silabus mata kuliah
  
  Preview
- Bagaimana cara sukses dalam kursus ini
- Menyiapkan Android Studio
  
  Preview
- Sumber daya tambahan
Aktivitas dan Pemandangan

8Lessons · 35 min
- Apa yang dimaksud dengan Aktivitas?
  
  Preview
- Mendefinisikan aktivitas
  
  Preview
- Tampilan dan Tata Letak
  
  Preview
- Representasi UI dalam XML
- Editor Tata Letak
- Tata Letak dan Pemandangan di Kotlin
  
  Preview
- Siklus hidup aktivitas
- Sumber daya tambahan
Pengantar ke UI yang Dapat Dikomposisikan

7Lessons · 11 min
- Pengantar ke Jetpack Compose
  
  Preview
- Menggunakan Tampilan dan XML: sisi negatifnya
- UI dengan fungsi yang dapat dikomposisikan
  
  Preview
- Anotasi @Composable
- Pratinjau
- Latihan: UI dasar dengan Compose
- Solusi: UI dasar dengan Compose
Tata Letak di Compose

5Lessons · 14 min
- Tata Letak di Compose
  
  Preview
- Membangun UI dengan Komposit
  
  Preview
- Latihan: Menentukan layar masuk dengan Compose
- Solusi: Menentukan layar masuk dengan Compose
- Ringkasan modul: Pembuatan UI dasar di Android
  
  Preview
Pengubah & Interaktivitas

7Lessons · 21 min
- Pengubah
  
  Preview
- Menata gaya dengan pengubah
  
  Preview
- Pengubah dengan tata letak
  
  Preview
- Penanganan peristiwa dan panggilan balik
  
  Preview
- Jenis dan pengubah acara
- Berolahraga: Menambahkan acara dan gaya
- Solusi: Menambahkan acara dan gaya
Mengelola Negara

9Lessons · 26 min
- Apa yang dimaksud dengan negara?
  
  Preview
- Mendeklarasikan status
  
  Preview
- Rekomposisi
  
  Preview
- Menyimpan dan Memulihkan Status
  
  Preview
- Bertahan dari perubahan konfigurasi
- Komposit yang memiliki negara vs tanpa negara
  
  Preview
- Latihan: Mengelola status di Compose
- Solusi: Mengelola status di Compose
- Sumber daya tambahan
Menata Bahan Komposit

8Lessons · 26 min
- Perancah
  
  Preview
- Komponen material
  
  Preview
- Status perancah
  
  Preview
- Lebih banyak perancah
- Latihan: Membangun tata letak yang responsif
- Solusi: Membangun tata letak yang responsif
- Sumber daya tambahan
- Ringkasan modul: Membangun UI dengan Jetpack Compose
  
  Preview
Navigasi Jetpack

10Lessons · 30 min
- Komponen Navigasi
  
  Preview
- Navigasi di Compose
  
  Preview
- NavHost & Nav Controller
  
  Preview
- Contoh Navigasi
- Latihan: Membuat navigasi di Compose
- Solusi: Membuat navigasi di Compose
- Navigasi Tab
  
  Preview
- Latihan: Membuat navigasi tab dengan JetPack
- Solusi: Buat navigasi tab dengan JetPack
- Sumber daya tambahan
Daftar dan Kisi-Kisi

6Lessons · 11 min
- Mendefinisikan daftar
  
  Preview
- Menentukan kisi-kisi
  
  Preview
- Menggunakan pengubah gulir dan pengubah yang dapat digulir
- Latihan: Membuat galeri yang dapat digulir
- Solusi: Membuat galeri yang dapat digulir
- Sumber daya tambahan
Tata Letak Malas

8Lessons · 18 min
- Apa yang dimaksud dengan tata letak malas?
  
  Preview
- Mendefinisikan daftar malas
  
  Preview
- Status daftar malas
- Mendefinisikan kisi malas
  
  Preview
- Latihan: Membuat dan menata kisi-kisi malas
- Solusi: Membuat dan menata kisi-kisi malas
- Ringkasan modul: UI tingkat lanjut dengan Jetpack Compose
  
  Preview
- Sumber daya tambahan
Tema

9Lessons · 20 min
- Fungsi tema
  
  Preview
- Menentukan Warna
  
  Preview
- Menata Teks
  
  Preview
- Tema Desain Material
  
  Preview
- Menyesuaikan warna dalam Tema Material
- Menyesuaikan jenis dan bentuk font
- Latihan: Menentukan sumber daya dan tema
- Solusi: Menentukan sumber daya dan tema
- Sumber daya tambahan
Animasi

5Lessons · 13 min
- Visibilitas Animasi
  
  Preview
- Animasi Nilai
  
  Preview
- Latihan: Menghidupkan komposit yang dapat dianimasikan
- Solusi: Animasi komposit yang dapat dianimasikan
- Ringkasan modul: Animasi
  
  Preview