Wednesday, March 8, 2017

Layout

Pembuatan Layout Login
Layout adalah elemen container dalam user interface. Setiap kali kita mendefinisikan file xml
dengan user interface tertentu, kita perlu menggunakan elemen ini untuk membuat hierarky view. Ada
beberapa jenis layout, yaitu :
* LinearLayout
* AbsoluteLayout
* TableLayout
* RelativeLayout
* FrameLayout
* ScrollView

Bahan :
  1. Laptop os windows 32 bit
  2. adt-bundle-windows-x86
Langkah-langkah Pembuatan Layout :
  1. Buka folder adt-bundle-windows-x86, cari folder eclipse, dan runing eclipse.exe.
  2. Kemudian membuat aplikasi, disini saya bertujuan untuk membuat aplikasi Login (Layout). Caranya pilih file, new, android application project. Kemudian next dan isikan Aplication Name dengan nama aplikasi yang ingin anda buat, disini saya menamai aplikasi dengan nama saya sendiri, jika sudah, klik next untuk melanjutkan ke tahap selanjutnya.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\1.PNG

  1. Ini merupakan configurasi project, disini saya tidak merubah apapun, dan klik next untuk melanjutkan.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\2.PNG

  1. Ini merupakan pemilihan icon untuk aplikasi yang kita buat, pilih browser kemudian cari letak foto yang ingin di gunakan. Disini pula bisa untuk mengatur icon sebagai mana yang anda inginkan. Jika sudah klik next
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\3.PNG

  1. Memilih activity, disini anda diberikan pilihan untuk memilih activity, bisa dilihat pada gambar dibawah ini. Saya meilih Blank Activity, kemudian klik next untuk melanjutkan.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\4.PNG

  1. Memberikan nama dari activity yang akan dibuat, disini saya tidak merubahnya, dan klik finish.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\5.PNG

  1. Di activity_main saya buat tampilan seperti gambar bawah ini. Dimana ada name, password, loginm dan cancel. Ini merupakan tampilan yang akan muncul ketika aplikasi di runing.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\12.PNG

  1. Ini merupakan tampilan script dari activity_main.xml
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\13.PNG

  1. Untuk tampilan login sudah selesai dibuat, selanjutnya membuat form ketika login berhasil. Klik kanan di layout, kemudian pilih new, other.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\6.PNG

  1. Pilih Android XML Layout File, pilih next untuk melanjutkan
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\7.PNG

  1. Pemberian nama untuk layout ke dua. Klik finish jika sudah.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\8.PNG

  1. Kemudian membuat file java. Klik kanan di pakage aplikasi, pilih new, other, android activity, kemudian next.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\9.PNG
  1. Pilih blank activity, pilih next
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\10.PNG

  1. Pemberian nama untuk layout ke 2 .java. kemudian pilih finish.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\11.PNG

  1. Ini merupakan script dua.xml dan ini merupakan tampilan form layout ke dua.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\14.PNG

  1. Ini merupakan tampilan untuk form layout dua, tampilan ini akan tampil ketikan berhasil login.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\15.PNG

  1. Setelah di runing, program akan muncul seperti berikut, isikan name dan password kemudian pilih login.
E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\16.PNG

  1. Ini merupakan form/layout ke dua yang tampil ketika berhasil login.

E:\Hendra Agus\SEMESTER IV\Pemrograman Mobile 1\Laporan\17.PNG

Selesai sudah pembuatan Layout Login sederhananya…