Studi Kasus - Halaman Login

Studi Kasus - Halaman Login

Moh. Ilham Fakhri Zamzami 
5025201275 
Kelas PPB B

Membuat Halaman Login

Pada pertemuan minggu ke-5 mata kuliah Pemrograman Perangkat Bergerak, kita membahas tentang Studi Kasus membuat halaman login. Langkah awal pembuatan aplikasi tentunya membuat proyek menggunakan activity kosong. Mengisi kolom Name dengan LoginPage, memilih level API minimum 24 (Nougat), kemudian mengklik tombol Finish. Selanjutnya, melakukan import Resource Drawable yang terdiri dari gambar login dan 3 gambar logo media sosial (Facebook, Google, dan X).


Berikut merupakan isi file MainActivity.kt dan file LoginPage.kt:


Fungsi LoginPage membuat tata letak halaman login dengan Jetpack Compose. Variabel email dan password menyimpan nilai yang dimasukkan pengguna, menggunakan remember dan mutableStateOf untuk pembaruan nilai. Tata letak diatur dalam Column dengan Alignment.CenterHorizontally. Ada Image untuk gambar login, dua Text untuk pesan sambutan dan instruksi login.

Dua OutlinedTextField digunakan untuk memasukkan email dan password, terhubung dengan variabel terkait. Tombol Button dengan teks Login menampilkan informasi email dan password di log saat ditekan. Ada teks Forgot Password yang dapat diklik, namun fungsinya belum diimplementasikan. Terdapat tiga Image untuk logo login sosial (Facebook, Google, platform X) yang dapat diklik, namun fungsinya belum diimplementasikan.

Fungsi LoginPage dipanggil di MainActivity.kt. Terakhir, aplikasi dijalankan dan berikut tampilan aplikasinya di perangkat Android.

 


Komentar

Posting Komentar

Postingan populer dari blog ini

Rancangan Aplikasi Bakery Shop - Sibabe

Gambar
Rancangan Aplikasi Bakery Shop - Sibabe Moh. Ilham Fakhri Zamzami  5025201275  Kelas PPB B Sibabe adalah singkatan dari Sistem Informasi Bima Bakery. Sibabe pada awalnya dirilis pada tahun 2022 berbentuk aplikasi web dengan tujuan untuk menyelesaikan tugas akhir mata kuliah Manajemen Proyek Perangkat Lunak. Dan berikut adalah rancangan aplikasi smartphone untuk sibabe. Aplikasi smartphone sibabe memiliki fitur utama berupa : 1. News and Event Pelanggan bisa melihat berita, event maupun promo yang diselenggarakan langsung oleh Bima Bakery 2. Daftar menu Pelanggan dapat melihat katalog maupun daftar mrnu yang tersedia dalam Toko Roti Bima Bakery 3. Login / Register Untuk melakukan pembelian, pelanggan diharapkan login dan memasukkan barang kedalam keranjang pemesanan peoduk. 4. Keranjang Halaman ini berfungsi untuk menyimpan produk yang akan dibeli oleh pelanggan sebelum melakukan pembayaran. 5. Checkout / Pembayaran Halaman ini digunakan untuk mengeksekusi pembayaran dan mengir...
Baca selengkapnya

Evaluasi Akhir Semester - PPB - B

Gambar
EVALUASI AKHIR SEMESTER Moh. Ilham Fakhri Zamzami  5025201275  Kelas PPB B Aplikasi Pocket Gambar diatas merupakan design UI Aplikasi Pocket yang telah saya buat untuk tugas pembuatan aplikasi sesuai ranah iSaku dalam memenuhi kebutuhan Evaluasi Akhir Semester saya.  Struktur Folder Pada gambar disamping merupakan struktur folder dari pengerjaan evaluasi akhir semester saya, saya menggunakan routes yang telah diinitialisasi pada app.dart untuk menavigasi semua page yang telah dibuat. Bagian tersulit dari app ini terdapat pada folder home, folder home terdiri dari banyak widget yang disatukan dalam satu page, sebisa mungkin saya menggunakan clean architecture untuk membuat seluruh code agar mudah dipahami. app.dart Dalam app.dart disetup untuk tiap route nya, kemudia navigasi routenya ditentukan untuk tiap folder pada folder  src ,   navigasi tersebut diatur sesuai keperluan yang telah ditetapkan untuk menciptakan Pocket App. isi lebih lengkapnya dapat diakses pa...
Baca selengkapnya

Activity dan Intent - Dessert Clicker

Gambar
Activity dan Intent - Dessert Clicker Moh. Ilham Fakhri Zamzami  5025201275  Kelas PPB B Membuat Aplikasi Dessert Clicker Pada pertemuan ini membahas tentang Activity dan Intent dalam pengembangan aplikasi perangkat lunak berbasis Android. Sebagai tugas latihan, kami diminta menjalankan aplikasi Dessert Clicker dan mempelajari metode siklus proses Activity dan Intent.  Pada aplikasi ini, setiap kali pengguna mengetuk makanan penutup di layar, aplikasi akan "membeli" makanan penutup untuk pengguna. Aplikasi mengupdate nilai dalam tata letak untuk:  - Jumlah makanan penutup yang dibeli - Total pendapatan untuk makanan penutup yang dibeli Perlu dilakukan penambahan log pada awal baris MainActivity.kt sebagai berikut: Hasil demo aplikasi dapat dilihat pada cuplikan berikut:
Baca selengkapnya