Membuat aplikasi pengenalan alat dapur dengan suara diandroid
Aplikasi pengenalan alat dapur ini dibuat untuk anak – anak yang ingin belajar mengenal peralatan dapur, selain itu aplikasi ini juga dibuat dengan dua bahasa yaitu bahasa Indonesia dan bahasa inggris. Untuk pengambilan suara saya ambil di sound text, dan untuk lebih jelasnya saya akan menjelsakan bagaimana saya membuat program aplikasi ini.
Langkah pertama ayang saya lakukan adalah membuka aplikasi android.
Kemudian kita atur tempat penyimpanan project
Setelah itu kita buat nama project dari aplikasi tersebut seperti contoh dibawah ini
Setelah membuat nama project, saya membuat background untuk memperindah tampilan aplikasi diphotoshop. Berikut ini adalah background dan icon untuk button yang dibuat diphotoshop:
Background :
Icon Button :
Setelah saya mambuat background dan icon button sekarang saya akan membuat tampilan layoutnya. Untuk tampilan aplikasi ini ada 7 layout.
Berikut ini adalah source kode untuk tampilan main.xml, dan untuk menambahkan tampilan background anda perlu menambahkan source kode android background dan icon button dengan nama gambar.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/latar"
tools:context=".MainActivity" >
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button1"
android:layout_alignBottom="@+id/button1"
android:layout_marginLeft="19dp"
android:background="@drawable/piring"
android:layout_toRightOf="@+id/button1"
android:text="" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:background="@drawable/cangkir"
android:text="" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/button2"
android:layout_alignBottom="@+id/button2"
android:layout_alignParentRight="true"
android:background="@drawable/pisau"
android:text="" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
android:layout_below="@+id/button1"
android:layout_marginTop="56dp"
android:background="@drawable/kulkas"
android:text="" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/button4"
android:layout_alignLeft="@+id/button2"
android:background="@drawable/wajan"
android:text="" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/button5"
android:layout_alignLeft="@+id/button3"
android:background="@drawable/kompor"
android:text="" />
</RelativeLayout>
Setelah selesai kita buat source kode yang ada di file java.
package com.example.peralatan_dapur;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
public class MainActivity extends Activity {
Button cangkir,piring,pisau,kulkas,wajan,kompor;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cangkir = (Button) findViewById(R.id.button1);
cangkir.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Cangkir.class);
startActivity(intent);
}
});
piring = (Button) findViewById(R.id.button2);
piring.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Piring.class);
startActivity(intent);
}
});
pisau = (Button) findViewById(R.id.button3);
pisau.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Pisau.class);
startActivity(intent);
}
});
kulkas = (Button) findViewById(R.id.button4);
kulkas.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Kulkas.class);
startActivity(intent);
}
});
wajan = (Button) findViewById(R.id.button5);
wajan.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Wajan.class);
startActivity(intent);
}
});
kompor = (Button) findViewById(R.id.button6);
kompor.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Intent intent = new Intent(MainActivity.this, Kompor.class);
startActivity(intent);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
Kemudian kita buat salah satu source kode yang ada disalah satu pilihan menu yaitu cangkir.xml. dan tambahkan source kode android background dan sound text. Fungsi dari sound text adalah untuk memberikan suara pada gambar.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/menu"
tools:context=".Cangkir" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="84dp"
android:background="@drawable/cangkir"
android:text="" />
<Button
android:id="@+id/button2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_centerHorizontal="true"
android:layout_marginTop="72dp"
android:text="Bahasa Inggris" />
<Button
android:id="@+id/button3"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button2"
android:layout_below="@+id/button2"
android:layout_marginTop="19dp"
android:text="Bahasa Indonesia" />
</RelativeLayout>
Agar supaya sound textnya bisa dibaca kita tambahkan satu folder didalam android dengan nama folder “raw” kemudian kita isi folder tersebut dengan sound text dari peralatan dapur baik itu bahasa inggris maupun bahasa Indonesia.
Kemudian kita buat source kode untuk pemanggialan suara di class.java
package com.example.peralatan_dapur;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class Cangkir extends Activity {
private MediaPlayer player;
private Button ing;
private Button ind;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_cangkir);
ing = (Button) this.findViewById(R.id.button2);
ind = (Button) this.findViewById(R.id.button3);
ing.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
playSound(1);
}
});
ind.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
playSound(2);
}
});
}
@Override
public void onPause() {
try {
super.onPause();
player.pause();
} catch (Exception e) {
}
}
private void playSound(int arg) {
try {
if (player.isPlaying()) {
player.stop();
player.release();
}
} catch (Exception e) {
}
if (arg == 1) {
player = MediaPlayer.create(this, R.raw.cangkirs);
}
if (arg == 2) {
player = MediaPlayer.create(this, R.raw.cangkir);
}
player.setLooping(false); // Set looping
player.start();
}
}
Setelah selesai kita demokan aplikasinya cara menjalankan aplikasi kita hanya perlu mengklik button yang berbentuk icon perlatan dapur seperti yang ada dibawah ini
Setelah itu ada pilihan button bahasa inggris dan bahasa Indonesia fungsinya adalah untuk mengeluarkan suara.
Baiklah tadi adalah penjelasan singkat tentang pembuatan aplikasi sederhana pengenalan alat dapur semoga apa yang saya jelaskan tadi bisa bermanfaat buat pembaca.
0 komentar:
Posting Komentar