Tuesday, February 2, 2021

Aplikasi Kehadiran Scan QRCode Android #6 - Layout Login

Melanjutkan postingan Aplikasi Kehadiran Scan QRCode Android #5 , pada postingan kali ini kita akan fokuskan kepada layouting untuk login, diharapkan sudah terinstall Android Studionya di komputer atau laptopnya masing-masing.

1. Membuat Proyek Baru

Buatlah proyek baru dengan nama com.ekaperintis.presensi atau disesuaikan dengan keinginan masing-masing.

2. Membuat Layout Login

Buatlah file xml baru untuk tampilan login seperti di bawah ini, dan beri nama login.xml, silahkan ikut tulis ulang kode xml untuk membuat tampilan login.

 

3. Download Image Logo

Silahkan download image logo.png di bawah ini dan save ke folder drawable di dalam folder scr proyek masing-masing.

4. Membuat background login dengan nama file bg_login.xml dan disimpan di folder drawable

 

5. Edit file MainActivity.java

Untuk keperluan testing kita perlu melakukan penyesuaian code program di file main_activity.java agar layout bisa terlihat saat kita tes di emulator ataupun di real devicenya, perhatikan baris kode program yang harus kita sesuaikan.


6. Tes Layout Login

Jalankan Emulator Androidnya untuk tes layout yang sudah kita buat, bisa dengan emulator bawaan android studionya atau dengan memakai genymotion dan atau bisa langsung kita tes ke real devicenya dengan catatan HP Android sudah terhubung dengan menggunakan kabel data.

Praktikum Tutorial



No comments:

Post a Comment