Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
onListItemClick yang ada pada class List Activity, method ini akan dipanggil
apabilai ada salah satu item dari list menu yang dipilih. Intent digunakan untuk sebagai pengenal suatu activity. Untuk mengetahui lanjutan program, lihat pada
lampiran Potongan Kode Program Hukum Nun Sukun dan Tanwin Adapun hasilnya seperti pada Gambar 4.11.
Gambar 4.11 Implementasi Nun Sukun dan Tanwin
4.2.6 Penulisan Kode Program Materi Hukum
Nun Sukun dan Tanwin
Berdasarkan perancangan yang telah dibahas pada pembahasan sebelumnya, terdapat menu nun sukun dan tanwin yang mempunyai materi tajwid
yaitu terdiri dari Izhar Halqi, Izhar Wajid, Idgham Bighunnah, Idgham Bilaghunnah, Iqlab, Ikhfa’ haqiqi
. Untuk membuat tampilan dari materi hukum nun sukun dan tanwin menggunakan layout XML yang terdapat pada java
platform android. Adapun cuplikan kode dari salah satu contoh dari materi tajwid
hukum nun sukun dan tanwin sebagai berikut seperti pada Gambar 4.12.
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
?xml version=1.0 encoding=utf-8? ScrollView xmlns:android=http:schemas.android.comapkresandroid
android:id=+idScrollView01 android:layout_width=match_parent
android:layout_height=match_parent RelativeLayout
xmlns:android=http:schemas.android.comapkresandroid android:id=+idlayar
android:layout_width=match_parent android:layout_height=match_parent
android:fadingEdge=vertical android:scrollbars=vertical
AbsoluteLayout xmlns:android=http:schemas.android.comapkresandroid
android:id=+idlayar2 android:layout_width=wrap_content
android:layout_height=wrap_content android:layout_alignParentLeft=true
android:layout_alignParentTop=true android:background=drawablebg2
android:fadingEdge=vertical android:scrollbars=vertical
ImageButton android:id=+idbutton1
android:layout_width=106dp android:layout_height=wrap_content
android:layout_x=17dp android:layout_y=208dp
android:src=drawablecthhalqi1 ImageButton
android:id=+idbutton2 android:layout_width=wrap_content
android:layout_height=wrap_content android:layout_x=18dp
android:layout_y=290dp android:src=drawablecthhalqi2
Gambar 4.12 Kode Program Layout Materi Izhar Halqi
Pada Gambar 4.12 di atas dapat dijelaskan sebagai kode layout XML dari tampilan salah satu materi dari hukum nun sukun dan tanwin yaitu Izhar Halqi, terdapat
ScroolView yang mempunyai fungsi sebagai penggunaan scrool pada layar,
terdapat juga AbsoluteLayout dan RelativeLayout. AbsoluteLayout mempunyai fungsi sebagai tampilan yang mengatur posisi sesuai posisi x dan y dari widget
yang ada didalamnya, sehingga penempatan posisi dari tampilan dapat diatur secara pasti. RelativeLayout mempunyai fungsi yang tidak jauh berbeda dengan
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
AbsoluteLayout , yang membekan adalah RelativeLayout ini biasa digunakan
sebagai untuk membuat tampilan yang lebih umum yang dapat diatur sesuai keinginan sehingga dapat dibuka dengan baik di segala resolusi ponsel android.
ImageView dan ImageButton di atas mempunyai fungsi sebagai menampilkan
gambar dan gambar button. TextView berfungsi untuk menampilkan text. Untuk mengetahui lanjutan kode program, lihat lampiran Potongan Kode Program
Layout Materi Izhar Halqi.
public class Nun1 extends Activity { private MediaPlayer player;
private ImageButton button1; private ImageButton button2;
private ImageButton button3; private ImageButton button4;
private ImageButton button5; Called when the activity is first created.
Override public void onCreateBundle savedInstanceState {
super.onCreatesavedInstanceState; setContentViewR.layout.n1;
Get the button from the view button1 = ImageButton this.findViewByIdR.id.button1;
button1.setOnClickListenernes OnClickListener { Override
public void onClickView arg0 { playSound1;
} };
button2 = ImageButton this.findViewByIdR.id.button2; button2.setOnClickListenernes OnClickListener {
Override public void onClickView arg0 {
TODO Auto-generated method stub playSound2;
} };
button3 = ImageButton this.findViewByIdR.id.button3; button3.setOnClickListenernes OnClickListener {
Override public void onClickView arg0 {
TODO Auto-generated method stub playSound3;
} };
Gambar 4.13 Kode Program Java Activity Materi Nun Sukun dan Tanwin
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Pada kode program Gambar 4.13 di atas adalah file Java yang menghandle untuk menampilkan tampilan dari salah satu contoh dari materi tajwid hukum nun
sukun dan tanwin, dimana pada kode program di atas terdapat sebuah method
OnCreate yang mempunyai fungsi sebagai pemanggilan SetContenView,
sementara SetContentView memanggil layout XML yang terdapat pada kode program sebelumnya, dimana akan menjalankan button yang ada pada layout
XML tersebut, sedangkan method playSound berfungsi untuk memutar suara yang
terdapat pada button. Untuk mengetahui lanjutan kode program, lihat lampiran Potongan Kode Program Java Activity Materi Nun Sukun dan Tanwin. Adapun
implementasinya seperti pada Gambar 4.14.
Gambar 4.14 Materi Izhar Halqi
4.2.7 Penulisan Kode Program Hukum
