[Android] Membuat Program Simpel MP3 Player dengan Menggunakan AIDE di Tablet / Smartphone

google-android-phone1

Hari ini saya kembali memberikan cara menggunakan AIDE di tablet untuk membuat program android. Program yang saya share kali ini adalah membuat MP3 Player. Untuk membuatnya, buat project androidnya terlebih dahulu dengan AIDE. Pada tutorial ini saya menggunakan Gradle. Selanjutnya siapkan file MP3 yang akan digunakan. Karena didalam project AIDE belum ada feature copy paste file, kita copy dan paste manual file MP3 tersebut ke folder projectnya langsung. Agar file MP3 dapat diputar, buat terlebih dahulu folder dengan nama raw di sdcard/AppProjects/nama_project/app/src/main/res/.

Screenshot_2015-04-08-21-47-42

Kemudian paste file MP3 di folder raw ini.

Screenshot_2015-04-08-21-47-53

Selanjutnya modifikasi file main.xml menjadi seperti berikut ini

Main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    
	android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
	android:background="@drawable/kde">

    <TextView
        android:textSize="14px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
		android:id="@+id/textView"
		android:text="Putar Musik"> </TextView>
		
	<ImageButton 
		android:id="@+id/putarMusik"
		android:layout_height="wrap_content"
		android:adjustViewBounds="false"
		android:src="@drawable/play"
		android:layout_gravity="center_vertical"
	    android:layout_width="fill_parent"
		>	
		</ImageButton>
		
		
	<TextView
        android:textSize="14px"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
		android:id="@+id/info"
		android:layout_gravity="center_vertical"
	> </TextView>
	    
</LinearLayout>

Nb : Pada code android:background=”@drawable/kde”, kde adalah nama wallpapernya. Silahkan edit sesuai nama wallpaper yang digunakan, ditulis tanpa menggunakan extensi filenya, contohnya jpg atau png.

Screenshot_2015-04-08-21-49-10

Kemudian pada MainActivity.java, modifikasi codenya menjadi seperti berikut ini

MainActivity.java

package com.mycompany.myapp;

import android.app.*;
import android.os.*;
import java.io.IOException;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnCompletionListener;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.TextView;


public class MainActivity extends Activity 
{
	ImageButton play;
	TextView info;
	MediaPlayer mp;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
		
		info=(TextView)findViewById(R.id.info);
		info.setText("Klik untuk memutar");
		
		play = (ImageButton) findViewById(R.id.putarMusik);
		play.setOnClickListener(new OnClickListener(){
		public void onClick(View v)
		{
			play.setEnabled(false);
			info.setText("Tombol tidak aktif");
			go();
		}
    });
	
}

public void go()
{
	mp= MediaPlayer.create(MainActivity.this,R.raw.alhamdulillah);
	try
	{
		mp.prepare();
	}
	catch(IllegalStateException i)
	{
		i.printStackTrace();
		}
	catch(IOException e)
	{
		e.printStackTrace();
	}
	
	mp.start();
	mp.setOnCompletionListener(new OnCompletionListener(){
		public void onCompletion(MediaPlayer arg)
		{
			play.setEnabled(true);
			info.setText("Klik untuk memutar");
		}
	});
}
}

Screenshot_2015-04-08-21-49-29

Seperti ini tampilan programnya ketika dijalankan. Saya menggunakan background wallpaper Lubuntu Desktop dan KDE Plasma Desktop.

Screenshot_2015-04-09-12-42-19

Screenshot_2015-04-09-23-07-05

Selamat mencoba dan semoga bermanfaat🙂

Untuk pertanyaan, saran dan kritik, silahkan ditulis di kolom komentar

2 thoughts on “[Android] Membuat Program Simpel MP3 Player dengan Menggunakan AIDE di Tablet / Smartphone

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s