Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Potongan Kode Program Java Activity Materi Mim dan Nun Tasyid Adapun implementasinya seperti pada Gambar 4.24.
Gambar 4.24 Materi Mim dan Nun Tasyid
4.2.11 Penulisan Kode Program
Idgham
Berdasarkan rancangan pada pembahasan sebelumnya, terdapat beberapa fitur yang akan dimasukkan kedalam aplikasi untuk memudahkan user dalam
mempelajari materi tajwid. Adapun cuplikan kode program Idgham materi tajwid seperti pada Gambar 4.25.
public class idgham1 extends ListActivity { public void onCreateBundle icicle {
super.onCreateicicle; Create an array of Strings, that will be put to our ListActivity
String[] menu = nes String[] { Idgham Mutamasilain,Idgham Mutaqaribain,Idgham Mutajanisain,Kembali };
Menset nilai array ke dalam list adapater sehingga data pada array akan dimunculkan dalam list
this.setListAdapternes ArrayAdapterStringthis, android.R.layout.simple_list_item_1, menu;
getListView.setBackgroundResourceR.drawable.bg; }
Gambar 4.25 Kode Program Idgham
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Pada Gambar 4.25 di atas dapat dijelaskan bahwa dalam pembuatan menu menggunakan ListActivity kelas ini, karena sebagai kelas yang diturunkan pada
kelas-kelas lain yang akan mengakses array list adapter dapat menset nilai array. Lalu membuat method onListItemClick, method ini akan mengoveride method
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 kode program, lihat
pada lampiran Potongan Kode Program Idgham. Adapun hasilnya seperti pada Gambar 4.26.
Gambar 4.26 Implementasi Idgham
4.2.12 Penulisan Kode Program Materi
Idgham
Berdasarkan perancangan yang telah dibahas pada pembahasan sebelumnya, terdapat menu Idgham yang mempunyai materi Idgham
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Mutammasilain, Idgham Mutaqaribain, Idgham Mutajanisain . Adapun cuplikan
kode dari salah satu contoh dari materi tajwid hukum Idgham sebagai berikut:
?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
ImageView android:id=+idimageView1
android:layout_width=wrap_content android:layout_height=wrap_content
android:layout_x=11dp android:layout_y=-162dp
android:src=drawablemutamtsilain TextView
android:id=+idTextView01 android:layout_width=wrap_content
android:layout_height=wrap_content android:layout_x=26dp
android:layout_y=720dp android:text=wa-qad-da-kha-lu
android:textColor=f000 android:textSize=19dp
Gambar 4.27 Kode Program Idgham Mutammasilain
Pada Gambar 4.27 di atas dapat dijelaskan sebagai kode layout XML dari tampilan materi dari salah satu Idgham yaitub Idgham Mutammasilain , 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
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
yang ada didalamnya, sehingga penempatan posisi dari tampilan dapat diatur secara pasti. RelativeLayout mempunyai fungsi yang tidak jauh berbeda dengan
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. Untuk mengetahui lanjutan kode program, lihat lampiran Potongan Kode Program Idgham Mutammasilain TextView berfungsi
untuk menampilkan text.
public class idgham11 extends Activity { private MediaPlayer player;
private ImageButton button1; private ImageButton button2;
private ImageButton button3; Called when the activity is first created.
Override public void onCreateBundle savedInstanceState {
super.onCreatesavedInstanceState; setContentViewR.layout.id1;
button1 = ImageButton this.findViewByIdR.id.button1; button1.setOnClickListenernes OnClickListener {
public void onClickView arg0 { TODO Auto-generated method stub
playSound1; }
}; button2 = ImageButton this.findViewByIdR.id.button2;
button2.setOnClickListenernes OnClickListener { public void onClickView arg0 {
TODO Auto-generated method stub playSound2;
} };
Gambar 4.28 Kode Program Java Activity Idgham Mutammasilain
Pada Gambar 4.28 program di atas adalah file Java yang menghandle untuk menampilkan tampilan dari salah satu contoh dari materi Idgham yaitu
Idgham Mutammasilain , dimana pada kode program di atas terdapat sebuah
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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 Idgham Mutammasilain. Adapun implementasinya seperti pada Gambar 4.29.
Gambar 4.29 Materi Idgahm Mutammasilain
4.2.13 Penulisan Kode Program