LAPORAN
“PEMOGRAMAN
PERANGKAT BERGERAK”
Dosen Pembimbing
Sri Nofri
Wihandari S.pd
Disusun oleh
Cici gusmawati
14202013
PRODI REKAYASA PERANGKAT LUNAK
AKADEMI KOMUNITAS NEGERI PADANG PARIAMAN
2015
A. Landasan Teori
Pada
pertemuan ke-3 ini kita akan membuat program android dengan Widget. Widget merupakan dasar sub kelas dari Kelas
View. Widget berfungsi untuk memberikan suatu proses pada aplikasi hasil dari
aksi yang dilakukan pengguna (memilih menu, setting, mengklik tombol Start atau
Exit.
Terdapat
beberapa tipe dari interaksi dengan pengguna tersebut yaitu melakukan suatu
proses, pengeditan ataupun untuk menampilan informasi saja. Tipe-tipe tersebut
meliputi:
a.
TextView
b.
Button
c.
EditText
d.
ChecBox
e.
RadioButton
Agar
lebih jelas berikut ini akan diuraikan langkah kerja membuat project baru
dengan menggunakan widget.
B. Langkah Kerja
a.
Langkah pertama yang kita lakukan yaitu buka aplikasi eclips kemudian pilih file→New→project, seperti tampilan
berikut:
b.
Kemudian pilih Android Project→next
c.
Pada kolom Project Name tuliskan nama project yang akan dibuat kemudian Next seperti berikut:
d.
Selanjutnya pilih Adroid 2.2→Next
e.
Selanjutnya kita tuiskan Package
Name→Finish seperti berikut ini:
f.
Kemudian pada Package Explorer kita pilih res→layout→main.xml, seperti berikut ini:
g.
Selanjutnya kita pilih Graphical Layout (paling bawah) untuk mendesain
tampilan yang kita inginkan.
h.
Kemudian akan muncul tampilan berikut ini:
i.
Kemudian kita buat tampilan seperti berikut ini:
j.
Pada tampilan tersebut kita atur property pada tiap-tiap view, berikut
tampilannya:
No
|
Tipe View
|
Properti
|
Nilai
|
1
|
TextView
|
Id
|
@+id/textDepan
|
Text
|
Nama Depan
|
||
Typeface
|
Monospace
|
||
textSize
|
24dp
|
||
textStyle
|
Bold
|
||
2
|
EditText (Plain Text)
|
Id
|
@+id/editDepan
|
typeFace
|
monospace
|
||
textSize
|
24dp
|
||
3
|
TextView
|
id
|
@+id/textBelakang
|
text
|
Nama Belakang
|
||
typeFace
|
monospace
|
||
textSize
|
24dp
|
||
textStyle
|
Bold
|
||
4
|
EditText (Plain Text)
|
id
|
@+id/editBelakang
|
typeFace
|
Monospace
|
||
textSize
|
24dp
|
||
5
|
TextView
|
id
|
@+id/textNomor
|
text
|
Nomor Telepon
|
||
Typeface
|
Monospace
|
||
textSize
|
24dp
|
||
textStyle
|
Bold
|
||
6
|
EditText (Plain Text)
|
id
|
@+id/editNomor
|
typeFace
|
Monospace
|
||
textSize
|
24dp
|
||
7
|
TextView
|
id
|
@+id/textWarga
|
text
|
Kewarganegaraan
|
||
Typeface
|
Monospace
|
||
textSize
|
24dp
|
||
textStyle
|
Bold
|
||
8
|
RadioGroup
|
||
a.
RadioButton
|
id
|
radioWni
|
|
text
|
WNI
|
||
b.
RadioButton
|
id
|
radioWna
|
|
text
|
WNA
|
||
9
|
TextView
|
id
|
@+id/textBakat
|
text
|
Bakat
|
||
Typeface
|
Monospace
|
||
textSize
|
24dp
|
||
textStyle
|
Bold
|
||
10
|
CheckBox
|
id
|
checkBernyanyi
|
text
|
Bernyanyi
|
||
11
|
CheckBox
|
id
|
checkMenari
|
text
|
Menari
|
||
12
|
CheckBox
|
id
|
checkMain
|
text
|
Memainkan Alat Musik
|
||
13
|
Button
|
id
|
btnTampil
|
text
|
Tampil
|
k.
Setelah selesai mengedit property selanjutnya kita buka main.xml maka
source kode akan sesuai dengan nilai yang telah kita tentukan pada property
sebelumnya, seperti berikut ini:
l.
Setelah selesai pada source kode kita jalankan program dengan menekan ctrl+F11, kemudian pilih Android Aplication pada tampilan
berikut ini:
m.
Pada tampilan tersebut kita pilih OK,
maka akan muncul tampilan berikut ini:
n.
Pada hasil yang
ditampilkan tidak terlihat bahwa, ukuran layar secara vertical tidak cukup
untuk menampilkan seluruh obyek view yang ada. Solusinya adalah dengan
menambahkan Scroll untuk menggulung layar kearah vertical.
o.
Caranya kita buka kembali main.xml dan tambahkan
ScrollView berikut ini:
p.
Selanjutnya kita tuliskan source kode pada BiodataActivity seperti
berikut ini:
q.
Kemudian kita jalankan program dengan tekan ctrl+F11, maka akan muncul hasil seperti berikut ini:
r.
Karena tampilan obyek view tidak terlihat kita telah menambah ScrollView
maka kita klik tombol bawah seperti berikut ini:
s.
Maka akan muncul tampilan berikut, kemudian kita klik Tampil untuk menampilkan data yang
telah kita tuliskan sebelumnya
t.
Kita klik tombol Tampil, maka akan muncu tampilan berikut:
u.
Demikianlah hasil akhir dari tampilan android yang telah dibuat.
Tidak ada komentar:
Posting Komentar