Tugas Membuat Halaman Simple Login

 Tugas Membuat Halaman Simple Login

Nama : Rycahaya Sri Hutomo
NRP : 5025201046
Kelas : Pemrograman Perangkat Bergerak B
Tahun : 2024

Membuat Project

1. Di Android Studio, klik File > New > New Project.
2. Dalam dialog New Project, pilih Empty Activity, lalu klik Next.
3. Di kolom Name, masukkan MyLogin.
4. Di kolom Minimum SDK, pilih API level minimum 26 (Oreo) dari menu, lalu klik Finish.


Mengubah Struktur Kode Contoh

1. Hapus fungsi Greeting dan Greeting Preview.


2. Pada class MainActivity, hapus MyLoginTheme.



Membuat File Kotlin

1. Klik kanan pada folder com.example.mylogin, pilih New, pilih Kotlin Class/File.



2. Beri nama LoginScreen dan pilih File, kemudian tekan Enter pada keyboard.



Menulis Kode di file Kotlin LoginScreen.kt

1. Buat fungsi Composable LoginScreen di file LoginScreen.kt


2. Pada file MainActivity.kt panggil LoginScreen()


3. Copy gambar login, lalu paste di folder drawable (path: app/res/drawable).


4. Beri nama file, kemudian klik OK


4. Buat column yang berisi gambar login dan tulisan "Welcome Back" serta "Login to your account". 


5. Tambahkan variabel email dan password dalam fungsi LoginScreen. Letakkan sebelum Column.


6. Buat dua input field di dalam Column. Input field pertama berisi Email Address, lalu input field kedua berisi Password.


7. Buat button Login. Simpan email dan password yang diinput user ke dalam log.


8. Tambahkan tulisan "Forgot Password" yang dapat diklik.


9. Buat tulisan "Or sign in with".


10. Buat Row yang berisi logo facebook, google, dan twitter. Sebelumnya, tambahkan gambar facebook, google, dan twitter dengan cara yg sama seperti menambahkan gambar login.


Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Pertemuan 7 - Membuat Aplikasi Woof

Gambar
 Tugas Pertemuan 7 Membuat Aplikasi Woof Nama : Rycahaya Sri Hutomo NRP : 5025201046 Kelas : Pemrograman Perangkat Bergerak B Tahun : 2024 Deskripsi Singkat Aplikasi Aplikasi bernama Woof ini merupakan aplikasi yang menampilkan daftar anjing. Aplikasi ini menggunakan Desain Material untuk membuat pengalaman aplikasi yang menarik. Download Kode Awal Kode awal dapat diunduh melalui link berikut. Download Zip Kode Awal Mempelajari Kode Awal 1. Buka kode awal di Android Studio. 2. File com.example.woof > data > Dog.kt berisi Dog data class yang mewakili foto, nama, usia, dan hobi anjing, serta berisi daftar anjing dan informasi yang digunakan sebagai data di aplikasi. 3. Forder res > drawable berisi semua aset gambar termasuk ikon aplikasi, gambar anjing, dan ikon. 4. File res > values > strings.xml berisi string yang digunakan dalam aplikasi, termasuk nama aplikasi, nama anjing, deskripsinya, dan lainnya. 5. File MainActivity.kt berisi kode untuk membuat daftar sede...
Baca selengkapnya

Tugas Pertemuan 13 - Framework Flutter Namer App

Tugas Pertemuan 13 Framework Flutter Namer App Nama : Rycahaya Sri Hutomo NRP : 5025201046 Kelas : Pemrograman Perangkat Bergerak B Tahun : 2024 Preview Aplikasi Aplikasi ini menghasilkan nama yang terkesan keren, seperti "newstay", "lightstream", "mainbrake", atau "graypine". Pengguna dapat meminta nama berikutnya, memfavoritkan nama saat ini, dan meninjau daftar nama yang difavoritkan di halaman terpisah. Aplikasi ini responsif terhadap berbagai ukuran layar. pubspec.yaml name: namer_app description: A new Flutter project. publish_to: 'none' # Remove this line if you wish to publish to pub.dev version: 0.0 . 1 + 1 environment: sdk: '>=2.19.4 <4.0.0' dependencies: flutter: sdk: flutter english_words: ^ 4.0 . 0 provider: ^ 6.0 . 0 dev_dependencies: flutter_test: sdk: flutter flutter_lints: ^ 2.0 . 0 flutter: uses - material - design: true analysis_option.yaml inc...
Baca selengkapnya

Evaluasi Akhir Semester PPB B

Gambar
 Evaluasi Tengah Semester Studi Kasus Mitra i.saku Nama: Rycahaya Sri Hutomo NRP: 5025201046 Kelas: Pemrograman Perangkat Bergerak B Tahun: 2024 Deskripsi Singkat mitra i.saku mitra i.saku adalah aplikasi uang elektronik yang memfasilitasi transaksi antara merchant (pemilik bisnis) dengan customer (pelanggan). Google Docs Soal dan Jawaban   Link Google Docs 1. Use Case dan User Flow dari Aplikasi Use case Semua aktor yang terlibat dalam aplikasi mitra i.saku harus memiliki akun yang terdaftar. Aktor-aktor tersebut, antara lain: Merchant : pemilik bisnis Customer : pelanggan yang melakukan transaksi Admin : pengelola sistem mitra i.saku User flow Merchant Fokus utama pada studi kasus ini, yaitu pada aktor Merchant. Pengguna akan melihat halaman Masuk Akun. Jika pengguna belum memiliki akun, pengguna harus melakukan pendaftaran akun, lalu mengisi kode verifikasi. Kemudian, pengguna dapat masuk menggunakan akun terdaftar. Jika pengguna merupakan pengguna baru dan belum a...
Baca selengkapnya