Tugas 7 PPB D

 Tugas 7 PPB D

Halaman Login Sederhana

Nama : Charles

NRP : 5025211082

Kelas : PPB D

Pada tugas kali ini diminta untuk membuat halaman login sederhana. Untuk halaman login ini sendiri dapat dikerjakan mengikuti tutorial youtube https://www.youtube.com/watch?v=-Kj9T1sa6zk.


Kode ini semuanya ditulis didalam fungsi column agar bisa disusun perbaris setiap teks dan gambarnya.


Setelah itu terdapat image dan text yang ditampilkan sebagai penanda bahwa halaman ini berupa halaman login.


Kemudian terdapat text field untuk menyimpan email address dan pasword yang akan di ketik. Terdapat juga tombol button untuk login dan tombol ketika lupa password.



Terakhir terdapat alternatif login lain yang dapat ditampilkan menggunakan image dari alternatif tersebut.


Berikut merupakan preview fullnya



Untuk modifikasinya sendiri, saya ubah gambarnya sesuai preferensi sendiri, kemudian mengubah warna serta mengubahnya menjadi bahasa indonesia.




Link Presentasi : https://youtu.be/0Pw6eRs5ats
Link Github : https://github.com/lodaogos/Tugas_7_PPB_Charles



Comments

Post a Comment

Popular posts from this blog

Tugas 1 PPB D

Image
  Tugas 1 Infografis PPB D Charles - 5025211082 Evolusi Teknologi Perangkat Bergerak 1. 1970s-1990s Martin Cooper melakukan panggilan telepon seluler pertama menggunakan prototipe model Dynatac Motorola. Pada 1992 pengiriman pesan teks pertama yang berisi “ Merry Christmas ” terjadi. 2. 1990s-2000 Flip phone pertama yang ringan dan portabel menandai pergeseran desain ponsel. Nokia 3310 yang ikonik, terkenal dengan daya tahan yang kuat. 3. 2000s-2010 Peluncuran iPhone generasi pertama pada tahun 2007 menandai perubahan revolusioner yang beralih dari keyboard fisik ke antarmuka layar sentuh. 4. 2010s-2020 Perdebatan Apple vs. Android dimulai tahun 2008, peluncuran Samsung Galaxy S pada tahun 2010, menandai mulainya persaingan smartphone Sekitar 48.72% populasi global memiliki ponsel pintar pada masa ini. 5. 2020s-Sekarang Ponsel cerdas modern memiliki kinerja yang signifikan, dengan peningkatan memori, kamera HD, dan desain tahan lama yang menjadi standar. AI pada ponsel pintar menj...
Read more

Tugas 2 PPB

Image
Tugas 2 :  Membuat Aplikasi Hello Android Nama : Charles NRP : 5025211082 Kelas : PPB D Pada tugas 2 PPB ini diminta untuk membuak aplikasi sederhana yang dapat menampilkan hello. Untuk tugas ini diminta untuk mengikuti langkah-langkah yang ada di  https://developer.android.com/codelabs/jetpack-compose-basics?hl=id#0. Berikut merupakan hasil pengerjaan saya mengikuti langkah-langkah tersebut Pertama terdapat greeting preview yang merupakan sebuah preview untuk function greeting bisa dilihat hasilnya seperti di gambar. Di greeting preview ini terdapat dua tema, yang satunya dark theme kemudian yang satu lagi light theme. Kemudian terdapat juga onboarding screen yang merupakan screen yang pertama kali muncul ketika aplikasi dijalankan. Terakhir berikut merupakan full preview dari aplikasi ketika dijalankan secara interaktif. Pertama akan muncul onboarding screen dulu. Ketika continue di tekan akan muncul tampilan seperti dibawah. Kemudian untuk masing-masing tab nya bisa ditekan...
Read more

Tugas 5 PPB D

Image
 Tugas 5 PPB D Nama : Charles NRP : 5025211082 Kelas PPB D Pada pertemuan ini tugasnya berupa membuat aplikasi kalkulator menggunakan bahasa pemrograman kotlin di android studio. Untuk referensi yang digunakan kali ini adalah di sini  https://www.youtube.com/watch?v=HlE8MEtKBr0 . Cukup mengikuti dari referensi saja maka aplikasi kalkulatornya pun bisa dibuat. Berikut merupakan hasil pengerjaannya. Untuk kode lengkapnya sebagai berikut: package com.example.calculator import android.os.Bundle import android.widget.Toast import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.material3.Text import androidx.compose.ui.Modifier import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.width import androidx.compose.material3.Button import androidx.compose...
Read more