Mas Sehat | Blog Tentang Kesehatan | Mas Sehat ~ Blog Tentang Kesehatan | www.mas-sehat.com

Membuat Aplikasi Multimedia (Pemutar Musik) pada Platform Android dengan Menggunakan Eclipse

dalam kesempatan kali ini saya akan berbagi mengenai pembuatan aplikasi multimedia di platform android. Akan tetapi, dalam pembuatan aplikasi sebuah perangkat mobile, diperlukan beberapa tools atau aplikasi untuk membantu proses pembuatannya. Terlebih dalam membuat sebuah aplikasi pada platform android, untuk membuat sebuah aplikasi android. Sebelumnya anda sudah harus menginstal beberapa aplikasi berikut :
–          JDK (Java),
–          Android SDK,
–          AVD (Android Virtual device)
–          Eclipse
Berikut ini adalah langkah – langkah dalam pembuatan aplikasi tersebut :
  1. Buat Projectnya terlebih dahulu. Dengan cara buka Eclipse, buat project baru
(File –> New Project –> Android Application Project)
Setelah itu beri nama aplikasinya dengan nama ‘Laruku Music’ (atau nama terserah anda) dan beri nama pada packagenya. Jangan lupa untuk memilih SDK, sesuai dengan yang sudah terinstal pada computer anda. Setelah itu klik tombol next sampai tombol finish dapat diklik.



  1. Buat folder baru dengan nama drawable di folder res. Masukkan gambar apa saja untuk mewakili icon player yang anda inginkan dalam format * .png. Kemudian buat folder baru lagi di res, kali ini beri nama raw. Masukkan file mp3 yang anda inginkan ke dalamnya (misal link.mp3) ke dalam folder raw.

  1. Buka activity_main.xml pada folder res à layout à activity_main.xml merupakan desain saat pertama kali program dijalankan.

Kemudian ketikan source code berikut ini :
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:background=“@drawable/larcenciel”
android:orientation=“vertical”
android:paddingBottom=“@dimen/activity_vertical_margin”
android:paddingLeft=“@dimen/activity_horizontal_margin”
android:paddingRight=“@dimen/activity_horizontal_margin”
android:paddingTop=“@dimen/activity_vertical_margin”
tools:context=“example.playingmusic.MainActivity” >
<Button
android:id=“@+id/info”
android:layout_width=“200dip”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/pindah”
android:layout_below=“@+id/pindah”
android:layout_marginTop=“38dp”
android:text=“About”
android:textSize=“25sp” />

<Button
android:id=“@+id/pindah”
android:layout_width=“200dip”
android:layout_height=“wrap_content”
android:layout_alignParentLeft=“true”
android:layout_alignParentTop=“true”
android:layout_marginLeft=“46dp”
android:layout_marginTop=“43dp”
android:text=“Want to Play a Music?”
android:textSize=“25sp”
android:textStyle=“bold” />

<Button
android:id=“@+id/keluar”
android:layout_width=“200dip”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/info”
android:layout_alignParentBottom=“true”
android:layout_marginBottom=“36dp”
android:text=“Exit?” />
</RelativeLayout>
  1. Kemudian pada folder src, terdapat file MainActivity.java. Isikan script didalamnya sesuai dengan kode program berikut:
package example.playingmusic;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.AlertDialog.Builder;
import android.content.DialogInterface;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
public class MainActivity extends Activity implements
OnClickListener {
private Builder setNegativeButton;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
View pindah = findViewById(R.id.pindah);
pindah.setOnClickListener(this);
View info = findViewById(R.id.info);
info.setOnClickListener(this);
View keluar = findViewById(R.id.keluar);
keluar.setOnClickListener(this);
}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch(v.getId()) {
case R.id.pindah:
Intent pilihan = new Intent(this, pilihan.class);
startActivity(pilihan);
break;

case R.id.info:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setMessage(“This Aplication is Used to Listen a Music” +
“\n” +
“\n” +
“\n” +
“Created by Luhur Dimas P.  ” +
“115060807111022”)
.setCancelable(false)
.setPositiveButton(“OK”,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}}
);
AlertDialog judul = builder.create();
judul.setTitle(“Playing Music”);
judul.show();
break;

case R.id.keluar:
AlertDialog.Builder mauKeluar = new
AlertDialog.Builder(MainActivity.this);
SetNegativeButton(mauKeluar.setMessage(“Are you sure want to Exit?”)
.setCancelable(false)
.setPositiveButton(“Yes”,
new AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface arg0, int arg1) {
finish();}
})
.setNegativeButton(“No”,new AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.cancel();
}
}));
AlertDialog judul1 = mauKeluar.create();
judul1.setTitle(“EXIT ?”);
judul1.show();
break;}}
private void SetNegativeButton(Builder setNegativeButton2) {
// TODO Auto-generated method stub}
public Builder getSetNegativeButton() {
return setNegativeButton;}
public void setSetNegativeButton(Builder setNegativeButton) {
this.setNegativeButton = setNegativeButton;}
}
  1. Setelah itu, buat sebuah file dengan nama “pilihan.xml” dengan script seperti pada contoh berikut ini :
<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
xmlns:tools=”http://schemas.android.com/tools”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:background=”@drawable/larc”
android:orientation=”vertical”
android:paddingBottom=”@dimen/activity_vertical_margin”
android:paddingLeft=”@dimen/activity_horizontal_margin”
android:paddingRight=”@dimen/activity_horizontal_margin”
android:paddingTop=”@dimen/activity_vertical_margin”
tools:context=”example.playingmusic.pilihan” >
<Button
android:id=”@+id/Button01″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_below=”@+id/Button02″
android:layout_centerHorizontal=”true”
android:layout_marginTop=”20dp”
android:text=”L&apos;Arc~en~Ciel – My Heart Draws a Dream”
android:textSize=”25sp”
android:textStyle=”bold” />
<Button
android:id=”@+id/Button02″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_alignParentTop=”true”
android:layout_centerHorizontal=”true”
android:layout_marginTop=”14dp”
android:text=”L&apos;Arc~en~Ciel – Link”
android:textSize=”25sp”
android:textStyle=”bold” />
</RelativeLayout>

  1. Buat juga sebuah fungsi agar pilihan.xml dapat berjalan dengan membuat sebuah file .java dengan nama “pilihan.java”.
package example.playingmusic;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
public class pilihan extends Activity implements
OnClickListener {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.pilihan);
View button01 = findViewById(R.id.Button01);
button01.setOnClickListener(this);
View button02 = findViewById(R.id.Button02);
button02.setOnClickListener(this);}
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch(v.getId()) {
case R.id.Button01:
Intent pilihan2 = new Intent(this, mhdad.class);
startActivity(pilihan2);
break;
case R.id.Button02:
Intent pilihan1 = new Intent(this, link.class);
startActivity(pilihan1);
break;}
}
}
Berikut adalah tampilan menu dari “pilihan.xml”


  1. “pilihan1.xml”Dalam menu “pilihan.xml” terdapat 2 menu button yaitu Button01 dan Button02, yang akan menghubungkan kepada sebuah acivity .java yang baru. Kedua activity menu tersebut memiliki fungsi dan tampilan yang sama persis.  Berikut adalah salah satu contoh scriptnya :
<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“fill_parent”
android:layout_height=“fill_parent”
android:background=“@drawable/kiss”
android:orientation=“vertical”
android:paddingBottom=“@dimen/activity_vertical_margin”

android:paddingLeft=“@dimen/activity_horizontal_margin”
android:paddingRight=“@dimen/activity_horizontal_margin”
android:paddingTop=“@dimen/activity_vertical_margin”
tools:context=“example.playingmusic.link” >
<Button
android:id=“@+id/stop”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignBaseline=“@+id/play”
android:layout_alignBottom=“@+id/play”
android:layout_alignParentRight=“true”
android:layout_marginRight=“39dp”
android:drawableTop=“@drawable/tombolstop”
android:gravity=“center”
android:text=“Stop”
android:textSize=“15sp”
android:textStyle=“bold” />
<Button
android:id=“@+id/pindah1″
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignParentTop=“true”
android:layout_centerHorizontal=“true”
android:layout_marginTop=“58dp”
android:text=“L&apos;Arc~en~Ciel – Link”
android:textSize=“25sp”
android:textStyle=“bold”/>
<Button
android:id=“@+id/play”
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_alignLeft=“@+id/pindah1″
android:layout_below=“@+id/pindah1″
android:layout_marginLeft=“27dp”
android:layout_marginTop=“55dp”
android:drawableTop=“@drawable/tombolplay”
android:gravity=“center”
android:text=“Play”
android:textSize=“15sp”
android:textStyle=“bold” />
</RelativeLayout>
“link.java”
package example.playingmusic;
import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class link extends Activity {
Button play,stop;
MediaPlayer pemutar;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.pilihan1);
play = (Button)findViewById(R.id.play);
stop = (Button)findViewById(R.id.stop);
pemutar = MediaPlayer.create(this, R.raw.link);
play.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
mainkan();
pemutar.start();}
});
stop.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
pemutar.stop();}
});}
public void mainkan(){
pemutar = MediaPlayer.create(this, R.raw.link);}
}
Berikut adalah tampilan setelah tombol “L’Arc~en~Ciel  – Link” atau tombol L’Arc~en~Ciel – My Heart Draws a Dream” pada menu pilihan ditekan, yang mana merupakan tampilan dari “pilihan1.xml” dan “pilihan2.xml” pada folder res à layout. Fungsi dari button play pada tampilan tersebut digunakan untuk mendengarkan lagu yang sudah disediakan. Sedangkan button stop pada tampilan tersebut digunakan untuk berhenti mendengarkan lagu yang sudah dimainkan.




  1. Langkah terakhir dalam pembuatan aplikasi ini yaitu, jalankan program pada eclipse dengan cara klik kanan pada project android kita pilih Run As dan klik Android Aplication.



Gambar diatas merupakan tampilan awal dari menu yang telah dibuat sebelumnya dengan nama “activity_main.xml”.
  1. Kemudian setelah memilih tombol “Want to Play a Music” muncul activity lain, seperti pada

  1. tampilan sebagai berikut : 
  2. Setelah membuat tampilan tampilan daftar lagu dan mainkan lagu, berikutnya adalah menampilkan tampilan “about” yang kode programnya adalah sebagai berikut.
public void onClick(View v) {
// TODO Auto-generated method stub
switch(v.getId()) {
case R.id.pindah:
Intent pilihan = new Intent(this, pilihan.class);
startActivity(pilihan);
break;

case R.id.info:
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setMessage(“This Aplication is Used to Listen a Music” +
“\n” +
“\n” +
“\n” +
“Created by Luhur Dimas P.  ” +
“115060807111022”)
.setCancelable(false)
.setPositiveButton(“OK”,
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog,
int id) {
dialog.cancel();
}}
);
AlertDialog judul = builder.create();
judul.setTitle(“Playing Music”);
judul.show();
break;
Kode program diatas akan menampilkan tampilan tentang yang didalamnya berisi informasi mengenai aplikasi Playing Music.



11. Berikut ini adalah kode program untuk dapat keluar dari program.
case R.id.keluar:
AlertDialog.Builder mauKeluar = new
AlertDialog.Builder(MainActivity.this);
SetNegativeButton(mauKeluar.setMessage(“Are you sure want to Exit?”)
.setCancelable(false)
.setPositiveButton(“Yes”,
new AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface arg0, int arg1) {
finish();
}
})
.setNegativeButton(“No”,new AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.cancel();
}
}));
AlertDialog judul1 = mauKeluar.create();
judul1.setTitle(“EXIT ?”);
judul1.show();
break;

Tampilan akhir ketika akan keluar dari program.


Selamat Mencoba,  Semoga Berhasil !!
Terima kasih telah membaca artikel tentang Membuat Aplikasi Multimedia (Pemutar Musik) pada Platform Android dengan Menggunakan Eclipse di blog gOOGLinG... jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Amad Soleht | Business Online Intrepreneur | Business ~ Online Intrepreneur | www.amadsoleh.com

1 komentar :