PEMROGRAMAN MOBILE PRAKTIKUM 5 TUTORIAL LAYOUT MANAGER

Disusun oleh :

CYNTHIA STEFFI CLIFF 12.12.0037 SI 12 A http://cliffnewbie.wordpress.com/

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM PURWOKERTO Jl. Let. Jend. Pol. Sumarto, Purwokerto Utara 2013

BAB I PENDAHULUAN

1. Rumusan Masalah Dalam praktikum satu ini dapat dirumuskan masalah bahwa : a. Bagaimana pembuatan program untuk membuat layout pada eclipse? b. Bagaimana hasil pengaplikasian dari praktikum 5 tentang layout?

2. Batasan Masalah Adapun batasan masalah pada praktikum layout yang dapat kita ketahui, yaitu : a. Tahapan pembuatan aplikasi layout manager pada eclipse. b. Hasil aplikasi sederhana dari praktikum 5 tentang layout manager.

3. Tujuan Adapun tujuan dari pembuatan aplikasi sederhana dengan eclipse, diantaranya : a. Mengetahui pemrograman mobile dengan aplikasi eclipse. b. Menambah nilai tugas dalam laporan praktikum. c. Dapat membuat dan menjalankan aplikasi yang dibuat dengan baik dan benar.

BAB II LANDASAN TEORI

1. Layout Manager Untuk meletakan komponen (view) pada layar, android menggunakan layout manager. Jenis layout manager: 1. Absolute Layout, 2. Relative Layout, 3. Linear Layout, 4. Table Layout, 5. Frame Layout.

Tiap jenis layout tersebut akan dijelaskan menggunakan contoh program android. Berikut ini penjelasan masing-masing layout tersebut: a) Absolute Layout Absolute layout didasarkan pada ide pada sederhana posisi dengan absolut.

menempatkan masing-masing kontrol

Penentuan koordinat x dan y pada layar untuk setiap kontrol.

b) Relative Layout RelativeLayout mengatur posisi secara relatif berdasarkan

posisi widget yang lain atau parentnya. Hal ini bisa dibilang tata letak yang rumit , dan kita perlu beberapa properti untuk benarbenar mendapatkan tata letak yang kita inginkan.

c) Linear Layout Tata letak linear mengatur elemen sepanjang garis tunggal. Menentukan apakah garis yang menggunakan android: orientasi. vertikal atau horizontal

d) Table Layout TableLayout meletakan komponen dalam bentuk tabel (baris dan kolom), mirip seperti Table yang digunakan di HTML untuk mengatur layout. Pengguna mendefinisikan baris dengan tag <TableRow> dan secara otomatis sistem mendefinisikan kolomnya. Penentuan bahwa elemen harus menempati lebih dari satu kolom menggunakan android: layout_span. Hal ini dapat

meningkatkan jumlah total kolom juga, jadi jika kita memiliki baris dengan dua elemen dan setiap elemen memiliki android: layout_span = "3" maka akan memiliki setidaknya enam kolom dalam tabel. Kolom dimulai dari nol.

e) Frame Layout Framelayout digunakan untuk menampilkan satu komponen. Jika ada lebih dari satu widget, bertumpuk. di dalam maka akan ditampilkan secara

Kita bisa menambahkan layout lain sebagai child frame dua layout. Contoh untuk deklarasi file image berikut telah

menampilkan

ImageView

(pastikan

disimpan di direktori : project]/res/drawable-xxhdpi,

BAB III PEMBAHASAN

A. Tutorial Membuat Layout Manager Sederhana

2. Buat sebuah class java baru pada folder src package di klik kanan class beri nama class tersebut sesuai keinginan dan yang pasti nama jangan terlalu susah karena untuk nama juga pada kode .xml yang akan dibuat juga. Buat class java dengan nama ViewDaftar dan ViewGambar.

3. Setelah itu, ke tab Grapichal Layout untuk mengatur tampilan yang diperlukan. Dengan menambahkan large, button, dan gambar. Atur bagian-bagiantersebut seperti biasa dengan mengatur nama string dan id tersebut. Berikut merupakan contoh dari aturan dari large untuk mengatur nama stringnya.

4. Ini merupakan untuk mengatur id nama pada text atau button yang ingin diberi id dengan cara klik kanan apa yang ingin diberi id.

5. Buatlah kelas .xml baru pada folder layout klik kanan pilih xml

6. Setelah membuat android xml file dengan nama viewdaftar dan viewgambar dilanjutkan dengan mengatur tampilan untuk view daftar. Double klik pada viewdaftar pada viewdaftar.xml untuk mengatur tampilan. Tambahkan beberapa text dan button pada graphical layout dan atur masin-masing tiap text ataupun button.

7. Setelah semua sudah diatur dalam viewdaftar.xml dilanjutkan double klik pada viewgambar.xml. Beri sebuah gambar dengan cara klik drag drop menu pallete pilih media dan drag drop image button. Pilih gambar sesuai keinginan.

8. Lelu kembali ke projek pada java. Double klik main activity.java. Buatlah program di dalam class tersebut seperti berikut.

Gambar program bagian satu

Gambar program bagian dua (lanjutan dari program satu dia atas)

9. Klik file ViewDaftar.java dan tambahkan program seperti berikut.

10. Tambahkan juga program pada ViewGambar.java seperti berikut.

11. Klik android manifest pada folder res. Edit program tersebut seperti berikut agar dapat memanggil class lain.

12. Catatan : jangan lupa setelah membuat program disetiap class ataupun menambahkan widget di save all. Jalankan program tersebut setelah memilih device emulatornya. Berikut hasil dari praktikum memanggil layout.

Ini merupakan tampilan Daftar setelah tombol daftar di klik.

Dan ini merupakan tampilan ketika tombol lihat gambar.

B. Tutorial Membuat Layout Manager Pada Button Dalam praktikum 5 kali ini dapat kita ketahui bahwa adanya tugasdalam pembuatan layout manager pada button. Berikut tutorialnya. 1. Buka eclipse file new project android beri nama project seperti biasanya.

2. Kemudian next pada tombol hingga nanti kita akan memilih symbol pada aplikasi yang akan kita buat. Berikut contohnya.

3. Buatlah kode program pada folder layout activity_main.xml masukan kode program untuk mengatur pada ukuran tombol. Bias juga kita gunakan dengan pada tab graphical layout dengan drag drop button secara cepat, namun di sini kita beri kode saja pada activity_main.xml saja agar tidak membingunkan. Berikut merupakan kodenya.

activity_main.xml

Lanjutan dari kode program activity_main.xml

Lanjutan dari kode program activity_main.xml 4. Buatlah juga device pada emulator yang akan kita gunakan. Pilih ukuran layar pada emulator kemudian pilih start lunch tunggu emulator bekerja dan perlu kesabaran karena cukup lama.

5. Apabila sudah muncul menu emulator android maka akan muncul symbol seperti berikut.

6. Berikut hasil praktikum 5 tentang layout manager.

BAB IV KESIMPULAN

Untuk meletakan komponen (view) pada layar, android menggunakan layout manager. Jenis layout manager: 1. Absolute Layout, didasarkan pada ide sederhana dengan menempatkan masing-masing kontrol pada posisi absolut. Penentuan koordinat x dan y pada layar untuk setiap kontrol.

2. Relative Layout, mengatur posisi secara relatif berdasarkan posisi widget yang lain atau parentnya. Hal ini bisa dibilang tata letak yang rumit , dan kita perlu beberapa properti untuk benar-benar mendapatkan tata letak yang kita inginkan.

3. Linear Layout, Tata letak linear mengatur elemen sepanjang garis tunggal. Menentukan apakah garis yang vertikal atau horizontal menggunakan android: orientasi.

4. Table Layout, TableLayout meletakan komponen dalam bentuk tabel (baris dan kolom), mirip seperti Table yang digunakan di HTML untuk mengatur layout. Pengguna mendefinisikan baris dengan tag <TableRow>