Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 4.6 Implementasi Makhrajul Huruf
4.2.4 Penulisan Kode Program Materi
Makhrajul Huruf
Berdasarkan perancangan yang telah dibahas pada pembahasan sebelumnya, terdapat menu makhrajul huruf yang mempunyai materi tajwid yaitu
terdiri dari Halqitenggorokan, Lahawitengkak, SyajariTengah Lidaah, Asaliujung lidah, Nith’ilangit-langit mulut, Lisawigusi, Dzalqipinggir
lidah, Syafawibibir, Jaufiperut . Untuk membuat tampilan dari materi
makhrajul huruf dengan menggunakan layout XML yang terdapat pada pemrograman java berbasis android. Adapun cuplikan kode XML dari salah satu
contoh dari materi tajwid makhrajul huruf seperti pada Gambar 4.7 berikut ini.
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=fill_parent
android:layout_height=fill_parent RelativeLayout
xmlns:android=http:schemas.android.comapkresandroid android:id=+idlayar
android:layout_width=fill_parent android:layout_height=fill_parent
android:background=drawablebg android:fadingEdge=vertical
android:scrollbars=vertical AbsoluteLayout
xmlns:android=http:schemas.android.comapkresandroid android:id=+idlayar2
android:layout_width=fill_parent android:layout_height=fill_parent
android:layout_alignParentLeft=true android:layout_alignParentTop=true
android:background=drawablebg android:fadingEdge=vertical
android:scrollbars=vertical ImageView
android:id=+idgambar android:layout_width=271dp
android:layout_height=174dp android:adjustViewBounds=true
android:fadingEdge=vertical android:fitsSystemWindows=true
android:scaleType=fitStart android:scrollbars=vertical
android:src=drawablemghoin ImageView
android:id=+idgambar1 android:layout_width=278dp
android:layout_height=238dp
Gambar 4.7 Kode Program Layout Materi Halqitenggorokan
Pada Gambar 4.7 di atas dapat dijelaskan sebagai kode layout XML dari tampilan salah satu materi dari makhrajul huruf yaitu Halqitenggorokan,
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
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
dengan AbsoluteLayout, yang membedakan 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 layout materi makhrajul huruf, lihat pada lampiran Potongan Kode
Program Layout Materi Makhrajul Huruf.
public class m1 extends Activity { private MediaPlayer player;
private ImageButton button1; private ImageButton button2;
private ImageButton button3; private ImageButton button4;
private ImageButton button5; private ImageButton button6;
Called when the activity is first created. Override
public void onCreateBundle savedInstanceState { super.onCreatesavedInstanceState;
setContentViewR.layout.ma; Get the button from the view
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.8 Kode Program Java Activity Materi Halqitenggorokan
Pada Gambar 4.8 di atas adalah file Java yang menghandle untuk menampilkan tampilan dari salah satu contoh dari materi tajwid makhrajul huruf,
dimana pada kode program di atas terdapat sebuah method OnCreate yang mempunyai
fungsi sebagai
pemanggilan SetContenView
, sementara
Hak Cipta © 2007 UPN Veteran Jatim Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
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 pada lampiran Potongan
Kode Program Jiava Activity Materi Halqi Adapun implementasinya seperti pada Gambar 4.9 berikut ini.
Gambar 4.9 Materi Halqitenggorokan
4.2.5 Penulisan Kode Program Hukum