PPB: TUGAS 7

Nama     : Shazia Ingeyla Naveeda
NRP       : 5025211203
Kelas     : PPB (A)

Membuat Halaman Login Sederhana



Pada pertemuan ke tujuh, diminta untuk membuat halaman login sederhana menggunakan Jetpack Compose. Halaman ini digunakan untuk menerima inputan email dan password, serta melakukan validasi sederhana sebelum login.

1. LoginScreen()
Ini adalah komponen utama UI halaman login. Di dalamnya terdapat:

OutlinedTextField untuk email: menerima input email dengan keyboard khusus untuk format email.

OutlinedTextField untuk password: input disembunyikan menggunakan PasswordVisualTransformation.

Button Login: tombol utama untuk aksi login, saat ini belum memiliki logika otentikasi (hanya UI).

TextButton Forgot Password: sebagai placeholder untuk navigasi ke fitur lupa password.

Semua elemen diletakkan dalam Card agar tampil rapi, dengan padding dan jarak antar elemen yang proporsional.

2. MainActivity dan setContent
Di dalam MainActivity, Jetpack Compose diaktifkan menggunakan setContent dan tema bawaan (Login_pageTheme). Fungsi LoginScreen() dipanggil di dalam Surface, yang bertanggung jawab merender seluruh UI.

3. State Handling (email dan password)
Menggunakan remember { mutableStateOf("") } untuk menyimpan input dari pengguna secara real-time. Ini memungkinkan Compose untuk merespons perubahan data input secara otomatis dan memperbarui tampilan.

Comments

Post a Comment

Popular posts from this blog

PPB: TUGAS 3

Image
Nama      : Shazia Ingeyla Naveeda NRP         : 5025211203 Kelas      : PPB (A) Membuat Aplikasi Ulang Tahun dari CodeLab Link Github Pada pertemuan ketiga, diberikan tugas untuk menyiapkan project di Android Studio dengan template Empty Activity dan mengubah pesan teks menjadi ucapan ulang tahun yang dipersonalisasi.  MainActivity class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) setContent { HappyBirthdayTheme { // A surface container using the 'background' color from the theme Surface ( modifier = Modifier. fillMaxSize (), color = MaterialTheme. colorScheme . background ) { GreetingText ( message = "Happy Birthday Shazia!" , from = "From Jennie <3" , ...
Read more

PBKK: FINAL PROJECT

Image
Nama      : Shazia Ingeyla Naveeda NRP         : 5025211203 Kelas      : PBKK (B) Membuat Aplikasi dengan Framework Deskripsi Tugas:    Github Project : https://github.com/johnteguh/BookStore-FP 1.  Buatlah deskribsi studi kasus aplikasi ditinjau dari MVC nya(individu)           Deskripsi Studi Kasus Aplikasi Bookstore dengan MVC:           1. Model           Deskripsi: Model mewakili struktur data, logika bisnis, dan interaksi dengan database dalam aplikasi. Pada aplikasi toko buku, model dapat mencakup entitas seperti Buku, Kategori, Penulis, Pelanggan, dll.           Implementasi: Penggunaan Entity Framework atau ORM (Object-Relational Mapping) untuk memetakan entitas ke dalam basis data. Berbagai kelas atau model akan digunakan untuk mewakili tabel-tabel dan hubungan dalam database.    ...
Read more

PBKK: TUGAS 3.1

Image
Nama     : Shazia Ingeyla Naveeda NRP         : 5025211203 Kelas     : PBKK (B) Membuat Windows Presentation Foundation Link Code :  Github Deskripsi Tugas:           Pada tugas Pemrograman Berbasis Kerangka Kerja membuat aplikasi sederhana yang memiliki fungsi untuk menyimpan nama (string) dan menampilkan string tersebut. Program ini dibuat dengan bahasa pemrograman C# , WPF, dan .NET Framework. Berikut saya lampirkan dokumentasi program beserta hasil yang didapatkan oleh program:  Dokumentasi: Latihan WPF - Dashboard Deskripsi Tugas:    Pada tugas latihan WPF ini diminta untuk mengembangkan sebuah aplikasi sederhana menggunakan bahasa pemrograman C# serta framework WPF. Aplikasi yang dibuat merupakan dashboard sederhana menggunakan bahasa pemrograman C# berbasis WPF.  Windows Presentation Foundation (WPF) dalam ekosistem .NET adalah sebuah kerangka kerja pengembangan aplikasi desktop ya...
Read more