Cara membuat Aplikasi Doa (Android)
Pada langkah kali ini kita membuat Aplikasi sedikit sederhana tentang Doa harian, Aplikasi ini sendiri mungkin bisa kita dapatkan dengan android-market dengan gratis, aplikasi ini adalah perpanduan di Artikel kita sebelum nya.
Gambaran umum aplikasi berbentuk kumpulan doa harian yang sudah kita buatkan dalam bentuk suara dan doa harian yang disimpan dalam bentuk mp3, jadi mungkin konsepnya doa akan kita bentuk dalam gabungan gambar dan suara yang berisi doa ketika orang memimilih salah satunya dalam menu.
- Baca Juga : 3 Aplikasi Download Lagu Terbaik Android
Langkah Pertama kita menyiapkan Menu tampilan
Persiapkan menu dalam aplikasi di mana menu menampilkan pilihan
- Doa Bersumber Alquran
- Doa Bersumber Hadist
- Bantuan
- About
- Exit
Sementara sub menu dari Doa berisi misalnya pilihan beberapa berikut :
- Doa diberi Jodoh
- Doa supaya diberi Perlakuan Adil
- Doa di beri kemudahan urusan
- Doa sapu jagat
- Doa menghadapi lawan
Dan seterusnya
dan kemudian sub menu doa bersumber Hadist misalnya kita buat pilihan berikut :
- Doa Makan
- Doa sesudah makan
- Doa akan tidur
- Doa Masuk Masjid
Dan seterusnya
Note : Sebelum nya kita telah mempelajari cara membuat sub menu pada android, Nah bagi yang belum memahami Baca Disini
Lanjut maka dari uraian di atas maka kita memerlukan Layout xml dalam bentuk sebagai berikut :
- Menu.xml untuk Layout tampilan menu utama pilihan
- Menuhadist.xml untuk pada layout tampilan menu pilihan dari Doa dari Hadist
- MenuAlquran.xml untuk layout tampilan menu doa plihan dari doa Alqur'an
- D1.xml untuk pada layout tampilan di mana doa dari alquran ditampilkan
- Dd1.xml untuk pada layout tampilan di mana doa doa nantinya ditampilkan
Nah sementara itu kita memerlukan beberapa File Java dalam bentuk sebagai berikut :
- Menu.java untuk handle tampilan menu awal
- menuhadist.java untuk meng handle tampilan menu pilihan doa sumber dari hadist
- MenuAlquran.java untuk meng handle tampilan menu pilihan doa yang bersumber dari alquran
- About.java untuk meng handle tampilan informasi aplikasi ini.
- Nah untuk kosep pada setiap doa maka kita buatkan File javanya dalam bentuk (d1,d2...dd1,dd2).java.
Langkah 2 Coding pada Layout Tampilan
Menu.xml
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
xmlns:android="htttp://schemas.android.com/apk/res/android"
android:layout_widht="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:text="@+id/TextView01"
android:layout_widht="wrap_content"
android:layout_height="wrap_content"
android:textSize="30px"/>
</AbsoluteLayout>
Menuhadist.xml
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_widht="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:text="@+id/TextView01"
android:layout_widht="wrap_content"
android:layout_height="wrap_content"
android:textSize="30px"/>
</AbsoluteLayout>
MenuQuran.xml
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
xmlns:android="htttp://schemas.android.com/apk/res/android"
android:layout_widht="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:text="@+id/TextView01"
android:layout_widht="wrap_content"
android:layout_height="wrap_content"
android:textColor= "#ff000000"
android:textSize="30px"/>
</AbsoluteLayout>
d1.xml
<?xml version="1.0" encoding="utf-8">Keterangan Kode dibawah ini yang kita bikin diatas adalah untuk menampilkan Tombol Play suara dari bentuk dalam Doa tersebut :
<ScrollView android:id="@+id/ScrollView01"
android:layout_widht="fill_parent"
android:layout_height="fill_parent"
xlmns:android="http://schemas.android.com/apk/res/android">
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_widht="fill_parent"
android:background="#ffffffff"
android:id="@+id/layar"
android:layout_height="fill_parent" android:fadingEdge="vertical" android::scrollbars="vertical">
<AbsoluteLayout
xlmns:android="http://schemas.android.com/apk/res/android"
android:layout_widht="fill_parent"
android:background="#ffffffff"
android:id="@+id/layar2"
android:layout_height="fill_parent" android:fadingEdge="vertical"android:scrollbars="vertical">
<ImageView android:id="@+id/gambar"
android:src="@drawble/doasesudahmakan" android:scrollbars="vertical"
android:fadingEdge="vertical" android:layout_widht="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true" android:adjustViewBounds="true"
android:SclaeType="fitStart"><ImageView>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/play" android:id"@+id/play"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="68dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/pause" android:id="@+id/pause"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="144dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/stop" android:id="@+id/stop"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="220dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
</AbsoluteLayout>
</RelativeLayout>
</ScrollView>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/play" android:id"@+id/play"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="68dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/pause" android:id="@+id/pause"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="144dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
<ImageButton android:layout_widht="wrap_content"
android:src=@drawble/stop" android:id="@+id/stop"
android:layout_height="wrap_content" android:paddingRight="10px"
android:layout_x="220dip" android:layout_y="520dip"
android:scaleType="fitEnd"><ImageButton>
Langkah Ketiga dengan Meng Coding File Java
Berikut langkah membuat codingan dalam java, nah berikut bentuk codingan file javanya :
Menu.java
package doa.islam;
import android.app.AlertDialog;
import android.app.ListActivity;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle; //import android.util.log;
import android.view.view;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;
public class menu extends ListActivity {
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
//List Menu Pilihan
String[] menu = new String[] { "Doa Bersumber Alquran", "Doa Besumber hadist", "bantuan", "About", "Exit"};
//Menset nilai array ke dalam list
//akan dimunculkan dalam listthis.setListAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,menu));
getListView().setBackgroundResource(R.drawable.bg);
}
@override
/**method ini akan mengoveride method onListItemClick yang ada pada class List Activity
* method ini akan dipanggil apabila ada salah satu item dari list menu yang dipilih
*/
protected void onListItemClick(ListView 1, View v, int position, long id) {
super.onListItemClick(1, v, position, id);
//Get the item that was clicked
//Menagkap nilai text yang diklik
object o = this.getListAdapter().getItem(position);String pilihan = o.toString();
//Menampilkan hasil pilihan menu dalam bentuk Toast tampilkan pilihan (pilihan);
)
/**
* Tampilkan Activity sesuai dengan menu yang dipilih
*
*/
protected void tampilkanPilihan(String pilihan) {
try {
//intent digunakan sebagai pengenal suatu activity
Intent i = null;
if (pilihan.equals("Doa bersumber alquran")){
i = new Intent(this, menuquran.class);
} else if (pilihan.equals("doa bersumber hadist")) {
i = new Intent(this, menuhadist.class);
} else if (pilihan.equals("Bantuan")) {
i = new Intent(this, help.class);
} else if (pilihan.equals("About")) {
i = new Intent(this, about.class);
} else if (pilihan.equals("Exit")) {
// Intent exit = new Intent(Intent.ACTION_MAIN);
//startActivity(exit);
AlertDialog.Builder builder = new AlertDialog.Builder builder(this);
builder.setMessage("Anda yakin Ingin Menutup Aplikasi?")
.setCancelable(false).setPositiveButton("ya",
newDialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
Intent exit = new Intent(
Intent.ACTION_MAIN);
exit.addCategory(intent.CATEGORY_HOME);
exit
.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
startActivity(exit);
}
})setNegativeButton("Tidak",
newDialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}
}).show();
} else {
Toast.makeText{
this,
"Anda Memilih: "+ pilihan
+", Actonnya belum dibuat",
Toast.;LENGTH_LONG).SHOW();
}
startActivity(i);
} catch (Exception e) {
e.print.StackTrace();
}
}
}
Nah selanjutnya kita membuat file kode yaitu File java yang akan menghandle untuk menampilkan doa makan misalnya serta akan menampilkan suara atau bunyi pada doa yang dipilih nantinya :
mungkin agak panjang file kode java, kalo agan pusing tinggal copy kode nya dan coba tampilkan di notepad biar agan bisa memahami file java untuk agan memahami dan mungkin bisa membuat Aplikasi lainya di kemudian hari :
Berikut File java yang kedua untuk menghandle Suaranya :
package doa.islam;
import android.app.Activity;
import android.app.AlertDialog;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.media.MediaPlayer;
import android.os.Bundle;
public class d1 extends Activity implements
MediaPlayer.OnCompletionListener{
/**Called ehen the activity is first created. */
private ImageButton play;
private ImageButton pause;
private ImageButton stop;
private MediaPlayer mp;
private ImageView gambar;
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.d1);
play=(ImageButton)findViewById(R.id.play);
pause=(ImageButton)findViewById(R.id.pause);
stop=(ImageButton)findViewById(R.id.stop);
gambar=(ImageView)findViewById(R.id.gambar);
gambar.setImageResource(R.drawable.doaakanmakan);
play.setOnClickListener(New View.OnclickListener() {
public void onClick(View view) {
play();
}
});
pause.setOnClickListener(new View.OnCompletionListener() {
public void onClick(View view) {
pause();
}
});
stop.setOnClickListener(new View.OnCompletionListener() {
public void onClick(View view) {
stop();
}
});
setup();
}
@override
public void onDestroy() {
super.onDestroy();
if (stop.isEnabled()) {
stop();
}
}
public void onCompletion(MediaPlayer mp) {
stop();
}
private void play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true)
stop.setEnabled(true);
}
private void stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch (Throwable t) {
goBlooey(t);
}
}
private void pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void loadClip() {
try {
mp=MediaPlayer.create(this, R.raw.doaakanmakan);
mp.setOnCompletionListener(this);
}
catch (Throwable t) {
goBlooey(t);
}
}
private void setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void goBlooey(Throwable t) {
AlertDialog.Builder builder=new AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
Perhatikan kode berikut :
gambar.setImageResource(R.drawable.doaakanmakan);Penjelasan : Gambar yang akan ditampilkan adalah image dengan nama file doaakanmakan.jpg
try {
mp=MediaPlayer.create(this, R.raw.doaakanmakan);
mp.setOnCompletionListener(this);
Nah ketika tombol Play di pencet di klik atau ditekan, file Doamakan.mp3 tersebut akan terpanggil dan menjalankan nya di aplikasi tersebut.
Tambahan : Untuk supaya ada file musik atau mp3 nya agan harus sudah memasukan File Mp3 ke dalam package project kita.
Setelah siap scroll layar sehingga bentuk tampilan bawahnya akan muncul untuk mendengarkan bentuk bunyi doa.