Tugas 4

-

 Nama : Heru Dwi Kurniawan

Nrp : 5025211055

Kelas : PBB B 


TUGAS 4 Membuat Aplikasi Login Screen


Dalam proyek ini, kita akan mengembangkan sebuah layar login untuk aplikasi Android. Layar ini akan meminta pengguna untuk menginputkan alamat email dan kata sandi mereka. Selain itu, layar ini akan menampilkan sebuah tombol untuk melakukan login, serta sebuah opsi "Forgot Password?" yang dapat digunakan jika pengguna lupa kata sandi mereka. Kami juga akan menyediakan pilihan untuk login menggunakan akun dari platform pihak ketiga seperti Gmail, Facebook, X.com, dan GitHub.


Berikut langkah-langkah untuk membuat proyek baru di Android Studio:

1. Buka Android Studio dan pilih opsi "File" > "New" > "New Project".
2. Dalam jendela dialog "New Project", pilih "Empty Activity", kemudian klik "Next".
3. Isi kolom "Name" dengan "MyLogin".
4. Pilih API level minimum 26 (Oreo) dari daftar yang tersedia di kolom "Minimum SDK", lalu klik "Finish".


package com.example.userauthentication

import android.util.Log
import androidx.compose.foundation.Image
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.material3.Button
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.input.PasswordVisualTransformation
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
fun SignInScreen() {

    var emailAddress by remember { mutableStateOf("") }
    var userPassword by remember { mutableStateOf("") }

    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Image(
            painter = painterResource(id = R.drawable.a),
            contentDescription = "Login Image",
            modifier = Modifier.size(300.dp)
        )

        Text(text = "Welcome Back", fontSize = 28.sp, fontWeight = FontWeight.Bold)

        Spacer(modifier = Modifier.height(4.dp))

        Text(text = "Log in to Your Account")

        Spacer(modifier = Modifier.height(16.dp))

        OutlinedTextField(
            value = emailAddress,
            onValueChange = { emailAddress = it },
            label = { Text(text = "Email address") }
        )

        Spacer(modifier = Modifier.height(16.dp))

        OutlinedTextField(
            value = userPassword,
            onValueChange = { userPassword = it },
            label = { Text(text = "Password") },
            visualTransformation = PasswordVisualTransformation()
        )

        Spacer(modifier = Modifier.height(16.dp))

        Button(onClick = {
            Log.i("Credentials", "Email: $emailAddress Password: $userPassword")
        }) {
            Text(text = "Log In")
        }

        Spacer(modifier = Modifier.height(32.dp))

        Text(
            text = "Forgot password?",
            modifier = Modifier.clickable {
                // Handle forgot password click
            }
        )

        Spacer(modifier = Modifier.height(32.dp))
        
        Text(text = "Or sign in with")

        Row(
            modifier = Modifier.fillMaxWidth(),
            horizontalArrangement = Arrangement.SpaceEvenly
        ) {
            Image(
                painter = painterResource(id = R.drawable.facebook),
                contentDescription = "Facebook",
                modifier = Modifier
                    .size(60.dp)
                    .clickable {
                        // Handle Facebook login click
                    }
            )

            Image(
                painter = painterResource(id = R.drawable.google),
                contentDescription = "Google",
                modifier = Modifier
                    .size(60.dp)
                    .clickable {
                        // Handle Google login click
                    }
            )

            Image(
                painter = painterResource(id = R.drawable.twitter),
                contentDescription = "Twitter/X",
                modifier = Modifier
                    .size(60.dp)
                    .clickable {
                        // Handle Twitter login click
                    }
            )
        }
    }
}


Hasil : 



Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Apsi 1 ( APSI E )

-
Gambar
                TUGAS APSI 1 SISTEM INFORMASI                            Nama : Heru Dwi Kurniawan        Kelas : APSI E        NRP : 5025211055          1.    Deskripsikan sistem informasi Sistem informasi adalah seperangkat komponen yang terintegrasi untuk mengumpulkan, menyimpan, dan memproses data dan untuk menyediakan informasi, pengetahuan, dan produk digital atau sebuah sistem yang menyediakan informasi untuk manajemen dalam mengambil keputusan dan juga untuk melaksanakan operasional perusahaan, di mana sistem tersebut merupakan sekumpulan dari orang-orang, teknologi informasi dan prosedur-prosedur yang tergorganisir secara tepat.  a. Analisis Aset Tetap Sebelum ke pembahasan mengenai pengertian Aset Tetap, alangkah baiknya menonton video pembahasan mengenai materi Sistem Akuntansi Analisi...
Baca selengkapnya

Tugas 1 - PBB B

-
Nama       : Heru Dwi Kurniawan NRP         : 5025211055 Kelas       : PBB B Tugas 1 PBB  Redeign Aplikasi Mobile  Redesain E-wallet OVO merupakan langkah revolusioner yang menggabungkan kepraktisan dengan antarmuka yang modern dan menarik. Dengan tampilan yang bersih dan responsif, pengguna akan merasakan pengalaman yang lebih menyenangkan dan mudah dalam mengelola keuangan digital mereka. Antarmuka Utama: 1. Desain Minimalis dan Bersih: E-wallet OVO yang baru memiliki tata letak yang sederhana namun elegan, memastikan pengalaman pengguna yang intuitif dan mudah dipahami. 2. Warna yang Menyenangkan: Palet warna yang diperbarui menciptakan atmosfer yang positif dan energik, menampilkan kombinasi warna yang cerah namun lembut sehingga menciptakan daya tarik visual yang kuat. 3. Ikon Modern dan Konsisten: Ikon-ikon yang dirancang ulang memiliki gaya modern yang konsisten, membantu pengguna mengidentifikasi fungsi dan fitur dengan...
Baca selengkapnya

Tugas 2

-
Gambar
 Nama      : Heru Dwi Kurniawan NRP         : 5025211055 KELAS      : PPB B Android Studio Happy Birthday App Deskripsi App "Happy Birthday App" adalah sebuah aplikasi mobile yang memungkinkan pengguna untuk merayakan ulang tahun teman, keluarga, atau orang yang mereka cintai dengan cara yang istimewa. Dengan antarmuka yang ramah pengguna dan fitur-fitur yang menyenangkan, pengguna dapat mengirimkan ucapan ulang tahun yang personal dan unik, seperti kartu ucapan digital yang dapat disesuaikan dengan gambar, teks, dan efek suara. Aplikasi ini juga menyediakan fitur untuk membuat daftar keinginan atau tugas spesial untuk hari ulang tahun yang bisa dibagikan dengan teman atau keluarga. Dengan "Happy Birthday App", momen spesial ulang tahun menjadi lebih berkesan dan menyenangkan. package com.example.happybirthdayappnadya import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent...
Baca selengkapnya