Membuat aplikasi pengenalan alat dapur dengan suara diandroid

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.

Read More ->>

Membuat cerita atau dongeng anak dalam bentuk android

Membuat cerita atau dongeng anak dalam bentuk android

Dongeng dongong merupakan sebuah cerita singkat yang biasanya digunakan untuk menghibur anak – anak. Dongeng biasanya dibuat dalam bentuk buku tapi kali ini saya akan buat sebuah cerita dongeng dalam bentuk aplikasi android.

Berikut ini adalah cara – cara yang saya gunakan untuk membuat sebuah desain atau tampilan untuk membuat aplikasi tentang android.

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

Untuk tampilan aplikasi ini saya membuat 5 layout dan 5 class java. Untuk membuat class dan java saya klik file -> pilih menu other -> android activity -> blank activity -> dan terakhir buat activity name.

Untuk memperindah tampilan aplikasi saya gunakan photoshop untuk membuat desain background dari aplikasi agar supaya pembaca bisa lebih mudah mengerti. Karena apliaksi ini ada lima layout maka tampilan backgroundnya saya buat 5 layout Dan berikut ini adalah tampilan background yang saya buat :

    

Setelah selesai mendesain aplikasi androin dengan menambahkan button disetiap tampilan android. Untuk membuat button anda hanya perlu membuat source kode seperti dibawah ini dan jangan lupa tambahkan source kode untuk pemanggilan gambar sesuai dangan nama dan format gambar :

Kemudian kita buat source kode yang ada di class java :

package com.example.edil_tugas;

import android.os.Bundle;

import android.app.Activity;

import android.content.Intent;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

public class MainActivity extends Activity implements OnClickListener{

Button login;

   @Override

   protected void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.activity_main);

       login = (Button) findViewById(R.id.button1);

       login.setOnClickListener(this);     

   }

   @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;

   }

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Intent i = new Intent(this,Pertama.class);

startActivity(i);

}

}

Begitu seterusnya sampai dengan class ke empat.

Dan untuk tampilan terakhir source codenya berbeda dengan source kode yang lain, kalau yang pertama dia memanggil class yang kedua begitu seterusnya sampai class keempat. Kalau untuk class terakhir dia memanggil class yang pertama, jadi pada saat kita menekan tombol button kita akan kembali ke tampilan yang pertama.

Dan hasilnya seperti dibawah ini :

Read More ->>