Tugas 7 PPB A - Login Page

📚 TUGAS 7 PPB A

🔐 Aplikasi Login Page - Jetpack Compose

👤 Nama: Syomeron Ansell Widjaya
🆔 NRP: 5025211250
🏫 Kelas: Pemrograman Perangkat Bergerak A
📅 Tahun Ajaran: 2024/2025 (Semester Genap)
🔗 GitHub

📝 Deskripsi

Aplikasi ini adalah halaman login sederhana berbasis Jetpack Compose. Tugas ini bertujuan untuk memahami bagaimana membuat tampilan form login modern dengan fitur seperti flip animation, input validasi, dan navigasi antar halaman login dan sign up.

📦 Struktur Umum Program

  • 🧩 LoginScreen(): Tampilan utama yang menampilkan halaman login dan sign-up.
  • 📄 LoginCard(): Menampilkan form login lengkap dengan email, password, dan tombol login.
  • 🆕 SignUpCard(): Form pendaftaran untuk pengguna baru.

🎯 Fitur Unggulan

  • 🔄 Flip Animation: Transisi 3D antar halaman login dan registrasi.
  • 🔐 Input Email & Password dengan toggle visibility pada password.
  • ✅ Checkbox Remember Me dan syarat & ketentuan.
  • 📱 Login Sosial Media: Tombol login via Google & Facebook.
  • 🔁 Navigasi mudah antar form login & sign up.

📈 Alur Aplikasi

  1. 🔹 Saat aplikasi dibuka, pengguna melihat LoginScreen().
  2. 🔹 Pengguna dapat login atau berpindah ke halaman registrasi.
  3. 🔹 Saat tombol ditekan, dilakukan validasi input.
  4. 🔹 Jika data valid, pengguna diarahkan ke halaman berikutnya (misal: Dashboard).

🛠️ Penjelasan Teknis

🔹 LoginScreen()

  • Menangani tampilan dinamis antar login & sign-up.
  • Menggunakan animateFloatAsState untuk rotasi & graphicsLayer untuk efek 3D flip.

🔹 LoginCard()

  • Input: Email & Password (dengan ikon toggle visibility).
  • Fitur: Remember Me, Lupa Password, Login Sosial Media.
  • Tombol “Daftar” untuk berpindah ke halaman registrasi.

🔹 SignUpCard()

  • Form input: Nama, Email, Password, Konfirmasi Password.
  • Checkbox persetujuan kebijakan layanan.
  • Tombol “Create Account” dan link kembali ke login.

🎥 Preview Aplikasi



🎯 Ringkasan

Dengan memanfaatkan kekuatan deklaratif Jetpack Compose, aplikasi ini berhasil menyusun halaman login dan registrasi yang modern dan responsif. Flip animation yang halus membuat UX lebih menarik, dan struktur komponen terpisah memudahkan pengembangan dan pemeliharaan ke depan.

🚀 Selamat mencoba! Bangun UI yang interaktif dan elegan dengan Jetpack Compose! 💻📱

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 APSI : Requirement Definition

Definisi : Requirement definition adalah proses yang terlibat dalam mengidentifikasi, menggambarkan, dan mendokumentasikan kebutuhan atau persyaratan yang harus dipenuhi oleh suatu sistem, perangkat lunak, atau proyek. Ini melibatkan pemahaman mendalam tentang kebutuhan pengguna dan pemangku kepentingan, serta menggambarkannya dalam bentuk yang dapat dipahami oleh tim pengembangan atau implementasi. Fungsi : Fungsi utama requirement definition adalah untuk memastikan bahwa kebutuhan pengguna dan pemangku kepentingan dipahami dengan jelas dan dapat diimplementasikan dengan baik oleh tim pengembangan. Beberapa fungsi penting dari requirement definition adalah: 1. Menggambarkan kebutuhan dengan jelas: Requirement definition membantu dalam mengidentifikasi, menggambarkan, dan mendokumentasikan kebutuhan secara terperinci, sehingga tidak ada kebingungan atau ketidakjelasan dalam pemahaman. 2. Menyediakan panduan untuk pengembangan: Dokumen kebutuhan yang dihasilkan menjadi panduan bagi tim ...
Baca selengkapnya

Tugas 5 PPB A - Simple Calculator

📚 TUGAS 5 PPB A 🧮 Simple Calculator App 👤 Nama: Syomeron Ansell Widjaya 🆔 NRP: 5025211250 🏫 Kelas: Pemrograman Perangkat Bergerak A 📅 Tahun Ajaran: 2024/2025 (Semester Genap) 🔗 GitHub 📌 Deskripsi Simple Calculator adalah aplikasi kalkulator sederhana yang dibangun menggunakan Kotlin di Android Studio . Aplikasi ini memungkinkan pengguna untuk melakukan perhitungan aritmatika dasar secara cepat dan efisien. ✨ Fitur 🔢 Input dua angka dari pengguna. ➕ Penjumlahan ➖ Pengurangan ✖️ Perkalian ➗ Pembagian 📤 Menampilkan hasil langsung di layar. 🧩 Struktur File MainActivity.kt – Menangani logika perhitungan. activity_main.xml – Mengatur UI tampilan. strings.xml – Menyimpan teks aplikasi. ⚙️ Alur Kerja Aplikasi 📥 Pengguna melihat dua kolom input & tombol operasi. 🖊️ Masukkan dua angka. 🔘 Pilih operasi: +, -, ×, atau ÷. 🧠 Sistem memproses dan menghitung hasilnya. 📺 Hasil ditampil...
Baca selengkapnya

Evaluasi Akhir Semester PPB A

Gambar
📚 EAS PPB A 💵 Money Diary – Aplikasi Pencatatan Keuangan Pribadi 👤 Nama: Syomeron Ansell Widjaya 🆔 NRP: 5025211250 🏫 Kelas: Pemrograman Perangkat Bergerak A 📅 Tahun Ajaran: 2024/2025 (Semester Genap) 📝 Deskripsi Singkat Proyek 💰 Money Diary adalah aplikasi Android sederhana untuk mencatat dan melacak pengeluaran serta pemasukan harian. 🔹 Tema: Pencatatan Keuangan Pribadi 🎯 Tujuan: Membantu pengguna memahami alur uang mereka dengan mencatat setiap transaksi 🧾 👥 Target Pengguna: Pelajar 🎓, karyawan 👨‍💼, ibu rumah tangga 👩‍👧‍👦, dan siapa pun yang ingin bijak secara finansial ✅ Fitur Utama 🔐 Login & Register: Akses akun secara aman 📊 Dashboard Ringkasan: Lihat total pemasukan & pengeluaran ➕ Tambah Transaksi: Input jumlah, kategori, tanggal & catatan ✏️ Edit & Hapus: Kelola transaksi sesuai kebutuhan 📄 Detail Transaksi: Informasi lengkap se...
Baca selengkapnya