PPB - Pertemuan 07 - Tugas 01

Nama: Hammuda Arsyad

NRP: 5025211146

Kelas: PPB G

Membuat Halaman Simple Login




    Kode LoginScreen ini menampilkan implementasi layout antarmuka login menggunakan Jetpack Compose dengan penekanan pada penyusunan komponen UI secara vertikal menggunakan Column. Komponen disusun dengan Arrangement.Center dan Alignment.CenterHorizontally, membuat semua elemen terletak di tengah layar. Gambar (Image) ditampilkan di atas sebagai header visual, diikuti oleh dua teks (Text) untuk sambutan. Input field untuk email dan password dibuat menggunakan OutlinedTextField, dengan PasswordVisualTransformation untuk menyembunyikan teks password. Spasi antar komponen diatur menggunakan Spacer dengan nilai dp berbeda untuk menjaga keteraturan tata letak. Tombol login (Button) menampilkan teks dan melakukan logging saat diklik. Setelah itu terdapat teks klikabel "Forgot Password", lalu bagian login alternatif menggunakan teks dan tiga ikon media sosial (Facebook, Google, Twitter) yang disusun secara horizontal dengan Row dan Arrangement.SpaceEvenly. Semua komponen diposisikan dan distilisasi menggunakan Modifier, menunjukkan bagaimana Jetpack Compose memungkinkan pengaturan UI yang fleksibel dan deklaratif.

Dokumentasi:






sourcecode: https://github.com/H-mD/login-page-app

Comments

Post a Comment

Popular posts from this blog

Latihan 1 PBKK

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PBKK A Pada pertemuan ke-2 PBKK, diberikan tugas untuk melakukan 2 tutorial pembuatan aplikasi winforms yang sudah disediakan oleh dosen  1. Aplikasi winforms kalkulator sederhana menggunakan .NET Core  link project:  GitHub link referensi:  https://youtu.be/ezkqjNuMGis?si=OmdHZHmp0qXTSfHU 2. Aplikasi winforms Webcam Capture menggunakan .NET Core dan AForge.NET framework link project: GitHub link referensi:  https://youtu.be/HUiV10g1VLU?si=U94wUeL_pfj0z296
Read more

PPB - Pertemuan 04 - Tugas 01

Image
Nama: Hammuda Arsyad NRP: 5025211146 Kelas: PPB G Membuat aplikasi Dice Roller interaktif onCreate(): Fungsi OnCreate() adalah fungsi utama dari project kotlin yang akan di eksekusi ketika palikasi dibuka. Fungsi ini akan memanggil Modifier.DiceRollerApp() untuk menginisiasi pengacakan dadu. DiceRollerApp(): Fungsi DiceRollerApp() merupakan fungsi penghubung antara onCreate() dan DiceWithButtonAndImage() dengan anotasi Preview agar dapat digunakan untuk mendesain tampilan pada tahap development. DiceWithButtonAndImage(): Fungsi DiceWithButtonAndImage() merupakan logic utama dari aplikasi ini. Fungsi ini akan menampilkan secara acak gambar-gambar dadu dari 1 sampai 6 yang sudah di import ke resource project. Pemilihan angka di buat menggunakan random() dan dihubungkan ke dalam kelas Button(). Kelas Image() dan Button() dihubungkan dengan variable imageResource yang berisi pilihan image berdasarkan variable resource yang dihasilkan oleh randomizer di dalam Button. strings.xml: Ditamb...
Read more

PBKK - Pertemuan 16 - Final Project Pemrograman Berbasis Kerangka Kerja

Image
N ama: Hammuda Arsyad NRP: 5025211146 Kelas: PBKK A Final Project Pemrograman Berbasis Kerangka Kerja Cari paper yang berhubungan dengan aktivitas pembuatan perangkat lunak/ aplikasi menggunakan framework. Link Paper:  http://janitra.org/index.php/home/article/view/144/19 Berdasarkan referensi yang sudah didapatkan, 1. Buatlah deskribsi studi kasus aplikasi ditinjau dari MVC nya(individu) Model :       Bertindak menjadi pengelola data dan logika bisnis utama aplikasi. Didalamnya  akan terdapat fungsi-fungsi yang digunakan untuk mengakses dan memanipulasi data yang terkait dengan user, produk, diskon, transaksi, poin, dan data-data lain yang disimpan dalam tiap-tiap tabel pada database View :       Bertindak untuk menampilkan data data kepada pengguna dan juga mengumpulkan input dari pengguna. Dalam referensi diatas juga diperlihatkan bahwa view nantinya dapat menampilkan detail produk, detail transaksi, pembayaran, form registrasi d...
Read more