Tugas Pertemuan 12 - MVVM & Room Login Page

Nama: Dewa Putu Ananda Taurean Mahesa

NRP: 5025231158

Kelas: Pemrograman Perangkat Bergerak C


Link Github Proyek

1. Penjelasan Singkat Proyek

Sebuah aplikasi login sederhana yang mengimplementasikan teknologi pengembangan Android modern. Fitur utama mencakup:
  • Penyediaan input username dan password
  • Proses validasi login
  • Menampilkan indikator status berhasil atau gagal login
  • Penyimpanan data kredensial secara lokal dengan Room database
Aplikasi dikembangkan dengan Android Studio yang memanfaatkan Jetpack Compose, arsitektur MVVM, Room database, dan SQLite.

2. Arsitektur Aplikasi

MVVM (Model-View-ViewModel) digunakan untuk memisahkan UI dan logika bisnis. Hal ini membuat kode lebih rapi, memudahkan maintenance dan pengembangan fitur lanjutan.
Room database bertindak sebagai lapisan abstraksi di atas SQLite untuk mengelola database lokal. Room memberikan keamanan dalam penulisan query dan mendukung eksekusi secara asinkron.

3. Implementasi

a. Konfigurasi & Struktur Proyek

Dependensi perlu ditambahkan pada file build-gradle terlebih dahulu. Pengaturan tambahan juga perlu di-set pada gradle.properties.
Pemisahan modul dilakukan dengan membuat package di dalam direktori mvvmloginpage, yang meliputi:
  • data: meliputi local (dao, database, entity) dan repository
  • ui: meliputi screen dan theme
  • viewmodel: menyimpan logika dan state aplikasi

b. Lapisan Data (Room Database)

  • Entity (User.kt): Dideklarasikan sebagai tabel users dengan atribut berupa id (primary key yang di-generate otomatis), username, dan password.
  • Data Access Object / DAO (UserDao.kt): Menyediakan operasi interaksi ke database, yaitu fungsi @Insert untuk menambahkan data pengguna, serta @Query untuk memvalidasi pencocokan username dan password.
  • Database (AppDatabase.kt): Kelas utama konfigurasi Room yang mengimplementasikan pola Singleton (INSTANCE) agar aplikasi hanya membentuk satu instansi database secara global dengan nama login_db.

c. Lapisan Logika (Repository & ViewModel)

  • Repository (UserRepository.kt): Berperan sebagai perantara yang memanggil fungsi dari UserDao.
  • ViewModel (LoginViewModel.kt): Memproses logika bisnis, seperti mengeksekusi operasi asinkron dengan Coroutine (viewModelScope.launch) untuk memvalidasi query dari repositori. ViewModel juga memperbarui state UI menjadi "Login Berhasil" atau "Username atau Password Salah" berdasarkan hasil query. Disertakan pula fungsi tambahan untuk menyisipkan data dummy pengguna ke dalam database.

d. UI (Jetpack Compose)

UI dikembangkan pada LoginScreen.kt di dalam direktori screen. Pengembangan UI ini menggunakan komponen Material Design 3, yang mencakup:
  • OutlinedTextField untuk memasukkan username dan password
  • Penambahan icon visual (profil dan kunci)
  • Implementasi PasswordVisualTrasnformation untuk menutupi karakter password demi keamanan visual

e. Integrasi Komponen

Seluruh komponen disatukan pada MainActivity.kt. Di dalam onCreate, sistem melakukan inisiasi terhadap AppDatabase, UserRepository, dan LoginViewModelFactory. Database menggunakan satu fungsi penyisipan pengguna dummy dan diteruskan dengan pemanggilan UI (LoginScreen).

4. Hasil Akhir




Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 7 - LoginPage

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat login page sederhana dengan Android Studio dan Jetpack Compose. 1. Package Library package com.example.loginpage import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.border import androidx.compose.foundation.layout.* import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.foundation.verticalScroll import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled. AccountCircle import androidx.compose.material.icons.filled. Email import androidx.compose.material.icons.filled. Lock import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui...
Read more

Tugas 1 - Eksplorasi Perkembangan Teknologi

Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Device OS Dibuat Oleh Negara Tahun Fungsi Programming Link Gambar/Video Smart TV Tizen Samsung Korea Selatan 2012 Hiburan & IoT Hub C++, HTML5 Lihat Gambar Smartphone Android Google Amerika Serikat 2008 Ekosistem Mobile Kotlin, Java Lihat Gambar Smartphone iOS Apple Amerika Serikat 2007 Ekosistem Mobile Apple Swift Lihat Gambar Smartwatch watchOS Apple Amerika Serikat 2015 Kesehatan & Notifikasi Swift, SwiftUI Lihat Gambar Smart Speaker Alexa (Fire OS) Amazon Amerika Serikat 2014 Asisten Virtual Java, Python Lihat Video Smart Home Hub Google Home OS Google Amerika Serikat 2016 Otomasi Rumah Go, Java Lihat Gambar Game Console PS5 OS Sony Jepang 2020 Gaming & Multimedia C++, C# Lihat Video Handheld Console SteamOS Valve Amerika Serikat 2013 Portable PC Gaming C++...
Read more

Tugas Pertemuan 6 - Kalkulator

Image
Nama: Dewa Putu Ananda Taurean Mahesa NRP: 5025231158 Kelas: Pemrograman Perangkat Bergerak C Membuat aplikasi kalkulator dengan Android Studio. Untuk memudahkan pengembangan, bisa menggunakan library exp4j untuk mengevaluasi ekspresi matematis atau logika urutan perhitungan. 1. Menyiapkan exp4j implementation ( "net.objecthunter:exp4j:0.4.8" ) Pertama harus menambahkan line di atas pada file build.gradle.kts (Module :app) di bagian dependencies lalu melakukan sync. Selanjutnya bisa langsung membuka file MainActivity.kt. 2. Package Library package com.example.calculator import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.background import androidx.compose.foundation.layout.* import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material3.* import androidx.compose.runtime.* import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import a...
Read more