Selasa, 19 Mei 2026

Prompt Pembuatan Aplikasi Android CRUD Registrasi Siswa dengan Jetpack Compose dan Room Database

Buat aplikasi Android modern menggunakan Kotlin dan Jetpack Compose dengan desain UI seperti pada gambar referensi. Aplikasi menggunakan Room Database untuk penyimpanan data lokal dan menerapkan konsep State Management modern pada Jetpack Compose.

Nama Aplikasi

Student Registration App

Teknologi yang Digunakan

Kotlin
Jetpack Compose
Room Database
Material Design 3
MVVM Architecture
Coroutine
State Management Compose

Fitur Utama Aplikasi

1. Form Registrasi Siswa

Gunakan komponen:

TextField Nama
TextField Email

State Management:

State
remember
mutableStateOf
State Hoisting

Form digunakan untuk:

Input nama siswa
Input email siswa
Validasi input sederhana

2. CRUD Data Siswa

Aplikasi harus memiliki fitur:

Tambah Siswa

Menyimpan data siswa ke Room Database.

Edit Siswa

Mengubah data siswa.

Hapus Siswa

Menghapus data siswa dari database.

Tampilkan Data

Menampilkan seluruh data siswa menggunakan LazyColumn.

Struktur UI

Header

Tampilkan:

Judul “Registrasi Siswa”
Subtitle “Kelola data siswa”

Gunakan typography modern Material 3.

Input Form

Gunakan:


TextField()

Komponen:

Input Nama
Input Email

Gunakan:


remember { mutableStateOf("") }

Contoh:


var nama by remember {
    mutableStateOf("")
}

var email by remember {
    mutableStateOf("")
}

Tombol Tambah

Gunakan Button Material 3:


Button()

Fungsi:

Menyimpan data ke Room Database
Mengosongkan form setelah berhasil

List Data Siswa

Gunakan:


LazyColumn

Setiap item menggunakan:


Card

Tampilkan:

Avatar lingkaran inisial nama
Nama siswa
Email siswa
Tombol Edit
Tombol Hapus

Desain UI

Gunakan desain modern seperti gambar referensi:

Clean UI
Rounded corner
Material 3
Soft shadow
Warna dominan putih dan ungu
Card modern
Responsive layout

Room Database

Gunakan:

Entity
DAO
Database Class

Entity

Buat entity:


@Entity(tableName = "siswa")

Field:

id
nama
email

DAO

Buat operasi:

insertSiswa()
updateSiswa()
deleteSiswa()
getAllSiswa()

Gunakan:


Flow<List<Siswa>>

Database Class

Gunakan:


Room.databaseBuilder()

Database name:


siswa_database

State Management

Implementasikan:

State
remember
mutableStateOf
collectAsState()
rememberCoroutineScope()
State Hoisting

Validasi Form

Validasi:

Nama tidak boleh kosong
Email tidak boleh kosong
Email harus mengandung “@”

Tampilkan pesan error menggunakan:

Text
Snackbar
Toast

Arsitektur Folder


com.example.studentapp
│
├── data
│   ├── Siswa.kt
│   ├── SiswaDao.kt
│   └── AppDatabase.kt
│
├── ui
│   ├── MainScreen.kt
│   ├── StudentItem.kt
│   └── FormInput.kt
│
├── viewmodel
│   └── StudentViewModel.kt
│
└── MainActivity.kt

Fitur Tambahan

Tambahkan:

Empty state ketika data kosong
Loading indicator sederhana
Konfirmasi hapus data
Scrollable list
Icon edit dan delete

Output Aplikasi

Aplikasi menampilkan:

Form input nama dan email
Tombol tambah siswa
List data siswa
Edit siswa
Hapus siswa
Data tersimpan secara lokal menggunakan Room Database

Konsep Pembelajaran yang Harus Ditampilkan

Aplikasi harus menjadi contoh implementasi:

Jetpack Compose modern UI
Input Form
State Management
Room Database CRUD
Compose Recomposition
State Hoisting
MVVM
Local Database

Tujuan Project

Membuat aplikasi CRUD Registrasi Siswa modern berbasis Android menggunakan Jetpack Compose dan Room Database dengan implementasi State Management terbaik dan UI modern seperti desain referensi.

Kurikulum Pemrograman Android

Kurikulum Android Programming dengan Jetpack Compose (16 Pertemuan)

Mata kuliah ini dirancang untuk mahasiswa/peserta pelatihan yang ingin mempelajari pengembangan aplikasi Android modern menggunakan Kotlin dan Jetpack Compose. Setiap pertemuan dilengkapi dengan studi kasus dan project bertahap hingga menghasilkan aplikasi lengkap.

Identitas Mata Kuliah

Komponen	Keterangan
Mata Kuliah	Android Programming
Platform	Android Studio
Bahasa Pemrograman	Kotlin
Framework UI	Jetpack Compose
Database	Room Database
Arsitektur	MVVM
Durasi	16 Pertemuan
Output Akhir	Aplikasi Android Modern

Capaian Pembelajaran

Mahasiswa mampu:

Memahami dasar Android modern development.
Menggunakan Kotlin untuk pengembangan Android.
Membuat UI modern menggunakan Jetpack Compose.
Mengimplementasikan navigasi aplikasi.
Menggunakan state management.
Mengintegrasikan database Room.
Menggunakan arsitektur MVVM.
Mengakses REST API.
Membuat aplikasi Android lengkap dan modern.

Struktur Kurikulum 16 Pertemuan

Pertemuan 1 — Pengenalan Android Modern Development

Materi

Pengantar Android Development
Evolusi Android UI
Pengenalan Jetpack Compose
Instalasi Android Studio
Struktur project Android

Praktik

Membuat project pertama Jetpack Compose

Studi Kasus

Membuat aplikasi sederhana “Hello Student App”.

Output

Menampilkan teks
Menampilkan tombol
Preview Compose

Pertemuan 2 — Dasar Kotlin untuk Android

Materi

Variable dan Data Type
Function
Class dan Object
Nullable
Collection
Lambda

Praktik

Membuat kalkulator sederhana

Studi Kasus

Aplikasi penghitung nilai mahasiswa.

Output

Input nilai
Perhitungan rata-rata
Menampilkan grade

Pertemuan 3 — Dasar Jetpack Compose UI

Materi

Composable Function
Text
Button
Column
Row
Box
Modifier

Praktik

Mendesain layout sederhana

Studi Kasus

Aplikasi profil mahasiswa.

Output

Foto profil
Biodata
Tombol kontak

Pertemuan 4 — Layout dan Styling Compose

Materi

Padding
Alignment
Arrangement
Shape
Color
Typography
Material Design 3

Praktik

Mendesain dashboard modern

Studi Kasus

Dashboard aplikasi sekolah.

Output

Card menu
Statistik siswa
Banner informasi

Pertemuan 5 — Input Form dan State Management

Materi

TextField
State
remember
mutableStateOf
State Hoisting

Praktik

Form input data

Studi Kasus

Aplikasi registrasi siswa.

Output

Form nama
Form email
Validasi sederhana

Pertemuan 6 — LazyColumn dan List Data

Materi

LazyColumn
LazyRow
Item List
Dynamic Data

Praktik

Menampilkan data list

Studi Kasus

Aplikasi daftar produk UMKM.

Output

List produk
Gambar produk
Harga produk

Pertemuan 7 — Navigation Compose

Materi

Navigation Component
NavController
Route
Argument Navigation

Praktik

Multi screen app

Studi Kasus

Aplikasi katalog makanan.

Output

Halaman home
Halaman detail produk
Navigasi antar halaman

Pertemuan 8 — Mid Test Project

Project UTS

Membuat aplikasi “Student Management App”.

Fitur

List mahasiswa
Detail mahasiswa
Input mahasiswa
Navigasi halaman

Penilaian

UI
Struktur kode
Functionality

Pertemuan 9 — Architecture MVVM

Materi

Konsep MVVM
ViewModel
State UI
Separation of Concern

Praktik

Membuat struktur MVVM

Studi Kasus

Aplikasi task management.

Output

ViewModel
State management
Clean architecture sederhana

Pertemuan 10 — Room Database

Materi

SQLite
Room Database
DAO
Entity
Database Class

Praktik

Menyimpan data lokal

Studi Kasus

Aplikasi catatan harian.

Output

Tambah catatan
Edit catatan
Hapus catatan

Pertemuan 11 — CRUD Application dengan Room

Materi

Insert
Update
Delete
Read Data

Praktik

CRUD lengkap

Studi Kasus

Aplikasi manajemen inventory.

Output

CRUD barang
Pencarian barang
Detail barang

Pertemuan 12 — REST API dan Retrofit

Materi

REST API
JSON
Retrofit
GET Request
Parsing Data

Praktik

Mengambil data API

Studi Kasus

Aplikasi berita online.

Output

Fetch data berita
List artikel
Detail berita

Pertemuan 13 — Image Loading dan Async

Materi

Coil Image
Async Image
Loading State

Praktik

Menampilkan gambar dari internet

Studi Kasus

Aplikasi marketplace.

Output

Gambar produk online
Loading indicator
Error handling

Pertemuan 14 — Firebase Authentication

Materi

Firebase
Authentication
Login
Register

Praktik

Integrasi Firebase Auth

Studi Kasus

Aplikasi login mahasiswa.

Output

Register user
Login user
Logout

Pertemuan 15 — Final Project Development

Project

Pembuatan aplikasi Android lengkap.

Pilihan Tema

Marketplace UMKM
E-Learning
ToDo App
Booking App
Absensi Digital
Aplikasi Perpustakaan

Fitur Minimal

Login
CRUD
Database
Navigation
API Integration

Pertemuan 16 — Presentasi Final Project

Kegiatan

Presentasi aplikasi
Demo fitur
Evaluasi project
Review kode

Penilaian

Aspek	Bobot
UI/UX	20%
Functionality	30%
Database	20%
Architecture	15%
Presentasi	15%

Studi Kasus Besar (Project Bertahap)

Tema Project Semester

“Aplikasi Marketplace Produk Siswa SMK”

Modul Bertahap

Pertemuan	Modul
1–3	UI aplikasi
4–5	Form input produk
6	List produk
7	Navigasi
8	UTS Project
9	MVVM
10–11	Room Database
12	API Produk
13	Upload gambar
14	Login Firebase
15–16	Finalisasi aplikasi

Tools dan Teknologi

Teknologi	Fungsi
Kotlin	Bahasa pemrograman
Jetpack Compose	UI Framework
Android Studio	IDE
Room	Database lokal
Retrofit	REST API
Firebase	Authentication
Coil	Image Loading
MVVM	Architecture Pattern

Metode Pembelajaran

Ceramah
Live Coding
Praktik Mandiri
Project Based Learning
Studi Kasus
Presentasi

Referensi

Dokumentasi Resmi

Buku

Android Programming with Kotlin
Jetpack Compose by Tutorials
Android Development Essentials

Rekomendasi Final Project Mahasiswa

Aplikasi POS Kasir
Aplikasi Laundry
Aplikasi Booking Bengkel
Aplikasi Perpustakaan
Aplikasi Marketplace Produk SMK
Aplikasi Absensi QR Code
Aplikasi Penjualan Ayam Goreng
Aplikasi Cloud Kitchen
Aplikasi E-Learning
Aplikasi Event Organizer

Senin, 18 Mei 2026

TypeScript

https://www.youtube.com/watch?v=_ZnLvF7Z7bo

https://www.youtube.com/watch?v=TEt1MYudBj8

Sabtu, 16 Mei 2026

Model Bisnis

Buat ilustrasi infografis business model investasi syariah modern dengan gaya flat design profesional dan clean corporate infographic. Tema warna dominan hijau, teal, kuning emas, putih, dan abu-abu muda yang merepresentasikan keuangan syariah modern. Layout horizontal dengan alur bisnis yang jelas dari kiri ke kanan. Di sisi kiri tampilkan ilustrasi dua investor profesional pria dan wanita dengan label besar “INVESTOR”. Dari investor terdapat alur panah melingkar menuju bagian tengah dan kanan. Tambahkan 3 tahapan utama dengan nomor lingkaran hitam: Tahap pertama di bagian bawah: panah bertuliskan “Fee/Ujrah” menggambarkan biaya jasa pengelolaan investasi. Tahap kedua di bagian kanan tengah: ilustrasi manajer investasi sedang bekerja di meja kantor modern label: “KIK Manajer Investasi & Bank Kustodian” terdapat panah “Investasi” menuju berbagai instrumen syariah. Instrumen investasi divisualisasikan dalam lingkaran-lingkaran putih: Saham Syariah Sukuk Korporasi Sukuk Negara (SBN) Instrumen Pasar Uang Syariah dan Efek Syariah Lainnya Tahap ketiga di bagian atas tengah: ilustrasi tumpukan uang hijau teks: “Menguasakan/mewakilkan kepada manajer investasi (akad wakalah)” panah kembali ke investor dengan label: “Unit Penyertaan (UP)” Gunakan: icon financial modern gaya vector infographic premium desain minimalis profesional smooth curved arrows typography modern sans serif elemen fintech syariah clean layout high resolution corporate annual report style visual hierarchy jelas cocok untuk presentasi bisnis dan edukasi investasi syariah Tambahkan ikon: uang dokumen investasi grafik keuangan simbol syariah Islami modern Style: premium fintech infographic, modern Islamic finance illustration, clean vector business flowchart, elegant corporate design, educational financial infographic, flat illustration, highly detailed, 4K resolution.

Kamis, 14 Mei 2026

Chrome Device Management

Landing Page

Testimoni

Copywriting

Bisnis Model

Poster

Cara kerja

Rabu, 13 Mei 2026

Google Site - Membuat Website1

https://www.youtube.com/watch?v=SzdQKFj70-Q